thm-p3-configurator 0.0.97 → 0.0.98

package/dist/src/shared/App.js

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _index = _interopRequireDefault(require("./__pages__/index"));
-var _InternalBranchSelectorModal = _interopRequireDefault(require("./__containers__/internal/InternalBranchSelectorModal"));
+var _TEST_ONLY_INTERNAL_ROUTES = _interopRequireDefault(require("./__pages__/internal/__TEST_ONLY_INTERNAL_ROUTES"));
 var _react = _interopRequireWildcard(require("react"));
 require("react-datepicker/src/stylesheets/datepicker-cssmodules.scss");
 var _reactGtmModule = _interopRequireDefault(require("react-gtm-module"));
@@ -20,12 +19,14 @@ var _Navbar = _interopRequireDefault(require("./__components__/Navbar"));
 var _constants__ = require("./__constants__");
 var _SentryWrapper = _interopRequireDefault(require("./__containers__/SentryWrapper"));
 var _StyleWrapper = _interopRequireDefault(require("./__containers__/StyleWrapper"));
+var _InternalBranchSelectorModal = _interopRequireDefault(require("./__containers__/internal/InternalBranchSelectorModal"));
 var _ActiveMarkerContext = require("./__context__/ActiveMarkerContext");
 var _CountryContext = require("./__context__/CountryContext");
 var _FormulaContext = require("./__context__/FormulaContext");
 var _OrderSessionContext = require("./__context__/OrderSessionContext");
 var _cookiebot = require("./__helpers__/cookiebot");
 var _queryClient = _interopRequireDefault(require("./__helpers__/queryClient"));
+var _index = _interopRequireDefault(require("./__pages__/index"));
 var _Experiments = _interopRequireDefault(require("./__services__/Experiments"));
 var _mainExternal = _interopRequireDefault(require("./__style__/main-external.scss"));
 var _main = _interopRequireDefault(require("./__style__/main.scss"));
@@ -59,8 +60,6 @@ function _interopRequireDefault(e) {
     default: e
   };
 }
-// import TEST_ONLY_INTERNAL_ROUTES from './__pages__/internal/__TEST_ONLY_INTERNAL_ROUTES';
-
 _reactGtmModule.default.initialize({
   gtmId: APP_CONFIG.googleTagManagerId || 'GTM-TC67SZ4'
 });
@@ -76,6 +75,6 @@ const App = () => {
     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(_index.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/__components__/ProductTable/ProductTableEditableRow.js

@@ -36,7 +36,7 @@ const ProductTableEditableRow = _ref => {
     src: productImage || _logoPrimary.default,
     alt: "product"
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)('col container g-0')
+    className: (0, _helpers__.withStyle)('col')
   }, /*#__PURE__*/_react.default.createElement("p", null, productTitle), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('row mt-0 flex-row flex-md-column flex-wrap flex-md-nowrap')
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/src/shared/__components__/ProductTable/ProductTableStaticRow.js

@@ -31,7 +31,7 @@ const ProductTableStaticRow = _ref => {
     src: productImage || _logoPrimary.default,
     alt: "product"
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)('col container g-0')
+    className: (0, _helpers__.withStyle)('col')
   }, /*#__PURE__*/_react.default.createElement("p", null, productTitle)))), extraCells.map((_ref2, index) => {
     let {
       className = '',

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

@@ -7,6 +7,7 @@ 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");
@@ -19,6 +20,7 @@ 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");
@@ -132,7 +134,8 @@ const AppointmentForm = () => {
     executionAnswer1,
     executionAnswer2,
     priceCalculationDate,
-    selectedDiscountedProducts = []
+    selectedDiscountedProducts = [],
+    selectedExtras
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [isTermsAccepted, setIsTermsAccepted] = (0, _react.useState)(false);
@@ -181,7 +184,13 @@ const AppointmentForm = () => {
         }, {
           articleNumber: selectedTowbar,
           quantity: 1
-        }, ...selectedDiscountedProducts])
+        }, ...Object.entries(selectedExtras).map(_ref => {
+          let [extraArticleNumber, extraQuantity] = _ref;
+          return {
+            articleNumber: extraArticleNumber,
+            quantity: extraQuantity
+          };
+        }), ...selectedDiscountedProducts])
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));

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

