thm-p3-configurator 0.0.61 → 0.0.63

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.
@@ -1,11 +1,9 @@
1
1
  "use strict";
2
2
 
3
- require("core-js/modules/es.promise.js");
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports.orderApi = void 0;
8
- require("core-js/modules/es.promise.js");
9
7
  var _axios = _interopRequireDefault(require("axios"));
10
8
  var _index = require("../__constants__/index.js");
11
9
  var _LocalStorageWorker = require("../__services__/LocalStorageWorker.js");
@@ -33,15 +31,7 @@ orderClient.interceptors.request.use(config => {
33
31
  });
34
32
 
35
33
  // Add response interceptor to handle 4xx errors
36
- orderClient.interceptors.response.use(response => response, error => {
37
- if (error.response && error.response.status >= 400 && error.response.status < 500) {
38
- var _error$response$data;
39
- // Handle client errors (4xx)
40
- const errorMessage = ((_error$response$data = error.response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.message) || 'Client request error';
41
- console.error("API Error ".concat(error.response.status, ": ").concat(errorMessage));
42
- }
43
- return Promise.reject(error);
44
- });
34
+
45
35
  const orderApi = exports.orderApi = {
46
36
  getOrder: orderParameters => orderClient("api".concat(APP_CONFIG.internal ? '' : '/public', "/order?").concat(orderParameters) // Remove the `/public` param if the configurator is internal,
47
37
  ),
@@ -127,7 +127,8 @@ const StockStatus = exports.StockStatus = {
127
127
  };
128
128
  const CONFIGURATOR_FORMULAS = exports.CONFIGURATOR_FORMULAS = {
129
129
  THM: 'THM',
130
- THC: 'THC'
130
+ THC: 'THC',
131
+ TMG: 'TMG'
131
132
  };
132
133
  const TMG_ORGANIZATION_TYPE = exports.TMG_ORGANIZATION_TYPE = 'TowMotive Group';
133
134
  const LOCATION_TYPE = exports.LOCATION_TYPE = 'Vestiging';
@@ -2,6 +2,7 @@
2
2
 
3
3
  require("core-js/modules/es.weak-map.js");
4
4
  require("core-js/modules/esnext.iterator.constructor.js");
5
+ require("core-js/modules/esnext.iterator.for-each.js");
5
6
  require("core-js/modules/esnext.iterator.map.js");
6
7
  require("core-js/modules/web.dom-collections.iterator.js");
7
8
  require("core-js/modules/es.weak-map.js");
@@ -10,6 +11,7 @@ Object.defineProperty(exports, "__esModule", {
10
11
  });
11
12
  exports.default = void 0;
12
13
  require("core-js/modules/esnext.iterator.constructor.js");
14
+ require("core-js/modules/esnext.iterator.for-each.js");
13
15
  require("core-js/modules/esnext.iterator.map.js");
14
16
  require("core-js/modules/web.dom-collections.iterator.js");
15
17
  var _react = _interopRequireWildcard(require("react"));
@@ -139,6 +141,11 @@ const SingleOrderModalContent = _ref3 => {
139
141
  limit: 500,
140
142
  offset: 0
141
143
  });
144
+ const branchIdWithFormulaCode = new Map();
145
+ singleOrderBranches === null || singleOrderBranches === void 0 || singleOrderBranches.forEach(branch => {
146
+ var _branch$formule$code, _branch$formule;
147
+ branchIdWithFormulaCode.set(branch === null || branch === void 0 ? void 0 : branch.entityId, (_branch$formule$code = branch === null || branch === void 0 || (_branch$formule = branch.formule) === null || _branch$formule === void 0 ? void 0 : _branch$formule.code) !== null && _branch$formule$code !== void 0 ? _branch$formule$code : _constants__.CONFIGURATOR_FORMULAS.THC);
148
+ });
142
149
  (0, _react.useEffect)(() => {
143
150
  if (isLocation && !selectedBranch && !isTMGOrganization) {
144
151
  var _authSession$branch;
@@ -190,6 +197,12 @@ const SingleOrderModalContent = _ref3 => {
190
197
  } = _ref5;
191
198
  setSelectedBranchId(value);
192
199
  setLocalBranchId(value);
200
+ dispatch({
201
+ type: _OrderSessionContext.orderSessionActions.SET_SINGLE_ORDER_FORMULA_CODE,
202
+ payload: {
203
+ formulaCode: branchIdWithFormulaCode.get(value)
204
+ }
205
+ });
193
206
  }
194
207
  }));
195
208
  };
@@ -17,10 +17,13 @@ var _queries = require("../../__api__/queries");
17
17
  var _LinkButton = _interopRequireDefault(require("../../__components__/Buttons/LinkButton"));
