thm-p3-configurator 0.0.298 → 0.0.300

package/dist/src/shared/__components__/internal/InternalCustomerDetailsForm.js

@@ -9,7 +9,6 @@ require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.weak-map.js");
-require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -17,6 +16,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("core-js/modules/es.promise.js");
 require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -32,6 +32,7 @@ var _AddressLookupService = _interopRequireDefault(require("../../__services__/A
 var _LocalStorageWorker = require("../../__services__/LocalStorageWorker");
 var _LinkButton = _interopRequireDefault(require("../Buttons/LinkButton"));
 var _CardWide = _interopRequireDefault(require("../Cards/CardWide"));
+var _CheckboxInput = _interopRequireDefault(require("../Form/CheckboxInput"));
 var _DatePickerInput = _interopRequireDefault(require("../Form/DatePickerInput"));
 var _DropdownInput = _interopRequireDefault(require("../Form/DropdownInput"));
 var _RadioButtons = _interopRequireDefault(require("../Form/RadioButtons"));
@@ -155,8 +156,13 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     appointment,
     internalNote,
     vehicle,
-    webshop
+    webshop,
+    isTowCenterBranch,
+    anderAfleveradres,
+    afhalenInWinkel,
+    singleOrderFormulaCode
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
+  console;
   const {
     branchById
   } = (0, _queries.useBranchByIdOrWidgetId)(selectedBranch);
@@ -232,6 +238,51 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
       }
     }
   }, [isTmg, marketingChannels, channel === null || channel === void 0 ? void 0 : channel.channelId, dispatch]);
+
+  /**
+   * @description Auto-set checkboxes when TowCenter branch or TMG formula is selected
+   * Only triggers when isTowCenterBranch or singleOrderFormulaCode changes
+   * User can manually toggle checkboxes after auto-enable
+   */
+  (0, _react.useEffect)(() => {
+    const shouldEnable = isTowCenterBranch || singleOrderFormulaCode === _constants__.CONFIGURATOR_FORMULAS.TMG;
+    if (shouldEnable) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_ANDER_AFLEVERADRES,
+        payload: {
+          anderAfleveradres: true
+        }
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_AFHALEN_IN_WINKEL,
+        payload: {
+          afhalenInWinkel: true
+        }
+      });
+      // Set default ownership type to Particulier if not already set
+      if (!(vehicle !== null && vehicle !== void 0 && vehicle.singleOrderOwnershipType) || (vehicle === null || vehicle === void 0 ? void 0 : vehicle.singleOrderOwnershipType) === _constants__.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE.Empty) {
+        dispatch({
+          type: _OrderSessionContext.orderSessionActions.SET_VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE,
+          payload: {
+            singleOrderOwnershipType: _constants__.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE.Particulier
+          }
+        });
+      }
+    } else {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_ANDER_AFLEVERADRES,
+        payload: {
+          anderAfleveradres: false
+        }
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_AFHALEN_IN_WINKEL,
+        payload: {
+          afhalenInWinkel: false
+        }
+      });
+    }
+  }, [isTowCenterBranch, singleOrderFormulaCode, dispatch, vehicle === null || vehicle === void 0 ? void 0 : vehicle.singleOrderOwnershipType]);
   const initialChannel = (0, _react.useMemo)(() => {
     if (!(channel !== null && channel !== void 0 && channel.channelId) || !(marketingChannels !== null && marketingChannels !== void 0 && marketingChannels.length)) return null;
     const selectedChannel = marketingChannels === null || marketingChannels === void 0 ? void 0 : marketingChannels.find(marketingC => (marketingC === null || marketingC === void 0 ? void 0 : marketingC.entityId) === (channel === null || channel === void 0 ? void 0 : channel.channelId));
@@ -384,7 +435,34 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
           phoneNumber: (0, _yup.string)().required('Telefoonnummer is verplicht')
         });
       }
