thm-p3-configurator 0.0.140 → 0.0.141

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 (5) hide show
  1. package/dist/src/shared/__containers__/ProductCartSide.js +43 -8
  2. package/dist/src/shared/__containers__/ProductsOverview.js +49 -9
  3. package/dist/src/shared/__containers__/VehicleData.js +23 -4
  4. package/dist/src/shared/__pages__/internal/InternalProductsPage.js +3 -73
  5. package/package.json +1 -1
package/dist/src/shared/__containers__/ProductCartSide.js CHANGED
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  require("core-js/modules/es.array.includes.js");
4
+ require("core-js/modules/es.json.stringify.js");
4
5
  require("core-js/modules/es.parse-float.js");
5
6
  require("core-js/modules/es.regexp.to-string.js");
6
7
  require("core-js/modules/es.string.includes.js");
@@ -16,6 +17,7 @@ Object.defineProperty(exports, "__esModule", {
16
17
  });
17
18
  exports.default = void 0;
18
19
  require("core-js/modules/es.array.includes.js");
20
+ require("core-js/modules/es.json.stringify.js");
19
21
  require("core-js/modules/es.parse-float.js");
20
22
  require("core-js/modules/es.regexp.to-string.js");
21
23
  require("core-js/modules/es.string.includes.js");
@@ -27,6 +29,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
27
29
  var _react = _interopRequireWildcard(require("react"));
28
30
  var _logoPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-primary.png"));
29
31
  var _montagePlaceholder = _interopRequireDefault(require("../../../public/assets/images/montage-placeholder.png"));
32
+ var _queries = require("../__api__/queries");
30
33
  var _TogglableCard = _interopRequireDefault(require("../__components__/Cards/TogglableCard"));
31
34
  var _ProductTableEditableRow = _interopRequireDefault(require("../__components__/ProductTable/ProductTableEditableRow"));
32
35
  var _ProductTableHead = _interopRequireDefault(require("../__components__/ProductTable/ProductTableHead"));
@@ -39,6 +42,7 @@ var _FormulaContext = require("../__context__/FormulaContext");
39
42
  var _OrderSessionContext = require("../__context__/OrderSessionContext");
40
43
  var _helpers__ = require("../__helpers__");
41
44
  var _image = require("../__helpers__/image");
