thm-p3-configurator 0.0.259 → 0.0.262

package/dist/src/shared/App.js

@@ -18,6 +18,7 @@ var _Navbar = _interopRequireDefault(require("./__components__/Navbar"));
 var _constants__ = require("./__constants__");
 var _SentryWrapper = _interopRequireDefault(require("./__containers__/SentryWrapper"));
 var _pages__ = _interopRequireDefault(require("./__pages__"));
+var _TEST_ONLY_INTERNAL_ROUTES = _interopRequireDefault(require("./__pages__/internal/__TEST_ONLY_INTERNAL_ROUTES"));
 var _StyleWrapper = _interopRequireDefault(require("./__containers__/StyleWrapper"));
 var _InternalBranchSelectorModal = _interopRequireDefault(require("./__containers__/internal/InternalBranchSelectorModal"));
 var _ActiveMarkerContext = require("./__context__/ActiveMarkerContext");
@@ -69,11 +70,11 @@ const App = () => {
     (0, _Experiments.default)();
   });
   return /*#__PURE__*/_react.default.createElement(_SentryWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FormulaContext.FormulaController, {
-    defaultFormula: _constants__.CONFIGURATOR_FORMULAS.THC
+    defaultFormula: _constants__.CONFIGURATOR_FORMULAS.TOW
   }, /*#__PURE__*/_react.default.createElement(_CountryContext.CountryController, {
     defaultCountry: APP_CONFIG.country
   }, /*#__PURE__*/_react.default.createElement(_OrderSessionContext.OrderSessionController, null, /*#__PURE__*/_react.default.createElement(_reactQuery.QueryClientProvider, {
     client: _queryClient.default
-  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_reactHotLoader.AppContainer, null, /*#__PURE__*/_react.default.createElement(_ActiveMarkerContext.ActiveMarkerProvider, null, /*#__PURE__*/_react.default.createElement(_StyleWrapper.default, null, !APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_Navbar.default, null), APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_InternalBranchSelectorModal.default, null), /*#__PURE__*/_react.default.createElement(_pages__.default, null))))))))));
+  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_reactHotLoader.AppContainer, null, /*#__PURE__*/_react.default.createElement(_ActiveMarkerContext.ActiveMarkerProvider, null, /*#__PURE__*/_react.default.createElement(_StyleWrapper.default, null, !APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_Navbar.default, null), APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_InternalBranchSelectorModal.default, null), APP_CONFIG.nodeEnv === 'development' && APP_CONFIG.internal === true && /*#__PURE__*/_react.default.createElement(_TEST_ONLY_INTERNAL_ROUTES.default, null))))))))));
 };
 var _default = exports.default = App;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VAT_RATE = exports.MARKET_CORRECTION_ARTICLE_NUMBER = exports.CART_TABLE_PRICE_CELL_CLASS = exports.CART_TABLE_DISPLAY_MODES = exports.CART_TABLE_BOLD_END_CLASS = void 0;
