thm-p3-configurator 0.0.462 → 0.0.463

package/dist/src/shared/__style__/components/card/_card-horizontal.scss

@@ -9,7 +9,7 @@ Card Horizontal
   .card-body {
     @extend .w-100;
 
-    font-size: 0.9rem;
+    font-size: 1rem;
   }
 
   &.boardcomputer {

package/dist/src/shared/__style__/components/cart/_cart-table.scss

@@ -6,7 +6,7 @@ Cart Table
 
   td,
   th {
-    @include font-size($font-size-sm);
+    @include font-size($font-size-base);
 
     line-height: 1;
   }

package/package.json

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

package/dist/src/shared/App.js

@@ -1,116 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.string.starts-with.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.string.starts-with.js");
-var _react = _interopRequireWildcard(require("react"));
-require("react-datepicker/src/stylesheets/datepicker-cssmodules.scss");
-var _reactGtmModule = _interopRequireDefault(require("react-gtm-module"));
-var _reactHotLoader = require("react-hot-loader");
-var _reactQuery = require("react-query");
-var _reactRouterDom = require("react-router-dom");
-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");
-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 _Datalayer = require("./__services__/Datalayer");
-var _Experiments = _interopRequireDefault(require("./__services__/Experiments"));
-var _mainExternal = _interopRequireDefault(require("./__style__/main-external.scss"));
-var _main = _interopRequireDefault(require("./__style__/main.scss"));
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-function _getRequireWildcardCache(e) {
-  if ("function" != typeof WeakMap) return null;
-  var r = new WeakMap(),
-    t = new WeakMap();
-  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
-    return e ? t : r;
-  })(e);
-}
-function _interopRequireWildcard(e, r) {
-  if (!r && e && e.__esModule) return e;
-  if (null === e || "object" != typeof e && "function" != typeof e) return {
-    default: e
-  };
-  var t = _getRequireWildcardCache(r);
-  if (t && t.has(e)) return t.get(e);
-  var n = {
-      __proto__: null
-    },
-    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
-    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
-    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
-  }
-  return n.default = e, t && t.set(e, n), n;
-}
-_reactGtmModule.default.initialize({
-  gtmId: APP_CONFIG.googleTagManagerId || 'GTM-TC67SZ4'
-});
-window.styles = APP_CONFIG.internal ? _main.default : _mainExternal.default;
-const ROUTE_PROGRESS_EVENTS = {
-  '/configurator/trekhaakpakket': 'configurator_step_trekhaakpakket',
-  '/configurator/toebehoren': 'configurator_step_toebehoren',
-  '/configurator/overzicht': 'configurator_step_overzicht',
-  '/configurator/montagelocatie': 'configurator_step_montagelocatie',
-  '/configurator/gegevens': 'configurator_step_afspraak_maken',
-  '/configurator/offerte': 'configurator_step_offerte'
-};
-const ConfiguratorProgressTracker = () => {
-  const location = (0, _reactRouterDom.useLocation)();
-  const hasTrackedStartRef = (0, _react.useRef)(false);
-  const lastTrackedPathRef = (0, _react.useRef)('');
-  (0, _react.useEffect)(() => {
-    const {
-      pathname
-    } = location;
-    if (!hasTrackedStartRef.current && (pathname === '/' || pathname.startsWith('/configurator'))) {
-      hasTrackedStartRef.current = true;
-      (0, _Datalayer.pushToDataLayer)({
-        event: 'start_configurator'
-      });
-    }
-    const routeEvent = ROUTE_PROGRESS_EVENTS[pathname];
-    if (!routeEvent || lastTrackedPathRef.current === pathname) {
-      return;
-    }
-    lastTrackedPathRef.current = pathname;
-    (0, _Datalayer.pushToDataLayer)({
-      event: routeEvent
-    });
-  }, [location]);
-  return null;
-};
-const App = () => {
-  (0, _cookiebot.listenToCookiebotEvents)();
-  (0, _react.useEffect)(() => {
-    (0, _Experiments.default)();
-  });
-  return /*#__PURE__*/_react.default.createElement(_SentryWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FormulaContext.FormulaController, {
-    defaultFormula: APP_CONFIG.internal ? null : _constants__.CONFIGURATOR_FORMULAS.THM
-  }, /*#__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), !APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(ConfiguratorProgressTracker, null), /*#__PURE__*/_react.default.createElement(_pages__.default, null))))))))));
-};
-var _default = exports.default = App;

package/dist/src/shared/__api__/__tests__/queryKeyFactory.test.js