@@ -7,6 +7,7 @@ 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");
@@ -19,6 +20,7 @@ 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"));
@@ -134,7 +136,8 @@ const ExitIntentModal = () => {
     executionAnswer1,
     executionAnswer2,
     priceCalculationDate,
-    selectedDiscountedProducts = []
+    selectedDiscountedProducts = [],
+    selectedExtras
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
   (0, _react.useEffect)(() => {
@@ -197,10 +200,13 @@ const ExitIntentModal = () => {
         }, {
           articleNumber: selectedTowbar,
           quantity: 1
-        }, {
-          articleNumber: selectedCableset,
-          quantity: 1
-        }, ...selectedDiscountedProducts])
+        }, ...Object.entries(selectedExtras).map(_ref => {
+          let [extraArticleNumber, extraQuantity] = _ref;
+          return {
+            articleNumber: extraArticleNumber,
+            quantity: extraQuantity
+          };
+        }), ...selectedDiscountedProducts])
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));

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

@@ -59,6 +59,7 @@ const ManualSelectionForm = _ref => {
   var _initialValues$model;
   let {
     onSubmit,
+    canSearchLicenseplate = true,
     initialValues = null,
     isFilter = false,
     filterModalChange = () => {}
@@ -205,7 +206,7 @@ const ManualSelectionForm = _ref => {
       value: model,
       label: model
     }
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), canSearchLicenseplate && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('row mt-3')
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-grid gap-2')

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

@@ -30,6 +30,7 @@ require("core-js/modules/esnext.iterator.reduce.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _logoPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-primary.png"));
+var _montagePlaceholder = _interopRequireDefault(require("../../../public/assets/images/montage-placeholder.png"));
 var _queries = require("../__api__/queries");
 var _TogglableCard = _interopRequireDefault(require("../__components__/Cards/TogglableCard"));
 var _ProductTableEditableRow = _interopRequireDefault(require("../__components__/ProductTable/ProductTableEditableRow"));
@@ -165,15 +166,20 @@ const ProductCartTable = () => {
   };
 
   // Calculate subtotal for main products
