thm-p3-configurator 0.0.62 → 0.0.64
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/__constants__/index.js +2 -1
- package/dist/src/shared/__containers__/internal/InternalSingleOrderFilters.js +22 -2
- package/dist/src/shared/__containers__/internal/InternalSingleOrderProductOverview.js +2 -2
- package/dist/src/shared/__helpers__/singleOrderArticles.js +3 -2
- package/dist/src/shared/__pages__/internal/InternalSingleOrderPage.js +1 -0
- package/package.json +1 -1
|
@@ -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';
|
|
@@ -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
|
}
|
|
@@ -118,8 +118,8 @@ const InternalSingleOrderProductOverview = _ref => {
|
|
|
118
118
|
}, areArticlesError && /*#__PURE__*/_react.default.createElement(_DangerAlert.default, {
|
|
119
119
|
message: "Er is iets fout gegaan bij het ophalen van de producten. Zorg dat je toegang hebt tot de geselecteerde vestiging. Klik op bestelling herstarten om de vestiging te wijzigen."
|
|
120
120
|
}), !hasActiveFilters && /*#__PURE__*/_react.default.createElement(_EmptyState.default, {
|
|
121
|
-
message: "Vind het
|
|
122
|
-
subMessage: "Stel de filters in om de
|
|
121
|
+
message: "Vind het artikel dat je zoekt",
|
|
122
|
+
subMessage: "Stel de filters in om de artikelen op te halen"
|
|
123
123
|
}), articles && hasActiveFilters && (articles === null || articles === void 0 || (_articles$articles = articles.articles) === null || _articles$articles === void 0 ? void 0 : _articles$articles.length) === 0 && /*#__PURE__*/_react.default.createElement(_EmptyState.default, {
|
|
124
124
|
message: "Geen producten gevonden.",
|
|
125
125
|
subMessage: "Probeer een ander filter toe te passen."
|
|
@@ -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)) {
|