thm-p3-configurator 0.0.190 → 0.0.192

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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.ORDER_SESSION_KEY = 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.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.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.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',
@@ -21,6 +21,21 @@ const FORM_ERROR_MESSAGES = exports.FORM_ERROR_MESSAGES = {
   licensePlateMin: 'Kenteken moet minimaal 6 characters bevatten',
   licensePlateMax: 'Kenteken mag maximaal 8 characters bevatten'
 };
+const BRANCH_FORMULAS = exports.BRANCH_FORMULAS = {
+  Trekhaakcentrum: 'Trekhaakcentrum',
+  TowMotiveGroup: 'TowMotive Group',
+  Trekhaakmontage: 'Trekhaakmontage'
+};
+const BRANCH_THEME_BY_FORMULA = exports.BRANCH_THEME_BY_FORMULA = {
+  Trekhaakcentrum: 'thc',
+  Trekhaakmontage: 'thm',
+  TowMotiveGroup: 'tmg'
+};
+const PARTNER_PORTAL_PAGE_TITLES_BY_THEME = exports.PARTNER_PORTAL_PAGE_TITLES_BY_THEME = {
+  [BRANCH_THEME_BY_FORMULA.Trekhaakmontage]: 'Trekhaakmontage - Partner Portal',
+  [BRANCH_THEME_BY_FORMULA.Trekhaakcentrum]: 'Trekhaakcentrum - Partner Portal',
+  [BRANCH_THEME_BY_FORMULA.TowMotiveGroup]: 'TowMotive Group - Partner Portal'
+};
 const DAY_NAMES = exports.DAY_NAMES = {
   monday: 'Maandag',
   tuesday: 'Dinsdag',
@@ -191,6 +206,29 @@ const CONFIGURATOR_FORMULAS = exports.CONFIGURATOR_FORMULAS = {
   THC: 'THC',
   TMG: 'TMG'
 };
+const NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = {
+  [CONFIGURATOR_FORMULAS.THM]: {
+    email: 'order@trekhaakcentrum.nl',
+    phoneDisplay: '+31 85 - 000 4123',
+    phoneHref: 'tel:+31850004123',
+    companyName: 'Trekhaakcentrum',
+    logoAltText: 'Trekhaakcentrum Logo'
+  },
+  [CONFIGURATOR_FORMULAS.THC]: {
+    email: 'order@trekhaakcentrum.nl',
+    phoneDisplay: '+31 85 - 000 4123',
+    phoneHref: 'tel:+31850004123',
+    companyName: 'Trekhaakcentrum',
+    logoAltText: 'Trekhaakcentrum Logo'
+  },
+  [CONFIGURATOR_FORMULAS.TMG]: {
+    email: 'order@towmotivegroup.com',
+    phoneDisplay: '+31 85 - 203 0167',
+    phoneHref: 'tel:+31852030167',
+    companyName: 'TowMotive Group',
+    logoAltText: 'TowMotive Group Logo'
+  }
+};
 const LOCATION_CHANGE_BUTTON_LABEL = exports.LOCATION_CHANGE_BUTTON_LABEL = 'Wijzig de locatie';
 const TMG_ORGANIZATION_TYPE = exports.TMG_ORGANIZATION_TYPE = 'TowMotive Group';
 const LOCATION_TYPE = exports.LOCATION_TYPE = 'Vestiging';

package/dist/src/shared/__hooks__/useBranchTheme.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBranchTheme = void 0;
+var _react = require("react");
+var _constants__ = require("../__constants__");
+var _LocalStorageWorker = require("../__services__/LocalStorageWorker");
+var _FormulaContext = require("../__context__/FormulaContext");
+/**
+ * @description Returns the theme of the partner portal based on the currently selected branch
+ * - If the branch type is TowMotive group: return tmg theme
+ * - Otherwise, check the branch formula and return the corresponding theme
+ * - Caches the last used theme in localstorage and updates it when the current branch theme changes  (to persist themes even when the user is logged out)
+ */
+const useBranchTheme = () => {
+  const formula = (0, _FormulaContext.useFormula)();
+  const cachedTheme = _LocalStorageWorker.lsw.get(_constants__.LAST_USED_THEME_KEY);
+  console.log(_constants__.BRANCH_FORMULAS);
+  console.log(formula.toLowerCase());
+  const currentTheme = (0, _react.useMemo)(() => {
+    if (!formula) {
+      return cachedTheme || _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakmontage;
+    }
+    switch (formula) {
+      case _constants__.BRANCH_FORMULAS.Trekhaakmontage:
+        {
+          return _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakmontage;
+        }
+      case _constants__.BRANCH_FORMULAS.Trekhaakcentrum:
+        {
+          return _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum;
+        }
+      case _constants__.BRANCH_FORMULAS.TowMotiveGroup:
+        {
+          return _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup;
+        }
+      default:
+        {
+          return cachedTheme;
+        }
+    }
+  }, [cachedTheme, formula]);
+
+  /**
+   * @description Updates the last used theme value in LS with the current theme
+   */
+  (0, _react.useEffect)(() => {
+    if (currentTheme) {
+      _LocalStorageWorker.lsw.set(_constants__.LAST_USED_THEME_KEY, currentTheme);
+    }
+  }, [currentTheme]);
+  return currentTheme;
+};
+exports.useBranchTheme = useBranchTheme;

package/dist/src/shared/__pages__/NoProductsPage.js

@@ -49,6 +49,7 @@ function _interopRequireWildcard(e, r) {
 const NoProductsPage = () => {
   const mailLinkRef = (0, _react.useRef)(null);
   const formula = (0, _FormulaContext.useFormula)();
+  const contactDetails = _constants__.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA[formula] || _constants__.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA[_constants__.CONFIGURATOR_FORMULAS.THM];
   const handleClick = () => {
     if (mailLinkRef.current) {
       mailLinkRef.current.click();
@@ -59,7 +60,7 @@ const NoProductsPage = () => {
   }, /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _helpers__.withStyle)('thm-configurator-home__logo img-fluid'),
     src: _logoPrimaryIcon.default,
-    alt: "Trekhaakmontage"
+    alt: contactDetails.logoAltText
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('container')
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -73,8 +74,8 @@ const NoProductsPage = () => {
     className: (0, _helpers__.withStyle)('text-center mb-2')
   }, "We hebben geen trekhaak voor uw auto in ons systeem kunnen vinden"), /*#__PURE__*/_react.default.createElement("p", {
     className: (0, _helpers__.withStyle)('mb-4 text-center')
-  }, "Dit betekent niet dat er geen trekhaak op uw auto gemonteerd kan worden. Een van onze medewerkers kijkt graag met u mee naar de mogelijkheden. Neem hiervoor contact met ons op via mail order@trekhaakmontage.nl of bel ons op +31 85-000 4122."), /*#__PURE__*/_react.default.createElement("a", {
-    href: "mailto:order@trekhaakmontage.nl",
+  }, "Dit betekent niet dat er geen trekhaak op uw auto gemonteerd kan worden. Een van onze medewerkers kijkt graag met u mee naar de mogelijkheden. Neem hiervoor contact met ons op via mail", ' ', contactDetails.email, " of bel ons op", ' ', contactDetails.phoneDisplay, "."), /*#__PURE__*/_react.default.createElement("a", {
+    href: "mailto:".concat(contactDetails.email),
     "aria-hidden": true,
     hidden: true,
     className: (0, _helpers__.withStyle)('d-none'),
@@ -84,7 +85,7 @@ const NoProductsPage = () => {
   }, /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
     isDisabled: false,
     onClick: handleClick,
-    label: "Mail order@trekhaakmontage.nl"
+    label: "Mail ".concat(contactDetails.email)
   }), /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
     to: '/configurator',
     variant: "outline-primary",

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

@@ -49,6 +49,7 @@ function _interopRequireWildcard(e, r) {
 const InternalNoProductsPage = () => {
   const mailLinkRef = (0, _react.useRef)(null);
   const formula = (0, _FormulaContext.useFormula)();
+  const contactDetails = _constants__.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA[formula] || _constants__.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA[_constants__.CONFIGURATOR_FORMULAS.THM];
   const handleClick = () => {
     if (mailLinkRef.current) {
       mailLinkRef.current.click();
@@ -71,8 +72,8 @@ const InternalNoProductsPage = () => {
     className: (0, _helpers__.withStyle)('text-center mb-2')
   }, "We hebben geen trekhaak voor uw auto in ons systeem kunnen vinden"), /*#__PURE__*/_react.default.createElement("p", {
     className: (0, _helpers__.withStyle)('mb-4 text-center')
-  }, "Dit betekent niet dat er geen trekhaak op uw auto gemonteerd kan worden. Een van onze medewerkers kijkt graag met u mee naar de mogelijkheden. Neem hiervoor contact met ons op via mail order@trekhaakmontage.nl of bel ons op +31 85-000 4122."), /*#__PURE__*/_react.default.createElement("a", {
-    href: "mailto:order@trekhaakmontage.nl",
+  }, "Dit betekent niet dat er geen trekhaak op uw auto gemonteerd kan worden. Een van onze medewerkers kijkt graag met u mee naar de mogelijkheden. Neem hiervoor contact met ons op via mail ", contactDetails.email, " of bel ons op", ' ', contactDetails.phoneDisplay, "."), /*#__PURE__*/_react.default.createElement("a", {
+    href: "mailto:".concat(contactDetails.email),
     "aria-hidden": true,
     hidden: true,
     className: (0, _helpers__.withStyle)('d-none'),
@@ -82,7 +83,7 @@ const InternalNoProductsPage = () => {
   }, /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
     isDisabled: false,
     onClick: handleClick,
-    label: "Mail order@trekhaakmontage.nl"
+    label: "Mail ".concat(contactDetails.email)
   }), /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
     to: '/configurator',
     variant: "outline-primary",

package/package.json

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