-  const subtotalPriceProducts = (cart === null || cart === void 0 ? void 0 : cart.reduce((acc, item) => {
-    if (mainProducts.find(product => product.articleNumber === item.articleNumber)) {
-      const {
-        salesPrice
-      } = getItemPrices(item);
-      return acc + salesPrice * 1.21;
-    }
-    return acc;
-  }, 0)) || 0;
+  let subtotalPriceProducts = 0;
+  if (isToggled) {
+    subtotalPriceProducts = (cart === null || cart === void 0 ? void 0 : cart.reduce((acc, item) => {
+      if (mainProducts.find(product => product.articleNumber === item.articleNumber)) {
+        const {
+          salesPrice
+        } = getItemPrices(item);
+        return acc + salesPrice * 1.21;
+      }
+      return acc;
+    }, 0)) || 0;
+  } else {
+    subtotalPriceProducts = subtotalPriceProducts + (isToggled ? totals === null || totals === void 0 ? void 0 : totals.subtotalMontagePurchaseExclVat : (totals === null || totals === void 0 ? void 0 : totals.subtotalMontageExclVat) * 1.21);
+  }
 
   // Calculate subtotal for accessories
   const subtotalPriceAccessoires = (cart === null || cart === void 0 ? void 0 : cart.reduce((acc, item) => {
@@ -200,8 +206,6 @@ const ProductCartTable = () => {
 
   // Calculate original total
   const calculateOriginalTotal = () => {
-    const totalExclVat = isToggled ? (totals === null || totals === void 0 ? void 0 : totals.subtotalMontagePurchaseExclVat) || 0 : (totals === null || totals === void 0 ? void 0 : totals.subtotalMontageExclVat) || 0;
-    const totalVat = isToggled ? (totals === null || totals === void 0 ? void 0 : totals.totalPurchaseVatAfterDiscount) || 0 : (totals === null || totals === void 0 ? void 0 : totals.totalVatAfterDiscount) || 0;
     return subtotalPriceProducts + subtotalPriceAccessoires;
   };
 
@@ -261,17 +265,24 @@ const ProductCartTable = () => {
       productImage: product !== null && product !== void 0 && (_product$images = product.images) !== null && _product$images !== void 0 && _product$images[0] ? (0, _image.getImageFromHyper)({
         imageId: (_product$images2 = product.images) === null || _product$images2 === void 0 ? void 0 : _product$images2[0]
       }) : _logoPrimary.default,
-      extraCells: [{}, {}, ...(isToggled ? [{
-        text: (0, _helpers__.formatPrice)(purchasePrice),
-        className: 'cart__table-price text-end'
-      }, {
-        text: "".concat((0, _helpers__.formatPrice)(margin), " (").concat(marginPercentage, "%)"),
-        className: 'cart__table-price text-end'
-      }] : [{}, {}]), {
-        text: (0, _helpers__.formatPrice)(isToggled ? salesPrice : salesPriceInclVat),
+      extraCells: [{}, {}, ...(isToggled ? [{}, {}] : [{}, {}]), {
+        text: salesPrice !== 0 || salesPriceInclVat !== 0 ? (0, _helpers__.formatPrice)(isToggled ? salesPrice : salesPriceInclVat) : '',
         className: 'cart__table-price text-end'
       }]
     });
+  }), mainProducts && /*#__PURE__*/_react.default.createElement(_ProductTableStaticRow.default, {
+    productTitle: 'Montage',
+    productImage: _montagePlaceholder.default,
+    extraCells: [{}, {}, ...(isToggled ? [{
+      text: (0, _helpers__.formatPrice)(purchasePrice),
+      className: 'cart__table-price text-end'
+    }, {
+      text: "".concat((0, _helpers__.formatPrice)(margin), " (").concat(marginPercentage, "%)"),
+      className: 'cart__table-price text-end'
+    }] : [{}, {}]), {
+      text: (0, _helpers__.formatPrice)(isToggled ? totals === null || totals === void 0 ? void 0 : totals.montagePricePlusMarketCorrectionExclVat : totals === null || totals === void 0 ? void 0 : totals.montagePricePlusMarketCorrectionInclVat),
+      className: 'cart__table-price text-end'
+    }]
   }), /*#__PURE__*/_react.default.createElement(_ProductTableSectionTotal.default, {
     isEditable: true,
     editLabel: 'Wijzig je trekhaakpakket',

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

@@ -5,6 +5,7 @@ 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");
@@ -15,6 +16,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 require("core-js/modules/es.promise.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");
@@ -127,7 +129,8 @@ const QuotationForm = () => {
     selectedTowbar,
     selectedBranch,
     discountCode,
-    selectedDiscountedProducts = []
+    selectedDiscountedProducts = [],
+    selectedExtras
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [isTermsAccepted, setIsTermsAccepted] = (0, _react.useState)(false);
@@ -175,7 +178,13 @@ const QuotationForm = () => {
         }, {
           articleNumber: selectedTowbar,
           quantity: 1
-        }, ...selectedDiscountedProducts])
+        }, ...Object.entries(selectedExtras).map(_ref => {
+          let [extraArticleNumber, extraQuantity] = _ref;
+          return {
+            articleNumber: extraArticleNumber,
+            quantity: extraQuantity
+          };
+        }), ...selectedDiscountedProducts])
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));

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