+/**
+ * Display modes for the cart table:
+ * - DEFAULT: No purchase prices shown (7 columns)
+ * - TOGGLED_TMG: TMG with purchase prices (8 columns)
+ * - TOGGLED_STANDARD: Standard with purchase prices (9 columns)
+ */
+const CART_TABLE_DISPLAY_MODES = exports.CART_TABLE_DISPLAY_MODES = {
+  DEFAULT: 'default',
+  TOGGLED_TMG: 'toggled_tmg',
+  TOGGLED_STANDARD: 'toggled_standard'
+};
+
+/** CSS class for price cells in cart table */
+const CART_TABLE_PRICE_CELL_CLASS = exports.CART_TABLE_PRICE_CELL_CLASS = 'cart__table-price text-end';
+
+/** CSS class for bold end-aligned cells */
+const CART_TABLE_BOLD_END_CLASS = exports.CART_TABLE_BOLD_END_CLASS = 'fw-bold text-end';
+
+/** VAT rate for price calculations */
+const VAT_RATE = exports.VAT_RATE = 1.21;
+
+/** Market correction article number */
+const MARKET_CORRECTION_ARTICLE_NUMBER = exports.MARKET_CORRECTION_ARTICLE_NUMBER = 'MC';

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapBranchFormulaToConfiguratorFormula = exports.VESTIGING_TYPE_ID = exports.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE = exports.VEHICLE_OWNERSHIP_TYPE = exports.VEHICLE_CODING_SUBGROUP_NAME = exports.USER_GEOLOCATION_KEY = exports.TMG_ORGANIZATION_TYPE = exports.StockStatus = exports.STATUS_ASSESSMENT = exports.PRODUCT_CATEGORIES = exports.PRIVATE_SINGLE_ORDER_SESSION_KEY = exports.PARTNER_PORTAL_PAGE_TITLES_BY_THEME = exports.PARTNER_PORTAL_CHANNEL_TITLE = exports.ORDER_SESSION_KEY = exports.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NAVIGATION_STEPS_INTERNAL = exports.NAVIGATION_STEPS_EXTERNAL = exports.NAVIGATION_BUTTONS = exports.MOUSE_EXIT_INTENT_THROTTLE = exports.MOUSE_EXIT_INTENT_OFFSET = exports.LOCATION_TYPE = exports.LOCATION_CHANGE_BUTTON_LABEL = exports.LOCALE = exports.LEASE_TYPE_ID = exports.FORM_ERROR_MESSAGES = exports.DOSSIER_TYPES = exports.DISCOUNT_TYPES = exports.DEFAULT_MAP_LONGITUDE = exports.DEFAULT_MAP_LATITUDE = exports.DEFAULT_ARTICLE_BRAND = exports.DAY_NAMES = exports.CONFIGURATOR_FORMULAS = exports.BRANCH_THEME_BY_FORMULA = exports.BRANCH_FORMULAS = exports.BOARD_COMPUTER_DISABLED_KEY = exports.AUTH_SESSION_KEY = exports.ARTICLE_SPECS_TRANSLATIONS = exports.ARTICLES_SYSTEM_FIELDS = exports.API_ERROR_CODES = exports.ANWB_DISCOUNT_CODE = exports.ALL_EXPERIMENTS = exports.ACTIVE_VARIANTS = void 0;
+exports.mapBranchFormulaToConfiguratorFormula = exports.VESTIGING_TYPE_ID = exports.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE = exports.VEHICLE_OWNERSHIP_TYPE = exports.VEHICLE_CODING_SUBGROUP_NAME = exports.USER_GEOLOCATION_KEY = exports.TOWMOTIVE_ORGANIZATION_TYPE = exports.TMG_ORGANIZATION_TYPE = exports.StockStatus = exports.STATUS_ASSESSMENT = exports.PRODUCT_CATEGORIES = exports.PRIVATE_SINGLE_ORDER_SESSION_KEY = exports.PARTNER_PORTAL_PAGE_TITLES_BY_THEME = exports.PARTNER_PORTAL_CHANNEL_TITLE = exports.ORDER_SESSION_KEY = exports.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NAVIGATION_STEPS_INTERNAL = exports.NAVIGATION_STEPS_EXTERNAL = exports.NAVIGATION_BUTTONS = exports.MOUSE_EXIT_INTENT_THROTTLE = exports.MOUSE_EXIT_INTENT_OFFSET = exports.LOCATION_TYPE = exports.LOCATION_CHANGE_BUTTON_LABEL = exports.LOCALE = exports.LEASE_TYPE_ID = exports.FORM_ERROR_MESSAGES = exports.DOSSIER_TYPES = exports.DISCOUNT_TYPES = exports.DEFAULT_MAP_LONGITUDE = exports.DEFAULT_MAP_LATITUDE = exports.DEFAULT_ARTICLE_BRAND = exports.DAY_NAMES = exports.CONFIGURATOR_FORMULAS = exports.BRANCH_THEME_BY_FORMULA = exports.BRANCH_FORMULAS = exports.BOARD_COMPUTER_DISABLED_KEY = exports.AUTH_SESSION_KEY = exports.ARTICLE_SPECS_TRANSLATIONS = exports.ARTICLES_SYSTEM_FIELDS = exports.API_ERROR_CODES = exports.ANWB_DISCOUNT_CODE = exports.ALL_EXPERIMENTS = exports.ACTIVE_VARIANTS = void 0;
 const DOSSIER_TYPES = exports.DOSSIER_TYPES = {
   Quotation: 'quotation',
   AppointmentRequest: 'appointment-request',
@@ -259,6 +259,7 @@ const NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NO_PRODUCTS_CONTACT_DETAI
 };
 const LOCATION_CHANGE_BUTTON_LABEL = exports.LOCATION_CHANGE_BUTTON_LABEL = 'Wijzig de locatie';
 const TMG_ORGANIZATION_TYPE = exports.TMG_ORGANIZATION_TYPE = 'TowMotive Group';
