thm-p3-configurator 0.0.333 → 0.0.335

package/dist/src/shared/__api__/queries.js

@@ -38,7 +38,6 @@ var _FormulaContext = require("../__context__/FormulaContext");
 var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 var _singleOrderArticles = require("../__helpers__/singleOrderArticles");
-var _AuthRuntime = require("../__services__/AuthRuntime");
 var _authenticatedProxyApi = require("./authenticatedProxyApi");
 var _orderApi = require("./orderApi");
 var _publicProxyApi = require("./publicProxyApi");

package/dist/src/shared/__components__/Cards/Card.js

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _constants__ = require("../../__constants__");
-var _FormulaContext = require("../../__context__/FormulaContext");
 var _helpers__ = require("../../__helpers__");
+var _useBranchTheme = require("../../__hooks__/useBranchTheme");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -22,9 +21,10 @@ const Card = _ref => {
     isWide = false,
     isNarrow = false
   } = _ref;
-  const formula = (0, _FormulaContext.useFormula)();
+  const theme = (0, _useBranchTheme.useBranchTheme)();
+  const themeClass = (0, _helpers__.getConfiguratorThemeClass)(theme);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)("".concat(isCentered ? 'modal-dialog-centered' : '', "  ").concat(isScrollable ? 'modal-dialog-scrollable' : '', " ").concat(isWide ? 'modal-dialog__questions' : 'modal-dialog', " ").concat(isNarrow ? 'modal--narrow' : '', " ").concat(formula === _constants__.CONFIGURATOR_FORMULAS.THC ? 'thc' : ''))
+    className: (0, _helpers__.withStyle)("".concat(isCentered ? 'modal-dialog-centered' : '', "  ").concat(isScrollable ? 'modal-dialog-scrollable' : '', " ").concat(isWide ? 'modal-dialog__questions' : 'modal-dialog', " ").concat(isNarrow ? 'modal--narrow' : '', " ").concat(themeClass))
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('modal-content')
   }, title && /*#__PURE__*/_react.default.createElement("div", {

package/dist/src/shared/__components__/Error.js

@@ -7,9 +7,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactLottie = _interopRequireDefault(require("react-lottie"));
 var _animation = _interopRequireDefault(require("../../../public/assets/lottie/animation"));
-var _constants__ = require("../__constants__");
-var _FormulaContext = require("../__context__/FormulaContext");
 var _helpers__ = require("../__helpers__");
+var _useBranchTheme = require("../__hooks__/useBranchTheme");
 var _NavigationButton = _interopRequireDefault(require("./Buttons/NavigationButton"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
@@ -28,7 +27,9 @@ const Error = () => {
   const handleRedirectToWebsite = () => {
     window.location.href = APP_CONFIG.websiteHost;
   };
-  const formula = (0, _FormulaContext.useFormula)();
+  const theme = (0, _useBranchTheme.useBranchTheme)();
+  const primaryVariant = (0, _helpers__.getConfiguratorButtonVariant)(theme);
+  const outlineVariant = (0, _helpers__.getConfiguratorButtonVariant)(theme, true);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat((0, _helpers__.withStyle)('d-flex flex-column'))
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -52,14 +53,14 @@ const Error = () => {
   }, "Indien de error zich blijft voordoen, gelieve contact op te nemen met de administrator"), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex align-items-center gap-2 w-100 justify-content-center')
   }, /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
-    variant: formula === _constants__.CONFIGURATOR_FORMULAS.THC ? 'custom-primary' : 'primary',
+    variant: primaryVariant,
     to: "/configurator",
     label: "Start de configurator opnieuw"
   }), /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
     to: "#",
     onClick: handleRedirectToWebsite,
     label: "Ga naar de homepage",
-    variant: formula === _constants__.CONFIGURATOR_FORMULAS.THC ? 'outline-custom-primary' : 'outline-primary'
+    variant: outlineVariant
   }))))))));
 };
 var _default = exports.default = Error;

package/dist/src/shared/__components__/Form/RadioButtons.js

