thm-p3-configurator 0.0.336 → 0.0.338

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 (11) hide show
  1. package/dist/src/shared/__api__/mutations.js +0 -2
  2. package/dist/src/shared/__containers__/internal/InternalAppointmentForm.js +7 -5
  3. package/dist/src/shared/__containers__/internal/InternalBranchSelectorModal.js +17 -1
  4. package/dist/src/shared/__containers__/internal/InternalQuotationForm.js +1 -1
  5. package/dist/src/shared/__context__/OrderSessionContext.js +2 -1
  6. package/dist/src/shared/__helpers__/dossier.js +29 -17
  7. package/dist/src/shared/__helpers__/index.js +1 -9
  8. package/dist/src/shared/__services__/Experiments.js +0 -1
  9. package/dist/src/shared/__style__/components/_datepicker.scss +5 -0
  10. package/dist/src/shared/__style__/components/form/_form.scss +0 -2
  11. package/package.json +1 -1
package/dist/src/shared/__api__/mutations.js CHANGED
@@ -410,7 +410,6 @@ const useCreatePrivateAppointmentMutation = () => {
410
410
  discount,
411
411
  extraPrice,
412
412
  customerAgreed,
413
- invoicePaymentByLeaseCompany,
414
413
  montageRate,
415
414
  leasemaatschappijEntityId,
416
415
  leasemaatschappijBedrijfsnaam,
@@ -444,7 +443,6 @@ const useCreatePrivateAppointmentMutation = () => {
444
443
  customer: restCustomer,
445
444
  branchId,
446
445
  customerAgreed,
447
- invoicePaymentByLeaseCompany,
448
446
  montageRate: apiMontageRate,
449
447
  leasemaatschappijEntityId,
450
448
  leasemaatschappijBedrijfsnaam,
package/dist/src/shared/__containers__/internal/InternalAppointmentForm.js CHANGED
@@ -272,7 +272,7 @@ const InternalAppointmentForm = _ref => {
272
272
  houseNumberAddition: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.houseNumberAddition) || '',
273
273
  streetName: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.streetName) || '',
274
274
  city: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.city) || '',
275
- companyName: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.companyName) || '',
275
+ companyName: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.companyName) || (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.leasemaatschappijBedrijfsnaam) || '',
276
276
  companyNamePlaceholder: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.companyNamePlaceholder) || '',
277
277
  kvkNumber: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.kvkNumber) || '',
278
278
  vatNumber: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.vatNumber) || '',
@@ -540,7 +540,7 @@ const InternalAppointmentForm = _ref => {
540
540
  isTmg: isTmg
541
541
  }
542
542
  });
543
- const payload = (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({
543
+ const payload = (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread(_objectSpread({
544
544
  vehicle,
545
545
  customer: (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({}, customer), {}, {
546
546
  firstName: (_customer$firstName = customer === null || customer === void 0 ? void 0 : customer.firstName) !== null && _customer$firstName !== void 0 ? _customer$firstName : undefined,
@@ -558,8 +558,10 @@ const InternalAppointmentForm = _ref => {
558
558
  kvkNumber: (_customer$kvkNumber2 = customer === null || customer === void 0 ? void 0 : customer.kvkNumber) !== null && _customer$kvkNumber2 !== void 0 ? _customer$kvkNumber2 : undefined,
559
559
  vatNumber: (_customer$vatNumber2 = customer === null || customer === void 0 ? void 0 : customer.vatNumber) !== null && _customer$vatNumber2 !== void 0 ? _customer$vatNumber2 : undefined
560
560
  })),
561
- customerAgreed,
562
- invoicePaymentByLeaseCompany: invoicePaymentByLeaseCompany !== null && invoicePaymentByLeaseCompany !== void 0 ? invoicePaymentByLeaseCompany : undefined,
561
+ customerAgreed
562
+ }, existingDossierId && appointmentType === _constants__.DOSSIER_TYPES.PlannedAppointment ? {
563
+ invoicePaymentByLeaseCompany: invoicePaymentByLeaseCompany !== null && invoicePaymentByLeaseCompany !== void 0 ? invoicePaymentByLeaseCompany : undefined
564
+ } : {}), {}, {
563
565
  appointment,
564
566
  appointmentType,
565
567
  channel,
@@ -863,7 +865,7 @@ const InternalAppointmentForm = _ref => {
863
865
  setCompanySearchTerm('');
864
866
  setIsCompanyInputFocused(false);
865
867
  }
866
- }, branch.name)))), (branchById === null || branchById === void 0 ? void 0 : branchById.towCenterVestiging) === true && /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
868
+ }, branch.name)))), existingDossierId && existingDossierType === _constants__.DOSSIER_TYPES.PlannedAppointment && (branchById === null || branchById === void 0 ? void 0 : branchById.towCenterVestiging) === true && /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
867
869
  name: "invoicePaymentByLeaseCompany",
