From 8ab5b8ad723809f0fe9b25c89cdec1b7d5eb657a Mon Sep 17 00:00:00 2001 From: Aleksandra Troitskaya Date: Thu, 21 Sep 2023 06:57:51 +0200 Subject: [PATCH] LITE-28565: Add pricelists to request create wizard --- ...eployment-details.b0d7de95e55401ae12ca.js} | 0 ...9b74b.js => index.ab2a9c611cfbbcb19f36.js} | 93 +++++++- ...487.css => index.ff1a8646fa4bbd4febc0.css} | 16 ++ connect_ext_ppr/static/index.html | 2 +- ...> request-details.4603b974f1f1b0a7f6bd.js} | 0 ui/src/components/CheckboxTable.vue | 24 ++- .../MarketplacesTab.vue | 3 +- .../PricingTab.vue | 200 ++++++++++++++++++ .../CreateDeploymentRequestDialog/index.vue | 22 +- ui/src/utils.js | 2 + 10 files changed, 346 insertions(+), 16 deletions(-) rename connect_ext_ppr/static/{deployment-details.c065cdac56998d6d5ef2.js => deployment-details.b0d7de95e55401ae12ca.js} (100%) rename connect_ext_ppr/static/{index.b74401130aa96499b74b.js => index.ab2a9c611cfbbcb19f36.js} (94%) rename connect_ext_ppr/static/{index.7f54bf0dcbb9dc626487.css => index.ff1a8646fa4bbd4febc0.css} (98%) rename connect_ext_ppr/static/{request-details.a71d53c1ce23a03f8cd1.js => request-details.4603b974f1f1b0a7f6bd.js} (100%) create mode 100644 ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue diff --git a/connect_ext_ppr/static/deployment-details.c065cdac56998d6d5ef2.js b/connect_ext_ppr/static/deployment-details.b0d7de95e55401ae12ca.js similarity index 100% rename from connect_ext_ppr/static/deployment-details.c065cdac56998d6d5ef2.js rename to connect_ext_ppr/static/deployment-details.b0d7de95e55401ae12ca.js diff --git a/connect_ext_ppr/static/index.b74401130aa96499b74b.js b/connect_ext_ppr/static/index.ab2a9c611cfbbcb19f36.js similarity index 94% rename from connect_ext_ppr/static/index.b74401130aa96499b74b.js rename to connect_ext_ppr/static/index.ab2a9c611cfbbcb19f36.js index f091783..fa6d376 100644 --- a/connect_ext_ppr/static/index.b74401130aa96499b74b.js +++ b/connect_ext_ppr/static/index.ab2a9c611cfbbcb19f36.js @@ -64,6 +64,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr /***/ }), +/***/ "./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=style&index=0&id=506812c9&lang=stylus&": +/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=style&index=0&id=506812c9&lang=stylus& ***! + \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options"); + +/***/ }), + /***/ "./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue?vue&type=style&index=0&id=4402e027&lang=stylus&": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue?vue&type=style&index=0&id=4402e027&lang=stylus& ***! @@ -389,7 +400,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/cDataTable.vue */ \"./ui/src/components/cDataTable.vue\");\n/* harmony import */ var _components_cCheckbox_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cCheckbox.vue */ \"./ui/src/components/cCheckbox.vue\");\n/* harmony import */ var _components_cSearch_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/cSearch.vue */ \"./ui/src/components/cSearch.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_3__[\"default\"])([\n { prop: 'value', local: 'localValue' },\n { prop: 'search', local: 'localSearch' },\n { prop: 'isAllSelected', local: 'localIsAllSelected' },\n ])],\n\n components: {\n cDataTable: _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n cCheckbox: _components_cCheckbox_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n cSearch: _components_cSearch_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n },\n\n props: {\n value: {\n type: Array,\n default: () => [],\n },\n\n valueProp: {\n type: String,\n default: 'id',\n },\n\n loading: Boolean,\n title: String,\n prepareRow: Function,\n headers: {\n type: Array,\n required: true,\n },\n\n includeAll: Boolean,\n isAllSelected: Boolean,\n items: {\n type: Array,\n default: () => [],\n },\n\n search: String,\n },\n\n data: () => ({\n localValue: [],\n localSearch: '',\n localIsAllSelected: false,\n }),\n\n computed: {\n processedHeaders: ({ headers }) => [\n ...headers,\n {\n notResizable: true,\n text: '',\n value: 'radio',\n width: 24,\n },\n ],\n\n computedItems: ({ items, includeAll }) => {\n if (includeAll) return [{ type: 'all' }, ...items];\n\n return items;\n },\n },\n\n methods: {\n toggleSelected(value) {\n const index = this.localValue.indexOf(value);\n\n if (index > -1) {\n this.localValue.splice(index, 1);\n } else {\n this.localValue.push(value);\n }\n },\n },\n\n watch: {\n isAllSelected(v) {\n if (v) {\n this.localValue = this.items.map(item => item[this.valueProp]);\n } else {\n this.localValue = [];\n }\n },\n },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CheckboxTable.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ramda */ \"./node_modules/ramda/es/index.js\");\n/* harmony import */ var _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cDataTable.vue */ \"./ui/src/components/cDataTable.vue\");\n/* harmony import */ var _components_cCheckbox_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/cCheckbox.vue */ \"./ui/src/components/cCheckbox.vue\");\n/* harmony import */ var _components_cSearch_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~components/cSearch.vue */ \"./ui/src/components/cSearch.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_4__[\"default\"])([\n { prop: 'value', local: 'localValue' },\n { prop: 'search', local: 'localSearch' },\n { prop: 'isAllSelected', local: 'localIsAllSelected' },\n ])],\n\n components: {\n cDataTable: _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n cCheckbox: _components_cCheckbox_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n cSearch: _components_cSearch_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n },\n\n props: {\n value: {\n type: Array,\n default: () => [],\n },\n\n valueProp: {\n type: String,\n default: 'id',\n },\n\n loading: Boolean,\n title: String,\n prepareRow: Function,\n headers: {\n type: Array,\n required: true,\n },\n\n includeAll: Boolean,\n isAllSelected: Boolean,\n items: {\n type: Array,\n default: () => [],\n },\n\n search: String,\n returnObject: Boolean,\n },\n\n data: () => ({\n localValue: [],\n localSearch: '',\n localIsAllSelected: false,\n }),\n\n computed: {\n processedHeaders: ({ headers }) => [\n ...headers,\n {\n notResizable: true,\n text: '',\n value: 'radio',\n width: 24,\n },\n ],\n\n computedItems: ({ items, includeAll }) => {\n if (includeAll) return [{ type: 'all' }, ...items];\n\n return items;\n },\n },\n\n methods: {\n isChecked(item) {\n return this.returnObject\n ? (0,ramda__WEBPACK_IMPORTED_MODULE_0__.includes)(item, this.localValue)\n : (0,ramda__WEBPACK_IMPORTED_MODULE_0__.includes)(item[this.valueProp], this.localValue);\n },\n\n toggleSelected(value) {\n const currentValue = (this.returnObject) ? value : value[this.valueProp];\n\n const index = this.localValue.indexOf(currentValue);\n\n if (index > -1) {\n this.localValue.splice(index, 1);\n } else {\n this.localValue.push(currentValue);\n }\n },\n },\n\n watch: {\n isAllSelected(v) {\n if (v) {\n this.localValue = (this.returnObject)\n ? this.items : this.items.map(item => item[this.valueProp]);\n } else {\n this.localValue = [];\n }\n },\n },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CheckboxTable.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options"); /***/ }), @@ -433,7 +444,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _components_CheckboxTable_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/CheckboxTable.vue */ \"./ui/src/components/CheckboxTable.vue\");\n/* harmony import */ var _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/DetailItem.vue */ \"./ui/src/components/DetailItem.vue\");\n/* harmony import */ var _components_Pic_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/Pic.vue */ \"./ui/src/components/Pic.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_3__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n components: {\n DetailItem: _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n CheckboxTable: _components_CheckboxTable_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n Pic: _components_Pic_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n },\n\n props: {\n value: {\n type: Object,\n default: () => ({}),\n },\n\n deploymentId: String,\n },\n\n data: () => ({\n localValue: {},\n selectedMarketplaces: [],\n isAllSelected: false,\n searchValue: '',\n marketplaces: [],\n loading: false,\n headers: [\n {\n text: 'Marketplace',\n value: 'marketplace',\n align: 'left',\n },\n {\n text: 'External ID',\n value: 'externalId',\n align: 'left',\n },\n {\n text: 'Applied PPR',\n value: 'appliedPpr',\n align: 'left',\n },\n ],\n }),\n\n computed: {\n filteredMarketplaces: ({ marketplaces, searchValue }) => {\n const lowerCaseSearch = searchValue.toLowerCase();\n\n return marketplaces.filter(({ id, name }) => name.toLowerCase().includes(lowerCaseSearch)\n || id.toLowerCase().includes(lowerCaseSearch));\n },\n },\n\n methods: {\n prepareRow(item) {\n return {\n id: item.id,\n name: item.name,\n icon: item.icon,\n externalId: item.external_id,\n appliedPprVersion: item.ppr?.version || 0,\n };\n },\n },\n\n watch: {\n selectedMarketplaces: {\n deep: true,\n immediate: true,\n handler(val) {\n this.$set(this.localValue, 'choices', val.map(id => ({ id })));\n },\n },\n\n isAllSelected: {\n immediate: true,\n handler(val) {\n this.$set(this.localValue, 'all', val);\n },\n },\n },\n\n async created() {\n try {\n this.loading = true;\n this.marketplaces = await (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getDeploymentMarketplaces)(this.deploymentId);\n } catch (e) {\n this.marketplaces = [];\n this.$emit('error', e);\n } finally {\n this.loading = false;\n }\n },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _components_CheckboxTable_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/CheckboxTable.vue */ \"./ui/src/components/CheckboxTable.vue\");\n/* harmony import */ var _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/DetailItem.vue */ \"./ui/src/components/DetailItem.vue\");\n/* harmony import */ var _components_Pic_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/Pic.vue */ \"./ui/src/components/Pic.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_3__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n components: {\n DetailItem: _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n CheckboxTable: _components_CheckboxTable_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n Pic: _components_Pic_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n },\n\n props: {\n value: {\n type: Object,\n default: () => ({}),\n },\n\n deploymentId: String,\n },\n\n data: () => ({\n localValue: {},\n selectedMarketplaces: [],\n isAllSelected: false,\n searchValue: '',\n marketplaces: [],\n loading: false,\n headers: [\n {\n text: 'Marketplace',\n value: 'marketplace',\n align: 'left',\n },\n {\n text: 'External ID',\n value: 'externalId',\n align: 'left',\n },\n {\n text: 'Applied PPR',\n value: 'appliedPpr',\n align: 'left',\n },\n ],\n }),\n\n computed: {\n filteredMarketplaces: ({ marketplaces, searchValue }) => {\n const lowerCaseSearch = searchValue.toLowerCase();\n\n return marketplaces.filter(({ id, name }) => name.toLowerCase().includes(lowerCaseSearch)\n || id.toLowerCase().includes(lowerCaseSearch));\n },\n },\n\n methods: {\n prepareRow(item) {\n return {\n id: item.id,\n name: item.name,\n icon: item.icon,\n externalId: item.external_id,\n appliedPprVersion: item.ppr?.version || 0,\n };\n },\n },\n\n watch: {\n selectedMarketplaces: {\n deep: true,\n immediate: true,\n handler(val) {\n this.$set(this.localValue, 'choices', val);\n },\n },\n\n isAllSelected: {\n immediate: true,\n handler(val) {\n this.$set(this.localValue, 'all', val);\n },\n },\n },\n\n async created() {\n try {\n this.loading = true;\n this.marketplaces = await (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getDeploymentMarketplaces)(this.deploymentId);\n } catch (e) {\n this.marketplaces = [];\n this.$emit('error', e);\n } finally {\n this.loading = false;\n }\n },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options"); /***/ }), @@ -481,6 +492,28 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue": +/*!************************************************************************!*\ + !*** ./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue ***! + \************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _PricingTab_vue_vue_type_template_id_506812c9_lang_pug___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PricingTab.vue?vue&type=template&id=506812c9&lang=pug& */ \"./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=template&id=506812c9&lang=pug&\");\n/* harmony import */ var _PricingTab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PricingTab.vue?vue&type=script&lang=js& */ \"./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=script&lang=js&\");\n/* harmony import */ var _PricingTab_vue_vue_type_style_index_0_id_506812c9_lang_stylus___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PricingTab.vue?vue&type=style&index=0&id=506812c9&lang=stylus& */ \"./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=style&index=0&id=506812c9&lang=stylus&\");\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n;\n\n\n/* normalize component */\n\nvar component = (0,_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(\n _PricingTab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n _PricingTab_vue_vue_type_template_id_506812c9_lang_pug___WEBPACK_IMPORTED_MODULE_0__.render,\n _PricingTab_vue_vue_type_template_id_506812c9_lang_pug___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue\"\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports);\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?"); + +/***/ }), + +/***/ "./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=script&lang=js&": +/*!************************************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=script&lang=js& ***! + \************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _cloudblueconnect_material_svg_baseline__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @cloudblueconnect/material-svg/baseline */ \"./node_modules/@cloudblueconnect/material-svg/icons/google/arrow_drop_down/baseline.svg\");\n/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ramda */ \"./node_modules/ramda/es/index.js\");\n/* harmony import */ var _components_cButton_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cButton.vue */ \"./ui/src/components/cButton.vue\");\n/* harmony import */ var _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~components/cDataTable.vue */ \"./ui/src/components/cDataTable.vue\");\n/* harmony import */ var _components_cMenu_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ~components/cMenu.vue */ \"./ui/src/components/cMenu.vue\");\n/* harmony import */ var _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ~components/DetailItem.vue */ \"./ui/src/components/DetailItem.vue\");\n/* harmony import */ var _components_Pic_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ~components/Pic.vue */ \"./ui/src/components/Pic.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_6__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n components: {\n cButton: _components_cButton_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n cDataTable: _components_cDataTable_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n cMenu: _components_cMenu_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n DetailItem: _components_DetailItem_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n Pic: _components_Pic_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n },\n\n props: {\n value: {\n type: Array,\n default: () => [],\n },\n\n marketplaces: {\n type: Array,\n required: true,\n },\n\n deploymentId: String,\n },\n\n data: () => ({\n localValue: [],\n marketplacesWithPriceLists: [],\n loading: false,\n icons: {\n googleArrowDropDownBaseline: _cloudblueconnect_material_svg_baseline__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n },\n\n headers: [\n {\n text: 'Marketplace',\n value: 'marketplace',\n align: 'left',\n },\n {\n text: 'Pricing stream batch',\n value: 'pricing',\n align: 'left',\n width: 266,\n },\n ],\n }),\n\n methods: {\n prepareRow(item) {\n return {\n id: item.id,\n name: item.name,\n icon: item.icon,\n batches: item.batches,\n pricelist: item.batches[0],\n };\n },\n\n setBatch(batch, marketplace) {\n const index = (0,ramda__WEBPACK_IMPORTED_MODULE_0__.findIndex)((0,ramda__WEBPACK_IMPORTED_MODULE_0__.propEq)(marketplace.id, 'id'), this.localValue);\n this.localValue[index].pricelist = (0,ramda__WEBPACK_IMPORTED_MODULE_0__.pick)(['id', 'name'], batch);\n },\n },\n\n async created() {\n this.localValue = this.marketplaces;\n try {\n this.loading = true;\n const batchesList = await (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getDeploymentBatches)(this.deploymentId);\n const getBatchesForMarketplace = item => ({\n ...item,\n batches: (0,ramda__WEBPACK_IMPORTED_MODULE_0__.filter)((0,ramda__WEBPACK_IMPORTED_MODULE_0__.pathEq)(item.id, ['stream', 'context', 'marketplace', 'id']))(batchesList),\n });\n this.marketplacesWithPriceLists = (0,ramda__WEBPACK_IMPORTED_MODULE_0__.map)(getBatchesForMarketplace, this.marketplaces);\n } catch (e) {\n this.$emit('error', e);\n } finally {\n this.loading = false;\n }\n },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options"); + +/***/ }), + /***/ "./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue": /*!*************************************************************************!*\ !*** ./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue ***! @@ -543,7 +576,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _components_cDialog_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ~components/cDialog.vue */ \"./ui/src/components/cDialog.vue\");\n/* harmony import */ var _HubsTab_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./HubsTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/HubsTab.vue\");\n/* harmony import */ var _MarketplacesTab_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MarketplacesTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue\");\n/* harmony import */ var _OptionsTab_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./OptionsTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/OptionsTab.vue\");\n/* harmony import */ var _ProductsTab_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ProductsTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue\");\n/* harmony import */ var _PprTab_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PprTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/PprTab.vue\");\n/* harmony import */ var _SummaryTab_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SummaryTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/SummaryTab.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst defaultForm = () => ({\n product: {},\n hub: {},\n ppr: {},\n marketplaces: {\n choices: [],\n all: false,\n },\n options: {\n manual: false,\n delegate: false,\n },\n});\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_7__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n components: {\n cDialog: _components_cDialog_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n HubsTab: _HubsTab_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n MarketplacesTab: _MarketplacesTab_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n OptionsTab: _OptionsTab_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n ProductsTab: _ProductsTab_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n PprTab: _PprTab_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n SummaryTab: _SummaryTab_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n },\n\n props: {\n value: Boolean,\n deployment: {\n type: Object,\n default: () => null,\n },\n },\n\n data: () => ({\n localValue: false,\n currentTab: null,\n form: defaultForm(),\n createdRequest: null,\n localDeployment: null,\n errorText: '',\n }),\n\n computed: {\n tabs: vm => [\n {\n key: 'product',\n label: 'Product',\n assistiveText: vm.form.product?.name,\n },\n {\n key: 'hub',\n label: 'Hub',\n assistiveText: vm.form.hub?.name,\n },\n {\n key: 'ppr',\n label: 'PPR',\n assistiveText: vm.form.ppr?.version ? `Version ${vm.form.ppr.version}` : undefined,\n },\n {\n key: 'marketplaces',\n label: 'Marketplaces',\n assistiveText: vm.form.marketplaces.all ? 'All' : vm.form.marketplaces?.choices.map(mp => mp.id).join(', '),\n },\n {\n key: 'options',\n label: 'Options',\n },\n {\n key: 'summary',\n label: 'Summary',\n },\n ],\n\n currentStep: vm => vm.tabs.findIndex(tab => tab.key === vm.currentTab?.key) + 1,\n\n currentStepText: ({ currentStep, isLastStep }) => (isLastStep ? 'Summary' : `Step ${currentStep}`),\n isLastStep: ({ tabs, currentStep }) => currentStep === tabs.length,\n isFirstStep: ({ currentStep }) => currentStep === 1,\n isPreviousToLastStep: ({ tabs, currentStep }) => currentStep === tabs.length - 1,\n\n isCurrentTabValid: vm => {\n const key = vm.currentTab?.key;\n const currentTabForm = vm.form[key];\n\n if (!key || !currentTabForm) return false;\n\n if (key === 'product' || key === 'hub') return !!currentTabForm.id;\n if (key === 'ppr') return !!currentTabForm.version;\n if (key === 'marketplaces') return !!currentTabForm.all || !!currentTabForm.choices.length;\n\n return true;\n },\n\n defaultTabActions: vm => [\n {\n label: 'Cancel',\n closeAfterHandle: true,\n color: '#212121',\n },\n { type: 'spacer' },\n {\n label: 'Back',\n handler: vm.goToPreviousStep,\n disabled: vm.isFirstStep,\n closeAfterHandle: false,\n color: '#212121',\n },\n {\n label: vm.isPreviousToLastStep ? 'Create' : 'Next',\n handler: vm.nextStepHandler,\n disabled: !vm.isCurrentTabValid,\n closeAfterHandle: false,\n color: '#2C98F0',\n },\n ],\n\n nextStepHandler: vm => {\n // Create deployment request before summary tab\n if (vm.isPreviousToLastStep) return vm.createDeploymentRequest;\n // Fetch deployment after we get product and hub\n if (vm.currentTab?.key === 'hub') return vm.fetchDeployment;\n\n return vm.goToNextStep;\n },\n\n summaryTabActions: vm => [\n {\n label: 'Go to details',\n handler: vm.goToDetails,\n closeAfterHandle: true,\n color: '#212121',\n },\n {\n label: 'Close',\n handler: () => vm.$emit('request-created'),\n closeAfterHandle: true,\n color: '#212121',\n },\n ],\n\n currentTabActions: vm => (vm.isLastStep ? vm.summaryTabActions : vm.defaultTabActions),\n },\n\n methods: {\n goToPreviousStep() {\n this.$refs.dialog.previousStep();\n },\n\n goToNextStep() {\n this.$refs.dialog.nextStep();\n },\n\n async createDeploymentRequest() {\n this.createdRequest = await (0,_utils__WEBPACK_IMPORTED_MODULE_8__.createDeploymentRequest)({\n marketplaces: this.form.marketplaces.choices,\n deployment: { id: this.localDeployment.id },\n ppr: { id: this.form.ppr.id },\n manually: this.form.options.manual,\n delegate_l2: this.form.options.delegate,\n });\n\n this.goToNextStep();\n },\n\n async fetchDeployment() {\n if (this.deployment) return;\n\n [this.localDeployment] = await (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getDeployments)({\n hubId: this.form.hub.id,\n productId: this.form.product.id,\n });\n\n this.goToNextStep();\n },\n\n goToDetails() {\n this.$router.push({ name: 'RequestDetails', params: { id: this.createdRequest.id } });\n },\n\n onTabChange(tab) {\n this.currentTab = tab;\n },\n\n setError(e) {\n this.errorText = e.message;\n },\n },\n\n watch: {\n async localValue(v) {\n if (!v) {\n this.form = defaultForm();\n } else if (this.deployment) {\n this.localDeployment = this.deployment;\n this.form.hub = this.deployment.hub;\n this.form.product = this.deployment.product;\n\n await this.$nextTick();\n this.$refs.dialog.activeTab = 'ppr';\n }\n },\n },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/index.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ramda */ \"./node_modules/ramda/es/index.js\");\n/* harmony import */ var _components_cDialog_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~components/cDialog.vue */ \"./ui/src/components/cDialog.vue\");\n/* harmony import */ var _HubsTab_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./HubsTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/HubsTab.vue\");\n/* harmony import */ var _MarketplacesTab_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MarketplacesTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue\");\n/* harmony import */ var _OptionsTab_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./OptionsTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/OptionsTab.vue\");\n/* harmony import */ var _PricingTab_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PricingTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue\");\n/* harmony import */ var _ProductsTab_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ProductsTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue\");\n/* harmony import */ var _PprTab_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./PprTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/PprTab.vue\");\n/* harmony import */ var _SummaryTab_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./SummaryTab.vue */ \"./ui/src/components/CreateDeploymentRequestDialog/SummaryTab.vue\");\n/* harmony import */ var _mixins_sync__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ~mixins/sync */ \"./ui/src/tools/mixins/sync.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @/utils */ \"./ui/src/utils.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst defaultForm = () => ({\n product: {},\n hub: {},\n ppr: {},\n marketplaces: {\n choices: [],\n all: false,\n },\n pricing: [],\n options: {\n manual: false,\n delegate: false,\n },\n});\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n mixins: [(0,_mixins_sync__WEBPACK_IMPORTED_MODULE_9__[\"default\"])([{ prop: 'value', local: 'localValue' }])],\n\n components: {\n cDialog: _components_cDialog_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n HubsTab: _HubsTab_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n MarketplacesTab: _MarketplacesTab_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n OptionsTab: _OptionsTab_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n PricingTab: _PricingTab_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n ProductsTab: _ProductsTab_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n PprTab: _PprTab_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n SummaryTab: _SummaryTab_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n },\n\n props: {\n value: Boolean,\n deployment: {\n type: Object,\n default: () => null,\n },\n },\n\n data: () => ({\n localValue: false,\n currentTab: null,\n form: defaultForm(),\n createdRequest: null,\n localDeployment: null,\n errorText: '',\n }),\n\n computed: {\n tabs: vm => [\n {\n key: 'product',\n label: 'Product',\n assistiveText: vm.form.product?.name,\n },\n {\n key: 'hub',\n label: 'Hub',\n assistiveText: vm.form.hub?.name,\n },\n {\n key: 'ppr',\n label: 'PPR',\n assistiveText: vm.form.ppr?.version ? `Version ${vm.form.ppr.version}` : undefined,\n },\n {\n key: 'marketplaces',\n label: 'Marketplaces',\n assistiveText: vm.form.marketplaces.all ? 'All' : vm.form.marketplaces?.choices.map(mp => mp.id).join(', '),\n },\n {\n key: 'options',\n label: 'Options',\n },\n {\n key: 'pricing',\n label: 'Pricing',\n },\n {\n key: 'summary',\n label: 'Summary',\n },\n ],\n\n currentStep: vm => vm.tabs.findIndex(tab => tab.key === vm.currentTab?.key) + 1,\n\n currentStepText: ({ currentStep, isLastStep }) => (isLastStep ? 'Summary' : `Step ${currentStep}`),\n isLastStep: ({ tabs, currentStep }) => currentStep === tabs.length,\n isFirstStep: ({ currentStep }) => currentStep === 1,\n isPreviousToLastStep: ({ tabs, currentStep }) => currentStep === tabs.length - 1,\n\n isCurrentTabValid: vm => {\n const key = vm.currentTab?.key;\n const currentTabForm = vm.form[key];\n\n if (!key || !currentTabForm) return false;\n\n if (key === 'product' || key === 'hub') return !!currentTabForm.id;\n if (key === 'ppr') return !!currentTabForm.version;\n if (key === 'marketplaces') return !!currentTabForm.all || !!currentTabForm.choices.length;\n\n return true;\n },\n\n defaultTabActions: vm => [\n {\n label: 'Cancel',\n closeAfterHandle: true,\n color: '#212121',\n },\n { type: 'spacer' },\n {\n label: 'Back',\n handler: vm.goToPreviousStep,\n disabled: vm.isFirstStep,\n closeAfterHandle: false,\n color: '#212121',\n },\n {\n label: vm.isPreviousToLastStep ? 'Create' : 'Next',\n handler: vm.nextStepHandler,\n disabled: !vm.isCurrentTabValid,\n closeAfterHandle: false,\n color: '#2C98F0',\n },\n ],\n\n nextStepHandler: vm => {\n // Create deployment request before summary tab\n if (vm.isPreviousToLastStep) return vm.createDeploymentRequest;\n // Fetch deployment after we get product and hub\n if (vm.currentTab?.key === 'hub') return vm.fetchDeployment;\n\n return vm.goToNextStep;\n },\n\n summaryTabActions: vm => [\n {\n label: 'Go to details',\n handler: vm.goToDetails,\n closeAfterHandle: true,\n color: '#212121',\n },\n {\n label: 'Close',\n handler: () => vm.$emit('request-created'),\n closeAfterHandle: true,\n color: '#212121',\n },\n ],\n\n currentTabActions: vm => (vm.isLastStep ? vm.summaryTabActions : vm.defaultTabActions),\n },\n\n methods: {\n goToPreviousStep() {\n this.$refs.dialog.previousStep();\n },\n\n goToNextStep() {\n this.$refs.dialog.nextStep();\n },\n\n async createDeploymentRequest() {\n this.createdRequest = await (0,_utils__WEBPACK_IMPORTED_MODULE_10__.createDeploymentRequest)({\n marketplaces: (0,ramda__WEBPACK_IMPORTED_MODULE_0__.map)((0,ramda__WEBPACK_IMPORTED_MODULE_0__.pick)(['id', 'pricelist']), this.form.marketplaces.choices),\n deployment: { id: this.localDeployment.id },\n ppr: { id: this.form.ppr.id },\n manually: this.form.options.manual,\n delegate_l2: this.form.options.delegate,\n });\n\n this.goToNextStep();\n },\n\n async fetchDeployment() {\n if (this.deployment) return;\n\n [this.localDeployment] = await (0,_utils__WEBPACK_IMPORTED_MODULE_10__.getDeployments)({\n hubId: this.form.hub.id,\n productId: this.form.product.id,\n });\n\n this.goToNextStep();\n },\n\n goToDetails() {\n this.$router.push({ name: 'RequestDetails', params: { id: this.createdRequest.id } });\n },\n\n onTabChange(tab) {\n this.currentTab = tab;\n },\n\n setError(e) {\n this.errorText = e.message;\n },\n },\n\n watch: {\n async localValue(v) {\n if (!v) {\n this.form = defaultForm();\n } else if (this.deployment) {\n this.localDeployment = this.deployment;\n this.form.hub = this.deployment.hub;\n this.form.product = this.deployment.product;\n\n await this.$nextTick();\n this.$refs.dialog.activeTab = 'ppr';\n }\n },\n },\n});\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/index.vue?./node_modules/vue-loader/lib/index.js??vue-loader-options"); /***/ }), @@ -1229,6 +1262,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod /***/ }), +/***/ "./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=style&index=0&id=506812c9&lang=stylus&": +/*!************************************************************************************************************************!*\ + !*** ./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=style&index=0&id=506812c9&lang=stylus& ***! + \************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_node_modules_stylus_loader_dist_cjs_js_node_modules_vue_loader_lib_index_js_vue_loader_options_PricingTab_vue_vue_type_style_index_0_id_506812c9_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js!../../../../node_modules/stylus-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PricingTab.vue?vue&type=style&index=0&id=506812c9&lang=stylus& */ \"./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=style&index=0&id=506812c9&lang=stylus&\");\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?"); + +/***/ }), + /***/ "./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue?vue&type=style&index=0&id=4402e027&lang=stylus&": /*!*************************************************************************************************************************!*\ !*** ./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue?vue&type=style&index=0&id=4402e027&lang=stylus& ***! @@ -1570,6 +1614,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=script&lang=js&": +/*!*************************************************************************************************!*\ + !*** ./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=script&lang=js& ***! + \*************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_vue_loader_lib_index_js_vue_loader_options_PricingTab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PricingTab.vue?vue&type=script&lang=js& */ \"./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=script&lang=js&\");\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_vue_loader_lib_index_js_vue_loader_options_PricingTab_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"]); \n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?"); + +/***/ }), + /***/ "./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue?vue&type=script&lang=js&": /*!**************************************************************************************************!*\ !*** ./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue?vue&type=script&lang=js& ***! @@ -1977,6 +2032,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=template&id=506812c9&lang=pug&": +/*!****************************************************************************************************************!*\ + !*** ./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=template&id=506812c9&lang=pug& ***! + \****************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_ruleSet_1_rules_1_node_modules_pug_plain_loader_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_PricingTab_vue_vue_type_template_id_506812c9_lang_pug___WEBPACK_IMPORTED_MODULE_0__.render),\n/* harmony export */ staticRenderFns: () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_ruleSet_1_rules_1_node_modules_pug_plain_loader_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_PricingTab_vue_vue_type_template_id_506812c9_lang_pug___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns)\n/* harmony export */ });\n/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_ruleSet_1_rules_1_node_modules_pug_plain_loader_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_PricingTab_vue_vue_type_template_id_506812c9_lang_pug___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!../../../../node_modules/pug-plain-loader/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PricingTab.vue?vue&type=template&id=506812c9&lang=pug& */ \"./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=template&id=506812c9&lang=pug&\");\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?"); + +/***/ }), + /***/ "./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue?vue&type=template&id=4402e027&lang=pug&": /*!*****************************************************************************************************************!*\ !*** ./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue?vue&type=template&id=4402e027&lang=pug& ***! @@ -2336,7 +2402,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"div\",\n { staticClass: \"checkbox-table\" },\n [\n _c(\"p\", { staticClass: \"checkbox-table__title\" }, [\n _vm._v(_vm._s(_vm.title)),\n ]),\n _c(\"c-search\", {\n staticClass: \"checkbox-table__search\",\n model: {\n value: _vm.localSearch,\n callback: function ($$v) {\n _vm.localSearch = $$v\n },\n expression: \"localSearch\",\n },\n }),\n _c(\"c-data-table\", {\n staticClass: \"checkbox-table__table\",\n attrs: {\n value: _vm.computedItems,\n headers: _vm.processedHeaders,\n \"prepare-row\": _vm.prepareRow,\n updating: _vm.loading,\n \"hide-all-pagination-sections\": \"\",\n \"fix-layout\": \"\",\n },\n scopedSlots: _vm._u([\n {\n key: \"items\",\n fn: function ({ item, row, visibleHeaders }) {\n return [\n _c(\n \"tr\",\n { staticClass: \"table__row hoverable\" },\n [\n item.type === \"all\"\n ? _vm._l(visibleHeaders, function (header, index) {\n return _c(\n \"td\",\n { key: header.value },\n [\n index === 0\n ? _c(\"span\", [_vm._v(\"All\")])\n : _vm._e(),\n header.value === \"radio\"\n ? _c(\"c-checkbox\", {\n model: {\n value: _vm.localIsAllSelected,\n callback: function ($$v) {\n _vm.localIsAllSelected = $$v\n },\n expression: \"localIsAllSelected\",\n },\n })\n : _vm._e(),\n ],\n 1\n )\n })\n : _vm._l(visibleHeaders, function (header) {\n return _c(\n \"td\",\n { key: header.value },\n [\n header.value === \"radio\"\n ? _c(\"c-checkbox\", {\n attrs: {\n value: _vm.localValue.includes(\n row[_vm.valueProp]\n ),\n },\n on: {\n input: function ($event) {\n return _vm.toggleSelected(\n row[_vm.valueProp]\n )\n },\n },\n })\n : _vm._t(header.value, null, { row: row }),\n ],\n 2\n )\n }),\n ],\n 2\n ),\n ]\n },\n },\n ]),\n }),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CheckboxTable.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"div\",\n { staticClass: \"checkbox-table\" },\n [\n _c(\"p\", { staticClass: \"checkbox-table__title\" }, [\n _vm._v(_vm._s(_vm.title)),\n ]),\n _c(\"c-search\", {\n staticClass: \"checkbox-table__search\",\n model: {\n value: _vm.localSearch,\n callback: function ($$v) {\n _vm.localSearch = $$v\n },\n expression: \"localSearch\",\n },\n }),\n _c(\"c-data-table\", {\n staticClass: \"checkbox-table__table\",\n attrs: {\n value: _vm.computedItems,\n headers: _vm.processedHeaders,\n \"prepare-row\": _vm.prepareRow,\n updating: _vm.loading,\n \"hide-all-pagination-sections\": \"\",\n \"fix-layout\": \"\",\n },\n scopedSlots: _vm._u([\n {\n key: \"items\",\n fn: function ({ item, row, visibleHeaders }) {\n return [\n _c(\n \"tr\",\n { staticClass: \"table__row hoverable\" },\n [\n item.type === \"all\"\n ? _vm._l(visibleHeaders, function (header, index) {\n return _c(\n \"td\",\n { key: header.value },\n [\n index === 0\n ? _c(\"span\", [_vm._v(\"All\")])\n : _vm._e(),\n header.value === \"radio\"\n ? _c(\"c-checkbox\", {\n model: {\n value: _vm.localIsAllSelected,\n callback: function ($$v) {\n _vm.localIsAllSelected = $$v\n },\n expression: \"localIsAllSelected\",\n },\n })\n : _vm._e(),\n ],\n 1\n )\n })\n : _vm._l(visibleHeaders, function (header) {\n return _c(\n \"td\",\n { key: header.value },\n [\n header.value === \"radio\"\n ? _c(\"c-checkbox\", {\n attrs: { value: _vm.isChecked(item) },\n on: {\n input: function ($event) {\n return _vm.toggleSelected(row)\n },\n },\n })\n : _vm._t(header.value, null, { row: row }),\n ],\n 2\n )\n }),\n ],\n 2\n ),\n ]\n },\n },\n ]),\n }),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CheckboxTable.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options"); /***/ }), @@ -2358,7 +2424,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"checkbox-table\", {\n staticClass: \"marketplaces-tab\",\n attrs: {\n headers: _vm.headers,\n items: _vm.filteredMarketplaces,\n loading: _vm.loading,\n \"prepare-row\": _vm.prepareRow,\n search: _vm.searchValue,\n \"is-all-selected\": _vm.isAllSelected,\n title: \"Select Marketplaces\",\n \"include-all\": \"\",\n },\n on: {\n \"update:search\": function ($event) {\n _vm.searchValue = $event\n },\n \"update:isAllSelected\": function ($event) {\n _vm.isAllSelected = $event\n },\n \"update:is-all-selected\": function ($event) {\n _vm.isAllSelected = $event\n },\n },\n scopedSlots: _vm._u([\n {\n key: \"marketplace\",\n fn: function ({ row }) {\n return [\n _c(\"detail-item\", {\n staticClass: \"hub-tab__detail\",\n scopedSlots: _vm._u(\n [\n {\n key: \"image\",\n fn: function () {\n return [\n _c(\"pic\", {\n staticClass: \"object-image\",\n attrs: {\n src: row.icon,\n width: 32,\n height: 32,\n size: \"contain\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"body-text\",\n fn: function () {\n return [\n _c(\"div\", { staticClass: \"truncate-text\" }, [\n _c(\"span\", [_vm._v(_vm._s(row.name))]),\n ]),\n ]\n },\n proxy: true,\n },\n {\n key: \"assistive-text\",\n fn: function () {\n return [_c(\"span\", [_vm._v(_vm._s(row.id))])]\n },\n proxy: true,\n },\n ],\n null,\n true\n ),\n }),\n ]\n },\n },\n {\n key: \"externalId\",\n fn: function ({ row }) {\n return [\n row.externalId\n ? _c(\"span\", [_vm._v(_vm._s(row.externalId))])\n : _c(\"span\", { staticClass: \"assistive-text\" }, [_vm._v(\"–\")]),\n ]\n },\n },\n {\n key: \"appliedPpr\",\n fn: function ({ row }) {\n return [\n row.appliedPprVersion\n ? _c(\"span\", [_vm._v(\"Version \" + _vm._s(row.appliedPprVersion))])\n : _c(\"span\", { staticClass: \"assistive-text\" }, [_vm._v(\"–\")]),\n ]\n },\n },\n ]),\n model: {\n value: _vm.selectedMarketplaces,\n callback: function ($$v) {\n _vm.selectedMarketplaces = $$v\n },\n expression: \"selectedMarketplaces\",\n },\n })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"checkbox-table\", {\n staticClass: \"marketplaces-tab\",\n attrs: {\n headers: _vm.headers,\n items: _vm.filteredMarketplaces,\n loading: _vm.loading,\n \"prepare-row\": _vm.prepareRow,\n search: _vm.searchValue,\n \"is-all-selected\": _vm.isAllSelected,\n title: \"Select Marketplaces\",\n \"include-all\": \"\",\n \"return-object\": \"\",\n },\n on: {\n \"update:search\": function ($event) {\n _vm.searchValue = $event\n },\n \"update:isAllSelected\": function ($event) {\n _vm.isAllSelected = $event\n },\n \"update:is-all-selected\": function ($event) {\n _vm.isAllSelected = $event\n },\n },\n scopedSlots: _vm._u([\n {\n key: \"marketplace\",\n fn: function ({ row }) {\n return [\n _c(\"detail-item\", {\n staticClass: \"hub-tab__detail\",\n scopedSlots: _vm._u(\n [\n {\n key: \"image\",\n fn: function () {\n return [\n _c(\"pic\", {\n staticClass: \"object-image\",\n attrs: {\n src: row.icon,\n width: 32,\n height: 32,\n size: \"contain\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"body-text\",\n fn: function () {\n return [\n _c(\"div\", { staticClass: \"truncate-text\" }, [\n _c(\"span\", [_vm._v(_vm._s(row.name))]),\n ]),\n ]\n },\n proxy: true,\n },\n {\n key: \"assistive-text\",\n fn: function () {\n return [_c(\"span\", [_vm._v(_vm._s(row.id))])]\n },\n proxy: true,\n },\n ],\n null,\n true\n ),\n }),\n ]\n },\n },\n {\n key: \"externalId\",\n fn: function ({ row }) {\n return [\n row.externalId\n ? _c(\"span\", [_vm._v(_vm._s(row.externalId))])\n : _c(\"span\", { staticClass: \"assistive-text\" }, [_vm._v(\"–\")]),\n ]\n },\n },\n {\n key: \"appliedPpr\",\n fn: function ({ row }) {\n return [\n row.appliedPprVersion\n ? _c(\"span\", [_vm._v(\"Version \" + _vm._s(row.appliedPprVersion))])\n : _c(\"span\", { staticClass: \"assistive-text\" }, [_vm._v(\"–\")]),\n ]\n },\n },\n ]),\n model: {\n value: _vm.selectedMarketplaces,\n callback: function ($$v) {\n _vm.selectedMarketplaces = $$v\n },\n expression: \"selectedMarketplaces\",\n },\n })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/MarketplacesTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options"); /***/ }), @@ -2384,6 +2450,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=template&id=506812c9&lang=pug&": +/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=template&id=506812c9&lang=pug& ***! + \*************************************************************************************************************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"div\",\n { staticClass: \"pricing-tab\" },\n [\n _c(\"p\", { staticClass: \"pricing-tab__title\" }, [\n _vm._v(\"Link Pricing Stream Batches to Marketplaces\"),\n ]),\n _c(\"c-data-table\", {\n staticClass: \"pricing-tab__table\",\n attrs: {\n value: _vm.marketplacesWithPriceLists,\n headers: _vm.headers,\n \"prepare-row\": _vm.prepareRow,\n updating: _vm.loading,\n \"hide-all-pagination-sections\": \"\",\n \"fix-layout\": \"\",\n },\n scopedSlots: _vm._u([\n {\n key: \"items\",\n fn: function ({ row, visibleHeaders }) {\n return [\n _c(\n \"tr\",\n { staticClass: \"table__row hoverable\" },\n _vm._l(visibleHeaders, function (header) {\n return _c(\n \"td\",\n { key: header.value },\n [\n header.value === \"marketplace\"\n ? [\n _c(\"detail-item\", {\n staticClass: \"pricing-tab__detail\",\n scopedSlots: _vm._u(\n [\n {\n key: \"image\",\n fn: function () {\n return [\n _c(\"pic\", {\n staticClass: \"object-image\",\n attrs: {\n src: row.icon,\n width: 32,\n height: 32,\n size: \"contain\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"body-text\",\n fn: function () {\n return [\n _c(\n \"div\",\n { staticClass: \"truncate-text\" },\n [\n _c(\"span\", [\n _vm._v(_vm._s(row.name)),\n ]),\n ]\n ),\n ]\n },\n proxy: true,\n },\n {\n key: \"assistive-text\",\n fn: function () {\n return [\n _c(\"span\", [_vm._v(_vm._s(row.id))]),\n ]\n },\n proxy: true,\n },\n ],\n null,\n true\n ),\n }),\n ]\n : header.value === \"pricing\"\n ? [\n row.pricelist\n ? _c(\"c-menu\", {\n attrs: {\n locator: \"batches-list\",\n outline: \"\",\n small: \"\",\n \"min-width\": 266,\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"trigger\",\n fn: function () {\n return [\n _c(\n \"c-button\",\n {\n staticClass:\n \"c-menu-list__open\",\n attrs: {\n locator:\n \"c-menu-list_open-button\",\n small: \"\",\n upperCase: false,\n \"icon-right\":\n _vm.icons\n .googleArrowDropDownBaseline,\n mode: \"outlined\",\n },\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"truncate-text pricing-tab__pricelist\",\n attrs: {\n title:\n row.pricelist.name,\n },\n },\n [\n _vm._v(\n _vm._s(\n row.pricelist.name\n )\n ),\n ]\n ),\n ]\n ),\n ]\n },\n proxy: true,\n },\n {\n key: \"default\",\n fn: function () {\n return _vm._l(\n row.batches,\n function (batch) {\n return _c(\n \"div\",\n { key: batch.id },\n [\n _c(\n \"c-button\",\n {\n attrs: {\n small: \"\",\n \"upper-case\": false,\n },\n on: {\n click: function (\n $event\n ) {\n return _vm.setBatch(\n batch,\n row\n )\n },\n },\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"truncate-text\",\n },\n [\n _vm._v(\n _vm._s(batch.name)\n ),\n ]\n ),\n ]\n ),\n ],\n 1\n )\n }\n )\n },\n proxy: true,\n },\n ],\n null,\n true\n ),\n })\n : _c(\n \"div\",\n { staticClass: \"assistive-color\" },\n [_vm._v(\"—\")]\n ),\n ]\n : _vm._e(),\n ],\n 2\n )\n }),\n 0\n ),\n ]\n },\n },\n ]),\n }),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options"); + +/***/ }), + /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue?vue&type=template&id=4402e027&lang=pug&": /*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[1]!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue?vue&type=template&id=4402e027&lang=pug& ***! @@ -2413,7 +2490,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"c-dialog\", {\n ref: \"dialog\",\n attrs: {\n title: \"Create Deployment Request\",\n actions: _vm.currentTabActions,\n \"error-text\": _vm.errorText,\n status: _vm.currentStepText,\n tabs: _vm.tabs,\n height: \"640px\",\n width: \"800px\",\n \"is-wizard\": \"\",\n },\n on: {\n \"update:errorText\": function ($event) {\n _vm.errorText = $event\n },\n \"update:error-text\": function ($event) {\n _vm.errorText = $event\n },\n \"change-tab\": _vm.onTabChange,\n },\n scopedSlots: _vm._u([\n {\n key: \"product\",\n fn: function () {\n return [\n _c(\"products-tab\", {\n on: { error: _vm.setError },\n model: {\n value: _vm.form.product,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"product\", $$v)\n },\n expression: \"form.product\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"hub\",\n fn: function () {\n return [\n _c(\"hubs-tab\", {\n attrs: { \"product-id\": _vm.form.product?.id },\n on: { error: _vm.setError },\n model: {\n value: _vm.form.hub,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"hub\", $$v)\n },\n expression: \"form.hub\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"ppr\",\n fn: function () {\n return [\n _c(\"ppr-tab\", {\n attrs: { \"deployment-id\": _vm.localDeployment?.id },\n on: { error: _vm.setError },\n model: {\n value: _vm.form.ppr,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"ppr\", $$v)\n },\n expression: \"form.ppr\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"marketplaces\",\n fn: function () {\n return [\n _c(\"marketplaces-tab\", {\n attrs: { \"deployment-id\": _vm.localDeployment?.id },\n on: { error: _vm.setError },\n model: {\n value: _vm.form.marketplaces,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"marketplaces\", $$v)\n },\n expression: \"form.marketplaces\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"options\",\n fn: function () {\n return [\n _c(\"options-tab\", {\n model: {\n value: _vm.form.options,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"options\", $$v)\n },\n expression: \"form.options\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"summary\",\n fn: function () {\n return [\n _c(\"summary-tab\", {\n attrs: {\n \"request-id\": _vm.createdRequest?.id,\n product: _vm.form.product,\n hub: _vm.form.hub,\n ppr: _vm.form.ppr,\n marketplaces: _vm.form.marketplaces,\n options: _vm.form.options,\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n model: {\n value: _vm.localValue,\n callback: function ($$v) {\n _vm.localValue = $$v\n },\n expression: \"localValue\",\n },\n })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/index.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\"c-dialog\", {\n ref: \"dialog\",\n attrs: {\n title: \"Create Deployment Request\",\n actions: _vm.currentTabActions,\n \"error-text\": _vm.errorText,\n status: _vm.currentStepText,\n tabs: _vm.tabs,\n height: \"640px\",\n width: \"800px\",\n \"is-wizard\": \"\",\n },\n on: {\n \"update:errorText\": function ($event) {\n _vm.errorText = $event\n },\n \"update:error-text\": function ($event) {\n _vm.errorText = $event\n },\n \"change-tab\": _vm.onTabChange,\n },\n scopedSlots: _vm._u([\n {\n key: \"product\",\n fn: function () {\n return [\n _c(\"products-tab\", {\n on: { error: _vm.setError },\n model: {\n value: _vm.form.product,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"product\", $$v)\n },\n expression: \"form.product\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"hub\",\n fn: function () {\n return [\n _c(\"hubs-tab\", {\n attrs: { \"product-id\": _vm.form.product?.id },\n on: { error: _vm.setError },\n model: {\n value: _vm.form.hub,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"hub\", $$v)\n },\n expression: \"form.hub\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"ppr\",\n fn: function () {\n return [\n _c(\"ppr-tab\", {\n attrs: { \"deployment-id\": _vm.localDeployment?.id },\n on: { error: _vm.setError },\n model: {\n value: _vm.form.ppr,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"ppr\", $$v)\n },\n expression: \"form.ppr\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"marketplaces\",\n fn: function () {\n return [\n _c(\"marketplaces-tab\", {\n attrs: { \"deployment-id\": _vm.localDeployment?.id },\n on: { error: _vm.setError },\n model: {\n value: _vm.form.marketplaces,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"marketplaces\", $$v)\n },\n expression: \"form.marketplaces\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"options\",\n fn: function () {\n return [\n _c(\"options-tab\", {\n model: {\n value: _vm.form.options,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"options\", $$v)\n },\n expression: \"form.options\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"pricing\",\n fn: function () {\n return [\n _c(\"pricing-tab\", {\n attrs: {\n \"deployment-id\": _vm.localDeployment?.id,\n marketplaces: _vm.form.marketplaces.choices,\n },\n on: { error: _vm.setError },\n model: {\n value: _vm.form.pricing,\n callback: function ($$v) {\n _vm.$set(_vm.form, \"pricing\", $$v)\n },\n expression: \"form.pricing\",\n },\n }),\n ]\n },\n proxy: true,\n },\n {\n key: \"summary\",\n fn: function () {\n return [\n _c(\"summary-tab\", {\n attrs: {\n \"request-id\": _vm.createdRequest?.id,\n product: _vm.form.product,\n hub: _vm.form.hub,\n ppr: _vm.form.ppr,\n marketplaces: _vm.form.marketplaces,\n options: _vm.form.options,\n },\n }),\n ]\n },\n proxy: true,\n },\n ]),\n model: {\n value: _vm.localValue,\n callback: function ($$v) {\n _vm.localValue = $$v\n },\n expression: \"localValue\",\n },\n })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/components/CreateDeploymentRequestDialog/index.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B1%5D!./node_modules/pug-plain-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options"); /***/ }), @@ -2908,7 +2985,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ abortDeploymentRequest: () => (/* binding */ abortDeploymentRequest),\n/* harmony export */ createDeploymentConfigurations: () => (/* binding */ createDeploymentConfigurations),\n/* harmony export */ createDeploymentRequest: () => (/* binding */ createDeploymentRequest),\n/* harmony export */ deleteDeploymentConfiguration: () => (/* binding */ deleteDeploymentConfiguration),\n/* harmony export */ getDeployment: () => (/* binding */ getDeployment),\n/* harmony export */ getDeploymentConfigurations: () => (/* binding */ getDeploymentConfigurations),\n/* harmony export */ getDeploymentMarketplaces: () => (/* binding */ getDeploymentMarketplaces),\n/* harmony export */ getDeploymentRequestFailedTasks: () => (/* binding */ getDeploymentRequestFailedTasks),\n/* harmony export */ getDeploymentRequestMarketplaces: () => (/* binding */ getDeploymentRequestMarketplaces),\n/* harmony export */ getDeploymentRequestTasks: () => (/* binding */ getDeploymentRequestTasks),\n/* harmony export */ getDeploymentRequests: () => (/* binding */ getDeploymentRequests),\n/* harmony export */ getDeployments: () => (/* binding */ getDeployments),\n/* harmony export */ getDeploymentsRequest: () => (/* binding */ getDeploymentsRequest),\n/* harmony export */ getDeploymentsRequests: () => (/* binding */ getDeploymentsRequests),\n/* harmony export */ getPPR: () => (/* binding */ getPPR),\n/* harmony export */ getPPRs: () => (/* binding */ getPPRs),\n/* harmony export */ getProductHubs: () => (/* binding */ getProductHubs),\n/* harmony export */ getProducts: () => (/* binding */ getProducts),\n/* harmony export */ regeneratePPR: () => (/* binding */ regeneratePPR),\n/* harmony export */ retryDeploymentRequest: () => (/* binding */ retryDeploymentRequest),\n/* harmony export */ uploadPPR: () => (/* binding */ uploadPPR)\n/* harmony export */ });\n/* harmony import */ var _tools_rest__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/tools/rest */ \"./ui/src/tools/rest.js\");\n/*\nCopyright (c) 2023, Ingram Micro\nAll rights reserved.\n*/\n\n\n\nconst getDeployments = ({ hubId, productId } = {}) => {\n const queryParams = new URLSearchParams();\n\n if (hubId) queryParams.append('hub_id', hubId);\n if (productId) queryParams.append('product_id', productId);\n\n return _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments?${queryParams.toString()}`);\n};\n\nconst getDeployment = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${id}`);\n\nconst getDeploymentConfigurations = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${id}/configurations`);\n\nconst createDeploymentConfigurations = (id, data) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/${id}/configurations`, data);\n\nconst getPPRs = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${id}/pprs`);\n\nconst getPPR = (deploymentId, id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${deploymentId}/pprs/${id}`);\n\nconst regeneratePPR = id => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/${id}/pprs`, {});\n\nconst deleteDeploymentConfiguration = (deploymentId, configurationId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].delete(`/api/deployments/${deploymentId}/configurations/${configurationId}`);\n\nconst getDeploymentsRequests = () => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get('/api/deployments/requests');\n\nconst getDeploymentRequests = (deploymentId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${deploymentId}/requests`);\n\nconst getDeploymentsRequest = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${id}`);\n\nconst uploadPPR = (deploymentId, {\n id,\n location,\n size,\n name,\n mimeType,\n description,\n}) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/${deploymentId}/pprs`, {\n file: {\n id,\n location,\n size,\n name,\n mime_type: mimeType,\n },\n description,\n});\n\nconst getProducts = () => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get('/api/products');\n\nconst getProductHubs = (productId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/products/${productId}/hubs`);\n\nconst getDeploymentMarketplaces = (deploymentId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${deploymentId}/marketplaces`);\n\nconst getDeploymentRequestMarketplaces = (requestId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${requestId}/marketplaces`);\n\nconst getDeploymentRequestTasks = (requestId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${requestId}/tasks`);\n\nconst getDeploymentRequestFailedTasks = (requestId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${requestId}/tasks?status=error`);\n\nconst createDeploymentRequest = (body) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post('/api/deployments/requests', body);\n\nconst abortDeploymentRequest = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/requests/${id}/abort`);\n\nconst retryDeploymentRequest = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/requests/${id}/retry`);\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/utils.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ abortDeploymentRequest: () => (/* binding */ abortDeploymentRequest),\n/* harmony export */ createDeploymentConfigurations: () => (/* binding */ createDeploymentConfigurations),\n/* harmony export */ createDeploymentRequest: () => (/* binding */ createDeploymentRequest),\n/* harmony export */ deleteDeploymentConfiguration: () => (/* binding */ deleteDeploymentConfiguration),\n/* harmony export */ getDeployment: () => (/* binding */ getDeployment),\n/* harmony export */ getDeploymentBatches: () => (/* binding */ getDeploymentBatches),\n/* harmony export */ getDeploymentConfigurations: () => (/* binding */ getDeploymentConfigurations),\n/* harmony export */ getDeploymentMarketplaces: () => (/* binding */ getDeploymentMarketplaces),\n/* harmony export */ getDeploymentRequestFailedTasks: () => (/* binding */ getDeploymentRequestFailedTasks),\n/* harmony export */ getDeploymentRequestMarketplaces: () => (/* binding */ getDeploymentRequestMarketplaces),\n/* harmony export */ getDeploymentRequestTasks: () => (/* binding */ getDeploymentRequestTasks),\n/* harmony export */ getDeploymentRequests: () => (/* binding */ getDeploymentRequests),\n/* harmony export */ getDeployments: () => (/* binding */ getDeployments),\n/* harmony export */ getDeploymentsRequest: () => (/* binding */ getDeploymentsRequest),\n/* harmony export */ getDeploymentsRequests: () => (/* binding */ getDeploymentsRequests),\n/* harmony export */ getPPR: () => (/* binding */ getPPR),\n/* harmony export */ getPPRs: () => (/* binding */ getPPRs),\n/* harmony export */ getProductHubs: () => (/* binding */ getProductHubs),\n/* harmony export */ getProducts: () => (/* binding */ getProducts),\n/* harmony export */ regeneratePPR: () => (/* binding */ regeneratePPR),\n/* harmony export */ retryDeploymentRequest: () => (/* binding */ retryDeploymentRequest),\n/* harmony export */ uploadPPR: () => (/* binding */ uploadPPR)\n/* harmony export */ });\n/* harmony import */ var _tools_rest__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/tools/rest */ \"./ui/src/tools/rest.js\");\n/*\nCopyright (c) 2023, Ingram Micro\nAll rights reserved.\n*/\n\n\n\nconst getDeployments = ({ hubId, productId } = {}) => {\n const queryParams = new URLSearchParams();\n\n if (hubId) queryParams.append('hub_id', hubId);\n if (productId) queryParams.append('product_id', productId);\n\n return _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments?${queryParams.toString()}`);\n};\n\nconst getDeployment = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${id}`);\n\nconst getDeploymentConfigurations = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${id}/configurations`);\n\nconst createDeploymentConfigurations = (id, data) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/${id}/configurations`, data);\n\nconst getPPRs = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${id}/pprs`);\n\nconst getPPR = (deploymentId, id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${deploymentId}/pprs/${id}`);\n\nconst regeneratePPR = id => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/${id}/pprs`, {});\n\nconst deleteDeploymentConfiguration = (deploymentId, configurationId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].delete(`/api/deployments/${deploymentId}/configurations/${configurationId}`);\n\nconst getDeploymentsRequests = () => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get('/api/deployments/requests');\n\nconst getDeploymentRequests = (deploymentId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${deploymentId}/requests`);\n\nconst getDeploymentsRequest = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${id}`);\n\nconst uploadPPR = (deploymentId, {\n id,\n location,\n size,\n name,\n mimeType,\n description,\n}) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/${deploymentId}/pprs`, {\n file: {\n id,\n location,\n size,\n name,\n mime_type: mimeType,\n },\n description,\n});\n\nconst getProducts = () => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get('/api/products');\n\nconst getProductHubs = (productId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/products/${productId}/hubs`);\n\nconst getDeploymentMarketplaces = (deploymentId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${deploymentId}/marketplaces`);\n\nconst getDeploymentBatches = (deploymentId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/${deploymentId}/pricing/batches`);\n\nconst getDeploymentRequestMarketplaces = (requestId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${requestId}/marketplaces`);\n\nconst getDeploymentRequestTasks = (requestId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${requestId}/tasks`);\n\nconst getDeploymentRequestFailedTasks = (requestId) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(`/api/deployments/requests/${requestId}/tasks?status=error`);\n\nconst createDeploymentRequest = (body) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post('/api/deployments/requests', body);\n\nconst abortDeploymentRequest = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/requests/${id}/abort`);\n\nconst retryDeploymentRequest = (id) => _tools_rest__WEBPACK_IMPORTED_MODULE_0__[\"default\"].post(`/api/deployments/requests/${id}/retry`);\n\n\n//# sourceURL=webpack://connect-extension-xvs/./ui/src/utils.js?"); /***/ }) @@ -3019,7 +3096,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /******/ // This function allow to reference async chunks /******/ __webpack_require__.u = (chunkId) => { /******/ // return url for filenames based on template -/******/ return "" + chunkId + "." + {"deployment-details":"c065cdac56998d6d5ef2","request-details":"a71d53c1ce23a03f8cd1"}[chunkId] + ".js"; +/******/ return "" + chunkId + "." + {"deployment-details":"b0d7de95e55401ae12ca","request-details":"4603b974f1f1b0a7f6bd"}[chunkId] + ".js"; /******/ }; /******/ })(); /******/ diff --git a/connect_ext_ppr/static/index.7f54bf0dcbb9dc626487.css b/connect_ext_ppr/static/index.ff1a8646fa4bbd4febc0.css similarity index 98% rename from connect_ext_ppr/static/index.7f54bf0dcbb9dc626487.css rename to connect_ext_ppr/static/index.ff1a8646fa4bbd4febc0.css index 2414dd9..532aa30 100644 --- a/connect_ext_ppr/static/index.7f54bf0dcbb9dc626487.css +++ b/connect_ext_ppr/static/index.ff1a8646fa4bbd4febc0.css @@ -1828,6 +1828,22 @@ button + .c-text-field__append-inner > svg[data-v-b5bb9caa]:first-child { margin-top: 0; } +/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/PricingTab.vue?vue&type=style&index=0&id=506812c9&lang=stylus& ***! + \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +.pricing-tab__title { + font-size: 18px; + font-weight: 500; + line-height: 24px; + margin-bottom: 24px; +} +.pricing-tab__detail { + margin-top: 0; +} +.pricing-tab__pricelist { + max-width: 226px; +} + /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/CreateDeploymentRequestDialog/ProductsTab.vue?vue&type=style&index=0&id=4402e027&lang=stylus& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ diff --git a/connect_ext_ppr/static/index.html b/connect_ext_ppr/static/index.html index 17d29c1..263cc2c 100644 --- a/connect_ext_ppr/static/index.html +++ b/connect_ext_ppr/static/index.html @@ -12,7 +12,7 @@ Index - +
diff --git a/connect_ext_ppr/static/request-details.a71d53c1ce23a03f8cd1.js b/connect_ext_ppr/static/request-details.4603b974f1f1b0a7f6bd.js similarity index 100% rename from connect_ext_ppr/static/request-details.a71d53c1ce23a03f8cd1.js rename to connect_ext_ppr/static/request-details.4603b974f1f1b0a7f6bd.js diff --git a/ui/src/components/CheckboxTable.vue b/ui/src/components/CheckboxTable.vue index dcd080a..ef80db2 100644 --- a/ui/src/components/CheckboxTable.vue +++ b/ui/src/components/CheckboxTable.vue @@ -32,8 +32,8 @@ ) c-checkbox( v-if="header.value === 'radio'" - :value="localValue.includes(row[valueProp])", - @input="toggleSelected(row[valueProp])", + :value="isChecked(item)", + @input="toggleSelected(row)", ) slot( v-else, @@ -44,6 +44,10 @@ + + diff --git a/ui/src/components/CreateDeploymentRequestDialog/index.vue b/ui/src/components/CreateDeploymentRequestDialog/index.vue index 2e09e41..34340b5 100644 --- a/ui/src/components/CreateDeploymentRequestDialog/index.vue +++ b/ui/src/components/CreateDeploymentRequestDialog/index.vue @@ -42,6 +42,14 @@ c-dialog( template(#options="") options-tab(v-model="form.options") + template(#pricing="") + pricing-tab( + v-model="form.pricing", + :deployment-id="localDeployment?.id", + :marketplaces="form.marketplaces.choices", + @error="setError", + ) + template(#summary="") summary-tab( :request-id="createdRequest?.id", @@ -55,10 +63,16 @@ c-dialog(