@@ -1,150 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.json.stringify.js");
-require("core-js/modules/es.json.stringify.js");
-var _queryKeyFactory = require("../queryKeyFactory");
-describe('queryKeyFactory', () => {
-  beforeEach(() => {
-    global.APP_CONFIG = {
-      internal: true
-    };
-  });
-  it('normalizes buildYear into constructionYear without mutating input', () => {
-    const params = {
-      buildYear: '2024',
-      formula: 'THC',
-      skipFilters: false,
-      discountAmount: 0,
-      priceCalculationDate: '2026-03-09'
-    };
-    const normalized = (0, _queryKeyFactory.normalizeOrderParams)(params);
-    expect(normalized).toEqual({
-      constructionYear: '2024',
-      formula: 'THC',
-      skipFilters: false,
-      discountAmount: 0,
-      priceCalculationDate: '2026-03-09'
-    });
-    expect(params).toEqual({
-      buildYear: '2024',
-      formula: 'THC',
-      skipFilters: false,
-      discountAmount: 0,
-      priceCalculationDate: '2026-03-09'
-    });
-  });
-  it('preserves constructionYear when buildYear is absent', () => {
-    expect((0, _queryKeyFactory.normalizeOrderParams)({
-      formula: 'THC',
-      constructionYear: '02/2020 tot heden'
-    })).toEqual({
-      formula: 'THC',
-      constructionYear: '02/2020 tot heden'
-    });
-  });
-  it('drops priceCalculationDate for external mode', () => {
-    global.APP_CONFIG = {
-      internal: false
-    };
-    expect((0, _queryKeyFactory.normalizeOrderParams)({
-      formula: 'THC',
-      priceCalculationDate: '2026-03-09'
-    })).toEqual({
-      formula: 'THC'
-    });
-  });
-  it('serializes order params in stable priority order', () => {
-    const first = (0, _queryKeyFactory.serializeOrderParams)({
-      cart: '[]',
-      formula: 'THC',
-      buildYear: '2024',
-      licensePlate: '12AB34',
-      extraPriceAmount: 10,
-      durationAnswer: 'Lang'
-    });
-    const second = (0, _queryKeyFactory.serializeOrderParams)({
-      extraPriceAmount: 10,
-      durationAnswer: 'Lang',
-      licensePlate: '12AB34',
-      formula: 'THC',
-      cart: '[]',
-      buildYear: '2024'
-    });
-    expect(first).toBe('licensePlate=12AB34&formula=THC&constructionYear=2024&durationAnswer=Lang&extraPriceAmount=10');
-    expect(second).toBe(first);
-  });
-  it('preserves legacy getOrder request semantics by omitting falsy values', () => {
-    expect((0, _queryKeyFactory.serializeOrderParams)({
-      licensePlate: '12AB34',
-      formula: 'THC',
-      discountAmount: 0,
-      skipFilters: false,
-      extraPriceAmount: null
-    })).toBe('licensePlate=12AB34&formula=THC');
-  });
-
-  // Hyper adds the board-computer update when selectBoardComputerUpdate is
-  // absent, so an opt-out only survives when the false is serialized
-  it('keeps selectBoardComputerUpdate for both true and false', () => {
-    expect((0, _queryKeyFactory.serializeOrderParams)({
-      licensePlate: '12AB34',
-      formula: 'THC',
-      selectBoardComputerUpdate: false
-    })).toBe('licensePlate=12AB34&formula=THC&selectBoardComputerUpdate=false');
-    expect((0, _queryKeyFactory.serializeOrderParams)({
-      licensePlate: '12AB34',
-      formula: 'THC',
-      selectBoardComputerUpdate: true
-    })).toBe('licensePlate=12AB34&formula=THC&selectBoardComputerUpdate=true');
-  });
-  it('gives opting in and opting out of the board computer distinct query keys', () => {
-    expect((0, _queryKeyFactory.getOrderQueryKey)({
-      licensePlate: '12AB34',
-      formula: 'THC',
-      selectBoardComputerUpdate: true
-    })).not.toEqual((0, _queryKeyFactory.getOrderQueryKey)({
-      licensePlate: '12AB34',
-      formula: 'THC',
-      selectBoardComputerUpdate: false
-    }));
-  });
-  it('builds order query keys from serialized order params', () => {
-    expect((0, _queryKeyFactory.getOrderQueryKey)({
-      licensePlate: '12AB34',
-      formula: 'THC'
-    })).toEqual(['order', 'licensePlate=12AB34&formula=THC']);
-  });
-  it('includes formula in brands and build-years keys', () => {
-    expect((0, _queryKeyFactory.getBrandsQueryKey)('TMG')).toEqual(['brands', 'TMG']);
-    expect((0, _queryKeyFactory.getBrandsQueryKey)('TBE')).toEqual(['brands', 'TBE']);
-    expect((0, _queryKeyFactory.getBuildYearsQueryKey)({
-      brand: 'Volvo',
-      formula: 'TMG'
-    })).toEqual(['buildYears', 'Volvo', 'TMG']);
-  });
-  it('includes formula in single-order-articles keys', () => {
-    const first = (0, _queryKeyFactory.getSingleOrderArticlesKey)({
-      filters: {
-        brand: 'Volvo',
-        articleNumber: '123'
-      },
-      formula: 'TMG',
-      branchId: 'branch-1',
-      webshop: false
-    });
-    const second = (0, _queryKeyFactory.getSingleOrderArticlesKey)({
-      filters: {
-        articleNumber: '123',
-        brand: 'Volvo'
-      },
-      formula: 'TMG',
-      branchId: 'branch-1',
-      webshop: false
-    });
-    expect(first).toEqual(['singleOrderArticles', JSON.stringify({
-      articleNumber: '123',
-      brand: 'Volvo'
-    }), 'TMG', 'branch-1', false]);
-    expect(second).toEqual(first);
-  });
-});

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