+
+      // When TowCenter or TMG, ownership type is required (Niet van toepassing not allowed)
+      const isTowCenterOrTmg = isTowCenterBranch || singleOrderFormulaCode === _constants__.CONFIGURATOR_FORMULAS.TMG;
+      if (isTowCenterOrTmg) {
+        validationSchema = validationSchema.shape({
+          singleOrderOwnershipType: (0, _yup.string)().required('Type is verplicht').notOneOf([_constants__.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE.Empty], 'Type is verplicht')
+        });
+      }
+
+      // When anderAfleveradres is enabled, make address fields required
+      if (anderAfleveradres) {
+        const isZakelijk = (vehicle === null || vehicle === void 0 ? void 0 : vehicle.singleOrderOwnershipType) === _constants__.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE.Zakelijk;
+        const requiredFields = {
+          firstName: (0, _yup.string)().required('Voornaam is verplicht'),
+          lastName: (0, _yup.string)().required('Achternaam is verplicht'),
+          streetName: (0, _yup.string)().required('Straatnaam is verplicht'),
+          houseNumber: (0, _yup.string)().required('Huisnummer is verplicht'),
+          zipCode: (0, _yup.string)().required('Postcode is verplicht'),
+          city: (0, _yup.string)().required('Stad is verplicht'),
+          countryId: (0, _yup.string)().required('Land is verplicht')
+        };
+        if (isZakelijk) {
+          requiredFields.companyName = (0, _yup.string)().required('Bedrijfsnaam is verplicht');
+        }
+        validationSchema = validationSchema.shape(requiredFields);
+      }
       await validationSchema.validate(_objectSpread(_objectSpread({}, customer), {}, {
+        singleOrderOwnershipType: (vehicle === null || vehicle === void 0 ? void 0 : vehicle.singleOrderOwnershipType) || '',
         channelType: (channel === null || channel === void 0 ? void 0 : channel.channelType) || '',
         channelId: (channel === null || channel === void 0 ? void 0 : channel.channelId) || ''
       }), {
@@ -453,7 +531,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
   })), /*#__PURE__*/_react.default.createElement(_RadioButtons.default, {
     name: "singleOrderOwnershipType",
     label: "Type:",
-    initialValue: (vehicle === null || vehicle === void 0 ? void 0 : vehicle.singleOrderOwnershipType) || _constants__.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE.Empty,
+    initialValue: (vehicle === null || vehicle === void 0 ? void 0 : vehicle.singleOrderOwnershipType) || (isTowCenterBranch || singleOrderFormulaCode === _constants__.CONFIGURATOR_FORMULAS.TMG ? _constants__.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE.Particulier : _constants__.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE.Empty),
     onChange: val => {
       dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE,
@@ -462,10 +540,36 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
         }
       });
     },
-    options: Object.values(_constants__.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE),
-    isRequired: false,
+    options: isTowCenterBranch || singleOrderFormulaCode === _constants__.CONFIGURATOR_FORMULAS.TMG ? Object.values(_constants__.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE).filter(option => option !== _constants__.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE.Empty) : Object.values(_constants__.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE),
+    isRequired: isTowCenterBranch || singleOrderFormulaCode === _constants__.CONFIGURATOR_FORMULAS.TMG,
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['singleOrderOwnershipType']
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), (isTowCenterBranch || singleOrderFormulaCode === _constants__.CONFIGURATOR_FORMULAS.TMG) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('col-12 mb-2')
+  }, /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
+    name: "anderAfleveradres",
+    label: "Ander afleveradres",
+    initialValue: anderAfleveradres,
+    onChange: value => dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_ANDER_AFLEVERADRES,
+      payload: {
+        anderAfleveradres: value
+      }
+    }),
+    form: form
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('col-12 mb-2')
+  }, /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
+    name: "afhalenInWinkel",
+    label: "Afhalen in winkel",
+    initialValue: afhalenInWinkel,
+    onChange: value => dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_AFHALEN_IN_WINKEL,
+      payload: {
+        afhalenInWinkel: value
+      }
+    }),
+    form: form
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('col-12 mt-2 col-md-6')
   }, /*#__PURE__*/_react.default.createElement("h6", {
     className: (0, _helpers__.withStyle)('modal-title mb-2')
@@ -479,7 +583,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
         firstName: value
       }
     }),
-    isRequired: webshop,
+    isRequired: webshop || anderAfleveradres,
     form: form,
     label: "Voornaam:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['firstName']
@@ -507,7 +611,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
         lastName: value
       }
     }),
-    isRequired: webshop,
+    isRequired: webshop || anderAfleveradres,
     form: form,
     label: "Achternaam:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['lastName']
@@ -578,7 +682,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
         setIsCompanyInputFocused(false);
       }, 300);
     },
-    isRequired: false,
+    isRequired: anderAfleveradres,
     form: form,
     label: "Bedrijfsnaam:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['companyName']