+const TOWMOTIVE_ORGANIZATION_TYPE = exports.TOWMOTIVE_ORGANIZATION_TYPE = 'TowMotive';
 
 /**
  * Maps branch formula values to CONFIGURATOR_FORMULAS

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

@@ -21,6 +21,7 @@ var _FormulaContext = require("../__context__/FormulaContext");
 var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 var _product = require("../__helpers__/product");
+var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 var _ANWBValidator = require("../__services__/ANWBValidator");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
@@ -67,20 +68,23 @@ const ANWBMembershipValidator = () => {
     discountCode,
     executionAnswer1,
     executionAnswer2,
-    priceCalculationDate
+    priceCalculationDate,
+    selectedExtras,
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [isNumberValid, setIsNumberValid] = (0, _react.useState)();
   const formula = (0, _FormulaContext.useFormula)();
-  const cartInput = (0, _product.validateCartInput)([{
-    articleNumber: selectedCableset,
-    quantity: 1
-  }, {
-    articleNumber: selectedCombiset,
-    quantity: 1
-  }, {
-    articleNumber: selectedTowbar,
-    quantity: 1
-  }, ...selectedDiscountedProducts]);
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
+  const cartInput = (0, _product.buildCartInput)({
+    selectedCableset,
+    selectedCombiset,
+    selectedTowbar,
+    selectedBoardComputer,
+    selectedExtras,
+    selectedDiscountedProducts,
+    isTowmotiveFormula: isTowmotive,
+    vehicleCodingDiscountPercentage
+  });
   const {
     discountProducts
   } = (0, _queries.useProductsQuery)({

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

@@ -7,7 +7,6 @@ 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.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.constructor.js");
@@ -20,7 +19,6 @@ exports.default = void 0;
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
-require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouter = require("react-router");
@@ -39,6 +37,7 @@ var _FormulaContext = require("../__context__/FormulaContext");
 var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 var _product = require("../__helpers__/product");
+var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -143,7 +142,8 @@ const AppointmentForm = () => {
     executionAnswer2,
     priceCalculationDate,
     selectedDiscountedProducts = [],
-    selectedExtras
+    selectedExtras,
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [isTermsAccepted, setIsTermsAccepted] = (0, _react.useState)(false);
@@ -154,6 +154,7 @@ const AppointmentForm = () => {
     createAppointmentRequest
   } = (0, _mutations.useCreateAppointmentRequestMutation)();
   const formula = (0, _FormulaContext.useFormula)();
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
   const history = (0, _reactRouter.useHistory)();
   const handleSubmit = async () => {
     try {
@@ -187,22 +188,16 @@ const AppointmentForm = () => {
         discount: discountCode !== null && discountCode !== void 0 && discountCode.length ? {
           code: discountCode
         } : null,
-        cart: (0, _product.validateCartInput)([{
-          articleNumber: selectedCableset,
-          quantity: 1
-        }, {
-          articleNumber: selectedCombiset,
-          quantity: 1
-        }, {
-          articleNumber: selectedTowbar,
-          quantity: 1
-        }, ...Object.entries(selectedExtras).map(_ref => {
-          let [extraArticleNumber, extraQuantity] = _ref;
-          return {
-            articleNumber: extraArticleNumber,
-            quantity: extraQuantity
-          };
-        }), ...selectedDiscountedProducts])
+        cart: (0, _product.buildCartInput)({
+          selectedCableset,
+          selectedCombiset,
+          selectedTowbar,
+          selectedBoardComputer,
+          selectedExtras,
+          selectedDiscountedProducts,
+          isTowmotiveFormula: isTowmotive,
+          vehicleCodingDiscountPercentage
+        })
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));

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

@@ -7,7 +7,6 @@ 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.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.constructor.js");
@@ -20,7 +19,6 @@ exports.default = void 0;
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.string.includes.js");
-require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _lodash = require("lodash");
 var _react = _interopRequireWildcard(require("react"));
@@ -37,6 +35,7 @@ var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 var _product = require("../__helpers__/product");
 var _ui = require("../__helpers__/ui");
+var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -137,9 +136,11 @@ const ExitIntentModal = () => {
     executionAnswer2,
     priceCalculationDate,
     selectedDiscountedProducts = [],
-    selectedExtras
+    selectedExtras,
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
   (0, _react.useEffect)(() => {
     (0, _ui.scrollToFirstErrorMessage)();
   }, [errors]);
@@ -191,22 +192,16 @@ const ExitIntentModal = () => {
         })),
         branchId: selectedBranch,
         selectBoardComputerUpdate: selectedBoardComputer != null,
-        cart: (0, _product.validateCartInput)([{
-          articleNumber: selectedCableset,
-          quantity: 1
-        }, {
-          articleNumber: selectedCombiset,
-          quantity: 1
-        }, {
-          articleNumber: selectedTowbar,
-          quantity: 1
-        }, ...Object.entries(selectedExtras).map(_ref => {
-          let [extraArticleNumber, extraQuantity] = _ref;
-          return {
-            articleNumber: extraArticleNumber,
-            quantity: extraQuantity
-          };
-        }), ...selectedDiscountedProducts])
+        cart: (0, _product.buildCartInput)({
+          selectedCableset,
+          selectedCombiset,
+          selectedTowbar,
+          selectedBoardComputer,
+          selectedExtras,
+          selectedDiscountedProducts,
+          isTowmotiveFormula: isTowmotive,
+          vehicleCodingDiscountPercentage
+        })
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));

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

@@ -27,7 +27,7 @@ var _helpers__ = require("../__helpers__");
 var _image = require("../__helpers__/image");
 var _product = require("../__helpers__/product");
 var _useIsTmg = require("../__hooks__/useIsTmg");
-var _CheckboxInput = _interopRequireDefault(require("../__components__/Form/CheckboxInput"));
+var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -75,24 +75,19 @@ const ExtraProductsOverview = () => {
     discountCode,
     executionAnswer1,
     executionAnswer2,
-    durationAnswer
+    durationAnswer,
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
-  const cartInput = (0, _product.validateCartInput)([{
-    articleNumber: selectedCableset,
-    quantity: 1
-  }, {
-    articleNumber: selectedCombiset,
-    quantity: 1
-  }, {
-    articleNumber: selectedTowbar,
-    quantity: 1
-  }, ...Object.entries(selectedExtras).map(_ref => {
-    let [extraArticleNumber, extraQuantity] = _ref;
-    return {
-      articleNumber: extraArticleNumber,
-      quantity: extraQuantity
-    };
-  })]);
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
+  const cartInput = (0, _product.buildCartInput)({
+    selectedCableset,
+    selectedCombiset,
+    selectedTowbar,
+    selectedBoardComputer,
+    selectedExtras,
+    isTowmotiveFormula: isTowmotive,
+    vehicleCodingDiscountPercentage
+  });
   const {
     products,
     isLoadingProducts,
@@ -118,12 +113,12 @@ const ExtraProductsOverview = () => {
       to: "/configurator/geen-producten"
     });
   }
-  const handleProductSelected = _ref2 => {
+  const handleProductSelected = _ref => {
     let {
       productId,
       isSelected,
       productCategory
-    } = _ref2;
+    } = _ref;
     switch (productCategory) {
       case _constants__.PRODUCT_CATEGORIES.EXTRAS:
         {
@@ -147,8 +142,8 @@ const ExtraProductsOverview = () => {
   delete products[_constants__.PRODUCT_CATEGORIES.CABLESET];
   delete products[_constants__.PRODUCT_CATEGORIES.COMBISET];
   delete products[_constants__.PRODUCT_CATEGORIES.BOARD_COMPUTER];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.entries(products).map((_ref3, index) => {
-    let [productCategory, productsPerCategory] = _ref3;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.entries(products).map((_ref2, index) => {
+    let [productCategory, productsPerCategory] = _ref2;
     if (!productsPerCategory.length || productCategory !== _constants__.PRODUCT_CATEGORIES.EXTRAS) {
       return null;
     }
@@ -158,8 +153,8 @@ const ExtraProductsOverview = () => {
       items: productsPerCategory,
       key: 'categoryName'
     });
-    const groupedProductsArray = Object.entries(groupedProducts).map(_ref4 => {
-      let [categoryName, products] = _ref4;
+    const groupedProductsArray = Object.entries(groupedProducts).map(_ref3 => {
+      let [categoryName, products] = _ref3;
       return {
         categoryName,
         products
@@ -187,11 +182,11 @@ const ExtraProductsOverview = () => {
           }) : _logoPrimary.default,
           isDisabled: false,
           defaultSelected: selectedExtras.hasOwnProperty(product.articleNumber),
-          onSelect: _ref5 => {
+          onSelect: _ref4 => {
             let {
               productId,
               isSelected
-            } = _ref5;
+            } = _ref4;
             return handleProductSelected({
               productId,
               isSelected,

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

@@ -43,6 +43,7 @@ var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 var _image = require("../__helpers__/image");
 var _product = require("../__helpers__/product");
+var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -90,24 +91,19 @@ const ProductCartSide = () => {
     allArticleNumbers,
     selectedExtras,
     canAlterQuantity,
-    selectedBranch
+    selectedBranch,
+    vehicleCodingDiscountPercentage
   } = order;
-  const cartInput = (0, _product.validateCartInput)([{
-    articleNumber: selectedCableset,
-    quantity: 1
-  }, {
-    articleNumber: selectedCombiset,
-    quantity: 1
-  }, {
-    articleNumber: selectedTowbar,
-    quantity: 1
-  }, ...Object.entries(selectedExtras).map(_ref => {
-    let [extraArticleNumber, extraQuantity] = _ref;
-    return {
-      articleNumber: extraArticleNumber,
-      quantity: extraQuantity
-    };
-  })]);
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
+  const cartInput = (0, _product.buildCartInput)({
+    selectedCableset,
+    selectedCombiset,
+    selectedTowbar,
+    selectedBoardComputer,
+    selectedExtras,
+    isTowmotiveFormula: isTowmotive,
+    vehicleCodingDiscountPercentage
+  });
   const {
     cart,
     totals,