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.
- package/dist/src/shared/__api__/orderApi.js +1 -11
- package/dist/src/shared/__constants__/index.js +2 -1
- package/dist/src/shared/__containers__/internal/InternalBranchSelectorModal.js +13 -0
- package/dist/src/shared/__containers__/internal/InternalSingleOrderFilters.js +22 -2
- package/dist/src/shared/__containers__/internal/InternalSingleOrderProductOverview.js +5 -1
- package/dist/src/shared/__context__/OrderSessionContext.js +11 -0
- package/dist/src/shared/__helpers__/singleOrderArticles.js +3 -2
- package/dist/src/shared/__pages__/internal/InternalSingleOrderPage.js +8 -3
- package/package.json +1 -1
|
@@ -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
|
-
|
|
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
|
|
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
|
-
|
|
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);
|