@@ -1,110 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.dummyApi = void 0;
-var _bikeCarrier = _interopRequireDefault(require("../../../public/assets/images/dummy/bike-carrier.jpg"));
-var _extra = _interopRequireDefault(require("../../../public/assets/images/dummy/extra.png"));
-var _licensePlateWhite = _interopRequireDefault(require("../../../public/assets/images/dummy/license-plate-white.png"));
-var _towbar = _interopRequireDefault(require("../../../public/assets/images/dummy/towbar-1.jpg"));
-var _towbar2 = _interopRequireDefault(require("../../../public/assets/images/dummy/towbar-2.jpg"));
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-const dummyApi = exports.dummyApi = {
-  getCart: () => ({
-    data: {
-      editable: [{
-        id: 'onetwothree',
-        title: 'Trekhaken verticaal afneembaar',
-        price: 50,
-        image: _towbar.default,
-        amount: 50
-      }],
-      static: [{
-        id: 'onetwothree',
-        title: 'Trekhaken verticaal afneembaar',
-        price: 100,
-        image: _towbar2.default
-      }]
-    }
-  }),
-  getExtraProducts: () => ({
-    data: [{
-      isRecommended: false,
-      productId: 10,
-      productTitle: 'Witte kentekenplaat',
-      productDescription: "Witte kentekenplaat voor fietsendragers en aanhangwagens/caravans tot 750 kg.",
-      productImage: _licensePlateWhite.default,
-      productPrice: 249.99,
-      productDiscountedPrice: 199.99,
-      productCategory: 'Handige Accessoires'
-    }, {
-      isRecommended: false,
-      productId: 50,
-      productTitle: 'Verloopstekker 13- naar 7-polig',
-      productDescription: "D.m.v een verloopstekker kunnen ook oudere types\naanhangers, boot- of paardentrailers en fietsendragers\nworden aangesloten op uw 13-polige kabelset.",
-      productImage: _extra.default,
-      productPrice: 249.99,
-      productDiscountedPrice: 199.99,
-      productCategory: 'Handige Accessoires'
-    }, {
-      productId: 20,
-      isRecommended: false,
-      productTitle: 'Yakima Foldclick 2',
-      productDescription: "D.m.v een verloopstekker kunnen ook oudere types\naanhangers, boot- of paardentrailers en\nfietsendragers worden aangesloten op uw\n13-polige kabelset",
-      productImage: _bikeCarrier.default,
-      productPrice: 299.99,
-      productDiscountedPrice: 249.99,
-      productCategory: 'Fietsendragers'
-    }, {
-      productId: 30,
-      isRecommended: false,
-      productTitle: 'Yakima Foldclick 3',
-      productDescription: "D.m.v een verloopstekker kunnen ook oudere types\n        aanhangers, boot- of paardentrailers en\n        fietsendragers worden aangesloten op uw\n        13-polige kabelset",
-      productImage: _bikeCarrier.default,
-      productPrice: 500.99,
-      productDiscountedPrice: 400.99,
-      productCategory: 'Fietsendragers'
-    }]
-  }),
-  getLocations: () => {
-    return {
-      data: [{
-        description: 'Garagebedrijf Peter Peeters is het adres voor trekhaakmontages in Zuiderhout. \r\rBij ons kunt u rekenen op deskundige montage van trekhaak en kabelset. \r\rTevens kunnen wij u uitstekend adviseren over de producten en toepassingen. \r\rKom snel langs of plan een afspraak in.',
-        title: 'Trekhaak Montage vestiging',
-        postCode: '4921PJ',
-        street: 'Brieltjenspolder',
-        city: 'Made',
-        telephoneNumber: '085-0004122',
-        latitude: 51.67353,
-        longitude: 4.81503,
-        id: 165522,
-        image: 'https://trekhaak-labels-api-production.s3.eu-central-1.amazonaws.com/6a88a0b9-5885-4f2a-9243-1dd2e9773fa5'
-      }, {
-        description: 'Garagebedrijf Peter Peeters is het adres voor trekhaakmontages in Zuiderhout. \r\rBij ons kunt u rekenen op deskundige montage van trekhaak en kabelset. \r\rTevens kunnen wij u uitstekend adviseren over de producten en toepassingen. \r\rKom snel langs of plan een afspraak in.',
-        title: 'Misker Hardenberg B.V. (JAMES)',
-        postCode: '7772SG',
-        street: 'J.C. Kellerlaan',
-        city: 'Hardenberg',
-        telephoneNumber: '0523 - 262 777',
-        latitude: 52.56026,
-        longitude: 6.62978,
-        id: 1666
-      }]
-    };
-  },
-  createQuotation: quotationInput => ({
-    data: {
-      success: true
-    }
-  }),
-  createAppointment: appointmentInput => ({
-    data: {
-      success: true
-    }
-  })
-};