@@ -725,7 +829,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
         handleAddressLookup(value, customer.houseNumber);
       }
     },
-    isRequired: false,
+    isRequired: anderAfleveradres,
     form: form,
     label: "Postcode:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['zipCode']
@@ -745,7 +849,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
         handleAddressLookup(customer.zipCode, value);
       }
     },
-    isRequired: false,
+    isRequired: anderAfleveradres,
     form: form,
     label: "Huisnummer:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['houseNumber']
@@ -773,7 +877,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
         streetName: value
       }
     }),
-    isRequired: false,
+    isRequired: anderAfleveradres,
     form: form,
     label: "Straat:".concat(addressLookupLoading ? ' (wordt opgezocht...)' : ''),
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['streetName']
@@ -787,7 +891,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
         city: value
       }
     }),
-    isRequired: false,
+    isRequired: anderAfleveradres,
     form: form,
     label: "Stad:".concat(addressLookupLoading ? ' (wordt opgezocht...)' : ''),
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['city']
@@ -795,7 +899,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     options: countryOptions,
     name: "country",
     label: "Land:",
-    isRequired: false,
+    isRequired: anderAfleveradres,
     isLoading: isLoadingCountries,
     noOptionsMessage: "Geen landen beschikbaar",
     placeholder: "Selecteer een land",

package/dist/src/shared/__containers__/ProductsCartOverview.js

@@ -624,7 +624,6 @@ const ProductCartTable = () => {
 
   const showCatalogPrice = !isThc;
   const headerColumns = (0, _cartTable2.getCartTableHeaderColumns)(displayMode, showCatalogPrice);
-  console.log(mainProducts);
   const montageRateInputCell = isThc ? {} : {
     text: renderMontageRateInput(),
     className: _cartTable.CART_TABLE_PRICE_CELL_CLASS

package/dist/src/shared/__containers__/internal/InternalAppointmentForm.js

@@ -217,7 +217,8 @@ const InternalAppointmentForm = _ref => {
     webshop,
     vehicleCodingDiscountPercentage,
     consumerDiscounts,
-    montageRate
+    montageRate,
+    hasGoedkeuringsnummerActivity
   } = order;
   const [errors, setErrors] = (0, _react.useState)({});
   const [_licensePlate, _setLicensePlate] = (0, _react.useState)();
@@ -816,19 +817,23 @@ const InternalAppointmentForm = _ref => {
       setCompanySearchTerm('');
       setIsCompanyInputFocused(false);
     }
-  }, branch.name)))), /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
+  }, branch.name)))), (branchById === null || branchById === void 0 ? void 0 : branchById.towCenterVestiging) === true && /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
     name: "invoicePaymentByLeaseCompany",
     label: "Factuur betaling door Leasemaatschappij",
     initialValue: invoicePaymentByLeaseCompany,
     onChange: val => {
-      dispatch({
-        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_INVOICE_PAYMENT_BY_LEASE_COMPANY,
-        payload: {
-          invoicePaymentByLeaseCompany: val
-        }
-      });
+      // Only allow if no existingDossierId OR hasGoedkeuringsnummerActivity
+      if (!existingDossierId || hasGoedkeuringsnummerActivity) {
+        dispatch({
+          type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_INVOICE_PAYMENT_BY_LEASE_COMPANY,
+          payload: {
+            invoicePaymentByLeaseCompany: val
+          }
+        });
+      }
     },
