thm-p3-configurator 0.0.45 → 0.0.47

package/README.md

@@ -1 +1,49 @@
-# thm-configurator-app
+# thm-configurator-app
+
+## Local Testing of Internal Pages
+
+To set up and test internal pages locally:
+
+1. Enable internal routes:
+
+   - Open `src/shared/App.jsx`
+   - Uncomment the following code:
+     ```javascript
+     {
+       APP_CONFIG.nodeEnv === 'development' && APP_CONFIG.internal === true && (
+         <TEST_ONLY_INTERNAL_ROUTES />
+       );
+     }
+     ```
+   - Add this import at the top of the file:
+     ```javascript
+     import TEST_ONLY_INTERNAL_ROUTES from './__pages__/internal/__TEST_ONLY_INTERNAL_ROUTES';
+     ```
+   - Run `yarn watch`
+
+2. Set up authentication:
+   - Run the trekhaak-partner-app using `yarn watch`
+   - Log in to the partner app
+   - Open browser developer tools (F12)
+   - Navigate to Application > Local Storage
+   - Copy the `__authSession` value from trekhaak-partner-app
+   - Go to thm-configurator-app on localhost
+   - Open developer tools
+   - Navigate to Application > Local Storage
+   - Paste the copied value as `__authSession`
+   - Refresh the page
+
+You should now be able to access the internal pages locally, you can test this by navigating to one of the internal pages in your code editor, change some text and see if it updates.
+
+3. Reauthenticating (Optional)
+
+   - If you receive 401 or 403 errors, your auth session might have expired, you can reauthenticate by following the steps above.
+
+## Important Note
+
+- **Do not deploy with the internal routes uncommented.**
+- **Only use this for testing purposes.**
+
+## Production context
+
+On production the internal routes are embedded via the `thm-p3-configurator` package. it automatically will share the auth session in production.

package/dist/src/shared/__components__/Form/NumericInput.js

