thm-p3-configurator 0.0.199 → 0.0.201

package/dist/src/shared/__components__/LocationsSelector/LocationClusteredTreeMarkers.js

@@ -142,7 +142,11 @@ const LocationClusteredTreeMarkers = _ref => {
   }, [locationIds, locationsById]);
   const selectedTree = (0, _react.useMemo)(() => {
     var _trees$find;
-    return trees && activeMarkerId ? (_trees$find = trees.find(t => t.entityId === activeMarkerId)) !== null && _trees$find !== void 0 ? _trees$find : null : null;
+    const currentTree = trees && activeMarkerId ? (_trees$find = trees.find(t => t.entityId === activeMarkerId)) !== null && _trees$find !== void 0 ? _trees$find : null : null;
+    if (currentTree) {
+      return currentTree;
+    }
+    return null;
   }, [trees, activeMarkerId]);
   const map = (0, _reactGoogleMaps.useMap)();
   const clusterer = (0, _react.useMemo)(() => {
@@ -228,6 +232,7 @@ const LocationClusteredTreeMarkers = _ref => {
     anchor: markers[activeMarkerId],
     onCloseClick: handleInfoWindowClose
   }, /*#__PURE__*/_react.default.createElement(_LocationInfo.default, {
+    formula: selectedTree === null || selectedTree === void 0 ? void 0 : selectedTree.formule,
     openingHours: selectedTree === null || selectedTree === void 0 ? void 0 : selectedTree.openingstijden,
     locationImage: selectedTree === null || selectedTree === void 0 || (_selectedTree$afbeeld = selectedTree.afbeeldingLogo) === null || _selectedTree$afbeeld === void 0 ? void 0 : _selectedTree$afbeeld[0],
     street: selectedTree === null || selectedTree === void 0 ? void 0 : selectedTree.street,

package/dist/src/shared/__components__/LocationsSelector/LocationInfo.js

@@ -9,15 +9,21 @@ exports.default = void 0;
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 var _react = _interopRequireDefault(require("react"));
-var _cardPlaceholder = _interopRequireDefault(require("../../../../public/assets/images/card-placeholder.png"));
+var _logoPrimary = _interopRequireDefault(require("../../../../public/assets/images/logo-primary.png"));
+var _logoThcWhite = _interopRequireDefault(require("../../../../public/assets/images/logo-thc-white.svg"));
 var _helpers__ = require("../../__helpers__");
 var _image = require("../../__helpers__/image");
 var _constants__ = require("../../__constants__");
+var _FormulaContext = require("../../__context__/FormulaContext");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
   };
 }
+const FORMULAS = {
+  mZHgPhfuStmqHfHqSOhWY: _logoPrimary.default,
+  nFbSnWdtLZBmEhhpHFGVO: _logoThcWhite.default
+};
 const LocationInfo = _ref => {
   let {
     street,
@@ -31,7 +37,8 @@ const LocationInfo = _ref => {
     email,
     website,
     openingHours,
-    province
+    province,
+    formula
   } = _ref;
   const address = [street, postCode, city].join(', ');
 
@@ -66,7 +73,7 @@ const LocationInfo = _ref => {
       isUnknown: true
     };
   };
-
+  console.log(formula);
   // Order of days to display
   const daysOrder = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -127,7 +134,7 @@ const LocationInfo = _ref => {
     className: (0, _helpers__.withStyle)('mb-1'),
     src: locationImage !== null && locationImage !== void 0 && locationImage.length ? (0, _image.getImageFromHyper)({
       imageId: locationImage
-    }) : _cardPlaceholder.default,
+    }) : FORMULAS[formula],
     alt: title
   }))));
 };

package/dist/src/shared/__components__/LocationsSelector/index.js

@@ -19,6 +19,7 @@ var _useBreakpoint = _interopRequireDefault(require("../../__hooks__/useBreakpoi
 var _useUserLocation = _interopRequireDefault(require("../../__hooks__/useUserLocation"));
 var _LocalStorageWorker = require("../../__services__/LocalStorageWorker");
 var _LocationAutoComplete = _interopRequireDefault(require("./LocationAutoComplete"));
+var _LocationClusteredMap = _interopRequireDefault(require("./LocationClusteredMap"));
 var _LocationList = _interopRequireDefault(require("./LocationList"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
@@ -117,10 +118,30 @@ const LocationsSelector = /*#__PURE__*/_react.default.memo(() => {
   return /*#__PURE__*/_react.default.createElement(_reactGoogleMaps.APIProvider, {
     apiKey: APP_CONFIG.googleMapsApiKey,
     libraries: ['marker']
-  }, /*#__PURE__*/_react.default.createElement(Loaded, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat((0, _helpers__.withStyle)('row gx-5 mt-3 mt-xl-5 justify-content-center'))
+  }, /*#__PURE__*/_react.default.createElement(Loaded, null, APP_CONFIG.internal ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('row gx-5 mt-3 mt-xl-5')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('content col-xl-8')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)(isDesktop ? 'dealer-map__container' : 'dealer-map')
+  }, /*#__PURE__*/_react.default.createElement(_LocationClusteredMap.default, {
+    locationIds: visibleIds,
+    locationsById: byId,
+    userLocation: userLocation
+  }))), /*#__PURE__*/_react.default.createElement("aside", {
+    className: (0, _helpers__.withStyle)('dealer-sidebar col-xl-4 mt-3 mt-xl-0')
+  }, isDesktop && /*#__PURE__*/_react.default.createElement(_LocationAutoComplete.default, {
+    setUserLocation: setUserLocation
+  }), franchiseName && /*#__PURE__*/_react.default.createElement("h6", {
+    className: (0, _helpers__.withStyle)('my-2')
+  }, "Keten: ", franchiseName), /*#__PURE__*/_react.default.createElement(_LocationList.default, {
+    locationIds: allIds,
+    locationsById: byId,
+    userLocation: userLocation
+  }))) : /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('row gx-5 mt-3 mt-xl-5 justify-content-center')
   }, /*#__PURE__*/_react.default.createElement("aside", {
-    className: "".concat((0, _helpers__.withStyle)('dealer-sidebar col-xl-4 mt-3 mt-xl-0'))
+    className: (0, _helpers__.withStyle)('dealer-sidebar col-xl-4 mt-3 mt-xl-0')
   }, isDesktop && /*#__PURE__*/_react.default.createElement(_LocationAutoComplete.default, {
     setUserLocation: setUserLocation
   }), franchiseName && /*#__PURE__*/_react.default.createElement("h6", {

package/dist/src/shared/__style__/base/_global.scss

@@ -2,9 +2,9 @@
 Page content
 ========================================================================== */
 .page-content {
-  -moz-transform: scale(0.8);
-  -webkit-transform: scale(0.8);
-  transform: scale(0.8);
+  -moz-transform: scale(0.7);
+  -webkit-transform: scale(0.7);
+  transform: scale(0.7);
   transform-origin: top center;
   margin-bottom: -10%;
 }

package/package.json

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