45
+ var _product = require("../__helpers__/product");
42
46
  function _interopRequireDefault(e) {
43
47
  return e && e.__esModule ? e : {
44
48
  default: e
@@ -69,16 +73,15 @@ function _interopRequireWildcard(e, r) {
69
73
  }
70
74
  return n.default = e, t && t.set(e, n), n;
71
75
  }
72
- const ProductCartSide = _ref => {
73
- let {
74
- products,
75
- cart,
76
- totals,
77
- isLoadingProducts
78
- } = _ref;
76
+ const ProductCartSide = () => {
79
77
  const formula = (0, _FormulaContext.useFormula)();
80
78
  const [isToggled, setIsToggled] = (0, _react.useState)(false);
81
79
  const [{
80
+ licensePlate,
81
+ model,
82
+ executionAnswer1,
83
+ executionAnswer2,
84
+ durationAnswer,
82
85
  selectedTowbar,
83
86
  selectedCableset,
84
87
  selectedCombiset,
@@ -86,6 +89,39 @@ const ProductCartSide = _ref => {
86
89
  selectedExtras,
87
90
  selectedBranch
88
91
  }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
92
+ const cartInput = (0, _product.validateCartInput)([{
93
+ articleNumber: selectedCableset,
94
+ quantity: 1
95
+ }, {
96
+ articleNumber: selectedCombiset,
97
+ quantity: 1
98
+ }, {
99
+ articleNumber: selectedTowbar,
100
+ quantity: 1
101
+ }, ...Object.entries(selectedExtras).map(_ref => {
102
+ let [extraArticleNumber, extraQuantity] = _ref;
103
+ return {
104
+ articleNumber: extraArticleNumber,
105
+ quantity: extraQuantity
106
+ };
107
+ })]);
108
+ const {
109
+ cart,
110
+ totals,
111
+ products,
112
+ isLoadingProducts
113
+ } = (0, _queries.useProductsQuery)({
114
+ licensePlate,
115
+ model,
116
+ executionAnswer1,
117
+ executionAnswer2,
118
+ durationAnswer,
119
+ selectBoardComputerUpdate: selectedBoardComputer != null,
120
+ cart: cartInput ? JSON.stringify(cartInput) : undefined,
121
+ formula,
122
+ branchId: isToggled ? selectedBranch : undefined
123
+ });
124
+ const marketCorrection = cart === null || cart === void 0 ? void 0 : cart.find(item => item.articleNumber === 'MC');
89
125
  let mainProducts = [];
90
126
  let accessoireProducts = [];
91
127
  if (products) {
@@ -135,7 +171,6 @@ const ProductCartSide = _ref => {
135
171
  * Montage price including VAT
136
172
  */
137
173
  const montageInclVat = parseFloat(totals === null || totals === void 0 ? void 0 : totals.montagePricePlusMarketCorrectionInclVat) || 0;
138
- const marketCorrection = cart === null || cart === void 0 ? void 0 : cart.find(item => item.articleNumber === 'MC');
139
174
  return /*#__PURE__*/_react.default.createElement("div", {
140
175
  className: (0, _helpers__.withStyle)("col-lg mt-3")
141
176
  }, /*#__PURE__*/_react.default.createElement(_TogglableCard.default, {
package/dist/src/shared/__containers__/ProductsOverview.js CHANGED
@@ -3,6 +3,7 @@
3
3
  require("core-js/modules/es.symbol.description.js");
4
4
  require("core-js/modules/es.array.includes.js");
5
5
  require("core-js/modules/es.array.sort.js");
6
+ require("core-js/modules/es.json.stringify.js");
6
7
  require("core-js/modules/es.string.includes.js");
7
8
  require("core-js/modules/es.weak-map.js");
8
9
  require("core-js/modules/esnext.iterator.constructor.js");
@@ -17,6 +18,7 @@ exports.default = void 0;
17
18
  require("core-js/modules/es.symbol.description.js");
18
19
  require("core-js/modules/es.array.includes.js");
19
20
  require("core-js/modules/es.array.sort.js");
21
+ require("core-js/modules/es.json.stringify.js");
20
22
  require("core-js/modules/es.string.includes.js");
21
23
  require("core-js/modules/esnext.iterator.constructor.js");
22
24
  require("core-js/modules/esnext.iterator.map.js");
@@ -25,17 +27,18 @@ require("core-js/modules/web.dom-collections.iterator.js");
25
27
  var _react = _interopRequireWildcard(require("react"));
26
28
  var _reactRouter = require("react-router");
27
29
  var _logoPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-primary.png"));
28
- var _CheckboxInput = _interopRequireDefault(require("../__components__/Form/CheckboxInput"));
30
+ var _queries = require("../__api__/queries");
29
31
  var _ProductCard = _interopRequireDefault(require("../__components__/ProductCard"));
30
32
  var _FullPageSpinner = _interopRequireDefault(require("../__components__/Spinners/FullPageSpinner"));
31
33
  var _constants__ = require("../__constants__");
32
34
  var _FormulaContext = require("../__context__/FormulaContext");
35
+ var _useIsTmg = require("../__hooks__/useIsTmg");
33
36
  var _OrderSessionContext = require("../__context__/OrderSessionContext");
34
37
  var _helpers__ = require("../__helpers__");
35
38
  var _image = require("../__helpers__/image");
36
39
  var _product = require("../__helpers__/product");
37
- var _useIsTmg = require("../__hooks__/useIsTmg");
38
40
  var _BoardComputerCard = _interopRequireDefault(require("./BoardComputerCard"));
41
+ var _CheckboxInput = _interopRequireDefault(require("../__components__/Form/CheckboxInput"));
39
42
  function _interopRequireDefault(e) {
40
43
  return e && e.__esModule ? e : {
41
44
  default: e
@@ -66,28 +69,65 @@ function _interopRequireWildcard(e, r) {
66
69
  }
67
70
  return n.default = e, t && t.set(e, n), n;
68
71
  }
69
- const ProductsOverview = _ref => {
72
+ const ProductsOverview = () => {
70
73
  var _products$Trekhaak, _products$Kabelset, _products$Combiset;
71
- let {
72
- products,
73
- isLoadingProducts
74
- } = _ref;
75
74
  const isProductsInitialLoad = (0, _react.useRef)(true);
76
75
  const formula = (0, _FormulaContext.useFormula)();
77
76
  const isTmg = (0, _useIsTmg.useIsTmg)();
78
77
  const [skipFilters, setSkipFilters] = (0, _react.useState)(false);
79
78
  const [{
79
+ licensePlate,
80
+ model,
81
+ executionAnswer1,
82
+ executionAnswer2,
83
+ durationAnswer,
80
84
  selectedTowbar,
81
85
  selectedCableset,
82
86
  selectedCombiset,
87
+ selectedExtras,
83
88
  selectedBoardComputer,
84
- isBoardComputerDeselected
89
+ isBoardComputerDeselected,
90
+ discountCode,
91
+ priceCalculationDate
85
92
  }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
93
+ const cartInput = (0, _product.validateCartInput)([{
94
+ articleNumber: selectedCableset,
95
+ quantity: 1
96
+ }, {
97
+ articleNumber: selectedCombiset,
98
+ quantity: 1
99
+ }, {
100
+ articleNumber: selectedTowbar,
101
+ quantity: 1
102
+ }, ...Object.entries(selectedExtras).map(_ref => {
103
+ let [extraArticleNumber, extraQuantity] = _ref;
104
+ return {
105
+ articleNumber: extraArticleNumber,
106
+ quantity: extraQuantity
107
+ };
108
+ })]);
109
+ const {
110
+ products,
111
+ isLoadingProducts,
112
+ isProductsError
113
+ } = (0, _queries.useProductsQuery)({
114
+ licensePlate,
115
+ model,
116
+ executionAnswer1,
117
+ executionAnswer2,
118
+ durationAnswer: durationAnswer,
119
+ selectBoardComputerUpdate: selectedBoardComputer != null,
120
+ cart: cartInput ? JSON.stringify(cartInput) : undefined,
121
+ formula,
122
+ discountCode,
123
+ priceCalculationDate,
124
+ skipFilters
125
+ });
86
126
  if (isLoadingProducts && isProductsInitialLoad.current === true) {
87
127
  isProductsInitialLoad.current = false;
88
128
  return /*#__PURE__*/_react.default.createElement(_FullPageSpinner.default, null);
89
129
  }
90
- if (!isLoadingProducts && !(products !== null && products !== void 0 && (_products$Trekhaak = products.Trekhaak) !== null && _products$Trekhaak !== void 0 && _products$Trekhaak.length) && !(products !== null && products !== void 0 && (_products$Kabelset = products.Kabelset) !== null && _products$Kabelset !== void 0 && _products$Kabelset.length) && !(products !== null && products !== void 0 && (_products$Combiset = products.Combiset) !== null && _products$Combiset !== void 0 && _products$Combiset.length)) {
130
+ if (isProductsError || !isLoadingProducts && (!(products !== null && products !== void 0 && (_products$Trekhaak = products.Trekhaak) !== null && _products$Trekhaak !== void 0 && _products$Trekhaak.length) || !(products !== null && products !== void 0 && (_products$Kabelset = products.Kabelset) !== null && _products$Kabelset !== void 0 && _products$Kabelset.length)) && !(products !== null && products !== void 0 && (_products$Combiset = products.Combiset) !== null && _products$Combiset !== void 0 && _products$Combiset.length)) {
91
131
  return /*#__PURE__*/_react.default.createElement(_reactRouter.Redirect, {
92
132
  to: "/configurator/geen-producten"
93
133
  });
package/dist/src/shared/__containers__/VehicleData.js CHANGED
@@ -11,6 +11,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
11
11
  var _lodash = require("lodash");
12
12
  var _react = _interopRequireDefault(require("react"));
13
13
  var _reactRouter = require("react-router");
14
+ var _queries = require("../__api__/queries");
14
15
  var _LinkButton = _interopRequireDefault(require("../__components__/Buttons/LinkButton"));
15
16
  var _ExpandableCard = _interopRequireDefault(require("../__components__/Cards/ExpandableCard"));
16
17
  var _LicensePlateInput = _interopRequireDefault(require("../__components__/Form/LicensePlateInput"));
@@ -25,18 +26,36 @@ function _interopRequireDefault(e) {
25
26
  }
26
27
  const VehicleData = _ref => {
27
28
  let {
28
- isFilter = false,
29
- vehicleDetails,
30
- vehicleLogo
29
+ isFilter = false
31
30
  } = _ref;
32
31
  const [{
33
32
  licensePlate,
34
- singleOrderFormulaCode
33
+ model,
34
+ executionAnswer1,
35
+ executionAnswer2,
36
+ durationAnswer,
37
+ discountCode,
38
+ priceCalculationDate,
39
+ singleOrderFormulaCode,
40
+ existingDossierId
35
41
  }] = (0, _OrderSessionContext.useOrderSession)();
36
42
  let formula = (0, _FormulaContext.useFormula)();
37
43
  if (isFilter && singleOrderFormulaCode) {
38
44
  formula = singleOrderFormulaCode;
39
45
  }
46
+ const {
47
+ vehicleDetails,
48
+ vehicleLogo
49
+ } = (0, _queries.useProductsQuery)({
50
+ licensePlate,
51
+ model,
52
+ executionAnswer1,
53
+ executionAnswer2,
54
+ durationAnswer: durationAnswer,
55
+ formula,
56
+ discountCode,
57
+ priceCalculationDate
58
+ });
40
59
  const history = (0, _reactRouter.useHistory)();
41
60
  return /*#__PURE__*/_react.default.createElement(_ExpandableCard.default, {
42
61
  title: isFilter ? 'Voertuig' : 'Uw voertuig',
package/dist/src/shared/__pages__/internal/InternalProductsPage.js CHANGED
@@ -1,30 +1,21 @@
1
1
  "use strict";
2
2
 
3
- require("core-js/modules/es.json.stringify.js");
4
- require("core-js/modules/esnext.iterator.map.js");
5
- require("core-js/modules/web.dom-collections.iterator.js");
6
3
  Object.defineProperty(exports, "__esModule", {
7
4
  value: true
8
5
  });
9
6
  exports.default = void 0;
10
- require("core-js/modules/es.json.stringify.js");
11
- require("core-js/modules/esnext.iterator.map.js");
12
- require("core-js/modules/web.dom-collections.iterator.js");
13
7
  var _react = _interopRequireDefault(require("react"));
14
- var _queries = require("../../__api__/queries");
15
8
  var _Header = _interopRequireDefault(require("../../__components__/Header"));
16
9
  var _NavigationSteps = _interopRequireDefault(require("../../__components__/NavigationSteps"));
17
10
  var _constants__ = require("../../__constants__");
18
11
  var _BottomNavigationBar = _interopRequireDefault(require("../../__containers__/BottomNavigationBar"));
19
12
  var _internal = require("../../__containers__/internal");
20
- var _InternalPriceCalculationSelector = _interopRequireDefault(require("../../__containers__/internal/InternalPriceCalculationSelector"));
21
13
  var _ProductCartSide = _interopRequireDefault(require("../../__containers__/ProductCartSide"));
22
14
  var _ProductsOverview = _interopRequireDefault(require("../../__containers__/ProductsOverview"));
23
15
  var _VehicleData = _interopRequireDefault(require("../../__containers__/VehicleData"));
24
16
  var _FormulaContext = require("../../__context__/FormulaContext");
25
- var _OrderSessionContext = require("../../__context__/OrderSessionContext");
26
17
  var _helpers__ = require("../../__helpers__");
27
- var _product = require("../../__helpers__/product");
18
+ var _InternalPriceCalculationSelector = _interopRequireDefault(require("../../__containers__/internal/InternalPriceCalculationSelector"));
28
19
  function _interopRequireDefault(e) {
29
20
  return e && e.__esModule ? e : {
30
21
  default: e
@@ -32,55 +23,6 @@ function _interopRequireDefault(e) {
32
23
  }
33
24
  const InternalProductsPage = () => {
34
25
  const formula = (0, _FormulaContext.useFormula)();
35
- const [{
36
- licensePlate,
37
- model,
38
- executionAnswer1,
39
- executionAnswer2,
40
- durationAnswer,
41
- selectedTowbar,
42
- selectedCableset,
43
- selectedCombiset,
44
- selectedBoardComputer,
45
- selectedExtras,
46
- discountCode,
47
- priceCalculationDate
48
- }] = (0, _OrderSessionContext.useOrderSession)();
49
- const cartInput = (0, _product.validateCartInput)([{
50
- articleNumber: selectedCableset,
51
- quantity: 1
52
- }, {
53
- articleNumber: selectedCombiset,
54
- quantity: 1
55
- }, {
56
- articleNumber: selectedTowbar,
57
- quantity: 1
58
- }, ...Object.entries(selectedExtras).map(_ref => {
59
- let [extraArticleNumber, extraQuantity] = _ref;
60
- return {
61
- articleNumber: extraArticleNumber,
62
- quantity: extraQuantity
63
- };
64
- })]);
65
- const {
66
- products,
67
- cart,
68
- totals,
69
- vehicleDetails,
70
- vehicleLogo,
71
- isLoadingProducts
72
- } = (0, _queries.useProductsQuery)({
73
- licensePlate,
74
- model,
75
- executionAnswer1,
76
- executionAnswer2,
77
- durationAnswer,
78
- selectBoardComputerUpdate: selectedBoardComputer != null,
79
- cart: cartInput ? JSON.stringify(cartInput) : undefined,
80
- formula,
81
- discountCode,
82
- priceCalculationDate
83
- });
84
26
  return /*#__PURE__*/_react.default.createElement("div", {
85
27
  className: (0, _helpers__.withStyle)('vh-100')
86
28
  }, /*#__PURE__*/_react.default.createElement(_internal.InternalCancelDossierEdit, null), /*#__PURE__*/_react.default.createElement(_Header.default, {
@@ -98,20 +40,8 @@ const InternalProductsPage = () => {
98
40
  className: (0, _helpers__.withStyle)('row gx-5 mt-3 mt-lg-5')
99
41
  }, /*#__PURE__*/_react.default.createElement("div", {
100
42
  className: (0, _helpers__.withStyle)("col-xxl")
101
- }, /*#__PURE__*/_react.default.createElement(_ProductsOverview.default, {
102
- products: products,
103
- isLoadingProducts: isLoadingProducts
104
- })), /*#__PURE__*/_react.default.createElement("div", {
43
+ }, /*#__PURE__*/_react.default.createElement(_ProductsOverview.default, null)), /*#__PURE__*/_react.default.createElement("div", {
105
44
  className: (0, _helpers__.withStyle)("sidebar col-xxl-auto col-lg-12 pt-5")
106
- }, APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_InternalPriceCalculationSelector.default, null), /*#__PURE__*/_react.default.createElement(_VehicleData.default, {
107
- vehicleDetails: vehicleDetails,
108
- vehicleLogo: vehicleLogo,
109
- isFilter: false
110
- }), /*#__PURE__*/_react.default.createElement(_ProductCartSide.default, {
111
- products: products,
112
- cart: cart,
113
- totals: totals,
114
- isLoadingProducts: isLoadingProducts
115
- })))), /*#__PURE__*/_react.default.createElement(_BottomNavigationBar.default, null)));
45
+ }, APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_InternalPriceCalculationSelector.default, null), /*#__PURE__*/_react.default.createElement(_VehicleData.default, null), /*#__PURE__*/_react.default.createElement(_ProductCartSide.default, null)))), /*#__PURE__*/_react.default.createElement(_BottomNavigationBar.default, null)));
116
46
  };
117
47
  var _default = exports.default = InternalProductsPage;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "thm-p3-configurator",
3
- "version": "0.0.140",
3
+ "version": "0.0.141",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "author": "EnoRm.",