-    isRequired: false
+    isRequired: false,
+    isDisabled: existingDossierId && !hasGoedkeuringsnummerActivity
   }))), /*#__PURE__*/_react.default.createElement("h5", {
     className: (0, _helpers__.withStyle)('my-2')
   }, "Persoonlijke gegevens"), /*#__PURE__*/_react.default.createElement("div", {

package/dist/src/shared/__containers__/internal/InternalBranchSelectorModal.js

@@ -4,6 +4,7 @@ require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -15,6 +16,7 @@ exports.default = void 0;
 require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -74,7 +76,8 @@ const NormalPageModalContent = _ref => {
   const [_branches, _setBranches] = (0, _react.useState)([]);
   const [{
     licensePlate,
-    model
+    model,
+    singleOrderFormulaCode
   }] = (0, _OrderSessionContext.useOrderSession)();
   const {
     myBranches,
@@ -101,7 +104,6 @@ const NormalPageModalContent = _ref => {
     if (!(_branches !== null && _branches !== void 0 && _branches.length)) return;
     if (selectedBranch) return;
     const shouldAutoSelect = !existingDossierId && !isTMGOrganization && _branches.length === 1;
-    console.log(existingDossierId, isTMGOrganization, _branches.length);
     if (!shouldAutoSelect) return;
     const branchToSelect = (_branches$ = _branches[0]) === null || _branches$ === void 0 ? void 0 : _branches$.entityId;
     if (branchToSelect) {
@@ -113,11 +115,12 @@ const NormalPageModalContent = _ref => {
       });
     }
   }, [_branches, selectedBranch, isLocation, existingDossierId, isTMGOrganization]);
+  const branchOptions = _branches === null || _branches === void 0 ? void 0 : _branches.map(branch => ({
+    label: branch === null || branch === void 0 ? void 0 : branch.name,
+    value: branch === null || branch === void 0 ? void 0 : branch.entityId
+  }));
   return /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
-    options: _branches === null || _branches === void 0 ? void 0 : _branches.map(branch => ({
-      label: branch === null || branch === void 0 ? void 0 : branch.name,
-      value: branch === null || branch === void 0 ? void 0 : branch.entityId
-    })),
+    options: branchOptions,
     name: "channel",
     label: "Vestiging:",
     isRequired: true,
@@ -126,11 +129,51 @@ const NormalPageModalContent = _ref => {
     placeholder: "Maak een keuze",
     initialValue: _selectedBranchId,
     onChange: _ref2 => {
+      var _branches$results;
       let {
         label,
         value
       } = _ref2;
-      return setSelectedBranchId(value);
+      setSelectedBranchId(value);
+      const selectedBranchData = isTMGOrganization ? branches === null || branches === void 0 || (_branches$results = branches.results) === null || _branches$results === void 0 ? void 0 : _branches$results.find(b => b.entityId === value) : myBranches === null || myBranches === void 0 ? void 0 : myBranches.find(b => b.entityId === value);
+      if (selectedBranchData) {
+        const isTowCenter = (selectedBranchData === null || selectedBranchData === void 0 ? void 0 : selectedBranchData.towCenterVestiging) === true;
+        const isTmgFormula = formula === _constants__.CONFIGURATOR_FORMULAS.TMG || singleOrderFormulaCode === _constants__.CONFIGURATOR_FORMULAS.TMG;
+        const shouldEnable = isTowCenter || isTmgFormula;
+        dispatch({
+          type: _OrderSessionContext.orderSessionActions.SET_IS_TOW_CENTER_BRANCH,
+          payload: {
+            isTowCenterBranch: isTowCenter
+          }
+        });
+        if (shouldEnable) {
+          dispatch({
+            type: _OrderSessionContext.orderSessionActions.SET_ANDER_AFLEVERADRES,
+            payload: {
+              anderAfleveradres: true
+            }
+          });
+          dispatch({
+            type: _OrderSessionContext.orderSessionActions.SET_AFHALEN_IN_WINKEL,
+            payload: {
+              afhalenInWinkel: true
+            }
+          });
+        } else {
+          dispatch({
+            type: _OrderSessionContext.orderSessionActions.SET_ANDER_AFLEVERADRES,
+            payload: {
+              anderAfleveradres: false
+            }
+          });
+          dispatch({
+            type: _OrderSessionContext.orderSessionActions.SET_AFHALEN_IN_WINKEL,
+            payload: {
+              afhalenInWinkel: false
+            }
+          });
+        }
+      }
     }
   });
 };
@@ -158,6 +201,9 @@ const SingleOrderModalContent = _ref3 => {
     limit: 500,
     offset: 0
   });
