thm-p3-configurator 0.0.200 → 0.0.201

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/src/shared/__components__/LocationsSelector/LocationClusteredTreeMarkers.js +6 -1
  2. package/dist/src/shared/__components__/LocationsSelector/LocationInfo.js +11 -4
  3. package/dist/src/shared/__components__/LocationsSelector/index.js +24 -3
  4. package/package.json +1 -1
package/dist/src/shared/__components__/LocationsSelector/LocationClusteredTreeMarkers.js CHANGED
@@ -142,7 +142,11 @@ const LocationClusteredTreeMarkers = _ref => {
142
142
  }, [locationIds, locationsById]);
143
143
  const selectedTree = (0, _react.useMemo)(() => {
144
144
  var _trees$find;
145
- return trees && activeMarkerId ? (_trees$find = trees.find(t => t.entityId === activeMarkerId)) !== null && _trees$find !== void 0 ? _trees$find : null : null;
145
+ const currentTree = trees && activeMarkerId ? (_trees$find = trees.find(t => t.entityId === activeMarkerId)) !== null && _trees$find !== void 0 ? _trees$find : null : null;
146
+ if (currentTree) {
147
+ return currentTree;
148
+ }
149
+ return null;
146
150
  }, [trees, activeMarkerId]);
147
151
  const map = (0, _reactGoogleMaps.useMap)();
148
152
  const clusterer = (0, _react.useMemo)(() => {
@@ -228,6 +232,7 @@ const LocationClusteredTreeMarkers = _ref => {
228
232
  anchor: markers[activeMarkerId],
229
233
  onCloseClick: handleInfoWindowClose
230
234
  }, /*#__PURE__*/_react.default.createElement(_LocationInfo.default, {
235
+ formula: selectedTree === null || selectedTree === void 0 ? void 0 : selectedTree.formule,
231
236
  openingHours: selectedTree === null || selectedTree === void 0 ? void 0 : selectedTree.openingstijden,
232
237
  locationImage: selectedTree === null || selectedTree === void 0 || (_selectedTree$afbeeld = selectedTree.afbeeldingLogo) === null || _selectedTree$afbeeld === void 0 ? void 0 : _selectedTree$afbeeld[0],
233
238
  street: selectedTree === null || selectedTree === void 0 ? void 0 : selectedTree.street,
package/dist/src/shared/__components__/LocationsSelector/LocationInfo.js CHANGED
@@ -9,15 +9,21 @@ exports.default = void 0;
9
9
  require("core-js/modules/esnext.iterator.constructor.js");
10
10
  require("core-js/modules/esnext.iterator.filter.js");
11
11
  var _react = _interopRequireDefault(require("react"));
12
- var _cardPlaceholder = _interopRequireDefault(require("../../../../public/assets/images/card-placeholder.png"));
12
+ var _logoPrimary = _interopRequireDefault(require("../../../../public/assets/images/logo-primary.png"));
13
+ var _logoThcWhite = _interopRequireDefault(require("../../../../public/assets/images/logo-thc-white.svg"));
13
14
  var _helpers__ = require("../../__helpers__");
14
15
  var _image = require("../../__helpers__/image");
15
16
  var _constants__ = require("../../__constants__");
17
+ var _FormulaContext = require("../../__context__/FormulaContext");
16
18
  function _interopRequireDefault(e) {
17
19
  return e && e.__esModule ? e : {
18
20
  default: e
19
21
  };
20
22
  }
23
+ const FORMULAS = {
24
+ mZHgPhfuStmqHfHqSOhWY: _logoPrimary.default,
25
+ nFbSnWdtLZBmEhhpHFGVO: _logoThcWhite.default
26
+ };
21
27
  const LocationInfo = _ref => {
22
28
  let {
23
29
  street,
@@ -31,7 +37,8 @@ const LocationInfo = _ref => {
31
37
  email,
32
38
  website,
33
39
  openingHours,
34
- province
40
+ province,
41
+ formula
35
42
  } = _ref;
36
43
  const address = [street, postCode, city].join(', ');
37
44
 
@@ -66,7 +73,7 @@ const LocationInfo = _ref => {
66
73
  isUnknown: true
67
74
  };
68
75
  };
69
-
76
+ console.log(formula);
70
77
  // Order of days to display
71
78
  const daysOrder = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];
72
79
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -127,7 +134,7 @@ const LocationInfo = _ref => {
127
134
  className: (0, _helpers__.withStyle)('mb-1'),
128
135
  src: locationImage !== null && locationImage !== void 0 && locationImage.length ? (0, _image.getImageFromHyper)({
129
136
  imageId: locationImage
130
- }) : _cardPlaceholder.default,
137
+ }) : FORMULAS[formula],
131
138
  alt: title
132
139
  }))));
