@widergy/utilitygo-smart-bill-web 2.2.2 → 3.0.1

package/dist/components/Period/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,47 +18,59 @@ var _DebtState = _interopRequireDefault(require("../DebtState"));
 var _aliases = require("../../shared/constants/aliases");
 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 _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 Period = function Period(_ref) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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 Period = _ref => {
   var _settlements$current;
-  var contextApiInfo = _ref.contextApiInfo,
-    billData = _ref.billData,
-    currentPeriod = _ref.currentPeriod,
-    multipleSettlements = _ref.multipleSettlements,
-    issuedDate = _ref.issuedDate,
-    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 || (_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)(issuedDate, 'YYYY-MM-DD').format('DD/MM/YYYY'));
-  var issuedOnDateLabel = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  let {
+    contextApiInfo,
+    billData,
+    currentPeriod,
+    multipleSettlements,
+    issuedDate,
+    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 || (_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)(issuedDate, 'YYYY-MM-DD').format('DD/MM/YYYY'));
+  const 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,
@@ -67,8 +78,8 @@ var Period = function Period(_ref) {
   }, "".concat(issuedOnDate, ":\xA0")), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.PERIOD_ISSUED_DATE
   }, issuedDateLabel)));
-  var yearAndPeriodicityLabel = "".concat((0, _utils.stringOrDash)(year), " - ").concat(periodicityLabel);
-  var bimesterOfYearLabel = "".concat(periodicityLabel, " ").concat(ofPreposition, " ").concat((0, _utils.stringOrDash)(year));
+  const yearAndPeriodicityLabel = "".concat((0, _utils.stringOrDash)(year), " - ").concat(periodicityLabel);
+  const 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: issuedDate ? _stylesModule.default.withIssuedDateContainer : _stylesModule.default.withOutIssuedDateContainer
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/Period/styles.module.scss

@@ -99,12 +99,6 @@
   }
 }
 
-.periodLabel {
-  @media #{$tablet-mobile} {
-    margin-bottom: 6px;
-  }
-}
-
 .debtState {
   width: fit-content;
 

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

@@ -12,17 +12,21 @@ var _aliases = require("../../../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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;
+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;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.powerLabel
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/PowerProgresBar/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,35 +13,37 @@ var _utils = require("../../utils");
 var _PowerConsumption = _interopRequireDefault(require("./components/PowerConsumption"));
 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 _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);
-  };
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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 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);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/RateAndCategory/index.js

@@ -1,11 +1,10 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
 var _smartBillTypes = require("../../shared/types/smartBillTypes");
 var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
@@ -13,31 +12,30 @@ var _utils = require("../../utils");
 var _aliases = require("../../shared/constants/aliases");
 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 _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(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)));