18
18
  var _OutlinedButton = _interopRequireDefault(require("../../__components__/Buttons/OutlinedButton"));
19
19
  var _DangerAlert = _interopRequireDefault(require("../../__components__/DangerAlert"));
20
+ var _CheckboxInput = _interopRequireDefault(require("../../__components__/Form/CheckboxInput"));
20
21
  var _DropdownInput = _interopRequireDefault(require("../../__components__/Form/DropdownInput"));
21
22
  var _TextInput = _interopRequireDefault(require("../../__components__/Form/TextInput"));
22
23
  var _FormulaContext = require("../../__context__/FormulaContext");
23
24
  var _helpers__ = require("../../__helpers__");
25
+ var _OrderSessionContext = require("../../__context__/OrderSessionContext");
26
+ var _constants__ = require("../../__constants__");
24
27
  function _interopRequireDefault(e) {
25
28
  return e && e.__esModule ? e : {
26
29
  default: e
@@ -57,7 +60,14 @@ function InternalSingleOrderFilters(_ref) {
57
60
  openModal,
58
61
  resetFilters
59
62
  } = _ref;
60
- const formula = (0, _FormulaContext.useFormula)();
63
+ const baseFormula = (0, _FormulaContext.useFormula)();
64
+ const [{
65
+ singleOrderFormulaCode
66
+ }, _] = (0, _OrderSessionContext.useOrderSession)();
67
+ let formula = baseFormula;
68
+ if (singleOrderFormulaCode) {
69
+ formula = singleOrderFormulaCode;
70
+ }
61
71
  const {
62
72
  articleTypes,
63
73
  isLoadingArticleTypes,
@@ -67,11 +77,13 @@ function InternalSingleOrderFilters(_ref) {
67
77
  const [selectedArticleGroup, setSelectedArticleGroup] = (0, _react.useState)('');
68
78
  const [selectedArticleSubGroup, setSelectedArticleSubGroup] = (0, _react.useState)('');
69
79
  const [selectedArticleNumber, setSelectedArticleNumber] = (0, _react.useState)('');
80
+ const [showAllArticles, setShowAllArticles] = (0, _react.useState)(false);
70
81
  const handleResetFilters = () => {
71
82
  setSelectedArticleType('');
72
83
  setSelectedArticleGroup('');
73
84
  setSelectedArticleSubGroup('');
74
85
  setSelectedArticleNumber('');
86
+ setShowAllArticles(false);
75
87
  resetFilters();
76
88
  };
77
89
  (0, _react.useEffect)(() => {
@@ -87,6 +99,9 @@ function InternalSingleOrderFilters(_ref) {
87
99
  setSelectedArticleSubGroup('');
88
100
  }
89
101
  }, [selectedArticleGroup]);
102
+ (0, _react.useEffect)(() => {
103
+ onFilterChange('showAllArticles', showAllArticles);
104
+ }, [showAllArticles]);
90
105
  (0, _react.useEffect)(() => {
91
106
  onFilterChange('subgroup', selectedArticleSubGroup);
92
107
  }, [selectedArticleSubGroup]);
@@ -181,5 +196,10 @@ function InternalSingleOrderFilters(_ref) {
181
196
  placeholder: "Zoeken",
182
197
  onChange: value => setSelectedArticleNumber(value),
183
198
  className: "w-100"
184
- })))));
199
+ })), baseFormula === _constants__.CONFIGURATOR_FORMULAS.TMG && /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
200
+ name: 'showAllArticles',
201
+ initialValue: showAllArticles,
202
+ onChange: value => setShowAllArticles(value),
203
+ label: "Toon alle artikelen"
204
+ }))));
185
205
  }
@@ -93,9 +93,13 @@ const InternalSingleOrderProductOverview = _ref => {
93
93
  selectedBranch,
94
94
  durationAnswer,
95
95
  executionAnswer1,
96
+ singleOrderFormulaCode,
96
97
  executionAnswer2
97
98
  }] = (0, _OrderSessionContext.useOrderSession)();
