@widergy/utilitygo-smart-bill-web 1.9.0 → 1.11.0

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Indicator/components/IndicatorLabel/index.js

@@ -21,33 +21,28 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const IndicatorLabel = _ref => {
-  let {
-    contextApiInfo,
-    value,
-    unit,
-    labelOffset,
-    classes = {}
-  } = _ref;
-  const {
-    assets,
-    config,
-    Label
-  } = contextApiInfo;
-  const {
-    texts,
-    colors
-  } = config;
-  const {
-    indicatorLabel
-  } = texts.ratesDefinition;
+var IndicatorLabel = function IndicatorLabel(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      value = _ref.value,
+      unit = _ref.unit,
+      labelOffset = _ref.labelOffset,
+      _ref$classes = _ref.classes,
+      classes = _ref$classes === void 0 ? {} : _ref$classes;
+  var assets = contextApiInfo.assets,
+      config = contextApiInfo.config,
+      Label = contextApiInfo.Label;
+  var texts = config.texts,
+      colors = config.colors;
+  var indicatorLabel = texts.ratesDefinition.indicatorLabel;
 
-  const EnergyIcon = () => /*#__PURE__*/_react.default.createElement(assets.EnergyIcon, {
-    className: _stylesModule.default.icon,
-    style: {
-      fill: colors.primary
-    }
-  });
+  var EnergyIcon = function EnergyIcon() {
+    return /*#__PURE__*/_react.default.createElement(assets.EnergyIcon, {
+      className: _stylesModule.default.icon,
+      style: {
+        fill: colors.primary
+      }
+    });
+  };
 
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Indicator/index.js

@@ -23,21 +23,18 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Indicator = _ref => {
-  let {
-    value,
-    unit,
-    rateStages,
-    isDesktop,
-    contextApiInfo
-  } = _ref;
-  const {
-    primary
-  } = contextApiInfo.config.colors;
-  const {
-    containerLeft,
-    labelOffset
-  } = (0, _utils.getIndicatorPosition)(value, rateStages, isDesktop);
+var Indicator = function Indicator(_ref) {
+  var value = _ref.value,
+      unit = _ref.unit,
+      rateStages = _ref.rateStages,
+      isDesktop = _ref.isDesktop,
+      contextApiInfo = _ref.contextApiInfo;
+  var primary = contextApiInfo.config.colors.primary;
+
+  var _getIndicatorPosition = (0, _utils.getIndicatorPosition)(value, rateStages, isDesktop),
+      containerLeft = _getIndicatorPosition.containerLeft,
+      labelOffset = _getIndicatorPosition.labelOffset;
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Indicator/utils.js

@@ -9,64 +9,66 @@ var _constants = require("../../constants");
 
 var _utils = require("../../utils");
 
-const getStageWidth = (totalStages, isDesktop) => {
-  const barsMargin = isDesktop ? _constants.BARS_MARGIN_DESKTOP : _constants.BARS_MARGIN_MOBILE;
-  const stageMargin = isDesktop ? _constants.STAGE_MARGIN_DESKTOP : _constants.STAGE_MARGIN_MOBILE;
+var getStageWidth = function getStageWidth(totalStages, isDesktop) {
+  var barsMargin = isDesktop ? _constants.BARS_MARGIN_DESKTOP : _constants.BARS_MARGIN_MOBILE;
+  var stageMargin = isDesktop ? _constants.STAGE_MARGIN_DESKTOP : _constants.STAGE_MARGIN_MOBILE;
   return "(100% - 2 * ".concat(barsMargin, " - ").concat(totalStages - 1, " * ").concat(stageMargin, ")  / ").concat(totalStages);
 };
 
-const stagePosition = (value, rateStages, isDesktop) => {
-  const stageMargin = isDesktop ? _constants.STAGE_MARGIN_DESKTOP : _constants.STAGE_MARGIN_MOBILE;
-  const exceededStages = rateStages.filter(stage => stage.range[_constants.MAX_VALUE] !== _constants.INFINITE && stage.range[_constants.MAX_VALUE] < value).length;
-  const totalStages = rateStages.length;
-  const marginsCorrection = "".concat(exceededStages, " * ").concat(stageMargin);
+var stagePosition = function stagePosition(value, rateStages, isDesktop) {
+  var stageMargin = isDesktop ? _constants.STAGE_MARGIN_DESKTOP : _constants.STAGE_MARGIN_MOBILE;
+  var exceededStages = rateStages.filter(function (stage) {
+    return stage.range[_constants.MAX_VALUE] !== _constants.INFINITE && stage.range[_constants.MAX_VALUE] < value;
+  }).length;
+  var totalStages = rateStages.length;
+  var marginsCorrection = "".concat(exceededStages, " * ").concat(stageMargin);
   return "".concat(getStageWidth(totalStages, isDesktop), " * ").concat(exceededStages, " + ").concat(marginsCorrection);
 };
 
-const subStagePosition = (value, rateStages, isDesktop) => {
-  const totalStages = rateStages.length;
-  const currentStage = (0, _utils.getCurrentStage)(value, rateStages);
-  const currentStageRangeWidth = (0, _utils.getStageRangeWidth)(currentStage);
-  const deltaFromStageInit = value - currentStage.range[_constants.MIN_VALUE] <= currentStageRangeWidth ? value - currentStage.range[_constants.MIN_VALUE] : currentStageRangeWidth;
+var subStagePosition = function subStagePosition(value, rateStages, isDesktop) {
+  var totalStages = rateStages.length;
+  var currentStage = (0, _utils.getCurrentStage)(value, rateStages);
+  var currentStageRangeWidth = (0, _utils.getStageRangeWidth)(currentStage);
+  var deltaFromStageInit = value - currentStage.range[_constants.MIN_VALUE] <= currentStageRangeWidth ? value - currentStage.range[_constants.MIN_VALUE] : currentStageRangeWidth;
   return "".concat(getStageWidth(totalStages, isDesktop), " * ").concat(deltaFromStageInit, " / ").concat(currentStageRangeWidth);
 };
 
-const relativePorcentageValue = (value, rateStages) => {
-  const globalLastSubRate = rateStages.at(-1).sub_rate_stages.at(-1).range;
+var relativePorcentageValue = function relativePorcentageValue(value, rateStages) {
+  var globalLastSubRate = rateStages.at(-1).sub_rate_stages.at(-1).range;
 
-  const globalMaxValue = globalLastSubRate.at(-1) || globalLastSubRate.at(0) + _constants.DEFAULT_INFINITE_SUB_STAGE_RANGE_WIDTH;
+  var globalMaxValue = globalLastSubRate.at(-1) || globalLastSubRate.at(0) + _constants.DEFAULT_INFINITE_SUB_STAGE_RANGE_WIDTH;
 
-  const clippedMaxValue = value > globalMaxValue ? globalMaxValue : value;
+  var clippedMaxValue = value > globalMaxValue ? globalMaxValue : value;
   return clippedMaxValue / globalMaxValue * 100;
 };
 
-const getLabelOffset = (value, rateStages) => {
-  const rateIndex = rateStages.indexOf((0, _utils.getCurrentStage)(value, rateStages));
-  const isFirstRate = rateIndex === 0;
-  const isLastRate = rateIndex === rateStages.length - 1;
-  const baseOffset = "".concat(relativePorcentageValue(value, rateStages), "%");
+var getLabelOffset = function getLabelOffset(value, rateStages) {
+  var rateIndex = rateStages.indexOf((0, _utils.getCurrentStage)(value, rateStages));
+  var isFirstRate = rateIndex === 0;
+  var isLastRate = rateIndex === rateStages.length - 1;
+  var baseOffset = "".concat(relativePorcentageValue(value, rateStages), "%");
   return isLastRate ? "calc(-".concat(baseOffset, " + ").concat(_constants.INDICATOR_LABEL_LAST_OFFSET, ")") : isFirstRate ? "calc(-".concat(baseOffset, " - ").concat(_constants.INDICATOR_LABEL_FIRST_OFFSET, ")") : _constants.INDICATOR_LABEL_DEFAULT_OFFSET;
 };
 
-const subStagePositionRounded = (value, rateStages) => {
-  const roundedVal = Math.round(value);
-  const currentStage = (0, _utils.getCurrentStage)(value, rateStages);
+var subStagePositionRounded = function subStagePositionRounded(value, rateStages) {
+  var roundedVal = Math.round(value);
+  var currentStage = (0, _utils.getCurrentStage)(value, rateStages);
 
-  const findRange = _ref => {
-    let {
-      range
-    } = _ref;
+  var findRange = function findRange(_ref) {
+    var range = _ref.range;
     return roundedVal >= range[0] && (!range[1] || roundedVal <= range[1]);
   };
 
-  const currentSubstageIndex = currentStage.sub_rate_stages.findIndex(findRange);
-  const stageWidth = getStageWidth(rateStages.length, false);
+  var currentSubstageIndex = currentStage.sub_rate_stages.findIndex(findRange);
+  var stageWidth = getStageWidth(rateStages.length, false);
   return "".concat(stageWidth, " * ").concat((currentSubstageIndex + 0.5) / currentStage.sub_rate_stages.length);
 };
 
-const getIndicatorPosition = (value, rateStages, isDesktop) => ({
-  containerLeft: "calc(".concat(isDesktop ? _constants.INITIAL_INDICATOR_POSITION_DESKTOP : _constants.INITIAL_INDICATOR_POSITION_MOBILE, " + ").concat(stagePosition(value, rateStages, isDesktop), " + ").concat(isDesktop ? subStagePosition(value, rateStages, isDesktop) : subStagePositionRounded(value, rateStages), ")"),
-  labelOffset: getLabelOffset(value, rateStages)
-});
+var getIndicatorPosition = function getIndicatorPosition(value, rateStages, isDesktop) {
+  return {
+    containerLeft: "calc(".concat(isDesktop ? _constants.INITIAL_INDICATOR_POSITION_DESKTOP : _constants.INITIAL_INDICATOR_POSITION_MOBILE, " + ").concat(stagePosition(value, rateStages, isDesktop), " + ").concat(isDesktop ? subStagePosition(value, rateStages, isDesktop) : subStagePositionRounded(value, rateStages), ")"),
+    labelOffset: getLabelOffset(value, rateStages)
+  };
+};
 
 exports.getIndicatorPosition = getIndicatorPosition;

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/LegendItem/index.js

@@ -23,27 +23,25 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const LegendItem = _ref => {
-  let {
-    contextApiInfo,
-    legendNumber,
-    stage,
-    showNumber,
-    stagesLength
-  } = _ref;
-  const {
-    Label,
-    config,
-    assets
-  } = contextApiInfo;
-  const {
-    texts
-  } = config;
-  const {
-    consumptionUpToDesktop,
-    consumptionMoreThanDesktop,
-    consumptionStartingFormDesktop
-  } = texts.ratesDefinition;
+var LegendItem = function LegendItem(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      legendNumber = _ref.legendNumber,
+      stage = _ref.stage,
+      showNumber = _ref.showNumber,
+      stagesLength = _ref.stagesLength;
+  var Label = contextApiInfo.Label,
+      config = contextApiInfo.config,
+      assets = contextApiInfo.assets;
+  var texts = config.texts;
+  var _texts$ratesDefinitio = texts.ratesDefinition,
+      consumptionUpToDesktop = _texts$ratesDefinitio.consumptionUpToDesktop,
+      consumptionMoreThanDesktop = _texts$ratesDefinitio.consumptionMoreThanDesktop,
+      consumptionStartingFormDesktop = _texts$ratesDefinitio.consumptionStartingFormDesktop;
+
+  var format = function format(text) {
+    return text.toUpperCase();
+  };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: stage ? _stylesModule.default.legendItemContainer : _stylesModule.default.numberItemContainer
   }, showNumber && /*#__PURE__*/_react.default.createElement("div", {
@@ -53,14 +51,16 @@ const LegendItem = _ref => {
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.STAGE_DETAIL,
     className: _stylesModule.default.header
-  }, legendNumber === 1 ? consumptionUpToDesktop : legendNumber === stagesLength ? consumptionMoreThanDesktop : consumptionStartingFormDesktop), /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
+  }, format(legendNumber === 1 ? consumptionUpToDesktop : legendNumber === stagesLength ? consumptionMoreThanDesktop : consumptionStartingFormDesktop)), /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
     numberAlias: _aliases.RATE_STAGE_MAGNITUDE,
     unitAlias: _aliases.RATE_STAGE_MAGNITUDE,
     value: legendNumber === 1 ? stage.range.at(-1) : stage.range.at(0),
     unit: stage.unit,
-    Icon: () => /*#__PURE__*/_react.default.createElement(assets.EnergyIcon, {
-      className: _stylesModule.default.rateStagesEnergyIcon
-    }),
+    Icon: function Icon() {
+      return /*#__PURE__*/_react.default.createElement(assets.EnergyIcon, {
+        className: _stylesModule.default.rateStagesEnergyIcon
+      });
+    },
     classes: {
       container: _stylesModule.default.magnitudeContainer
     }

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/constants.js

@@ -4,39 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SUB_STAGE_MARGIN_MOBILE = exports.SUB_STAGE_MARGIN_DESKTOP = exports.STAGE_MARGIN_MOBILE = exports.STAGE_MARGIN_DESKTOP = exports.MIN_VALUE = exports.MAX_VALUE = exports.MAX_RANGE_LIMIT = exports.LAST_SUB_STAGE_MARGIN = exports.LAST_STAGE_MARGIN = exports.INITIAL_INDICATOR_POSITION_MOBILE = exports.INITIAL_INDICATOR_POSITION_DESKTOP = exports.INFINITE = exports.INDICATOR_LABEL_LAST_OFFSET = exports.INDICATOR_LABEL_FIRST_OFFSET = exports.INDICATOR_LABEL_DEFAULT_OFFSET = exports.DEFAULT_INFINITE_SUB_STAGE_RANGE_WIDTH = exports.BARS_MARGIN_MOBILE = exports.BARS_MARGIN_DESKTOP = void 0;
-const INFINITE = null;
+var INFINITE = null;
 exports.INFINITE = INFINITE;
-const MAX_VALUE = 1;
+var MAX_VALUE = 1;
 exports.MAX_VALUE = MAX_VALUE;
-const MIN_VALUE = 0;
+var MIN_VALUE = 0;
 exports.MIN_VALUE = MIN_VALUE;
-const MAX_RANGE_LIMIT = 9999999;
+var MAX_RANGE_LIMIT = 9999999;
 exports.MAX_RANGE_LIMIT = MAX_RANGE_LIMIT;
-const DEFAULT_INFINITE_SUB_STAGE_RANGE_WIDTH = 200;
+var DEFAULT_INFINITE_SUB_STAGE_RANGE_WIDTH = 200;
 exports.DEFAULT_INFINITE_SUB_STAGE_RANGE_WIDTH = DEFAULT_INFINITE_SUB_STAGE_RANGE_WIDTH;
-const INITIAL_INDICATOR_POSITION_DESKTOP = '-4px';
+var INITIAL_INDICATOR_POSITION_DESKTOP = '-4px';
 exports.INITIAL_INDICATOR_POSITION_DESKTOP = INITIAL_INDICATOR_POSITION_DESKTOP;
-const INITIAL_INDICATOR_POSITION_MOBILE = '-4px';
+var INITIAL_INDICATOR_POSITION_MOBILE = '-4px';
 exports.INITIAL_INDICATOR_POSITION_MOBILE = INITIAL_INDICATOR_POSITION_MOBILE;
-const BARS_MARGIN_DESKTOP = '0px';
+var BARS_MARGIN_DESKTOP = '0px';
 exports.BARS_MARGIN_DESKTOP = BARS_MARGIN_DESKTOP;
-const BARS_MARGIN_MOBILE = '0px';
+var BARS_MARGIN_MOBILE = '0px';
 exports.BARS_MARGIN_MOBILE = BARS_MARGIN_MOBILE;
-const LAST_STAGE_MARGIN = '0px';
+var LAST_STAGE_MARGIN = '0px';
 exports.LAST_STAGE_MARGIN = LAST_STAGE_MARGIN;
-const STAGE_MARGIN_DESKTOP = '4px';
+var STAGE_MARGIN_DESKTOP = '4px';
 exports.STAGE_MARGIN_DESKTOP = STAGE_MARGIN_DESKTOP;
-const STAGE_MARGIN_MOBILE = '2px';
+var STAGE_MARGIN_MOBILE = '2px';
 exports.STAGE_MARGIN_MOBILE = STAGE_MARGIN_MOBILE;
-const SUB_STAGE_MARGIN_DESKTOP = '4px';
+var SUB_STAGE_MARGIN_DESKTOP = '4px';
 exports.SUB_STAGE_MARGIN_DESKTOP = SUB_STAGE_MARGIN_DESKTOP;
-const SUB_STAGE_MARGIN_MOBILE = '2px';
+var SUB_STAGE_MARGIN_MOBILE = '2px';
 exports.SUB_STAGE_MARGIN_MOBILE = SUB_STAGE_MARGIN_MOBILE;
-const LAST_SUB_STAGE_MARGIN = '0px';
+var LAST_SUB_STAGE_MARGIN = '0px';
 exports.LAST_SUB_STAGE_MARGIN = LAST_SUB_STAGE_MARGIN;
-const INDICATOR_LABEL_FIRST_OFFSET = '0px';
+var INDICATOR_LABEL_FIRST_OFFSET = '0px';
 exports.INDICATOR_LABEL_FIRST_OFFSET = INDICATOR_LABEL_FIRST_OFFSET;
-const INDICATOR_LABEL_LAST_OFFSET = '16px';
+var INDICATOR_LABEL_LAST_OFFSET = '16px';
 exports.INDICATOR_LABEL_LAST_OFFSET = INDICATOR_LABEL_LAST_OFFSET;
-const INDICATOR_LABEL_DEFAULT_OFFSET = '-48px';
+var INDICATOR_LABEL_DEFAULT_OFFSET = '-48px';
 exports.INDICATOR_LABEL_DEFAULT_OFFSET = INDICATOR_LABEL_DEFAULT_OFFSET;

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,24 +25,42 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var RateStagesGraph = function RateStagesGraph(_ref) {
+  var value = _ref.value,
+      unit = _ref.unit,
+      rateStages = _ref.rateStages;
 
-const RateStagesGraph = _ref => {
-  let {
-    value,
-    unit,
-    rateStages
-  } = _ref;
-  const [isDesktopSize, setIsDesktopSize] = (0, _react.useState)((0, _browser.isDesktop)(_deviceSizes.TabletBreakpoint));
+  var _useState = (0, _react.useState)((0, _browser.isDesktop)(_deviceSizes.TabletBreakpoint)),
+      _useState2 = _slicedToArray(_useState, 2),
+      isDesktopSize = _useState2[0],
+      setIsDesktopSize = _useState2[1];
 
-  const handleResizeScreen = () => setIsDesktopSize((0, _browser.isDesktop)(_deviceSizes.TabletBreakpoint));
+  var handleResizeScreen = function handleResizeScreen() {
+    return setIsDesktopSize((0, _browser.isDesktop)(_deviceSizes.TabletBreakpoint));
+  };
 
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     window.addEventListener(_browser.RESIZE_EVENT, handleResizeScreen);
     handleResizeScreen();
-    return () => window.removeEventListener(_browser.RESIZE_EVENT, handleResizeScreen);
+    return function () {
+      return window.removeEventListener(_browser.RESIZE_EVENT, handleResizeScreen);
+    };
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/utils.js

@@ -7,32 +7,40 @@ exports.getSubStageRangeWidth = exports.getStageRangeWidth = exports.getCurrentS
 
 var _constants = require("./constants");
 
-const normalizeRange = range => range.map(val => typeof val === 'string' ? parseInt(val, 10) : val);
+var normalizeRange = function normalizeRange(range) {
+  return range.map(function (val) {
+    return typeof val === 'string' ? parseInt(val, 10) : val;
+  });
+};
 
-const isInfinite = range => range[_constants.MAX_VALUE] === _constants.INFINITE || range[_constants.MAX_VALUE] >= _constants.MAX_RANGE_LIMIT;
+var isInfinite = function isInfinite(range) {
+  return range[_constants.MAX_VALUE] === _constants.INFINITE || range[_constants.MAX_VALUE] >= _constants.MAX_RANGE_LIMIT;
+};
 
-const getCurrentStage = (value, rateStages) => rateStages.find(stage => stage.range[_constants.MIN_VALUE] <= value && (value <= stage.range[_constants.MAX_VALUE] || stage.range[_constants.MAX_VALUE] === _constants.INFINITE));
+var getCurrentStage = function getCurrentStage(value, rateStages) {
+  return rateStages.find(function (stage) {
+    return stage.range[_constants.MIN_VALUE] <= value && (value <= stage.range[_constants.MAX_VALUE] || stage.range[_constants.MAX_VALUE] === _constants.INFINITE);
+  });
+};
 
 exports.getCurrentStage = getCurrentStage;
 
-const getSubStageRangeWidth = subStage => {
-  let {
-    range
-  } = subStage;
+var getSubStageRangeWidth = function getSubStageRangeWidth(subStage) {
+  var range = subStage.range;
   range = normalizeRange(range);
   return isInfinite(range) || !range[_constants.MAX_VALUE] ? _constants.DEFAULT_INFINITE_SUB_STAGE_RANGE_WIDTH : range[_constants.MAX_VALUE] - range[_constants.MIN_VALUE];
 };
 
 exports.getSubStageRangeWidth = getSubStageRangeWidth;
 
-const getStageRangeWidth = stage => {
-  let {
-    range
-  } = stage;
+var getStageRangeWidth = function getStageRangeWidth(stage) {
+  var range = stage.range;
   range = normalizeRange(range);
 
   if (isInfinite(range) || !range[_constants.MAX_VALUE]) {
-    return stage.sub_rate_stages.reduce((totalWidth, subStage) => totalWidth + getSubStageRangeWidth(subStage), 0);
+    return stage.sub_rate_stages.reduce(function (totalWidth, subStage) {
+      return totalWidth + getSubStageRangeWidth(subStage);
+    }, 0);
   }
 
   return range[_constants.MAX_VALUE] - range[_constants.MIN_VALUE];

package/dist/components/RatesDefinition/components/CategoryByConsumption/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -29,35 +31,49 @@ var _LegendItem = _interopRequireDefault(require("./components/RateStagesGraph/c
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const CategoryByConsumption = _ref => {
-  let {
-    contextApiInfo,
-    value,
-    unit,
-    category
-  } = _ref;
-  const {
-    config,
-    Label
-  } = contextApiInfo;
-  const {
-    rateStages,
-    texts
-  } = config;
-  const [isDesktopSize, setIsDesktopSize] = (0, _react.useState)((0, _browser.isDesktop)(_deviceSizes.TabletBreakpoint));
-
-  const handleResizeScreen = () => setIsDesktopSize((0, _browser.isDesktop)(_deviceSizes.TabletBreakpoint));
-
-  (0, _react.useEffect)(() => {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var CategoryByConsumption = function CategoryByConsumption(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      value = _ref.value,
+      unit = _ref.unit,
+      category = _ref.category;
+  var config = contextApiInfo.config,
+      Label = contextApiInfo.Label;
+  var rateStages = config.rateStages,
+      texts = config.texts;
+
+  var _useState = (0, _react.useState)((0, _browser.isDesktop)(_deviceSizes.TabletBreakpoint)),
+      _useState2 = _slicedToArray(_useState, 2),
+      isDesktopSize = _useState2[0],
+      setIsDesktopSize = _useState2[1];
+
+  var handleResizeScreen = function handleResizeScreen() {
+    return setIsDesktopSize((0, _browser.isDesktop)(_deviceSizes.TabletBreakpoint));
+  };
+
+  (0, _react.useEffect)(function () {
     window.addEventListener(_browser.RESIZE_EVENT, handleResizeScreen);
     handleResizeScreen();
-    return () => window.removeEventListener(_browser.RESIZE_EVENT, handleResizeScreen);
+    return function () {
+      return window.removeEventListener(_browser.RESIZE_EVENT, handleResizeScreen);
+    };
   }, []);
-  const valueCorrected = value < 0 ? 0 : value && Math.round(value);
+  var valueCorrected = value < 0 ? 0 : value && Math.round(value);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -77,12 +93,14 @@ const CategoryByConsumption = _ref => {
     rateStages: rateStages
   })), !isDesktopSize && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.ratesLegend
-  }, rateStages.map((rateStage, index) => /*#__PURE__*/_react.default.createElement(_LegendItem.default, {
-    legendNumber: index + 1,
-    showNumber: true,
-    stagesLength: rateStages.length,
-    stage: rateStage
-  }))));
+  }, rateStages.map(function (rateStage, index) {
+    return /*#__PURE__*/_react.default.createElement(_LegendItem.default, {
+      legendNumber: index + 1,
+      showNumber: true,
+      stagesLength: rateStages.length,
+      stage: rateStage
+    });
+  })));
 };
 
 CategoryByConsumption.propTypes = {

package/dist/components/RatesDefinition/components/PurchasedRate/index.js

@@ -21,25 +21,19 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const PurchasedRate = _ref => {
-  let {
-    contextApiInfo,
-    rate,
-    category,
-    classes = {}
-  } = _ref;
-  const {
-    config,
-    ExternalLink,
-    Label
-  } = contextApiInfo;
-  const {
-    purchasedRateErrorLink
-  } = config.externalLinks;
-  const {
-    purchasedRateTitle,
-    purchasedRateError
-  } = config.texts.ratesDefinition;
+var PurchasedRate = function PurchasedRate(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      rate = _ref.rate,
+      category = _ref.category,
+      _ref$classes = _ref.classes,
+      classes = _ref$classes === void 0 ? {} : _ref$classes;
+  var config = contextApiInfo.config,
+      ExternalLink = contextApiInfo.ExternalLink,
+      Label = contextApiInfo.Label;
+  var purchasedRateErrorLink = config.externalLinks.purchasedRateErrorLink;
+  var _config$texts$ratesDe = config.texts.ratesDefinition,
+      purchasedRateTitle = _config$texts$ratesDe.purchasedRateTitle,
+      purchasedRateError = _config$texts$ratesDe.purchasedRateError;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
   }, /*#__PURE__*/_react.default.createElement(Label, {