-  };
+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(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)));
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
   }, showCategory ? /*#__PURE__*/_react.default.createElement("div", {

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

@@ -12,19 +12,26 @@ var _StyledAmount = _interopRequireDefault(require("../../../../../StyledAmount"
 var _aliases = require("../../../../../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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;
+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;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -12,20 +12,30 @@ var _aliases = require("../../../../shared/constants/aliases");
 var _RatePrices = _interopRequireDefault(require("./components/RatePrices"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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;
+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;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/RatesDefinition/components/BillRate/styles.module.scss

@@ -2,7 +2,7 @@
 @import '../../../../scss/variables/mediaQueries.module.scss';
 @import '../../../../scss/variables/sizes.module.scss';
 
-.container {  
+.container {
   align-items: center;
   display: flex;
   flex-flow: column;

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

@@ -12,15 +12,20 @@ var _utils = require("../../../../../../utils");
 var _aliases = require("../../../../../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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;
+const Category = _ref => {
+  let {
+    contextApiInfo,
+    category,
+    wrap
+  } = _ref;
+  const {
+    config,
+    Label
+  } = contextApiInfo;
+  const {
+    commons,
+    ratesDefinition
+  } = config.texts;
   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

@@ -12,27 +12,32 @@ var _Magnitude = _interopRequireDefault(require("../../../../../../../../../Magn
 var _aliases = require("../../../../../../../../../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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;
-  var EnergyIcon = function EnergyIcon() {
-    return /*#__PURE__*/_react.default.createElement(assets.EnergyIcon, {
-      className: _stylesModule.default.icon,
-      style: {
-        fill: colors.primary
-      }
-    });
-  };
+const IndicatorLabel = _ref => {
+  let {
+    contextApiInfo,
+    value,
+    unit,
+    labelOffset,
+    classes = {}
+  } = _ref;
+  const {
+    assets,
+    config,
+    Label
+  } = contextApiInfo;
+  const {
+    texts,
+    colors
+  } = config;
+  const {
+    indicatorLabel
+  } = texts.ratesDefinition;
+  const EnergyIcon = () => /*#__PURE__*/_react.default.createElement(assets.EnergyIcon, {
+    className: _stylesModule.default.icon,
+    style: {
+      fill: colors.primary
+    }
+  });
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       transform: "translate(".concat(labelOffset, ")")

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

@@ -14,13 +14,17 @@ var _IndicatorLabel = _interopRequireDefault(require("./components/IndicatorLabe
 var _utils = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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;
+const Indicator = _ref => {
+  let {
+    indicatorPosition,
+    value,
+    unit,
+    rateStages,
+    contextApiInfo
+  } = _ref;
+  const {
+    primary
+  } = contextApiInfo.config.colors;
   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/styles.module.scss

@@ -18,6 +18,6 @@ $arrow-height: 8px;
   border-left: ($arrow-width / 2) solid transparent;
   border-right: ($arrow-width / 2) solid transparent;
   height: 0;
-  margin: 0 0 8px 0;
+  margin: 0 0 8px;
   width: 0;
 }

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

@@ -6,16 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.getLabelOffset = void 0;
 var _constants = require("../../../../constants");
 var _utils = require("../../../../utils");
-var relativePorcentageValue = function relativePorcentageValue(value, rateStages) {
-  var globalLastSubRate = rateStages.at(-1).sub_rate_stages.at(-1).range;
-  var globalMaxValue = globalLastSubRate.at(-1) || globalLastSubRate.at(0) + _constants.DEFAULT_INFINITE_SUB_STAGE_RANGE_WIDTH;
-  var clippedMaxValue = value > globalMaxValue ? globalMaxValue : value;
+const relativePorcentageValue = (value, rateStages) => {
+  const 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;
+  const clippedMaxValue = value > globalMaxValue ? globalMaxValue : value;
   return clippedMaxValue / globalMaxValue * 100;
 };
-var getLabelOffset = exports.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), "%");
+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), "%");
   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;
-};
+};
+exports.getLabelOffset = getLabelOffset;

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

@@ -10,27 +10,29 @@ var _WithContextApi = _interopRequireDefault(require("../../../../../../../WithC
 var _smartBillTypes = require("../../../../../../../../shared/types/smartBillTypes");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Legend = function Legend(_ref) {
-  var stagesFormattedData = _ref.stagesFormattedData,
-    contextApiInfo = _ref.contextApiInfo;
-  var Label = contextApiInfo.Label,
-    config = contextApiInfo.config;
-  var texts = config.texts;
+const Legend = _ref => {
+  let {
+    stagesFormattedData,
+    contextApiInfo
+  } = _ref;
+  const {
+    Label,
+    config
+  } = contextApiInfo;
+  const {
+    texts
+  } = config;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.legendContainer
-  }, stagesFormattedData.map(function (stage) {
-    return stage.sub_rate_stages.map(function (substage) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: _stylesModule.default.legendLine
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: _stylesModule.default.leftLabels
-      }, /*#__PURE__*/_react.default.createElement(Label, {
-        weight: "medium"
-      }, substage.name), /*#__PURE__*/_react.default.createElement(Label, null, substage.i === 0 ? texts.ratesDefinition.consumptionUpToDesktop : texts.ratesDefinition.consumptionMoreThanDesktop)), /*#__PURE__*/_react.default.createElement(Label, {
-        weight: "medium"
-      }, substage.legend));
-    });
-  }));
+  }, stagesFormattedData.map(stage => stage.sub_rate_stages.map(substage => /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.legendLine
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.leftLabels
+  }, /*#__PURE__*/_react.default.createElement(Label, {
+    weight: "medium"
+  }, substage.name), /*#__PURE__*/_react.default.createElement(Label, null, substage.i === 0 ? texts.ratesDefinition.consumptionUpToDesktop : texts.ratesDefinition.consumptionMoreThanDesktop)), /*#__PURE__*/_react.default.createElement(Label, {
+    weight: "medium"
+  }, substage.legend)))));
 };
 Legend.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,