thm-p3-configurator 0.0.252 → 0.0.254

package/dist/src/shared/App.js

@@ -29,7 +29,6 @@ var _TEST_ONLY_INTERNAL_ROUTES = _interopRequireDefault(require("./__pages__/int
 var _Experiments = _interopRequireDefault(require("./__services__/Experiments"));
 var _mainExternal = _interopRequireDefault(require("./__style__/main-external.scss"));
 var _main = _interopRequireDefault(require("./__style__/main.scss"));
-var _index = _interopRequireDefault(require("./__pages__/index"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -70,7 +69,7 @@ const App = () => {
     (0, _Experiments.default)();
   });
   return /*#__PURE__*/_react.default.createElement(_SentryWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FormulaContext.FormulaController, {
-    defaultFormula: _constants__.CONFIGURATOR_FORMULAS.TMG
+    defaultFormula: _constants__.CONFIGURATOR_FORMULAS.TOW
   }, /*#__PURE__*/_react.default.createElement(_CountryContext.CountryController, {
     defaultCountry: APP_CONFIG.country
   }, /*#__PURE__*/_react.default.createElement(_OrderSessionContext.OrderSessionController, null, /*#__PURE__*/_react.default.createElement(_reactQuery.QueryClientProvider, {

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

@@ -24,12 +24,14 @@ const FORM_ERROR_MESSAGES = exports.FORM_ERROR_MESSAGES = {
 const BRANCH_FORMULAS = exports.BRANCH_FORMULAS = {
   Trekhaakcentrum: 'Trekhaakcentrum',
   TowMotiveGroup: 'TowMotive Group',
+  TowMotive: 'TowMotive',
   Trekhaakmontage: 'Trekhaakmontage'
 };
 const BRANCH_THEME_BY_FORMULA = exports.BRANCH_THEME_BY_FORMULA = {
   Trekhaakcentrum: 'thc',
   Trekhaakmontage: 'thm',
-  TowMotiveGroup: 'tmg'
+  TowMotiveGroup: 'tmg',
+  TowMotive: 'tmg'
 };
 const PARTNER_PORTAL_PAGE_TITLES_BY_THEME = exports.PARTNER_PORTAL_PAGE_TITLES_BY_THEME = {
   [BRANCH_THEME_BY_FORMULA.Trekhaakmontage]: 'Trekhaakmontage - Partner Portal',
@@ -213,7 +215,8 @@ const CONFIGURATOR_FORMULAS = exports.CONFIGURATOR_FORMULAS = {
   THM: 'THM',
   THC: 'THC',
   TMG: 'TMG',
-  TM: 'TMG',
+  TOW: 'TOW',
+  TM: 'TOW',
   TH: 'TH',
   TowMotive: 'TowMotive'
 };
@@ -239,14 +242,14 @@ const NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NO_PRODUCTS_CONTACT_DETAI
     companyName: 'TowMotive Group',
     logoAltText: 'TowMotive Group Logo'
   },
-  [CONFIGURATOR_FORMULAS.TH]: {
+  [CONFIGURATOR_FORMULAS.TOW]: {
     email: 'order@towmotivegroup.com',
     phoneDisplay: '+31 85 - 203 0167',
     phoneHref: 'tel:+31852030167',
     companyName: 'TowMotive Group',
     logoAltText: 'TowMotive Group Logo'
   },
-  [CONFIGURATOR_FORMULAS.TowMotive]: {
+  [CONFIGURATOR_FORMULAS.TH]: {
     email: 'order@towmotivegroup.com',
     phoneDisplay: '+31 85 - 203 0167',
     phoneHref: 'tel:+31852030167',
@@ -263,10 +266,12 @@ const TMG_ORGANIZATION_TYPE = exports.TMG_ORGANIZATION_TYPE = 'TowMotive Group';
 const mapBranchFormulaToConfiguratorFormula = branchFormula => {
   if (!branchFormula) return CONFIGURATOR_FORMULAS.THM;
   switch (branchFormula.toLowerCase()) {
-    case 'towmotive':
+    case 'tow':
+    case 'tm':
     case 'th':
-      return CONFIGURATOR_FORMULAS.TowMotive;
+      return CONFIGURATOR_FORMULAS.TOW;
     case 'tmg':
+    case 'towmotive group':
       return CONFIGURATOR_FORMULAS.TMG;
     case 'thc':
       return CONFIGURATOR_FORMULAS.THC;

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

@@ -256,9 +256,21 @@ const InternalBranchSelectorModal = () => {
     isLoadingMyBranches
   } = (0, _queries.useMyBranches)(formula);
   const shouldAutoSelect = _react.default.useMemo(() => {
-    if (isSingleOrderPage) return false;
-    return !existingDossierId && !isTMGOrganization && !selectedBranch && (myBranches === null || myBranches === void 0 ? void 0 : myBranches.length) === 1;
-  }, [existingDossierId, isTMGOrganization, selectedBranch, myBranches, isSingleOrderPage]);
+    return !existingDossierId && !isTMGOrganization && !selectedBranch && (myBranches === null || myBranches === void 0 ? void 0 : myBranches.length) === 1 && !isLoadingMyBranches;
+  }, [existingDossierId, isTMGOrganization, selectedBranch, myBranches, isLoadingMyBranches]);
+  (0, _react.useEffect)(() => {
+    var _myBranches$;
+    if (!shouldAutoSelect) return;
+    const onlyBranchId = myBranches === null || myBranches === void 0 || (_myBranches$ = myBranches[0]) === null || _myBranches$ === void 0 ? void 0 : _myBranches$.entityId;
+    if (!onlyBranchId) return;
+    dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_SELECTED_BRANCH,
+      payload: {
+        branchId: onlyBranchId
+      }
+    });
+    _setSelectedBranchId(onlyBranchId);
+  }, [shouldAutoSelect, myBranches, dispatch]);
   const handlePrimaryButtonClicked = () => {
     dispatch({
       type: _OrderSessionContext.orderSessionActions.SET_SELECTED_BRANCH,
@@ -267,13 +279,18 @@ const InternalBranchSelectorModal = () => {
       }
     });
   };
-  const shouldShowModalForSingleOrder = APP_CONFIG.internal && !selectedBranch && !existingDossierId && isSingleOrderPage;
+  const shouldShowModalForSingleOrder = APP_CONFIG.internal && !selectedBranch && !existingDossierId && isSingleOrderPage && !shouldAutoSelect;
   const shouldShowModalForOtherPages = APP_CONFIG.internal && !selectedBranch && !existingDossierId && !isSingleOrderPage && !isTMGOrganization && !shouldAutoSelect && !isLoadingMyBranches;
   if (isLoadingBranchTypes || isLoadingMyBranches) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "thm-configurator-wrapper--offset"
     }, /*#__PURE__*/_react.default.createElement(_FullPageSpinner.default, null));
   }
+
+  // Skip modal entirely when auto-selecting the single available branch
+  if (shouldAutoSelect) {
+    return null;
+  }
   if ((shouldShowModalForSingleOrder || shouldShowModalForOtherPages) && isTMGOrganization && formula === _constants__.CONFIGURATOR_FORMULAS.TMG && !orderType) {
     return /*#__PURE__*/_react.default.createElement(_OrderTypeSelectorModal.default, {
       isOpen: true

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

@@ -50,6 +50,7 @@ const useBranchTheme = () => {
         }
       case _constants__.BRANCH_FORMULAS.TowMotiveGroup:
       case _constants__.CONFIGURATOR_FORMULAS.TMG:
+      case _constants__.CONFIGURATOR_FORMULAS.TOW:
       case _constants__.CONFIGURATOR_FORMULAS.TH:
       case _constants__.CONFIGURATOR_FORMULAS.TowMotive:
         {

package/dist/src/shared/__style__/_variables-external.scss

@@ -18,8 +18,8 @@ $secondary: #0f1223;
 $custom-secondary: #f8be2c87;
 $custom-primary: #f8bd2c;
 // TMG theme colors
-$tmg-primary: #000;
-$tmg-secondary: #41bbca;
+$tmg-primary: #41bbca;
+$tmg-secondary: #000;
 $success: $green;
 $info: $cyan;
 $warning: $yellow;

package/dist/src/shared/__style__/configurator/_configurator.scss

@@ -67,6 +67,18 @@ Configurator TMG theme
       border-color: $tmg-primary !important;
     }
 
+    .btn-outline-primary {
+      border-color: $tmg-primary;
+      color: $tmg-primary;
+
+      &:hover,
+      &.active {
+        background-color: $tmg-primary;
+        border-color: $tmg-primary;
+        color: white;
+      }
+    }
+
     .btn-outline-theme-primary {
       border-color: $tmg-primary;
       color: $tmg-primary;
@@ -93,6 +105,12 @@ Configurator TMG theme
       &:hover {
         @extend .bg-tmg-secondary;
       }
+
+      &.active {
+        background-color: $tmg-primary;
+        border-color: $tmg-primary;
+        color: white;
+      }
     }
 
     .list-check {
@@ -150,6 +168,21 @@ Configurator TMG theme
         border-color: $tmg-primary !important;
       }
     }
+
+    // Form select focus styling
+    .form-select {
+      &[class*='is-focused'] {
+        border-color: lighten($tmg-secondary, 10%) !important;
+        box-shadow: 0 0 0 0.2rem rgba($tmg-secondary, 0.5) !important;
+      }
+    }
+
+    // Form label styling
+    .form-label {
+      span {
+        color: $tmg-primary;
+      }
+    }
   }
 }
 

package/package.json

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