thm-p3-configurator 0.0.46 → 0.0.47

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,10 +1,12 @@
 "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
 });
@@ -14,7 +16,7 @@ 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");
@@ -25,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,
@@ -34,7 +61,8 @@ const DiscountProductsSelector = () => {
     executionAnswer2,
     priceCalculationDate,
     discountCode,
-    selectedDiscountedProducts
+    selectedDiscountedProducts,
+    discountsInitialized
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
   const {
@@ -49,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,
@@ -74,17 +118,6 @@ const DiscountProductsSelector = () => {
   if (!(discountProducts !== null && discountProducts !== void 0 && discountProducts.length)) {
     return null;
   }
-  if (selectedDiscountedProducts.length === 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
-        }
-      });
-    });
-  }
   return /*#__PURE__*/_react.default.createElement("ol", null, discountProducts === null || discountProducts === void 0 ? void 0 : discountProducts.map(product => {
     const selectedProductAmount = selectedDiscountedProducts.find(selectedProduct => (selectedProduct === null || selectedProduct === void 0 ? void 0 : selectedProduct.articleNumber) === (product === null || product === void 0 ? void 0 : product.articleNumber));
     return /*#__PURE__*/_react.default.createElement("li", {
@@ -92,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

@@ -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.46",
+  "version": "0.0.47",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "author": "EnoRm.",