+  const [{
+    singleOrderFormulaCode
+  }] = (0, _OrderSessionContext.useOrderSession)();
 
   // Filter branches based on formula if not TMG
   const filteredBranches = _react.default.useMemo(() => {
@@ -174,6 +220,10 @@ const SingleOrderModalContent = _ref3 => {
     var _branch$formule$code, _branch$formule2;
     branchIdWithFormulaCode.set(branch === null || branch === void 0 ? void 0 : branch.entityId, (_branch$formule$code = branch === null || branch === void 0 || (_branch$formule2 = branch.formule) === null || _branch$formule2 === void 0 ? void 0 : _branch$formule2.code) !== null && _branch$formule$code !== void 0 ? _branch$formule$code : _constants__.CONFIGURATOR_FORMULAS.THC);
   });
+  const branchOptions = filteredBranches === null || filteredBranches === void 0 ? void 0 : filteredBranches.map(branch => ({
+    label: "".concat(branch === null || branch === void 0 ? void 0 : branch.naamVestiging, " - ").concat(branch === null || branch === void 0 ? void 0 : branch.name),
+    value: branch === null || branch === void 0 ? void 0 : branch.entityId
+  }));
   (0, _react.useEffect)(() => {
     if (isLocation && !selectedBranch && !isTMGOrganization) {
       var _authSession$branch;
@@ -207,10 +257,7 @@ const SingleOrderModalContent = _ref3 => {
       setLocalBranchId(undefined);
     }
   }), (formula === _constants__.CONFIGURATOR_FORMULAS.TMG ? singleOrderBranchType : true) && /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
-    options: filteredBranches === null || filteredBranches === void 0 ? void 0 : filteredBranches.map(branch => ({
-      label: "".concat(branch === null || branch === void 0 ? void 0 : branch.naamVestiging, " - ").concat(branch === null || branch === void 0 ? void 0 : branch.name),
-      value: branch === null || branch === void 0 ? void 0 : branch.entityId
-    })),
+    options: branchOptions,
     name: "branch",
     label: "Vestiging:",
     isRequired: true,
@@ -225,12 +272,64 @@ const SingleOrderModalContent = _ref3 => {
       } = _ref5;
       setSelectedBranchId(value);
       setLocalBranchId(value);
+      const formulaCode = branchIdWithFormulaCode.get(value);
       dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_SINGLE_ORDER_FORMULA_CODE,
         payload: {
-          formulaCode: branchIdWithFormulaCode.get(value)
+          formulaCode
         }
       });
+      const selectedBranchData = filteredBranches === null || filteredBranches === void 0 ? void 0 : filteredBranches.find(b => b.entityId === value);
+      if (selectedBranchData) {
+        const isTowCenter = (selectedBranchData === null || selectedBranchData === void 0 ? void 0 : selectedBranchData.towCenterVestiging) === true;
+        const isTmgFormula = formula === _constants__.CONFIGURATOR_FORMULAS.TMG || formulaCode === _constants__.CONFIGURATOR_FORMULAS.TMG;
+        const shouldEnable = isTowCenter || isTmgFormula;
+        dispatch({
+          type: _OrderSessionContext.orderSessionActions.SET_IS_TOW_CENTER_BRANCH,
+          payload: {
+            isTowCenterBranch: isTowCenter
+          }
+        });
+        if (shouldEnable) {
+          dispatch({
+            type: _OrderSessionContext.orderSessionActions.SET_ANDER_AFLEVERADRES,
+            payload: {
+              anderAfleveradres: true
+            }
+          });
+          dispatch({
+            type: _OrderSessionContext.orderSessionActions.SET_IS_TOW_CENTER_BRANCH,
+            payload: {
+              isTowCenterBranch: isTowCenter
+            }
+          });
+          dispatch({
+            type: _OrderSessionContext.orderSessionActions.SET_AFHALEN_IN_WINKEL,
+            payload: {
+              afhalenInWinkel: true
+            }
+          });
+        } else {
+          dispatch({
+            type: _OrderSessionContext.orderSessionActions.SET_ANDER_AFLEVERADRES,
+            payload: {
+              anderAfleveradres: false
+            }
+          });
+          dispatch({
+            type: _OrderSessionContext.orderSessionActions.SET_IS_TOW_CENTER_BRANCH,
+            payload: {
+              isTowCenterBranch: isTowCenter
+            }
+          });
+          dispatch({
+            type: _OrderSessionContext.orderSessionActions.SET_AFHALEN_IN_WINKEL,
+            payload: {
+              afhalenInWinkel: false
+            }
+          });
+        }
+      }
     }
   }));
 };
@@ -256,8 +355,12 @@ const InternalBranchSelectorModal = () => {
     existingDossierId,
     orderType,
     licensePlate,
-    model
+    model,
+    singleOrderFormulaCode
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
+  const {
+    branchById
+  } = (0, _queries.useBranchByIdOrWidgetId)(selectedBranch);
   const {
     myBranches,
     isLoadingMyBranches
@@ -278,6 +381,45 @@ const InternalBranchSelectorModal = () => {
     });
     _setSelectedBranchId(onlyBranchId);
   }, [shouldAutoSelect, myBranches, dispatch]);
