@widergy/utilitygo-smart-bill-web 1.10.0 → 1.12.0

package/dist/components/Period/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
 });
@@ -33,63 +35,53 @@ 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 _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 Period = _ref => {
+var Period = function Period(_ref) {
   var _settlements$current;
 
-  let {
-    contextApiInfo,
-    billData,
-    currentPeriod,
-    multipleSettlements,
-    issueedDate,
-    alias
-  } = _ref;
-  const {
-    assets,
-    config,
-    Label,
-    Tooltip
-  } = contextApiInfo;
-  const {
-    texts,
-    formatters,
-    colors
-  } = config;
-  const {
-    periodFormatter
-  } = formatters;
-  const {
-    bimester,
-    ofPreposition,
-    settlement,
-    period,
-    issuedOnDate
-  } = texts.commons;
-  const desktopAlias = alias || _aliases.PERIOD;
-  const {
-    isDesktopSize
-  } = (0, _hooks.useScreenSize)();
-  const debtStatusLabel = billData === null || billData === void 0 ? void 0 : billData.debt_status_label;
-  const debtStatusValidation = !!debtStatusLabel;
-  const settlements = currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.settlements;
-  const periodicity = settlements === null || settlements === void 0 ? void 0 : settlements.periodicity;
-  const {
-    number: periodNumber,
-    year
-  } = currentPeriod;
-  const currentSettlement = settlements === null || settlements === void 0 ? void 0 : (_settlements$current = settlements.current) === null || _settlements$current === void 0 ? void 0 : _settlements$current.number;
-  const totalSettlements = settlements === null || settlements === void 0 ? void 0 : settlements.total_settlements;
-  const startDate = (0, _dayjs.default)(settlements === null || settlements === void 0 ? void 0 : settlements.start_date).format('DD/MM');
-  const endDate = (0, _dayjs.default)(settlements === null || settlements === void 0 ? void 0 : settlements.end_date).format('DD/MM');
-  const periodicityLabel = "".concat(multipleSettlements ? (0, _string.stringToCompareWithoutAccentsInclusive)(periodicity, _periodicities.PERIODICITY.BIMONTHLY) ? bimester : '-' : period, " ").concat((0, _utils.stringOrDash)(periodNumber));
-  const settlementLabel = "".concat(settlement, " ").concat((0, _utils.numberOrDash)(currentSettlement), " ").concat(ofPreposition, " ").concat((0, _utils.numberOrDash)(totalSettlements));
-  const issuedDateLabel = "".concat((0, _dayjs.default)(issueedDate, 'YYYY-MM-DD').format('DD/MM/YYYY'));
-
-  const issuedOnDateLabel = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  var contextApiInfo = _ref.contextApiInfo,
+      billData = _ref.billData,
+      currentPeriod = _ref.currentPeriod,
+      multipleSettlements = _ref.multipleSettlements,
+      issueedDate = _ref.issueedDate,
+      alias = _ref.alias;
+  var assets = contextApiInfo.assets,
+      config = contextApiInfo.config,
+      Label = contextApiInfo.Label,
+      Tooltip = contextApiInfo.Tooltip;
+  var texts = config.texts,
+      formatters = config.formatters,
+      colors = config.colors;
+  var periodFormatter = formatters.periodFormatter;
+  var _texts$commons = texts.commons,
+      bimester = _texts$commons.bimester,
+      ofPreposition = _texts$commons.ofPreposition,
+      settlement = _texts$commons.settlement,
+      period = _texts$commons.period,
+      issuedOnDate = _texts$commons.issuedOnDate;
+  var desktopAlias = alias || _aliases.PERIOD;
+
+  var _useScreenSize = (0, _hooks.useScreenSize)(),
+      isDesktopSize = _useScreenSize.isDesktopSize;
+
+  var debtStatusLabel = billData === null || billData === void 0 ? void 0 : billData.debt_status_label;
+  var debtStatusValidation = !!debtStatusLabel;
+  var settlements = currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.settlements;
+  var periodicity = settlements === null || settlements === void 0 ? void 0 : settlements.periodicity;
+  var periodNumber = currentPeriod.number,
+      year = currentPeriod.year;
+  var currentSettlement = settlements === null || settlements === void 0 ? void 0 : (_settlements$current = settlements.current) === null || _settlements$current === void 0 ? void 0 : _settlements$current.number;
+  var totalSettlements = settlements === null || settlements === void 0 ? void 0 : settlements.total_settlements;
+  var startDate = (0, _dayjs.default)(settlements === null || settlements === void 0 ? void 0 : settlements.start_date).format('DD/MM');
+  var endDate = (0, _dayjs.default)(settlements === null || settlements === void 0 ? void 0 : settlements.end_date).format('DD/MM');
+  var periodicityLabel = "".concat(multipleSettlements ? (0, _string.stringToCompareWithoutAccentsInclusive)(periodicity, _periodicities.PERIODICITY.BIMONTHLY) ? bimester : '-' : period, " ").concat((0, _utils.stringOrDash)(periodNumber));
+  var settlementLabel = "".concat(settlement, " ").concat((0, _utils.numberOrDash)(currentSettlement), " ").concat(ofPreposition, " ").concat((0, _utils.numberOrDash)(totalSettlements));
+  var issuedDateLabel = "".concat((0, _dayjs.default)(issueedDate, 'YYYY-MM-DD').format('DD/MM/YYYY'));
+
+  var issuedOnDateLabel = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.issueDateContainer
   }, /*#__PURE__*/_react.default.createElement(Label, {
     className: _stylesModule.default.issueDate,
@@ -98,8 +90,8 @@ const Period = _ref => {
     alias: _aliases.PERIOD_ISSUED_DATE
   }, issuedDateLabel)));
 