98
- const formula = (0, _FormulaContext.useFormula)();
99
+ let formula = (0, _FormulaContext.useFormula)();
100
+ if (singleOrderFormulaCode) {
101
+ formula = singleOrderFormulaCode;
102
+ }
99
103
  const mergedFilters = _objectSpread(_objectSpread({}, filters), {}, {
100
104
  licensePlate,
101
105
  model,
@@ -127,6 +127,7 @@ const INITIAL_ORDER_SESSION_STATE = {
127
127
  isBoardComputerDeselected: false,
128
128
  selectedBranch: null,
129
129
  discountCode: null,
130
+ singleOrderFormulaCode: null,
130
131
  franchiseName: null,
131
132
  customerAgreed: undefined,
132
133
  vehicle: {
@@ -178,6 +179,7 @@ const orderSessionActions = exports.orderSessionActions = {
178
179
  DISCOUNTS_INITIALIZED: 'DISCOUNTS_INITIALIZED',
179
180
  RESET_SINGLE_ORDER: 'RESET_SINGLE_ORDER',
180
181
  EMPTY_SINGLE_ORDER_CART: 'EMPTY_SINGLE_ORDER_CART',
182
+ SET_SINGLE_ORDER_FORMULA_CODE: 'SET_SINGLE_ORDER_FORMULA_CODE',
181
183
  DISCOUNTS_REMOVED: 'DISCOUNTS_REMOVED',
182
184
  REMOVE_DISCOUNTED_PRODUCT: 'REMOVE_DISCOUNTED_PRODUCT',
183
185
  ADD_EXTRA: 'ADD_EXTRA',
@@ -283,6 +285,15 @@ const orderSessionReducer = (state, action) => {
283
285
  isTouched: true
284
286
  });
285
287
  }
288
+ case orderSessionActions.SET_SINGLE_ORDER_FORMULA_CODE:
289
+ {
290
+ const {
291
+ formulaCode
292
+ } = action.payload;
293
+ return _objectSpread(_objectSpread({}, state), {}, {
294
+ singleOrderFormulaCode: formulaCode
295
+ });
296
+ }
286
297
  case orderSessionActions.SET_LICENSEPLATE_FILTERS:
287
298
  {
288
299
  const {
@@ -115,7 +115,7 @@ const fetchArticlesByFilters = async filters => {
115
115
  */
116
116
  exports.fetchArticlesByFilters = fetchArticlesByFilters;
117
117
  const fetchArticlesByLicensePlateAndModel = async (filters, formula, branchId) => {
118
- var _orderData$data;
118
+ var _filters$showAllArtic, _orderData$data;
119
119
  const queryString = new URLSearchParams((0, _index.removeNullishProps)({
120
120
  formula,
121
121
  branchId,
@@ -124,7 +124,8 @@ const fetchArticlesByLicensePlateAndModel = async (filters, formula, branchId) =
124
124
  model: filters.model,
125
125
  durationAnswer: filters.durationAnswer,
126
126
  executionAnswer1: filters.executionAnswer1,
127
- executionAnswer2: filters.executionAnswer2
127
+ executionAnswer2: filters.executionAnswer2,
128
+ skipFilters: (_filters$showAllArtic = filters === null || filters === void 0 ? void 0 : filters.showAllArticles) !== null && _filters$showAllArtic !== void 0 ? _filters$showAllArtic : false
128
129
  })).toString();
129
130
  const orderData = await _orderApi.orderApi.getOrder(queryString);
130
131
  if (!(orderData !== null && orderData !== void 0 && (_orderData$data = orderData.data) !== null && _orderData$data !== void 0 && (_orderData$data = _orderData$data.data) !== null && _orderData$data !== void 0 && _orderData$data.articles)) {
@@ -118,6 +118,7 @@ const InternalSingleOrderPage = () => {
118
118
  subgroup: null,
119
119
  articleNumber: null,
120
120
  model: null,
121
+ showAllArticles: false,
121
122
  page: 1
122
123
  });
123
124
  const customerFormRef = (0, _react.useRef)();
@@ -135,16 +136,20 @@ const InternalSingleOrderPage = () => {
135
136
  setShowProductOverview(true);
136
137
  }
137
138
  }, [isCreateSingleOrderSuccess]);
138
- const formula = (0, _FormulaContext.useFormula)();
139
- const wrapperClass = "thm-configurator-wrapper thm-configurator-wrapper--offset ".concat(formula === _constants__.CONFIGURATOR_FORMULAS.THC ? 'thc' : '');
140
139
  const [{
141
140
  singleOrderCart,
142
141
  channel,
143
142
  customer,
144
143
  selectedBranch,
145
144
  appointment,
146
- internalNote
145
+ internalNote,
146
+ singleOrderFormulaCode
147
147
  }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
148
+ let formula = (0, _FormulaContext.useFormula)();
149
+ if (singleOrderFormulaCode) {
150
+ formula = singleOrderFormulaCode;
151
+ }
152
+ const wrapperClass = "thm-configurator-wrapper thm-configurator-wrapper--offset ".concat(formula === _constants__.CONFIGURATOR_FORMULAS.THC ? 'thc' : '');
148
153
  const {
149
154
  branchById
150
155
  } = (0, _queries.useBranchByIdOrWidgetId)(selectedBranch);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "thm-p3-configurator",
3
- "version": "0.0.61",
3
+ "version": "0.0.63",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "author": "EnoRm.",