@@ -11,9 +11,8 @@ exports.default = void 0;
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
-var _constants__ = require("../../__constants__");
-var _FormulaContext = require("../../__context__/FormulaContext");
 var _helpers__ = require("../../__helpers__");
+var _useBranchTheme = require("../../__hooks__/useBranchTheme");
 var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
@@ -57,7 +56,8 @@ const RadioButtons = _ref => {
     errorMessage
   } = _ref;
   const [value, setValue] = (0, _react.useState)(initialValue);
-  const formula = (0, _FormulaContext.useFormula)();
+  const theme = (0, _useBranchTheme.useBranchTheme)();
+  const buttonVariant = (0, _helpers__.getConfiguratorButtonVariant)(theme, true);
   const handleChange = event => {
     const {
       value
@@ -76,7 +76,7 @@ const RadioButtons = _ref => {
     "aria-label": label
   }, options.map((optionName, key) => /*#__PURE__*/_react.default.createElement("label", {
     key: key,
-    className: (0, _helpers__.withStyle)("form__radio-item form__radio-item--flexible btn btn-sm ".concat(formula === _constants__.CONFIGURATOR_FORMULAS.THC ? 'btn-outline-custom-primary' : 'btn-outline-primary', " ").concat(value === optionName ? 'active' : '')),
+    className: (0, _helpers__.withStyle)("form__radio-item form__radio-item--flexible btn btn-sm btn-".concat(buttonVariant, " ").concat(value === optionName ? 'active' : '')),
     htmlFor: "".concat(name, "[").concat(key, "]")
   }, /*#__PURE__*/_react.default.createElement("input", {
     type: "radio",

package/dist/src/shared/__components__/Header.js

@@ -10,7 +10,6 @@ var _logoThcWhite = _interopRequireDefault(require("../../../public/assets/image
 var _logoTmgPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-tmg-primary.png"));
 var _tmLogo = _interopRequireDefault(require("../../../public/assets/images/tm-logo.png"));
 var _constants__ = require("../__constants__");
-var _FormulaContext = require("../__context__/FormulaContext");
 var _helpers__ = require("../__helpers__");
 var _useBranchTheme = require("../__hooks__/useBranchTheme");
 function _interopRequireDefault(e) {
@@ -24,7 +23,6 @@ const Header = _ref => {
     subtitle = ''
   } = _ref;
   const theme = (0, _useBranchTheme.useBranchTheme)();
-  const formula = (0, _FormulaContext.useFormula)();
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)("hero hero--offset")
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -35,7 +33,7 @@ const Header = _ref => {
     className: (0, _helpers__.withStyle)('col hero__logo-container')
   }, /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _helpers__.withStyle)("hero__logo ".concat(theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? 'hero__logo--tmg' : '')),
-    src: formula === _constants__.CONFIGURATOR_FORMULAS.TM ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoPrimaryIcon.default,
+    src: theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotive ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoPrimaryIcon.default,
     alt: "Trekhaak Montage"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('hero__inner d-none d-lg-block')

package/dist/src/shared/__components__/Navbar.js

@@ -10,7 +10,6 @@ var _logoTmgPrimary = _interopRequireDefault(require("../../../public/assets/ima
 var _logoWhite = _interopRequireDefault(require("../../../public/assets/images/logo-white.svg"));
 var _tmLogo = _interopRequireDefault(require("../../../public/assets/images/tm-logo.png"));
 var _constants__ = require("../__constants__");
-var _FormulaContext = require("../__context__/FormulaContext");
 var _helpers__ = require("../__helpers__");
 var _useBranchTheme = require("../__hooks__/useBranchTheme");
 function _interopRequireDefault(e) {
@@ -23,9 +22,9 @@ const Navbar = _ref => {
     onPhoneClicked
   } = _ref;
   const theme = (0, _useBranchTheme.useBranchTheme)();
-  const formula = (0, _FormulaContext.useFormula)();
+  const themeClass = (0, _helpers__.getConfiguratorThemeClass)(theme);
   return /*#__PURE__*/_react.default.createElement("nav", {
-    className: (0, _helpers__.withStyle)("navbar fixed-top ".concat(theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? 'thc' : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? 'tmg' : ''))
+    className: (0, _helpers__.withStyle)("navbar fixed-top ".concat(themeClass))
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('container-fluid')
   }, /*#__PURE__*/_react.default.createElement("a", {
@@ -33,7 +32,7 @@ const Navbar = _ref => {
     href: APP_CONFIG.websiteHost
   }, /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _helpers__.withStyle)('img-fluid'),
-    src: formula === _constants__.CONFIGURATOR_FORMULAS.TM ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoWhite.default,
+    src: theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotive ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoWhite.default,
     alt: "Trekhaakmontage"
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('navbar__phone ms-10 d-none d-sm-flex')

package/dist/src/shared/__components__/ProductCard/ProductCardCheckbox.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _constants__ = require("../../__constants__");
 var _useBranchTheme = require("../../__hooks__/useBranchTheme");
 var _helpers__ = require("../../__helpers__");
 function _interopRequireDefault(e) {
@@ -20,6 +19,7 @@ const ProductCardCheckbox = _ref => {
     id
   } = _ref;
   const theme = (0, _useBranchTheme.useBranchTheme)();
+  const buttonVariant = (0, _helpers__.getConfiguratorButtonVariant)(theme, true);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('align-items-center d-flex position-relative')
   }, /*#__PURE__*/_react.default.createElement("input", {
@@ -30,7 +30,7 @@ const ProductCardCheckbox = _ref => {
     readOnly: true,
     checked: defaultChecked
   }), /*#__PURE__*/_react.default.createElement("label", {
-    className: (0, _helpers__.withStyle)("btn ".concat(theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? 'btn-outline-custom-primary' : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? 'btn-outline-tmg-primary' : 'btn-outline-primary', " ")),
+    className: (0, _helpers__.withStyle)("btn btn-".concat(buttonVariant)),
     htmlFor: "btn-check-".concat(id),
     disabled: isDisabled
   }, defaultChecked ? 'Geselecteerd' : 'Selecteer'));

package/dist/src/shared/__components__/Spinners/FullPageSpinner.js

@@ -16,7 +16,6 @@ var _logoWhite = _interopRequireDefault(require("../../../../public/assets/image
 var _constants__ = require("../../__constants__");
 var _helpers__ = require("../../__helpers__");
 var _useBranchTheme = require("../../__hooks__/useBranchTheme");
-var _FormulaContext = require("../../__context__/FormulaContext");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -53,12 +52,12 @@ const FullPageSpinner = _ref => {
   } = _ref;
   const [hasRendered, setHasRendered] = (0, _react.useState)();
   const theme = (0, _useBranchTheme.useBranchTheme)();
-  const formula = (0, _FormulaContext.useFormula)();
+  const themeClass = (0, _helpers__.getConfiguratorThemeClass)(theme);
   (0, _react.useEffect)(() => {
     setHasRendered(true);
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)("loader ".concat(theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? 'thc' : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? 'tmg' : ''))
+    className: (0, _helpers__.withStyle)("loader ".concat(themeClass))
   }, hasRendered !== true ? /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("i", {
     className: (0, _helpers__.withStyle)('loader__icon')
   })) : /*#__PURE__*/_react.default.createElement("span", {
@@ -67,7 +66,7 @@ const FullPageSpinner = _ref => {
     className: "fas fa-cog fa-spin"
   }), ' '), children ? children : /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _helpers__.withStyle)('loader__logo'),
-    src: formula === _constants__.CONFIGURATOR_FORMULAS.TM ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoWhite.default,
+    src: theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotive ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoWhite.default,
     alt: "Trekhaak Montage - Configurator"
   }));
 };

package/dist/src/shared/__constants__/index.js

@@ -31,12 +31,13 @@ const BRANCH_THEME_BY_FORMULA = exports.BRANCH_THEME_BY_FORMULA = {
   Trekhaakcentrum: 'thc',
   Trekhaakmontage: 'thm',
   TowMotiveGroup: 'tmg',
-  TowMotive: 'tmg'
+  TowMotive: 'tm'
 };
 const PARTNER_PORTAL_PAGE_TITLES_BY_THEME = exports.PARTNER_PORTAL_PAGE_TITLES_BY_THEME = {
   [BRANCH_THEME_BY_FORMULA.Trekhaakmontage]: 'Trekhaakmontage - Partner Portal',
   [BRANCH_THEME_BY_FORMULA.Trekhaakcentrum]: 'Trekhaakcentrum - Partner Portal',
-  [BRANCH_THEME_BY_FORMULA.TowMotiveGroup]: 'TowMotive Group - Partner Portal'
+  [BRANCH_THEME_BY_FORMULA.TowMotiveGroup]: 'TowMotive Group - Partner Portal',
+  [BRANCH_THEME_BY_FORMULA.TowMotive]: 'TowMotive - Partner Portal'
 };
 const DAY_NAMES = exports.DAY_NAMES = {
   monday: 'Maandag',

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

@@ -51,17 +51,18 @@ function _interopRequireWildcard(e, r) {
   return n.default = e, t && t.set(e, n), n;
 }
 const ANWBMembershipValidator = _ref => {
-  var _customer$anwbId;
+  var _customer$anwbId2;
   let {
     discountProducts = []
   } = _ref;
   const [{
     customer,
-    discountCode
+    discountCode,
+    anwbDiscountValidated,
+    selectedDiscountedProducts
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [isNumberValid, setIsNumberValid] = (0, _react.useState)();
   const clearDiscountProducts = () => {
-    console.log('clearDiscountProducts');
     dispatch({
       type: _OrderSessionContext.orderSessionActions.SET_SELECTED_DISCOUNT_PRODUCTS,
       payload: {
@@ -76,6 +77,9 @@ const ANWBMembershipValidator = _ref => {
     });
   };
   const handleMembershipChange = number => {
+    if (number === (customer === null || customer === void 0 ? void 0 : customer.anwbId)) {
+      return;
+    }
     dispatch({
       type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_ANWB_ID,
       payload: {
@@ -84,6 +88,22 @@ const ANWBMembershipValidator = _ref => {
     });
     clearDiscountProducts();
   };
+  (0, _react.useEffect)(() => {
+    var _selectedDiscountedPr, _customer$anwbId$leng, _customer$anwbId;
+    const hasAnwbProducts = ((_selectedDiscountedPr = selectedDiscountedProducts === null || selectedDiscountedProducts === void 0 ? void 0 : selectedDiscountedProducts.length) !== null && _selectedDiscountedPr !== void 0 ? _selectedDiscountedPr : 0) > 0;
+    const hasPrefilledMembership = ((_customer$anwbId$leng = customer === null || customer === void 0 || (_customer$anwbId = customer.anwbId) === null || _customer$anwbId === void 0 ? void 0 : _customer$anwbId.length) !== null && _customer$anwbId$leng !== void 0 ? _customer$anwbId$leng : 0) === 9;
+    const isAnwbCode = discountCode === null || discountCode === void 0 ? void 0 : discountCode.toLocaleLowerCase().includes('anwb');
+
+    // Keep a previously validated ANWB state active after hydration.
+    if (isAnwbCode && hasPrefilledMembership && hasAnwbProducts && anwbDiscountValidated !== true) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_ANWB_DISCOUNT_VALIDATED,
+        payload: {
+          anwbDiscountValidated: true
+        }
+      });
+    }
+  }, [anwbDiscountValidated, customer === null || customer === void 0 ? void 0 : customer.anwbId, discountCode, dispatch, selectedDiscountedProducts]);
   const handleSubmit = number => {
     const isValid = _ANWBValidator.anwbValidator.validate(0, {
       number
@@ -136,7 +156,7 @@ const ANWBMembershipValidator = _ref => {
     onClick: () => {
       handleSubmit(customer === null || customer === void 0 ? void 0 : customer.anwbId);
     },
-    isDisabled: (customer === null || customer === void 0 || (_customer$anwbId = customer.anwbId) === null || _customer$anwbId === void 0 ? void 0 : _customer$anwbId.length) !== 9,
+    isDisabled: (customer === null || customer === void 0 || (_customer$anwbId2 = customer.anwbId) === null || _customer$anwbId2 === void 0 ? void 0 : _customer$anwbId2.length) !== 9,
     label: 'Verzilver!'
   })), ' '), isNumberValid != null && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)("alert w-100  ".concat(isNumberValid === true ? 'alert-success' : 'alert-danger'))

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

@@ -124,7 +124,7 @@ const DiscountProductsSelector = _ref => {
     });
   };
   const isAnwbCode = discountCode === null || discountCode === void 0 ? void 0 : discountCode.toLocaleLowerCase().includes('anwb');
-  const inputsDisabled = isAnwbCode && !anwbDiscountValidated;
+  const inputsDisabled = isAnwbCode && anwbDiscountValidated === false;
   if (!(discountProducts !== null && discountProducts !== void 0 && discountProducts.length)) {
     return null;
   }

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

@@ -87,7 +87,7 @@ const ProductDiscountCard = () => {
         discountCode: code,
         anwbDiscountValidated: validated
       } = anwbStateRef.current;
-      if (code !== null && code !== void 0 && code.toLocaleLowerCase().includes('anwb') && !validated) {
+      if (code !== null && code !== void 0 && code.toLocaleLowerCase().includes('anwb') && validated === false) {
         dispatch({
           type: _OrderSessionContext.orderSessionActions.SET_DISCOUNT_CODE,
           payload: {

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

@@ -10,7 +10,6 @@ exports.default = void 0;
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouter = require("react-router");
-var _constants__ = require("../__constants__");
 var _ThemeContext = require("../__context__/ThemeContext");
 var _helpers__ = require("../__helpers__");
 var _useBranchTheme = require("../__hooks__/useBranchTheme");
@@ -48,6 +47,7 @@ const StyleWrapper = _ref => {
   const themeFromHook = (0, _useBranchTheme.useBranchTheme)();
   // Allow parent to override theme via prop (needed when used as npm package)
   const theme = themeProp || themeFromHook;
+  const themeClass = (0, _helpers__.getConfiguratorThemeClass)(theme);
   (0, _react.useLayoutEffect)(() => {
     window.addEventListener('resize', handleResize);
     handleResize();
@@ -74,7 +74,7 @@ const StyleWrapper = _ref => {
   return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/_react.default.createElement("main", {
-    className: (0, _helpers__.withStyle)("thm-configurator ".concat(APP_CONFIG.internal ? 'thm-configurator--offset' : '', " ").concat(theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? 'thc' : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? 'tmg' : '')),
+    className: (0, _helpers__.withStyle)("thm-configurator ".concat(APP_CONFIG.internal ? 'thm-configurator--offset' : '', " ").concat(themeClass)),
     style: height
   }, children));
 };

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

@@ -1577,7 +1577,7 @@ const InternalAppointmentForm = _ref => {
     className: (0, _helpers__.withStyle)('col-12 col-md-6')
   }, /*#__PURE__*/_react.default.createElement(_TextAreaInput.default, {
     placeholder: "",
-    value: customer === null || customer === void 0 ? void 0 : customer.note,
+    initialValue: contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.note,
     name: "note",
     onChange: value => dispatch({
       type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_NOTE,

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

@@ -1,7 +1,9 @@
 "use strict";
 
+require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
@@ -16,8 +18,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
@@ -130,6 +134,7 @@ const getEmptyCustomerState = () => ({
   lastName: '',
   email: '',
   phoneNumber: '',
+  anwbId: '',
   zipCode: '',
   houseNumber: '',
   houseNumberAddition: '',
@@ -239,6 +244,7 @@ const InternalQuotationForm = _ref => {
       lastName: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.lastName) || '',
       email: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.email) || '',
       phoneNumber: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.phoneNumber) || '',
+      anwbId: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.anwbId) || '',
       zipCode: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.zipCode) || '',
       houseNumber: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.houseNumber) || '',
       houseNumberAddition: (contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.houseNumberAddition) || '',
@@ -301,6 +307,7 @@ const InternalQuotationForm = _ref => {
       lastName: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_LAST_NAME,
       email: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_EMAIL,
       phoneNumber: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_PHONE_NUMBER,
+      anwbId: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_ANWB_ID,
       zipCode: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_ZIP_CODE,
       houseNumber: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_HOUSE_NUMBER,
       houseNumberAddition: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_HOUSE_NUMBER_ADDITION,
@@ -449,7 +456,7 @@ const InternalQuotationForm = _ref => {
    */
   const handleSubmit = async () => {
     try {
-      var _customer$firstName, _customer$lastName, _customer$phoneNumber, _customer$houseNumber, _customer$houseNumber2, _customer$streetName, _customer$countryId, _customer$city, _customer$email, _contextCustomer$note, _customer$zipCode, _customer$companyName, _ref3;
+      var _customer$firstName, _customer$lastName, _customer$phoneNumber, _customer$houseNumber, _customer$houseNumber2, _customer$streetName, _customer$countryId, _customer$city, _customer$email, _ref3, _contextCustomer$anwb, _contextCustomer$note, _customer$zipCode, _customer$companyName, _ref4;
       setErrors(null);
       if (!model) {
         // Note: this does not throw on error.
@@ -488,6 +495,7 @@ const InternalQuotationForm = _ref => {
           isTmg
         }
       });
+      const isAnwbCode = discountCode === null || discountCode === void 0 ? void 0 : discountCode.toLocaleLowerCase().includes('anwb');
       const payload = (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({
         vehicle,
         customer: (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({}, customer), {}, {
@@ -500,13 +508,14 @@ const InternalQuotationForm = _ref => {
           countryId: (_customer$countryId = customer === null || customer === void 0 ? void 0 : customer.countryId) !== null && _customer$countryId !== void 0 ? _customer$countryId : undefined,
           city: (_customer$city = customer === null || customer === void 0 ? void 0 : customer.city) !== null && _customer$city !== void 0 ? _customer$city : undefined,
           email: (_customer$email = customer === null || customer === void 0 ? void 0 : customer.email) !== null && _customer$email !== void 0 ? _customer$email : undefined,
+          anwbId: isAnwbCode ? (_ref3 = (_contextCustomer$anwb = contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.anwbId) !== null && _contextCustomer$anwb !== void 0 ? _contextCustomer$anwb : customer === null || customer === void 0 ? void 0 : customer.anwbId) !== null && _ref3 !== void 0 ? _ref3 : undefined : undefined,
           note: (_contextCustomer$note = contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.note) !== null && _contextCustomer$note !== void 0 ? _contextCustomer$note : undefined,
           zipCode: (_customer$zipCode = customer === null || customer === void 0 ? void 0 : customer.zipCode) !== null && _customer$zipCode !== void 0 ? _customer$zipCode : undefined,
           companyName: activeOwnershipType !== _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij ? (_customer$companyName = customer === null || customer === void 0 ? void 0 : customer.companyName) !== null && _customer$companyName !== void 0 ? _customer$companyName : undefined : undefined
         })),
         chassisNumber: chassisNumber !== null && chassisNumber !== void 0 ? chassisNumber : undefined,
         channel,
-        licensePlate: (_ref3 = licensePlate || _licensePlate) === null || _ref3 === void 0 ? void 0 : _ref3.replace(/-/g, ''),
+        licensePlate: (_ref4 = licensePlate || _licensePlate) === null || _ref4 === void 0 ? void 0 : _ref4.replace(/-/g, ''),
         model,
         answers: (0, _helpers__.removeNullishProps)({
           duration: durationAnswer,
@@ -619,12 +628,12 @@ const InternalQuotationForm = _ref => {
     placeholder: "Maak een keuze",
     errorMessage: (errors === null || errors === void 0 ? void 0 : errors['channelId']) || (errors === null || errors === void 0 ? void 0 : errors['channelType']),
     initialValue: initialChannel,
-    onChange: _ref4 => {
+    onChange: _ref5 => {
       var _value$kanaalType, _value$kanaalType2;
       let {
         label,
         value
-      } = _ref4;
+      } = _ref5;
       return dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_MARKETING_CHANNEL,
         payload: {

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

@@ -1371,6 +1371,9 @@ const AuthSessionRuntimeSync = () => {
   (0, _react.useLayoutEffect)(() => {
     var _ref;
     if (!APP_CONFIG.internal || !initialized) {
+      if (APP_CONFIG.internal) {
+        _AuthRuntime.authRuntime.setSessionContextReady(false);
+      }
       return;
     }
     _AuthRuntime.authRuntime.setActiveBranchId((_ref = selectedBranch !== null && selectedBranch !== void 0 ? selectedBranch : branch === null || branch === void 0 ? void 0 : branch.entityId) !== null && _ref !== void 0 ? _ref : null);
@@ -1378,11 +1381,15 @@ const AuthSessionRuntimeSync = () => {
   (0, _react.useEffect)(() => {
     var _ref2;
     if (!APP_CONFIG.internal || !initialized) {
+      if (APP_CONFIG.internal) {
+        _AuthRuntime.authRuntime.setSessionContextReady(false);
+      }
       return;
     }
     const branchId = (_ref2 = selectedBranch !== null && selectedBranch !== void 0 ? selectedBranch : branch === null || branch === void 0 ? void 0 : branch.entityId) !== null && _ref2 !== void 0 ? _ref2 : null;
     if (!authenticated || !branchId || !formula) {
       lastSyncedContextRef.current = null;
+      _AuthRuntime.authRuntime.setSessionContextReady(false);
       return;
     }
     const normalizedFormula = formula === _constants__.CONFIGURATOR_FORMULAS.THM ? _constants__.CONFIGURATOR_FORMULAS.TM : formula;
@@ -1392,9 +1399,11 @@ const AuthSessionRuntimeSync = () => {
       module: module !== null && module !== void 0 ? module : null
     });
     if (lastSyncedContextRef.current === nextContextKey) {
+      _AuthRuntime.authRuntime.setSessionContextReady(true);
       return;
     }
     let isCancelled = false;
+    _AuthRuntime.authRuntime.setSessionContextReady(false);
     _authenticatedProxyApi.authenticatedProxyApi.putSessionContext({
       branchEntityId: branchId,
       formula: normalizedFormula,
@@ -1402,9 +1411,11 @@ const AuthSessionRuntimeSync = () => {
     }).then(() => {
       if (!isCancelled) {
         lastSyncedContextRef.current = nextContextKey;
+        _AuthRuntime.authRuntime.setSessionContextReady(true);
       }
     }).catch(error => {
       console.warn('Failed to sync authenticated session context', error);
+      _AuthRuntime.authRuntime.setSessionContextReady(false);
     });
     return () => {
       isCancelled = true;

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

@@ -69,6 +69,10 @@ function _toPrimitive(t, r) {
   }
   return ("string" === r ? String : Number)(t);
 }
+const isAnwbDiscountCode = function isAnwbDiscountCode() {
+  let discountCode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return discountCode === null || discountCode === void 0 ? void 0 : discountCode.toLocaleLowerCase().includes('anwb');
+};
 const getDossierPrimaryEmail = exports.getDossierPrimaryEmail = function getDossierPrimaryEmail() {
   var _dossier$email, _ref, _dossier$klant$email, _dossier$klant, _dossier$klant2;
   let dossier = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -98,6 +102,8 @@ const parseDossierToOrderSession = exports.parseDossierToOrderSession = function
   let dossier = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   // Detect meerprijs (extra price) line from dossier lines
   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);
+  const hasAnwbMembershipId = Boolean(dossier === null || dossier === void 0 ? void 0 : dossier.anwbId);
+  const anwbDiscountValidated = isAnwbDiscountCode(dossier === null || dossier === void 0 ? void 0 : dossier.discountCode) && hasAnwbMembershipId;
   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,
     licensePlate: dossier === null || dossier === void 0 ? void 0 : dossier.kenteken,
@@ -137,6 +143,7 @@ const parseDossierToOrderSession = exports.parseDossierToOrderSession = function
     })) !== null && _dossier$lines$some !== void 0 ? _dossier$lines$some : false,
     selectedBranch: dossier === null || dossier === void 0 || (_dossier$vestiging = dossier.vestiging) === null || _dossier$vestiging === void 0 ? void 0 : _dossier$vestiging.entityId,
     discountCode: dossier === null || dossier === void 0 ? void 0 : dossier.discountCode,
+    anwbDiscountValidated,
     chassisNumber: (_dossier$chassisnumme = dossier === null || dossier === void 0 ? void 0 : dossier.chassisnummer) !== null && _dossier$chassisnumme !== void 0 ? _dossier$chassisnumme : null,
     vehicle: {
       ownershipType: dossier === null || dossier === void 0 || (_dossier$typeEigendom = dossier.typeEigendomAuto) === null || _dossier$typeEigendom === void 0 ? void 0 : _dossier$typeEigendom.title,

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

@@ -16,7 +16,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withStyle = exports.truncateAtPipe = exports.removeNullishProps = exports.reduceYupErrorsToObject = exports.pushToDataLayer = exports.parseJson = exports.parseDateAndTimeToTimestamp = exports.parseArrayToInputOptions = exports.normalizeArray = exports.groupByKey = exports.getProxyApiErrorMessage = exports.formatPrice = exports.formatMontageTime = exports.createSlug = void 0;
+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;
 require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.object.from-entries.js");
@@ -31,6 +31,7 @@ require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/esnext.iterator.reduce.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _slugify = _interopRequireDefault(require("slugify"));
+var _constants__ = require("../__constants__");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -89,11 +90,52 @@ const withStyle = classes => {
     return (_window$styles = window.styles) === null || _window$styles === void 0 ? void 0 : _window$styles[className];
   }).join(' ');
 };
+exports.withStyle = withStyle;
+const getConfiguratorThemeClass = theme => {
+  switch (theme) {
+    case _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum:
+      return 'thc';
+    case _constants__.BRANCH_THEME_BY_FORMULA.TowMotive:
+      return 'tm';
+    case _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup:
+      return 'tmg';
+    default:
+      return '';
+  }
+};
+exports.getConfiguratorThemeClass = getConfiguratorThemeClass;
+const getConfiguratorThemeClassByFormula = formula => {
+  switch (formula) {
+    case 'THC':
+      return 'thc';
+    case 'TMG':
+      return 'tmg';
+    case 'TOW':
+    case 'TH':
+    case 'TowMotive':
+      return 'tm';
+    default:
+      return '';
+  }
+};
+exports.getConfiguratorThemeClassByFormula = getConfiguratorThemeClassByFormula;
+const getConfiguratorButtonVariant = exports.getConfiguratorButtonVariant = function getConfiguratorButtonVariant(theme) {
+  let outline = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  switch (theme) {
+    case _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum:
+      return outline ? 'outline-custom-primary' : 'custom-primary';
+    case _constants__.BRANCH_THEME_BY_FORMULA.TowMotive:
+      return outline ? 'outline-tm-primary' : 'tm-primary';
+    case _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup:
+      return outline ? 'outline-tmg-primary' : 'tmg-primary';
+    default:
+      return outline ? 'outline-primary' : 'primary';
+  }
+};
 
 /**
  * @description Formats a given number to a price string
  */
-exports.withStyle = withStyle;
 const formatPrice = price => {
   return price == null || Number.isNaN(price) || price === 'N.v.t' ? 'N.v.t' : new Intl.NumberFormat('nl-NL', {
     style: 'currency',

package/dist/src/shared/__hooks__/useBranchTheme.js

@@ -50,11 +50,15 @@ const useBranchTheme = () => {
         }
       case _constants__.BRANCH_FORMULAS.TowMotiveGroup:
       case _constants__.CONFIGURATOR_FORMULAS.TMG:
+        {
+          return _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup;
+        }
+      case _constants__.BRANCH_FORMULAS.TowMotive:
       case _constants__.CONFIGURATOR_FORMULAS.TOW:
       case _constants__.CONFIGURATOR_FORMULAS.TH:
       case _constants__.CONFIGURATOR_FORMULAS.TowMotive:
         {
-          return _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup;
+          return _constants__.BRANCH_THEME_BY_FORMULA.TowMotive;
         }
       default:
         {