133
140
  };
package/dist/src/shared/__components__/LocationsSelector/index.js CHANGED
@@ -19,6 +19,7 @@ var _useBreakpoint = _interopRequireDefault(require("../../__hooks__/useBreakpoi
19
19
  var _useUserLocation = _interopRequireDefault(require("../../__hooks__/useUserLocation"));
20
20
  var _LocalStorageWorker = require("../../__services__/LocalStorageWorker");
21
21
  var _LocationAutoComplete = _interopRequireDefault(require("./LocationAutoComplete"));
22
+ var _LocationClusteredMap = _interopRequireDefault(require("./LocationClusteredMap"));
22
23
  var _LocationList = _interopRequireDefault(require("./LocationList"));
23
24
  function _interopRequireDefault(e) {
24
25
  return e && e.__esModule ? e : {
@@ -117,10 +118,30 @@ const LocationsSelector = /*#__PURE__*/_react.default.memo(() => {
117
118
  return /*#__PURE__*/_react.default.createElement(_reactGoogleMaps.APIProvider, {
118
119
  apiKey: APP_CONFIG.googleMapsApiKey,
119
120
  libraries: ['marker']
120
- }, /*#__PURE__*/_react.default.createElement(Loaded, null, /*#__PURE__*/_react.default.createElement("div", {
121
- className: "".concat((0, _helpers__.withStyle)('row gx-5 mt-3 mt-xl-5 justify-content-center'))
121
+ }, /*#__PURE__*/_react.default.createElement(Loaded, null, APP_CONFIG.internal ? /*#__PURE__*/_react.default.createElement("div", {
122
+ className: (0, _helpers__.withStyle)('row gx-5 mt-3 mt-xl-5')
123
+ }, /*#__PURE__*/_react.default.createElement("div", {
124
+ className: (0, _helpers__.withStyle)('content col-xl-8')
125
+ }, /*#__PURE__*/_react.default.createElement("div", {
126
+ className: (0, _helpers__.withStyle)(isDesktop ? 'dealer-map__container' : 'dealer-map')
127
+ }, /*#__PURE__*/_react.default.createElement(_LocationClusteredMap.default, {
128
+ locationIds: visibleIds,
129
+ locationsById: byId,
130
+ userLocation: userLocation
131
+ }))), /*#__PURE__*/_react.default.createElement("aside", {
132
+ className: (0, _helpers__.withStyle)('dealer-sidebar col-xl-4 mt-3 mt-xl-0')
133
+ }, isDesktop && /*#__PURE__*/_react.default.createElement(_LocationAutoComplete.default, {
134
+ setUserLocation: setUserLocation
135
+ }), franchiseName && /*#__PURE__*/_react.default.createElement("h6", {
136
+ className: (0, _helpers__.withStyle)('my-2')
137
+ }, "Keten: ", franchiseName), /*#__PURE__*/_react.default.createElement(_LocationList.default, {
138
+ locationIds: allIds,
139
+ locationsById: byId,
140
+ userLocation: userLocation
141
+ }))) : /*#__PURE__*/_react.default.createElement("div", {
142
+ className: (0, _helpers__.withStyle)('row gx-5 mt-3 mt-xl-5 justify-content-center')
122
143
  }, /*#__PURE__*/_react.default.createElement("aside", {
123
- className: "".concat((0, _helpers__.withStyle)('dealer-sidebar col-xl-4 mt-3 mt-xl-0'))
144
+ className: (0, _helpers__.withStyle)('dealer-sidebar col-xl-4 mt-3 mt-xl-0')
124
145
  }, isDesktop && /*#__PURE__*/_react.default.createElement(_LocationAutoComplete.default, {
125
146
  setUserLocation: setUserLocation
126
147
  }), franchiseName && /*#__PURE__*/_react.default.createElement("h6", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "thm-p3-configurator",
3
- "version": "0.0.200",
3
+ "version": "0.0.201",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "author": "EnoRm.",