+  (0, _react.useEffect)(() => {
+    if (!selectedBranch || !branchById) return;
+    const isTowCenter = (branchById === null || branchById === void 0 ? void 0 : branchById.towCenterVestiging) === true;
+    const isTmgFormula = singleOrderFormulaCode === _constants__.CONFIGURATOR_FORMULAS.TMG;
+    const shouldEnable = isTowCenter || isTmgFormula;
+    dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_IS_TOW_CENTER_BRANCH,
+      payload: {
+        isTowCenterBranch: isTowCenter
+      }
+    });
+    if (shouldEnable) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_ANDER_AFLEVERADRES,
+        payload: {
+          anderAfleveradres: true
+        }
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_AFHALEN_IN_WINKEL,
+        payload: {
+          afhalenInWinkel: true
+        }
+      });
+    } else {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_ANDER_AFLEVERADRES,
+        payload: {
+          anderAfleveradres: false
+        }
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_AFHALEN_IN_WINKEL,
+        payload: {
+          afhalenInWinkel: false
+        }
+      });
+    }
+  }, [selectedBranch, branchById, singleOrderFormulaCode, dispatch]);
   const handlePrimaryButtonClicked = () => {
     dispatch({
       type: _OrderSessionContext.orderSessionActions.SET_SELECTED_BRANCH,

package/dist/src/shared/__context__/OrderSessionContext.js

@@ -174,7 +174,11 @@ const INITIAL_ORDER_SESSION_STATE = {
   },
   invoicePaymentByLeaseCompany: false,
   orderType: null,
-  webshop: null
+  webshop: null,
+  isTowCenterBranch: false,
+  anderAfleveradres: false,
+  afhalenInWinkel: false,
+  hasGoedkeuringsnummerActivity: false
 };
 const orderSessionActions = exports.orderSessionActions = {
   INITIALIZE_NEW_ORDER: 'INITIALIZE_NEW_ORDER',
@@ -252,7 +256,10 @@ const orderSessionActions = exports.orderSessionActions = {
   SET_VEHICLE_CODING_DISCOUNT_PERCENTAGE: 'SET_VEHICLE_CODING_DISCOUNT_PERCENTAGE',
   SET_CONSUMER_DISCOUNT_PERCENTAGE: 'SET_CONSUMER_DISCOUNT_PERCENTAGE',
   SET_MONTAGE_RATE: 'SET_MONTAGE_RATE',
-  SET_IS_MONTAGE_TARIFF_FIXED: 'SET_IS_MONTAGE_TARIFF_FIXED'
+  SET_IS_MONTAGE_TARIFF_FIXED: 'SET_IS_MONTAGE_TARIFF_FIXED',
+  SET_IS_TOW_CENTER_BRANCH: 'SET_IS_TOW_CENTER_BRANCH',
+  SET_ANDER_AFLEVERADRES: 'SET_ANDER_AFLEVERADRES',
+  SET_AFHALEN_IN_WINKEL: 'SET_AFHALEN_IN_WINKEL'
 };
 const orderSessionReducer = (state, action) => {
   switch (action.type) {
@@ -1136,6 +1143,33 @@ const orderSessionReducer = (state, action) => {
           webshop
         });
       }
+    case orderSessionActions.SET_IS_TOW_CENTER_BRANCH:
+      {
+        const {
+          isTowCenterBranch
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          isTowCenterBranch
+        });
+      }
+    case orderSessionActions.SET_ANDER_AFLEVERADRES:
+      {
+        const {
+          anderAfleveradres
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          anderAfleveradres
+        });
+      }
+    case orderSessionActions.SET_AFHALEN_IN_WINKEL:
+      {
+        const {
+          afhalenInWinkel
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          afhalenInWinkel
+        });
+      }
     default:
       return state;
   }

package/dist/src/shared/__helpers__/dossier.js