868
870
  label: "Factuur betaling door Leasemaatschappij",
869
871
  initialValue: invoicePaymentByLeaseCompany,
package/dist/src/shared/__containers__/internal/InternalBranchSelectorModal.js CHANGED
@@ -100,7 +100,7 @@ const BranchDropdown = _ref2 => {
100
100
  dispatch,
101
101
  isTMGOrganization
102
102
  } = _ref2;
103
- const [_selectedBranchId] = (0, _react.useState)();
103
+ const [_selectedBranchId, _setSelectedBranchId] = (0, _react.useState)();
104
104
  const branchOptions = branches === null || branches === void 0 ? void 0 : branches.map(branch => ({
105
105
  label: branch === null || branch === void 0 ? void 0 : branch.name,
106
106
  value: branch === null || branch === void 0 ? void 0 : branch.entityId
@@ -118,6 +118,7 @@ const BranchDropdown = _ref2 => {
118
118
  let {
119
119
  value
120
120
  } = _ref3;
121
+ _setSelectedBranchId(value);
121
122
  setSelectedBranchId(value);
122
123
  const selectedBranchData = branches === null || branches === void 0 ? void 0 : branches.find(branch => branch.entityId === value);
123
124
  updateBranchSelectionFlags({
@@ -366,9 +367,24 @@ const InternalBranchSelectorModal = () => {
366
367
  licensePlate,
367
368
  model
368
369
  }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
370
+ const {
371
+ myBranches
372
+ } = (0, _queries.useMyBranches)(formula);
369
373
  const {
370
374
  branchById
371
375
  } = (0, _queries.useBranchByIdOrWidgetId)(selectedBranch);
376
+ (0, _react.useEffect)(() => {
377
+ if (isTMGOrganization || selectedBranch || isSingleOrderPage || !(myBranches !== null && myBranches !== void 0 && myBranches.length)) return;
378
+ if (myBranches.length === 1) {
379
+ var _myBranches$2;
380
+ dispatch({
381
+ type: _OrderSessionContext.orderSessionActions.SET_SELECTED_BRANCH,
382
+ payload: {
383
+ branchId: (_myBranches$2 = myBranches[0]) === null || _myBranches$2 === void 0 ? void 0 : _myBranches$2.entityId
384
+ }
385
+ });
386
+ }
387
+ }, [isTMGOrganization, selectedBranch, isSingleOrderPage, myBranches, dispatch]);
372
388
  (0, _react.useEffect)(() => {
373
389
  if (!selectedBranch || !branchById) return;
374
390
  const isTowCenter = (branchById === null || branchById === void 0 ? void 0 : branchById.towCenterVestiging) === true;
package/dist/src/shared/__containers__/internal/InternalQuotationForm.js CHANGED
@@ -250,7 +250,7 @@ const InternalQuotationForm = _ref => {
250
250
  houseNumberAddition: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.houseNumberAddition) || '',
251
251
  streetName: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.streetName) || '',
252
252
  city: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.city) || '',
253
- companyName: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.companyName) || '',
253
+ companyName: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.companyName) || (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.leasemaatschappijBedrijfsnaam) || '',
254
254
  companyNamePlaceholder: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.companyNamePlaceholder) || '',
255
255
  kvkNumber: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.kvkNumber) || '',
256
256
  vatNumber: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.vatNumber) || '',
package/dist/src/shared/__context__/OrderSessionContext.js CHANGED
@@ -579,7 +579,8 @@ const orderSessionReducer = (state, action) => {
579
579
  // Show warning first
580
580
  if (!state.isBoardComputerDeselected && id == null) {
581
581
  return _objectSpread(_objectSpread({}, state), {}, {
582
- isBoardComputerDeselected: true
582
+ isBoardComputerDeselected: true,
583
+ selectedBoardComputer: null
583
584
  });
584
585
  }
585
586
  return _objectSpread(_objectSpread({}, state), {}, {
package/dist/src/shared/__helpers__/dossier.js CHANGED
@@ -98,8 +98,11 @@ const getDossierValue = function getDossierValue() {
98
98
  * @description Covnerts an existing hyper dossier object into a local order session
99
99
  */
100
100
  const parseDossierToOrderSession = exports.parseDossierToOrderSession = function parseDossierToOrderSession() {
101
- var _dossier$lines, _dossier$statusBeoord, _dossier$kanaal, _dossier$kanaalPartne, _dossier$kanaalHoofka, _dossier$kanaalWebsit, _dossier$kanaal2, _dossier$statusDossie, _dossier$statusDossie2, _dossier$lines$some, _dossier$lines2, _dossier$vestiging, _dossier$chassisnumme, _dossier$typeEigendom, _getDossierValue, _getDossierValue2, _getDossierValue3, _getDossierValue4, _getDossierValue5, _dossier$anwbId, _dossier$bedrijfsnaam, _dossier$placeholderB, _dossier$kvkNummer, _dossier$btwNummer, _ref2, _dossier$leasemaatsch, _dossier$leasemaatsch2, _ref3, _ref4, _dossier$leasemaatsch3, _dossier$leasemaatsch4, _dossier$leasemaatsch5, _dossier$leasemaatsch6, _dossier$leasemaatsch7, _dossier$leasemaatsch8, _dossier$zakelijkCont, _dossier$zakelijkCont2, _ref5, _dossier$zakeiljkCont, _dossier$zakelijkCont3, _dossier$hasGoedkeuri, _dossier$factuurbetal, _meerprijsLine$consum, _meerprijsLine$extraN;
101
+ var _dossier$typeEigendom, _dossier$bedrijf, _dossier$bedrijf2, _dossier$bedrijf3, _dossier$lines, _dossier$statusBeoord, _dossier$kanaal, _dossier$kanaalPartne, _dossier$kanaalHoofka, _dossier$kanaalWebsit, _dossier$kanaal2, _dossier$statusDossie, _dossier$statusDossie2, _dossier$vestiging, _dossier$chassisnumme, _dossier$typeEigendom2, _getDossierValue, _getDossierValue2, _getDossierValue3, _getDossierValue4, _getDossierValue5, _dossier$anwbId, _dossier$leasemaatsch, _dossier$leasemaatsch2, _dossier$placeholderB, _dossier$kvkNummer, _dossier$btwNummer, _ref2, _ref3, _dossier$leasemaatsch3, _dossier$leasemaatsch4, _dossier$bedrijf4, _ref4, _ref5, _ref6, _dossier$leasemaatsch5, _dossier$leasemaatsch6, _dossier$leasemaatsch7, _dossier$leasemaatsch8, _dossier$leasemaatsch9, _dossier$leasemaatsch10, _dossier$zakelijkCont, _dossier$zakelijkCont2, _ref7, _dossier$zakeiljkCont, _dossier$zakelijkCont3, _dossier$hasGoedkeuri, _dossier$factuurbetal, _meerprijsLine$consum, _meerprijsLine$extraN;
102
102
  let dossier = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
103
+ const isLeaseOwnership = (dossier === null || dossier === void 0 || (_dossier$typeEigendom = dossier.typeEigendomAuto) === null || _dossier$typeEigendom === void 0 ? void 0 : _dossier$typeEigendom.title) === _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij;
104
+ const leaseBedrijfName = isLeaseOwnership ? (dossier === null || dossier === void 0 || (_dossier$bedrijf = dossier.bedrijf) === null || _dossier$bedrijf === void 0 ? void 0 : _dossier$bedrijf.name) || (dossier === null || dossier === void 0 || (_dossier$bedrijf2 = dossier.bedrijf) === null || _dossier$bedrijf2 === void 0 ? void 0 : _dossier$bedrijf2.title) || (dossier === null || dossier === void 0 || (_dossier$bedrijf3 = dossier.bedrijf) === null || _dossier$bedrijf3 === void 0 ? void 0 : _dossier$bedrijf3.naamVestiging) || undefined : undefined;
105
+
103
106
  // Detect meerprijs (extra price) line from dossier lines
104
107
  const meerprijsLine = dossier === null || dossier === void 0 || (_dossier$lines = dossier.lines) === null || _dossier$lines === void 0 ? void 0 : _dossier$lines.find(line => line.articleNumber === 'MEERPRIJS' && line.activeArticle);
105
108
  const hasAnwbMembershipId = Boolean(dossier === null || dossier === void 0 ? void 0 : dossier.anwbId);
@@ -137,16 +140,24 @@ const parseDossierToOrderSession = exports.parseDossierToOrderSession = function
137
140
  buildYear: null,
138
141
  brand: null,
139
142
  isTouched: false,
140
- isBoardComputerDeselected: (_dossier$lines$some = dossier === null || dossier === void 0 || (_dossier$lines2 = dossier.lines) === null || _dossier$lines2 === void 0 ? void 0 : _dossier$lines2.some(line => {
141
- var _line$name;
142
- return ((_line$name = line.name) === null || _line$name === void 0 ? void 0 : _line$name.includes('Voertuigcodering')) && line.activeArticle === false;
143
- })) !== null && _dossier$lines$some !== void 0 ? _dossier$lines$some : false,
143
+ isBoardComputerDeselected: ((_dossier$lines2, _dossier$lines3, _dossier$lines4) => {
144
+ const hasInactiveVoertuigcodering = dossier === null || dossier === void 0 || (_dossier$lines2 = dossier.lines) === null || _dossier$lines2 === void 0 ? void 0 : _dossier$lines2.some(line => {
145
+ var _line$name;
146
+ return ((_line$name = line.name) === null || _line$name === void 0 ? void 0 : _line$name.includes('Voertuigcodering')) && line.activeArticle === false;
147
+ });
148
+ const hasBoardComputerCableset = dossier === null || dossier === void 0 || (_dossier$lines3 = dossier.lines) === null || _dossier$lines3 === void 0 ? void 0 : _dossier$lines3.some(line => line.boardComputer === true && line.activeArticle === true);
149
+ const hasNoVoertuigcodering = !(dossier !== null && dossier !== void 0 && (_dossier$lines4 = dossier.lines) !== null && _dossier$lines4 !== void 0 && _dossier$lines4.some(line => {
150
+ var _line$name2;
151
+ return (_line$name2 = line.name) === null || _line$name2 === void 0 ? void 0 : _line$name2.includes('Voertuigcodering');
152
+ }));
153
+ return hasInactiveVoertuigcodering || hasBoardComputerCableset && hasNoVoertuigcodering;
154
+ })(),
144
155
  selectedBranch: dossier === null || dossier === void 0 || (_dossier$vestiging = dossier.vestiging) === null || _dossier$vestiging === void 0 ? void 0 : _dossier$vestiging.entityId,
145
156
  discountCode: dossier === null || dossier === void 0 ? void 0 : dossier.discountCode,
146
157
  anwbDiscountValidated,
147
158
  chassisNumber: (_dossier$chassisnumme = dossier === null || dossier === void 0 ? void 0 : dossier.chassisnummer) !== null && _dossier$chassisnumme !== void 0 ? _dossier$chassisnumme : null,
148
159
  vehicle: {
149
- ownershipType: dossier === null || dossier === void 0 || (_dossier$typeEigendom = dossier.typeEigendomAuto) === null || _dossier$typeEigendom === void 0 ? void 0 : _dossier$typeEigendom.title,
160
+ ownershipType: dossier === null || dossier === void 0 || (_dossier$typeEigendom2 = dossier.typeEigendomAuto) === null || _dossier$typeEigendom2 === void 0 ? void 0 : _dossier$typeEigendom2.title,
150
161
  leaseNumber: dossier === null || dossier === void 0 ? void 0 : dossier.goedkeuringsnummerLeasemaatschappij,
151
162
  leaseNumberUnknown: dossier === null || dossier === void 0 ? void 0 : dossier.goedkeuringsnummerOnbekend
152
163
  },
@@ -172,18 +183,19 @@ const parseDossierToOrderSession = exports.parseDossierToOrderSession = function
172
183
  houseNumber: (_getDossierValue4 = getDossierValue(dossier, 'huisnummer', 'huisnummer')) !== null && _getDossierValue4 !== void 0 ? _getDossierValue4 : undefined,
173
184
  houseNumberAddition: (_getDossierValue5 = getDossierValue(dossier, 'huisnummerToevoeging', 'huisnummerToevoeging')) !== null && _getDossierValue5 !== void 0 ? _getDossierValue5 : undefined,
174
185
  anwbId: (_dossier$anwbId = dossier === null || dossier === void 0 ? void 0 : dossier.anwbId) !== null && _dossier$anwbId !== void 0 ? _dossier$anwbId : undefined,
175
- companyName: (_dossier$bedrijfsnaam = dossier === null || dossier === void 0 ? void 0 : dossier.bedrijfsnaam) !== null && _dossier$bedrijfsnaam !== void 0 ? _dossier$bedrijfsnaam : undefined,
186
+ // Lease flow: UI search field binds to companyName; Hyper may use flat fields, nested leasemaatschappij, or bedrijf
187
+ companyName: (dossier === null || dossier === void 0 ? void 0 : dossier.bedrijfsnaam) || (dossier === null || dossier === void 0 ? void 0 : dossier.leasemaatschappijBedrijfsnaam) || (dossier === null || dossier === void 0 || (_dossier$leasemaatsch = dossier.leasemaatschappij) === null || _dossier$leasemaatsch === void 0 ? void 0 : _dossier$leasemaatsch.name) || (dossier === null || dossier === void 0 || (_dossier$leasemaatsch2 = dossier.leasemaatschappij) === null || _dossier$leasemaatsch2 === void 0 ? void 0 : _dossier$leasemaatsch2.title) || leaseBedrijfName || undefined,
176
188
  companyNamePlaceholder: (_dossier$placeholderB = dossier === null || dossier === void 0 ? void 0 : dossier.placeholderBedrijfsnaam) !== null && _dossier$placeholderB !== void 0 ? _dossier$placeholderB : undefined,
177
189
  kvkNumber: (_dossier$kvkNummer = dossier === null || dossier === void 0 ? void 0 : dossier.kvkNummer) !== null && _dossier$kvkNummer !== void 0 ? _dossier$kvkNummer : undefined,
178
190
  vatNumber: (_dossier$btwNummer = dossier === null || dossier === void 0 ? void 0 : dossier.btwNummer) !== null && _dossier$btwNummer !== void 0 ? _dossier$btwNummer : undefined,
179
- leasemaatschappijEntityId: (_ref2 = (_dossier$leasemaatsch = dossier === null || dossier === void 0 ? void 0 : dossier.leasemaatschappijEntityId) !== null && _dossier$leasemaatsch !== void 0 ? _dossier$leasemaatsch : dossier === null || dossier === void 0 || (_dossier$leasemaatsch2 = dossier.leasemaatschappij) === null || _dossier$leasemaatsch2 === void 0 ? void 0 : _dossier$leasemaatsch2.entityId) !== null && _ref2 !== void 0 ? _ref2 : undefined,
180
- leasemaatschappijBedrijfsnaam: (_ref3 = (_ref4 = (_dossier$leasemaatsch3 = dossier === null || dossier === void 0 ? void 0 : dossier.leasemaatschappijBedrijfsnaam) !== null && _dossier$leasemaatsch3 !== void 0 ? _dossier$leasemaatsch3 : dossier === null || dossier === void 0 || (_dossier$leasemaatsch4 = dossier.leasemaatschappij) === null || _dossier$leasemaatsch4 === void 0 ? void 0 : _dossier$leasemaatsch4.name) !== null && _ref4 !== void 0 ? _ref4 : dossier === null || dossier === void 0 || (_dossier$leasemaatsch5 = dossier.leasemaatschappij) === null || _dossier$leasemaatsch5 === void 0 ? void 0 : _dossier$leasemaatsch5.title) !== null && _ref3 !== void 0 ? _ref3 : undefined,
181
- leasemaatschappijContactpersoonNaam: (_dossier$leasemaatsch6 = dossier === null || dossier === void 0 ? void 0 : dossier.leasemaatschappijContactpersoonNaam) !== null && _dossier$leasemaatsch6 !== void 0 ? _dossier$leasemaatsch6 : undefined,
182
- leasemaatschappijContactTelefoonnummer: (_dossier$leasemaatsch7 = dossier === null || dossier === void 0 ? void 0 : dossier.leasemaatschappijContactTelefoonnummer) !== null && _dossier$leasemaatsch7 !== void 0 ? _dossier$leasemaatsch7 : undefined,
183
- leasemaatschappijContactEMailadres: (_dossier$leasemaatsch8 = dossier === null || dossier === void 0 ? void 0 : dossier.leasemaatschappijContactEMailadres) !== null && _dossier$leasemaatsch8 !== void 0 ? _dossier$leasemaatsch8 : undefined,
191
+ leasemaatschappijEntityId: (_ref2 = (_ref3 = (_dossier$leasemaatsch3 = dossier === null || dossier === void 0 ? void 0 : dossier.leasemaatschappijEntityId) !== null && _dossier$leasemaatsch3 !== void 0 ? _dossier$leasemaatsch3 : dossier === null || dossier === void 0 || (_dossier$leasemaatsch4 = dossier.leasemaatschappij) === null || _dossier$leasemaatsch4 === void 0 ? void 0 : _dossier$leasemaatsch4.entityId) !== null && _ref3 !== void 0 ? _ref3 : isLeaseOwnership ? dossier === null || dossier === void 0 || (_dossier$bedrijf4 = dossier.bedrijf) === null || _dossier$bedrijf4 === void 0 ? void 0 : _dossier$bedrijf4.entityId : undefined) !== null && _ref2 !== void 0 ? _ref2 : undefined,
192
+ leasemaatschappijBedrijfsnaam: (_ref4 = (_ref5 = (_ref6 = (_dossier$leasemaatsch5 = dossier === null || dossier === void 0 ? void 0 : dossier.leasemaatschappijBedrijfsnaam) !== null && _dossier$leasemaatsch5 !== void 0 ? _dossier$leasemaatsch5 : dossier === null || dossier === void 0 || (_dossier$leasemaatsch6 = dossier.leasemaatschappij) === null || _dossier$leasemaatsch6 === void 0 ? void 0 : _dossier$leasemaatsch6.name) !== null && _ref6 !== void 0 ? _ref6 : dossier === null || dossier === void 0 || (_dossier$leasemaatsch7 = dossier.leasemaatschappij) === null || _dossier$leasemaatsch7 === void 0 ? void 0 : _dossier$leasemaatsch7.title) !== null && _ref5 !== void 0 ? _ref5 : leaseBedrijfName) !== null && _ref4 !== void 0 ? _ref4 : undefined,
193
+ leasemaatschappijContactpersoonNaam: (_dossier$leasemaatsch8 = dossier === null || dossier === void 0 ? void 0 : dossier.leasemaatschappijContactpersoonNaam) !== null && _dossier$leasemaatsch8 !== void 0 ? _dossier$leasemaatsch8 : undefined,
194
+ leasemaatschappijContactTelefoonnummer: (_dossier$leasemaatsch9 = dossier === null || dossier === void 0 ? void 0 : dossier.leasemaatschappijContactTelefoonnummer) !== null && _dossier$leasemaatsch9 !== void 0 ? _dossier$leasemaatsch9 : undefined,
195
+ leasemaatschappijContactEMailadres: (_dossier$leasemaatsch10 = dossier === null || dossier === void 0 ? void 0 : dossier.leasemaatschappijContactEMailadres) !== null && _dossier$leasemaatsch10 !== void 0 ? _dossier$leasemaatsch10 : undefined,
184
196
  zakelijkContactPersoonNaam: (_dossier$zakelijkCont = dossier === null || dossier === void 0 ? void 0 : dossier.zakelijkContactPersoonNaam) !== null && _dossier$zakelijkCont !== void 0 ? _dossier$zakelijkCont : undefined,
185
197
  zakelijkContactTelefoonnummer: (_dossier$zakelijkCont2 = dossier === null || dossier === void 0 ? void 0 : dossier.zakelijkContactTelefoonnummer) !== null && _dossier$zakelijkCont2 !== void 0 ? _dossier$zakelijkCont2 : undefined,
186
- zakeiljkContactFactuuradres: (_ref5 = (_dossier$zakeiljkCont = dossier === null || dossier === void 0 ? void 0 : dossier.zakeiljkContactFactuuradres) !== null && _dossier$zakeiljkCont !== void 0 ? _dossier$zakeiljkCont : dossier === null || dossier === void 0 ? void 0 : dossier.zakelijkContactFactuuradres) !== null && _ref5 !== void 0 ? _ref5 : undefined,
198
+ zakeiljkContactFactuuradres: (_ref7 = (_dossier$zakeiljkCont = dossier === null || dossier === void 0 ? void 0 : dossier.zakeiljkContactFactuuradres) !== null && _dossier$zakeiljkCont !== void 0 ? _dossier$zakeiljkCont : dossier === null || dossier === void 0 ? void 0 : dossier.zakelijkContactFactuuradres) !== null && _ref7 !== void 0 ? _ref7 : undefined,
187
199
  zakelijkContactEMailadres: (_dossier$zakelijkCont3 = dossier === null || dossier === void 0 ? void 0 : dossier.zakelijkContactEMailadres) !== null && _dossier$zakelijkCont3 !== void 0 ? _dossier$zakelijkCont3 : undefined
188
200
  },
189
201
  hasGoedkeuringsnummerActivity: (_dossier$hasGoedkeuri = dossier === null || dossier === void 0 ? void 0 : dossier.hasGoedkeuringsnummerActivity) !== null && _dossier$hasGoedkeuri !== void 0 ? _dossier$hasGoedkeuri : false,
@@ -199,7 +211,7 @@ const parseDossierToOrderSession = exports.parseDossierToOrderSession = function
199
211
  * Does so by iterating over the lines in the `dossier.lines` array, and checking the order API `articles` keys ['towbars', 'cablesets', 'combisets', 'extras', 'discountCode' ] to find a matching `articleNumber`
200
212
  * This function is used to edit a session, by checking which towbar,cableset, combiset, extras and discounted products were originally chosen.
201
213
  */
202
- const extractSessionProductsByOrder = _ref6 => {
214
+ const extractSessionProductsByOrder = _ref8 => {
203
215
  let {
204
216
  lines = [],
205
217
  orderProducts = {
@@ -210,7 +222,7 @@ const extractSessionProductsByOrder = _ref6 => {
210
222
  discountCode: []
211
223
  },
212
224
  boardComputerUpdate = {}
213
- } = _ref6;
225
+ } = _ref8;
214
226
  return lines.filter(line => line.activeArticle).reduce((acc, lineItem) => {
215
227
  const allArticleNumbers = [...acc.allArticleNumbers, lineItem === null || lineItem === void 0 ? void 0 : lineItem.articleNumber];
216
228
 
@@ -231,8 +243,8 @@ const extractSessionProductsByOrder = _ref6 => {
231
243
  touchedConsumerDiscounts
232
244
  });
233
245
  }
234
- const orderProductEntries = Object.entries(orderProducts).find(_ref7 => {
235
- let [productCategory, products] = _ref7;
246
+ const orderProductEntries = Object.entries(orderProducts).find(_ref9 => {
247
+ let [productCategory, products] = _ref9;
236
248
  return products.some(product => product.articleNumber === (lineItem === null || lineItem === void 0 ? void 0 : lineItem.articleNumber));
237
249
  });
238
250
  switch (orderProductEntries === null || orderProductEntries === void 0 ? void 0 : orderProductEntries[0]) {
package/dist/src/shared/__helpers__/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  require("core-js/modules/es.array.reduce.js");
4
- require("core-js/modules/es.json.stringify.js");
5
4
  require("core-js/modules/es.object.from-entries.js");
6
5
  require("core-js/modules/es.regexp.exec.js");
7
6
  require("core-js/modules/es.regexp.to-string.js");
@@ -13,12 +12,12 @@ require("core-js/modules/esnext.iterator.for-each.js");
13
12
  require("core-js/modules/esnext.iterator.map.js");
14
13
  require("core-js/modules/esnext.iterator.reduce.js");
15
14
  require("core-js/modules/web.dom-collections.iterator.js");
15
+ require("core-js/modules/esnext.iterator.for-each.js");
16
16
  Object.defineProperty(exports, "__esModule", {
17
17
  value: true
18
18
  });
19
19
  exports.withStyle = exports.truncateAtPipe = exports.removeNullishProps = exports.reduceYupErrorsToObject = exports.pushToDataLayer = exports.parseJson = exports.parseDateAndTimeToTimestamp = exports.parseArrayToInputOptions = exports.normalizeArray = exports.groupByKey = exports.getProxyApiErrorMessage = exports.getConfiguratorThemeClassByFormula = exports.getConfiguratorThemeClass = exports.getConfiguratorButtonVariant = exports.formatPrice = exports.formatMontageTime = exports.createSlug = void 0;
20
20
  require("core-js/modules/es.array.reduce.js");
21
- require("core-js/modules/es.json.stringify.js");
22
21
  require("core-js/modules/es.object.from-entries.js");
23
22
  require("core-js/modules/es.regexp.exec.js");
24
23
  require("core-js/modules/es.regexp.to-string.js");
@@ -26,7 +25,6 @@ require("core-js/modules/es.string.replace.js");
26
25
  require("core-js/modules/es.string.trim.js");
27
26
  require("core-js/modules/esnext.iterator.constructor.js");
28
27
  require("core-js/modules/esnext.iterator.filter.js");
29
- require("core-js/modules/esnext.iterator.for-each.js");
30
28
  require("core-js/modules/esnext.iterator.map.js");
31
29
  require("core-js/modules/esnext.iterator.reduce.js");
32
30
  require("core-js/modules/web.dom-collections.iterator.js");
@@ -216,12 +214,6 @@ const pushToDataLayer = params => {
216
214
  }
217
215
  }
218
216
  window.dataLayer.push(params);
219
- if (APP_CONFIG.nodeEnv === 'development') {
220
- console.log("%c Datalayer event ".concat(params.event, " list: "), 'color: LightGreen');
221
- window.dataLayer.filter(e => e.event === params.event).forEach(entry => {
222
- console.log("%c ".concat(JSON.stringify(entry)), 'color: LightBlue');
223
- });
224
- }
225
217
  }
226
218
  };
227
219
 
package/dist/src/shared/__services__/Experiments.js CHANGED
@@ -123,7 +123,6 @@ class Experiments {
123
123
  if (!id) {
124
124
  throw new Error('No experiment ID was found.');
125
125
  }
126
- console.log('Starting experiment with ID: ' + id);
127
126
  const experiments = this.pullFromLS(_constants__.ALL_EXPERIMENTS, [], true);
128
127
  const selectedExperiment = experiments.find(e => e.id === id);
129
128
  if (!selectedExperiment) {
package/dist/src/shared/__style__/components/_datepicker.scss CHANGED
@@ -1,6 +1,11 @@
1
1
  /* ==========================================================================
2
2
  Datepicker
3
3
  ========================================================================== */
4
+ /* Above sibling inputs (e.g. date popper vs time field below); lib default is z-index: 1 */
5
+ .react-datepicker-popper {
6
+ z-index: 1070 !important;
7
+ }
8
+
4
9
  .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
5
10
  border-top-right-radius: 0;
6
11
  }
package/dist/src/shared/__style__/components/form/_form.scss CHANGED
@@ -45,9 +45,7 @@ Form group: leading icon inside the field (e.g. date / time pickers)
45
45
  @extend .ps-5;
46
46
 
47
47
  min-width: 0;
48
- position: relative;
49
48
  width: 100%;
50
- z-index: 1;
51
49
  }
52
50
  }
53
51
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "thm-p3-configurator",
3
- "version": "0.0.336",
3
+ "version": "0.0.338",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "author": "EnoRm.",