thm-p3-configurator 0.0.232 → 0.0.234

package/dist/src/shared/App.js

@@ -75,6 +75,6 @@ const App = () => {
     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), /*#__PURE__*/_react.default.createElement(_index.default, null))))))))));
+  }, /*#__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.nodeEnv === 'development' && APP_CONFIG.internal === true && /*#__PURE__*/_react.default.createElement(_TEST_ONLY_INTERNAL_ROUTES.default, null))))))))));
 };
 var _default = exports.default = App;

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

@@ -225,7 +225,11 @@ const useModelsQuery = _ref2 => {
         formula
       }).then(res => {
         var _res$data3;
-        return (0, _helpers__.parseArrayToInputOptions)((_res$data3 = res === null || res === void 0 ? void 0 : res.data) !== null && _res$data3 !== void 0 ? _res$data3 : []);
+        const options = (0, _helpers__.parseArrayToInputOptions)((_res$data3 = res === null || res === void 0 ? void 0 : res.data) !== null && _res$data3 !== void 0 ? _res$data3 : []);
+        // Truncate labels to only show text before the first '|' character
+        return options.map(option => _objectSpread(_objectSpread({}, option), {}, {
+          label: (0, _helpers__.truncateAtPipe)(option.label)
+        }));
       });
     }
   });

package/dist/src/shared/__containers__/VehicleData.js

@@ -70,7 +70,7 @@ const VehicleData = _ref => {
     isDefaultExpanded: true,
     body: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ' ', /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _helpers__.withStyle)('col-auto col-md-12 text-center')
-    }, !isFilter && /*#__PURE__*/_react.default.createElement("img", {
+    }, !isFilter && !licensePlate && /*#__PURE__*/_react.default.createElement("img", {
       className: (0, _helpers__.withStyle)('vehicle-data__image img-fluid rounded-1 mx-0 mb-1'),
       src: (0, _image.getImageFromHyper)({
         imageId: vehicleLogo
@@ -96,6 +96,7 @@ const VehicleData = _ref => {
     }).map(_ref3 => {
       let [key, value] = _ref3;
       if (!value) return null;
+      const displayValue = key === 'model' ? (0, _helpers__.truncateAtPipe)(value) : value;
       return /*#__PURE__*/_react.default.createElement("div", {
         key: key + value,
         className: (0, _helpers__.withStyle)('d-flex align-items-center justify-content-between')
@@ -106,7 +107,7 @@ const VehicleData = _ref => {
           fontSize: '14px'
         },
         className: "text-truncate"
-      }, value));
+      }, displayValue));
     })
   });
 };

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

@@ -29,6 +29,7 @@ var _OrderSessionContext = require("../../__context__/OrderSessionContext");
 var _useIsSingleOrder = _interopRequireDefault(require("../../__hooks__/useIsSingleOrder"));
 var _useIsTmg = require("../../__hooks__/useIsTmg");
 var _LocalStorageWorker = require("../../__services__/LocalStorageWorker");
+var _OrderTypeSelectorModal = _interopRequireWildcard(require("./OrderTypeSelectorModal"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -247,7 +248,8 @@ const InternalBranchSelectorModal = () => {
   }, [branchTypes, authSession]);
   const [{
     selectedBranch,
-    existingDossierId
+    existingDossierId,
+    orderType
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const {
     myBranches,
@@ -265,15 +267,20 @@ const InternalBranchSelectorModal = () => {
       }
     });
   };
-  const shouldShowModalForSingleOrder = APP_CONFIG.internal && formula === _constants__.CONFIGURATOR_FORMULAS.TMG && !selectedBranch && !existingDossierId && isSingleOrderPage;
-  const shouldShowModalForOtherPages = APP_CONFIG.internal && formula === _constants__.CONFIGURATOR_FORMULAS.TMG && !selectedBranch && !existingDossierId && !isSingleOrderPage && !isTMGOrganization && !shouldAutoSelect && !isLoadingMyBranches;
+  const shouldShowModalForSingleOrder = APP_CONFIG.internal && !selectedBranch && !existingDossierId && isSingleOrderPage;
+  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));
   }
+  if ((shouldShowModalForSingleOrder || shouldShowModalForOtherPages) && isTMGOrganization && formula === _constants__.CONFIGURATOR_FORMULAS.TMG && !orderType) {
+    return /*#__PURE__*/_react.default.createElement(_OrderTypeSelectorModal.default, {
+      isOpen: true
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_Modal.default, {
-    isOpen: shouldShowModalForSingleOrder || shouldShowModalForOtherPages,
+    isOpen: (shouldShowModalForSingleOrder || shouldShowModalForOtherPages) && !(isTMGOrganization && orderType === _OrderTypeSelectorModal.ORDER_TYPES.ONLINE),
     title: 'Kies een vestiging:',
     size: "wide",
     hasSecondaryButton: false,

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

@@ -6,6 +6,7 @@ require("core-js/modules/es.object.from-entries.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.string.replace.js");
+require("core-js/modules/es.string.trim.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -15,13 +16,14 @@ require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withStyle = exports.removeNullishProps = exports.reduceYupErrorsToObject = exports.pushToDataLayer = exports.parseJson = exports.parseDateAndTimeToTimestamp = exports.parseArrayToInputOptions = exports.normalizeArray = exports.groupByKey = exports.formatPrice = exports.formatMontageTime = exports.createSlug = void 0;
+exports.withStyle = exports.truncateAtPipe = exports.removeNullishProps = exports.reduceYupErrorsToObject = exports.pushToDataLayer = exports.parseJson = exports.parseDateAndTimeToTimestamp = exports.parseArrayToInputOptions = exports.normalizeArray = exports.groupByKey = exports.formatPrice = exports.formatMontageTime = exports.createSlug = void 0;
 require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.object.from-entries.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.string.replace.js");
+require("core-js/modules/es.string.trim.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -193,9 +195,19 @@ const parseArrayToInputOptions = exports.parseArrayToInputOptions = function par
   }));
 };
 
+/**
+ * @description Truncates a string at the first '|' character
+ * Example: "Q4 (F4B) | Other text" => "Q4 (F4B)"
+ */
+const truncateAtPipe = value => {
+  if (!value || typeof value !== 'string') return value;
+  return value.split('|')[0].trim();
+};
+
 /**
  * @description Parses a string into JSON object, returns null on error
  */
+exports.truncateAtPipe = truncateAtPipe;
 const parseJson = string => {
   try {
     return JSON.parse(string);

package/package.json

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