@@ -177,7 +177,8 @@ const InternalAppointmentForm = _ref => {
     selectedDiscountedProducts = [],
     executionAnswer1,
     executionAnswer2,
-    priceCalculationDate
+    priceCalculationDate,
+    selectedExtras
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [_licensePlate, _setLicensePlate] = (0, _react.useState)();
@@ -309,7 +310,13 @@ const InternalAppointmentForm = _ref => {
         }, {
           articleNumber: selectedTowbar,
           quantity: 1
-        }, ...selectedDiscountedProducts])
+        }, ...Object.entries(selectedExtras).map(_ref3 => {
+          let [extraArticleNumber, extraQuantity] = _ref3;
+          return {
+            articleNumber: extraArticleNumber,
+            quantity: extraQuantity
+          };
+        }), ...selectedDiscountedProducts])
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));
@@ -392,12 +399,12 @@ const InternalAppointmentForm = _ref => {
     placeholder: "Maak een keuze",
     errorMessage: (errors === null || errors === void 0 ? void 0 : errors['channelType']) || (errors === null || errors === void 0 ? void 0 : errors['channelId']),
     initialValue: initialChannel,
-    onChange: _ref3 => {
+    onChange: _ref4 => {
       var _value$kanaalType;
       let {
         label,
         value
-      } = _ref3;
+      } = _ref4;
       return dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_MARKETING_CHANNEL,
         payload: {

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

@@ -167,7 +167,8 @@ const InternalQuotationForm = _ref => {
     discountAmount,
     discountPercentage,
     selectedDiscountedProducts = [],
-    channel
+    channel,
+    selectedExtras
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [_licensePlate, _setLicensePlate] = (0, _react.useState)(licensePlate);
@@ -298,7 +299,13 @@ const InternalQuotationForm = _ref => {
         }, {
           articleNumber: selectedTowbar,
           quantity: 1
-        }, ...selectedDiscountedProducts])
+        }, ...Object.entries(selectedExtras).map(_ref3 => {
+          let [extraArticleNumber, extraQuantity] = _ref3;
+          return {
+            articleNumber: extraArticleNumber,
+            quantity: extraQuantity
+          };
+        }), ...selectedDiscountedProducts])
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));
@@ -330,12 +337,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: _ref3 => {
+    onChange: _ref4 => {
       var _value$kanaalType;
       let {
         label,
         value
-      } = _ref3;
+      } = _ref4;
       return dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_MARKETING_CHANNEL,
         payload: {

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

@@ -56,17 +56,22 @@ const getSteps = _ref => {
     onNext,
     onPrev,
     onSubmit,
-    initialValues
+    initialValues,
+    canSearchLicenseplate
   } = _ref;
   return [/*#__PURE__*/_react.default.createElement(_ManualSelectionForm.default, {
     onSubmit: onNext,
-    initialValues: initialValues
+    initialValues: initialValues,
+    canSearchLicenseplate: canSearchLicenseplate
   }), /*#__PURE__*/_react.default.createElement(_QuestionsForm.default, {
     onPrev: onPrev,
     onSubmit: onSubmit
   })];
 };
-const InternalManualSelectionPage = () => {
+const InternalManualSelectionPage = _ref2 => {
+  let {
+    canSearchLicenseplate = true
+  } = _ref2;
   const [{
     brand,
     model,
@@ -124,7 +129,8 @@ const InternalManualSelectionPage = () => {
     },
     onNext: handleNext,
     onPrev: handlePrev,
-    onSubmit: handleSubmit
+    onSubmit: handleSubmit,
+    canSearchLicenseplate
   }), [persistSession, originalVehicle.current]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('vh-100')

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

@@ -1,9 +1,11 @@
 "use strict";
 
+require("core-js/modules/es.object.assign.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.object.assign.js");
 var _react = _interopRequireDefault(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _ = require(".");
@@ -16,8 +18,15 @@ function _interopRequireDefault(e) {
     default: e
   };
 }
-// Pages
-
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+} // Pages
 const TEST_ONLY_INTERNAL_ROUTES = () => {
   return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Switch, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
@@ -48,7 +57,9 @@ const TEST_ONLY_INTERNAL_ROUTES = () => {
     render: props => /*#__PURE__*/_react.default.createElement(_.InternalProductsPage, null)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     path: "/configurator/manual",
-    render: props => /*#__PURE__*/_react.default.createElement(_.InternalManualSelectionPage, props)
+    render: props => /*#__PURE__*/_react.default.createElement(_.InternalManualSelectionPage, _extends({
+      canSearchLicenseplate: false
+    }, props))
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
     path: "/configurator/overzicht",

package/package.json

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