-  const yearAndPeriodicityLabel = "".concat((0, _utils.stringOrDash)(year), " - ").concat(periodicityLabel);
-  const bimesterOfYearLabel = "".concat(periodicityLabel, " ").concat(ofPreposition, " ").concat((0, _utils.stringOrDash)(year));
+  var yearAndPeriodicityLabel = "".concat((0, _utils.stringOrDash)(year), " - ").concat(periodicityLabel);
+  var bimesterOfYearLabel = "".concat(periodicityLabel, " ").concat(ofPreposition, " ").concat((0, _utils.stringOrDash)(year));
   return periodFormatter ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: issueedDate ? _stylesModule.default.withIssuedDateContainer : _stylesModule.default.withOutIssuedDateContainer
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/PowerProgresBar/components/PowerConsumption/index.js

@@ -19,21 +19,17 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const PowerConsumption = _ref => {
-  let {
-    contextApiInfo,
-    consumption,
-    unit,
-    text,
-    isHired,
-    powerExceeded
-  } = _ref;
-  const {
-    Label
-  } = contextApiInfo;
-  const alias = !isHired ? _aliases.POWER_CONSUMPTION : _aliases.POWER_CONSUMPTION_GRAY;
-  const unitAlias = !isHired ? _aliases.POWER_CONSUMPTION_UNIT : _aliases.POWER_CONSUMPTION_UNIT_GRAY;
-  const textAlias = !isHired ? _aliases.POWER_CONSUMPTION_TEXT : _aliases.POWER_CONSUMPTION_TEXT_GRAY;
+var PowerConsumption = function PowerConsumption(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      consumption = _ref.consumption,
+      unit = _ref.unit,
+      text = _ref.text,
+      isHired = _ref.isHired,
+      powerExceeded = _ref.powerExceeded;
+  var Label = contextApiInfo.Label;
+  var alias = !isHired ? _aliases.POWER_CONSUMPTION : _aliases.POWER_CONSUMPTION_GRAY;
+  var unitAlias = !isHired ? _aliases.POWER_CONSUMPTION_UNIT : _aliases.POWER_CONSUMPTION_UNIT_GRAY;
+  var textAlias = !isHired ? _aliases.POWER_CONSUMPTION_TEXT : _aliases.POWER_CONSUMPTION_TEXT_GRAY;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.powerLabel
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/PowerProgresBar/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,42 +25,40 @@ 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 _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 PowerProgresBar = _ref => {
-  let {
-    contextApiInfo,
-    hiredPowerConsumption,
-    registeredPowerConsumption,
-    exceededPower
-  } = _ref;
-  const {
-    ProgressBar,
-    config,
-    Label,
-    assets
-  } = contextApiInfo;
-  const {
-    texts
-  } = config;
-  const {
-    RedAlertIcon
-  } = assets;
-  const powerExceeded = exceededPower.alert_message;
-
-  const powerConsumption = (consumption, unit, text, isHired) => /*#__PURE__*/_react.default.createElement(_PowerConsumption.default, {
-    consumption: consumption,
-    unit: unit,
-    text: text,
-    isHired: isHired,
-    powerExceeded: powerExceeded
-  });
-
-  const HiredPowerLabel = () => powerConsumption(hiredPowerConsumption.value, hiredPowerConsumption.unit, texts.commons.hired, true);
-
-  const RegisteredPowerLabel = () => powerConsumption(registeredPowerConsumption.value, registeredPowerConsumption.unit, texts.commons.registered);
+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; }
+
+var PowerProgresBar = function PowerProgresBar(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      hiredPowerConsumption = _ref.hiredPowerConsumption,
+      registeredPowerConsumption = _ref.registeredPowerConsumption,
+      exceededPower = _ref.exceededPower;
+  var ProgressBar = contextApiInfo.ProgressBar,
+      config = contextApiInfo.config,
+      Label = contextApiInfo.Label,
+      assets = contextApiInfo.assets;
+  var texts = config.texts;
+  var RedAlertIcon = assets.RedAlertIcon;
+  var powerExceeded = exceededPower.alert_message;
+
+  var powerConsumption = function powerConsumption(consumption, unit, text, isHired) {
+    return /*#__PURE__*/_react.default.createElement(_PowerConsumption.default, {
+      consumption: consumption,
+      unit: unit,
+      text: text,
+      isHired: isHired,
+      powerExceeded: powerExceeded
+    });
+  };
+
+  var HiredPowerLabel = function HiredPowerLabel() {
+    return powerConsumption(hiredPowerConsumption.value, hiredPowerConsumption.unit, texts.commons.hired, true);
+  };
+
+  var RegisteredPowerLabel = function RegisteredPowerLabel() {
+    return powerConsumption(registeredPowerConsumption.value, registeredPowerConsumption.unit, texts.commons.registered);
+  };
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container

package/dist/components/RateAndCategory/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
 });
@@ -21,36 +23,35 @@ 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 _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 RatePrices = _ref => {
-  let {
-    contextApiInfo,
-    rate,
-    category,
-    title,
-    classes = {},
-    showCategory
-  } = _ref;
-  const {
-    config,
-    Label
-  } = contextApiInfo;
-  const {
-    commons
-  } = config.texts;
-
-  const Title = () => /*#__PURE__*/_react.default.createElement(Label, {
-    alias: _aliases.TITLE,
-    className: "".concat(_stylesModule.default.title, " ").concat(classes.title)
-  }, title);
-
-  const Category = () => /*#__PURE__*/_react.default.createElement(Label, {
-    alias: _aliases.CATEGORY,
-    className: "".concat(_stylesModule.default.category, " ").concat(classes.category)
-  }, "".concat(commons.category, " ").concat((0, _utils.stringOrDash)(category)));
+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; }
+
+var RatePrices = function RatePrices(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      rate = _ref.rate,
+      category = _ref.category,
+      title = _ref.title,
+      _ref$classes = _ref.classes,
+      classes = _ref$classes === void 0 ? {} : _ref$classes,
+      showCategory = _ref.showCategory;
+  var config = contextApiInfo.config,
+      Label = contextApiInfo.Label;
+  var commons = config.texts.commons;
+
+  var Title = function Title() {
+    return /*#__PURE__*/_react.default.createElement(Label, {
+      alias: _aliases.TITLE,
+      className: "".concat(_stylesModule.default.title, " ").concat(classes.title)
+    }, title);
+  };
+
+  var Category = function Category() {
+    return /*#__PURE__*/_react.default.createElement(Label, {
+      alias: _aliases.CATEGORY,
+      className: "".concat(_stylesModule.default.category, " ").concat(classes.category)
+    }, "".concat(commons.category, " ").concat((0, _utils.stringOrDash)(category)));
+  };
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)

package/dist/components/RatesDefinition/components/BillRate/components/RatePrices/index.js

@@ -21,26 +21,19 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const RateAndCategory = _ref => {
-  let {
-    contextApiInfo,
-    fixedChargeValue,
-    variableChargeValue
-  } = _ref;
-  const {
-    config,
-    ExternalLink,
-    Label
-  } = contextApiInfo;
-  const {
-    ratesTableLink
-  } = config.externalLinks;
-  const {
-    fixedCharge,
-    variableCharge,
-    currency,
-    seeRatesTable
-  } = config.texts.ratesDefinition;
+var RateAndCategory = function RateAndCategory(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      fixedChargeValue = _ref.fixedChargeValue,
+      variableChargeValue = _ref.variableChargeValue;
+  var config = contextApiInfo.config,
+      ExternalLink = contextApiInfo.ExternalLink,
+      Label = contextApiInfo.Label;
+  var ratesTableLink = config.externalLinks.ratesTableLink;
+  var _config$texts$ratesDe = config.texts.ratesDefinition,
+      fixedCharge = _config$texts$ratesDe.fixedCharge,
+      variableCharge = _config$texts$ratesDe.variableCharge,
+      currency = _config$texts$ratesDe.currency,
+      seeRatesTable = _config$texts$ratesDe.seeRatesTable;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -21,30 +21,20 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const BillRate = _ref => {
-  let {
-    contextApiInfo,
-    rate,
-    category,
-    fixedCharge,
-    variableCharge
-  } = _ref;
-  const {
-    assets,
-    config,
-    Label,
-    Tooltip
-  } = contextApiInfo;
-  const {
-    texts,
-    colors
-  } = config;
-  const {
-    rateFormatter
-  } = config.formatters;
-  const {
-    billRatePrices
-  } = config.texts.ratesDefinition;
+var BillRate = function BillRate(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      rate = _ref.rate,
+      category = _ref.category,
+      fixedCharge = _ref.fixedCharge,
+      variableCharge = _ref.variableCharge;
+  var assets = contextApiInfo.assets,
+      config = contextApiInfo.config,
+      Label = contextApiInfo.Label,
+      Tooltip = contextApiInfo.Tooltip;
+  var texts = config.texts,
+      colors = config.colors;
+  var rateFormatter = config.formatters.rateFormatter;
+  var billRatePrices = config.texts.ratesDefinition.billRatePrices;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -21,20 +21,15 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Category = _ref => {
-  let {
-    contextApiInfo,
-    category,
-    wrap
-  } = _ref;
-  const {
-    config,
-    Label
-  } = contextApiInfo;
-  const {
-    commons,
-    ratesDefinition
-  } = config.texts;
+var Category = function Category(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      category = _ref.category,
+      wrap = _ref.wrap;
+  var config = contextApiInfo.config,
+      Label = contextApiInfo.Label;
+  var _config$texts = config.texts,
+      commons = _config$texts.commons,
+      ratesDefinition = _config$texts.ratesDefinition;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: wrap ? _stylesModule.default.containerWrap : _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement(Label, {

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

@@ -15,6 +15,8 @@ var _WithContextApi = _interopRequireDefault(require("../../../../../../../WithC
 
 var _smartBillTypes = require("../../../../../../../../shared/types/smartBillTypes");
 
+var _constants = require("../../../../constants");
+
 var _IndicatorLabel = _interopRequireDefault(require("./components/IndicatorLabel"));
 
 var _utils = require("./utils");
@@ -23,26 +25,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 indicatorPosition = _ref.indicatorPosition,
+      value = _ref.value,
+      unit = _ref.unit,
+      rateStages = _ref.rateStages,
+      contextApiInfo = _ref.contextApiInfo;
+  var primary = contextApiInfo.config.colors.primary;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      left: containerLeft
+      left: "calc(".concat(indicatorPosition * 100, "% + ").concat(_constants.INITIAL_INDICATOR_POSITION, ")")
     },
     className: _stylesModule.default.indicator
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -53,16 +47,16 @@ const Indicator = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_IndicatorLabel.default, {
     value: value,
     unit: unit,
-    labelOffset: labelOffset
+    labelOffset: (0, _utils.getLabelOffset)(value, rateStages)
   })));
 };
 
 Indicator.propTypes = {
   value: _propTypes.number,
+  indicatorPosition: _propTypes.number,
   unit: _propTypes.string,
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
-  rateStages: _rateStagesTypes.rateStagesTypes,
-  isDesktop: _propTypes.bool
+  rateStages: _rateStagesTypes.rateStagesTypes
 };
 
 var _default = (0, _WithContextApi.default)()(Indicator);

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Indicator/styles.module.scss

@@ -1,12 +1,9 @@
-@import '../../../../../../../../scss/variables/_colorsExport.scss';
-@import '../../../../../../../../scss/variables/_mediaQueries';
-@import '../../../../../../../../scss/variables/_sizes.scss';
-
 $arrow-width: 12px;
 $arrow-height: 8px;
 
 .container {
   display: flex;
+  padding-top: 0 !important;
   width: 100%;
 }