@@ -63,6 +63,7 @@ _reactNumericInput.default.style.plus.background = MAIN_THEME;
 _reactNumericInput.default.style.minus.background = MAIN_THEME;
 const NumericInput = _ref => {
   let {
+    value: propValue,
     defaultValue,
     onChange,
     min = 1,
@@ -73,11 +74,14 @@ const NumericInput = _ref => {
     name,
     label
   } = _ref;
-  const [value, setValue] = (0, _react.useState)(defaultValue);
+  const [internalValue, setInternalValue] = (0, _react.useState)(defaultValue);
   const inputRef = (0, _react.useRef)();
-  const handleChange = value => {
-    setValue(value);
-    onChange(value);
+  const value = propValue !== undefined ? propValue : internalValue;
+  const handleChange = newValue => {
+    if (propValue === undefined) {
+      setInternalValue(newValue);
+    }
+    onChange(newValue);
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ' ', /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: name,
@@ -94,10 +98,7 @@ const NumericInput = _ref => {
     maxLength: 4,
     required: isRequired,
     onChange: handleChange,
-    disabled: isDisabled
-    // Inline styling to override libray
-    ,
-
+    disabled: isDisabled,
     style: {
       wrap: {
         width: '6.5rem',

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

@@ -1,18 +1,22 @@
 "use strict";
 
+require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.weak-map.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _queries = require("../__api__/queries");
 var _NumericInput = _interopRequireDefault(require("../__components__/Form/NumericInput"));
 var _FormulaContext = require("../__context__/FormulaContext");
@@ -23,6 +27,31 @@ function _interopRequireDefault(e) {
     default: e
   };
 }
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != typeof e && "function" != typeof e) return {
+    default: e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n.default = e, t && t.set(e, n), n;
+}
 const DiscountProductsSelector = () => {
   const [{
     licensePlate,
@@ -32,7 +61,8 @@ const DiscountProductsSelector = () => {
     executionAnswer2,
     priceCalculationDate,
     discountCode,
-    selectedDiscountedProducts
+    selectedDiscountedProducts,
+    discountsInitialized
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
   const {
@@ -47,6 +77,22 @@ const DiscountProductsSelector = () => {
     priceCalculationDate,
     discountCode
   });
+  (0, _react.useEffect)(() => {
+    if (!discountsInitialized && (discountProducts === null || discountProducts === void 0 ? void 0 : discountProducts.length) > 0) {
+      discountProducts.forEach(product => {
+        dispatch({
+          type: _OrderSessionContext.orderSessionActions.ADD_DISCOUNTED_PRODUCT,
+          payload: {
+            articleNumber: product === null || product === void 0 ? void 0 : product.articleNumber,
+            quantity: 1
+          }
+        });
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.DISCOUNTS_INITIALIZED
+      });
+    }
+  }, [discountProducts, discountsInitialized, dispatch]);
   const handleProductUpdated = _ref => {
     let {
       articleNumber,
@@ -79,7 +125,7 @@ const DiscountProductsSelector = () => {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _helpers__.withStyle)('d-flex justify-content-between align-items-center mb-1')
     }, ' ', product === null || product === void 0 ? void 0 : product.name, " (", !(product !== null && product !== void 0 && product.price) ? 'Gratis' : (0, _helpers__.formatPrice)(product.price), ")", /*#__PURE__*/_react.default.createElement(_NumericInput.default, {
-      defaultValue: (selectedProductAmount === null || selectedProductAmount === void 0 ? void 0 : selectedProductAmount.quantity) || 0,
+      value: (selectedProductAmount === null || selectedProductAmount === void 0 ? void 0 : selectedProductAmount.quantity) || 0,
       isDisabled: false,
       onChange: quantity => handleProductUpdated({
         quantity,

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

@@ -48,6 +48,11 @@ const InternalDiscountCodeSelector = () => {
         discountCode: codeOption === null || codeOption === void 0 ? void 0 : codeOption.value
       }
     });
+    if (!codeOption) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.DISCOUNTS_REMOVED
+      });
+    }
   };
   if (isLoadingDiscounts || !Array.isArray(discounts)) return null;
   const selectedDiscountCode = discounts.find(discount => (discount === null || discount === void 0 ? void 0 : discount.code) === discountCode);

package/dist/src/shared/__context__/OrderSessionContext.js

@@ -95,8 +95,8 @@ const OrderSessionContext = /*#__PURE__*/(0, _react.createContext)();
 OrderSessionContext.displayName = 'OrderSessionContext';
 const INITIAL_ORDER_SESSION_STATE = {
   isTouched: false,
-  isEditMode: false,
   existingDossierId: null,
+  existingDossierType: null,
   licensePlate: null,
   buildYear: null,
   model: null,
@@ -114,6 +114,7 @@ const INITIAL_ORDER_SESSION_STATE = {
   selectedCableset: null,
   selectedCombiset: null,
   selectedDiscountedProducts: [],
+  discountsInitialized: false,
   selectedBoardComputer: null,
   isBoardComputerDeselected: false,
   selectedBranch: null,
@@ -164,6 +165,8 @@ const orderSessionActions = exports.orderSessionActions = {
   SET_SELECTED_CABLESET: 'SET_SELECTED_CABLESET',
   SET_SELECTED_COMBISET: 'SET_SELECTED_COMBISET',
   ADD_DISCOUNTED_PRODUCT: 'ADD_DISCOUNTED_PRODUCT',
+  DISCOUNTS_INITIALIZED: 'DISCOUNTS_INITIALIZED',
+  DISCOUNTS_REMOVED: 'DISCOUNTS_REMOVED',
   REMOVE_DISCOUNTED_PRODUCT: 'REMOVE_DISCOUNTED_PRODUCT',
   ADD_EXTRA: 'ADD_EXTRA',
   REMOVE_EXTRA: 'REMOVE_EXTRA',
@@ -694,6 +697,18 @@ const orderSessionReducer = (state, action) => {
           selectedDiscountedProducts: ((_state$selectedDiscou = state === null || state === void 0 ? void 0 : state.selectedDiscountedProducts) !== null && _state$selectedDiscou !== void 0 ? _state$selectedDiscou : []).filter(product => (product === null || product === void 0 ? void 0 : product.articleNumber) !== articleNumber)
         });
       }
+    case orderSessionActions.DISCOUNTS_INITIALIZED:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          discountsInitialized: true
+        });
+      }
+    case orderSessionActions.DISCOUNTS_REMOVED:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          discountsInitialized: false
+        });
+      }
     case orderSessionActions.ADD_DISCOUNTED_PRODUCT:
       {
         var _state$selectedDiscou3;

package/package.json

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