@@ -73,7 +73,7 @@ function _toPrimitive(t, r) {
  * @description Covnerts an existing hyper dossier object into a local order session
  */
 const parseDossierToOrderSession = exports.parseDossierToOrderSession = function parseDossierToOrderSession() {
-  var _dossier$statusBeoord, _dossier$kanaal, _dossier$kanaalPartne, _dossier$kanaalHoofka, _dossier$statusDossie, _dossier$statusDossie2, _dossier$lines$some, _dossier$lines, _dossier$vestiging, _dossier$typeEigendom, _dossier$klant, _dossier$klant2, _dossier$klant3, _dossier$klant4, _dossier$klant$postal, _dossier$klant5, _dossier$klant$city, _dossier$klant6, _dossier$klant$street, _dossier$klant7, _dossier$klant$huisnu, _dossier$klant8, _dossier$anwbId, _dossier$bedrijfsnaam, _dossier$placeholderB, _dossier$kvkNummer, _dossier$btwNummer;
+  var _dossier$statusBeoord, _dossier$kanaal, _dossier$kanaalPartne, _dossier$kanaalHoofka, _dossier$statusDossie, _dossier$statusDossie2, _dossier$lines$some, _dossier$lines, _dossier$vestiging, _dossier$typeEigendom, _dossier$klant, _dossier$klant2, _dossier$klant3, _dossier$klant4, _dossier$klant$postal, _dossier$klant5, _dossier$klant$city, _dossier$klant6, _dossier$klant$street, _dossier$klant7, _dossier$klant$huisnu, _dossier$klant8, _dossier$anwbId, _dossier$bedrijfsnaam, _dossier$placeholderB, _dossier$kvkNummer, _dossier$btwNummer, _dossier$hasGoedkeuri;
   let dossier = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {
     canAlterQuantity: (dossier === null || dossier === void 0 || (_dossier$statusBeoord = dossier.statusBeoordeling) === null || _dossier$statusBeoord === void 0 ? void 0 : _dossier$statusBeoord.title) === _constants__.STATUS_ASSESSMENT.Open,
@@ -143,7 +143,8 @@ const parseDossierToOrderSession = exports.parseDossierToOrderSession = function
       companyNamePlaceholder: (_dossier$placeholderB = dossier === null || dossier === void 0 ? void 0 : dossier.placeholderBedrijfsnaam) !== null && _dossier$placeholderB !== void 0 ? _dossier$placeholderB : undefined,
       kvkNumber: (_dossier$kvkNummer = dossier === null || dossier === void 0 ? void 0 : dossier.kvkNummer) !== null && _dossier$kvkNummer !== void 0 ? _dossier$kvkNummer : undefined,
       vatNumber: (_dossier$btwNummer = dossier === null || dossier === void 0 ? void 0 : dossier.btwNummer) !== null && _dossier$btwNummer !== void 0 ? _dossier$btwNummer : undefined
-    }
+    },
+    hasGoedkeuringsnummerActivity: (_dossier$hasGoedkeuri = dossier === null || dossier === void 0 ? void 0 : dossier.hasGoedkeuringsnummerActivity) !== null && _dossier$hasGoedkeuri !== void 0 ? _dossier$hasGoedkeuri : false
   };
 };
 

package/dist/src/shared/__pages__/internal/InternalSingleOrderPage.js

@@ -152,7 +152,9 @@ const InternalSingleOrderPage = () => {
     licensePlate,
     durationAnswer,
     model,
-    webshop
+    webshop,
+    anderAfleveradres,
+    afhalenInWinkel
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   let formula = (0, _FormulaContext.useFormula)();
   if (singleOrderFormulaCode) {
@@ -335,7 +337,10 @@ const InternalSingleOrderPage = () => {
           model: filters.model,
           cart: singleOrderCart,
           vehicle: vehiclePayload,
-          customer,
+          customer: _objectSpread(_objectSpread({}, customer), {}, {
+            anderAfleveradres,
+            afhalenInWinkel
+          }),
           formula,
           webshop,
           branchId: selectedBranch,
@@ -354,7 +359,10 @@ const InternalSingleOrderPage = () => {
           model: filters.model,
           cart: singleOrderCart,
           vehicle: vehiclePayload,
-          customer
+          customer: _objectSpread(_objectSpread({}, customer), {}, {
+            anderAfleveradres,
+            afhalenInWinkel
+          })
         }, formula === _constants__.CONFIGURATOR_FORMULAS.THM ? {
           formula: _constants__.CONFIGURATOR_FORMULAS.TM
         } : {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thm-p3-configurator",
-  "version": "0.0.298",
+  "version": "0.0.300",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "author": "EnoRm.",