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

package/dist/components/ConsumptionEnergyDetails/components/EnergyTotalConsumption/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,23 +23,19 @@ 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 EnergyTotalConsumption = _ref => {
-  let {
-    contextApiInfo,
-    consumption,
-    unit,
-    text,
-    exceededReactiveEnergy
-  } = _ref;
-  const {
-    Label
-  } = contextApiInfo;
-  const alias = exceededReactiveEnergy ? _aliases.ENERGY_TOTAL_CONSUMPTION_EXCEEDED : _aliases.ENERGY_TOTAL_CONSUMPTION;
-  const unitAlias = exceededReactiveEnergy ? _aliases.ENERGY_TOTAL_CONSUMPTION_EXCEEDED_UNIT : _aliases.ENERGY_TOTAL_CONSUMPTION_UNIT;
+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 EnergyTotalConsumption = function EnergyTotalConsumption(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      consumption = _ref.consumption,
+      unit = _ref.unit,
+      text = _ref.text,
+      exceededReactiveEnergy = _ref.exceededReactiveEnergy;
+  var Label = contextApiInfo.Label;
+  var alias = exceededReactiveEnergy ? _aliases.ENERGY_TOTAL_CONSUMPTION_EXCEEDED : _aliases.ENERGY_TOTAL_CONSUMPTION;
+  var unitAlias = exceededReactiveEnergy ? _aliases.ENERGY_TOTAL_CONSUMPTION_EXCEEDED_UNIT : _aliases.ENERGY_TOTAL_CONSUMPTION_UNIT;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.energyConsumotionLabel
   }, /*#__PURE__*/_react.default.createElement(Label, {

package/dist/components/ConsumptionEnergyDetails/components/PercentageComparison/index.js

@@ -21,27 +21,23 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const PercentageComparison = _ref => {
-  let {
-    contextApiInfo,
-    savingsPercentage,
-    multipleSettlements
-  } = _ref;
-  const {
-    assets,
-    config,
-    Label
-  } = contextApiInfo;
-  const {
-    consumptionComparissonWithLasYear,
-    activeEnergycomparisonWithLastYear
-  } = config.texts.billSummary;
-  const {
-    Icon,
-    sign,
-    value,
-    background
-  } = (0, _utils.getProps)(savingsPercentage, assets);
+var PercentageComparison = function PercentageComparison(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      savingsPercentage = _ref.savingsPercentage,
+      multipleSettlements = _ref.multipleSettlements;
+  var assets = contextApiInfo.assets,
+      config = contextApiInfo.config,
+      Label = contextApiInfo.Label;
+  var _config$texts$billSum = config.texts.billSummary,
+      consumptionComparissonWithLasYear = _config$texts$billSum.consumptionComparissonWithLasYear,
+      activeEnergycomparisonWithLastYear = _config$texts$billSum.activeEnergycomparisonWithLastYear;
+
+  var _getProps = (0, _utils.getProps)(savingsPercentage, assets),
+      Icon = _getProps.Icon,
+      sign = _getProps.sign,
+      value = _getProps.value,
+      background = _getProps.background;
+
   return savingsPercentage === 0 || savingsPercentage ? /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(background)
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/ConsumptionEnergyDetails/components/PercentageComparison/utils.js

@@ -9,7 +9,7 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const getProps = (savingsPercentage, assets) => {
+var getProps = function getProps(savingsPercentage, assets) {
   if (savingsPercentage > 0) {
     return {
       Icon: assets.ConsumptionReductionIcon,

package/dist/components/ConsumptionEnergyDetails/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
 });
@@ -37,56 +39,51 @@ 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 ConsumptionEnergyDetails = _ref => {
-  let {
-    contextApiInfo,
-    currentPeriod,
-    billData,
-    multipleSettlements,
-    consumptionComparison,
-    withPercentage
-  } = _ref;
-  const {
-    config,
-    Label,
-    assets
-  } = contextApiInfo;
-  const {
-    texts,
-    validations
-  } = config;
-  const {
-    RedAlertIcon
-  } = assets;
-  const {
-    useCosinePhi,
-    showMultipleSettlementsConsumption,
-    showPercentageComparison
-  } = validations;
-  const currentConsumption = (0, _consumptions.getCurrentConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE);
-  const remainingConsumption = (0, _consumptions.getRemainingConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE);
-  const totalConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE);
-  const powerFactorType = useCosinePhi(billData) ? _consumptions2.POWER_FACTORS.COSINE_PHI : _consumptions2.POWER_FACTORS.TANGENT_PHI;
-  const powerFactor = (0, _consumptions.getTotalConsumption)(currentPeriod, powerFactorType);
-  const totalReactiveConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.REACTIVE);
-  const savingsPercentage = (0, _periods.getSavingsPercentage)(currentPeriod);
-
-  const dataValidation = data => (0, _utils.stringOrDash)(data);
-
-  const settlements = currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.settlements;
-  const periodicity = settlements === null || settlements === void 0 ? void 0 : settlements.periodicity;
-  const periodNumber = currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.number;
-  const year = currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.year;
-  const currentIsFirstSettlement = multipleSettlements && settlements.current.number === 1;
-
-  const Title = style => /*#__PURE__*/_react.default.createElement(Label, {
-    alias: _aliases.TITLE,
-    className: style && _stylesModule.default.title
-  }, texts.billSummary.consumptionTitle);
+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 ConsumptionEnergyDetails = function ConsumptionEnergyDetails(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      currentPeriod = _ref.currentPeriod,
+      billData = _ref.billData,
+      multipleSettlements = _ref.multipleSettlements,
+      consumptionComparison = _ref.consumptionComparison,
+      withPercentage = _ref.withPercentage;
+  var config = contextApiInfo.config,
+      Label = contextApiInfo.Label,
+      assets = contextApiInfo.assets;
+  var texts = config.texts,
+      validations = config.validations;
+  var RedAlertIcon = assets.RedAlertIcon;
+  var useCosinePhi = validations.useCosinePhi,
+      showMultipleSettlementsConsumption = validations.showMultipleSettlementsConsumption,
+      showPercentageComparison = validations.showPercentageComparison,
+      showSingleSettlementDays = validations.showSingleSettlementDays;
+  var currentConsumption = (0, _consumptions.getCurrentConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE);
+  var remainingConsumption = (0, _consumptions.getRemainingConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE);
+  var totalConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE);
+  var powerFactorType = useCosinePhi(billData) ? _consumptions2.POWER_FACTORS.COSINE_PHI : _consumptions2.POWER_FACTORS.TANGENT_PHI;
+  var powerFactor = (0, _consumptions.getTotalConsumption)(currentPeriod, powerFactorType);
+  var totalReactiveConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.REACTIVE);
+  var savingsPercentage = (0, _periods.getSavingsPercentage)(currentPeriod);
+
+  var dataValidation = function dataValidation(data) {
+    return (0, _utils.stringOrDash)(data);
+  };
+
+  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 === null || currentPeriod === void 0 ? void 0 : currentPeriod.number;
+  var year = currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.year;
+  var currentIsFirstSettlement = multipleSettlements && settlements.current.number === 1;
+
+  var Title = function Title(style) {
+    return /*#__PURE__*/_react.default.createElement(Label, {
+      alias: _aliases.TITLE,
+      className: style && _stylesModule.default.title
+    }, texts.billSummary.consumptionTitle);
+  };
 
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
@@ -104,7 +101,7 @@ const ConsumptionEnergyDetails = _ref => {
     savingsPercentage: savingsPercentage,
     currentIsFirstSettlement: currentIsFirstSettlement
   }) : /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.multipleSettlementsInfo && _stylesModule.default.percentageContainer
+    className: _stylesModule.default.multipleSettlementsInfo && _stylesModule.default.percentageContainer && showSingleSettlementDays(billData) && _stylesModule.default.singleSettlementDays
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.multipleSettlementsContainer
   }, Title(false), /*#__PURE__*/_react.default.createElement("div", {
@@ -115,7 +112,13 @@ const ConsumptionEnergyDetails = _ref => {
     value: dataValidation((0, _utils.numberOrDash)(currentConsumption.value)),
     unit: dataValidation(currentConsumption.unit),
     xxxlarge: true
-  })))) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, Title(true), /*#__PURE__*/_react.default.createElement("div", {
+  }))), showSingleSettlementDays(billData) && /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.singleSettlementDaysContainer
+  }, /*#__PURE__*/_react.default.createElement(Label, {
+    alias: _aliases.CONSUMPTION_PERIODICITY
+  }, texts.mainBillData.singleSettlementConsumptionDays), /*#__PURE__*/_react.default.createElement(Label, {
+    alias: _aliases.CONSUMPTION_BIMESTER_DAYS
+  }, "".concat(currentPeriod.settlements.total_settlements_days, " ").concat(texts.commons.days)))) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, Title(true), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.indiviadualSettlementInfo
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_EnergyTotalConsumption.default, {
     consumption: dataValidation((0, _utils.numberOrDash)(totalConsumption.value)),

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

@@ -27,6 +27,18 @@ $border-radius: 5px;
   }
 }
 
+.singleSettlementDays {
+  display: flex;
+  flex-direction: column;
+}
+
+.singleSettlementDaysContainer {
+  border-top: 1px solid $borders-gray; 
+  display: flex;
+  padding: 12px 24px;
+  justify-content: space-between;
+}
+
 .multipleSettlementsContainer {
   align-items: center;
   display: flex;

package/dist/components/ConsumptionIncluded/components/TimelineRow/components/Card/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,73 +25,70 @@ var _utils = require("./utils");
 
 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 Card = _ref => {
-  let {
-    contextApiInfo,
-    cardTitle,
-    cardSubtitle,
-    cardDescription1,
-    cardDescription2,
-    consumption,
-    remaining,
-    current,
-    settlementNumber,
-    currentIsFirstSettlement,
-    unit,
-    value,
-    initialDate,
-    finalDate
-  } = _ref;
-  const {
-    Label,
-    assets,
-    config
-  } = contextApiInfo;
-  const {
-    colors
-  } = config;
-  const {
-    consumptionIncluded
-  } = config.texts;
-  const {
-    EnergyIcon
-  } = assets;
-  const consumptionText = current ? consumptionIncluded.consumptionIncluded : settlementNumber === 1 ? consumptionIncluded.consumptionBilled : consumptionIncluded.consumptionNotBilled;
-  const EnergyStyledIcon = {
-    primary: () => /*#__PURE__*/_react.default.createElement(EnergyIcon, {
-      className: _stylesModule.default.energyIcon,
-      style: {
-        fill: colors.primary
-      }
-    }),
-    white: () => /*#__PURE__*/_react.default.createElement(EnergyIcon, {
-      className: _stylesModule.default.energyIcon,
-      style: {
-        fill: 'white'
-      }
-    }),
-    gray: () => /*#__PURE__*/_react.default.createElement(EnergyIcon, {
-      className: _stylesModule.default.energyIcon,
-      style: {
-        fill: colors.gray
-      }
-    })
+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 Card = function Card(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      cardTitle = _ref.cardTitle,
+      cardSubtitle = _ref.cardSubtitle,
+      cardDescription1 = _ref.cardDescription1,
+      cardDescription2 = _ref.cardDescription2,
+      consumption = _ref.consumption,
+      remaining = _ref.remaining,
+      current = _ref.current,
+      settlementNumber = _ref.settlementNumber,
+      currentIsFirstSettlement = _ref.currentIsFirstSettlement,
+      unit = _ref.unit,
+      value = _ref.value,
+      initialDate = _ref.initialDate,
+      finalDate = _ref.finalDate;
+  var Label = contextApiInfo.Label,
+      assets = contextApiInfo.assets,
+      config = contextApiInfo.config;
+  var colors = config.colors;
+  var consumptionIncluded = config.texts.consumptionIncluded;
+  var EnergyIcon = assets.EnergyIcon;
+  var consumptionText = current ? consumptionIncluded.consumptionIncluded : settlementNumber === 1 ? consumptionIncluded.consumptionBilled : consumptionIncluded.consumptionNotBilled;
+  var EnergyStyledIcon = {
+    primary: function primary() {
+      return /*#__PURE__*/_react.default.createElement(EnergyIcon, {
+        className: _stylesModule.default.energyIcon,
+        style: {
+          fill: colors.primary
+        }
+      });
+    },
+    white: function white() {
+      return /*#__PURE__*/_react.default.createElement(EnergyIcon, {
+        className: _stylesModule.default.energyIcon,
+        style: {
+          fill: 'white'
+        }
+      });
+    },
+    gray: function gray() {
+      return /*#__PURE__*/_react.default.createElement(EnergyIcon, {
+        className: _stylesModule.default.energyIcon,
+        style: {
+          fill: colors.gray
+        }
+      });
+    }
   };
-  const {
-    magnitudeAlias,
-    unitAlias,
-    consumptionAlias,
-    cardTitleAlias,
-    cardDescriptionAlias,
-    cardDescriptionRemainingAlias,
-    cardSubtitleAlias,
-    cardConsumptionDescriptionAlias,
-    cardConsumptionTextAlias
-  } = (0, _utils.getAliases)(consumption, current, remaining);
+
+  var _getAliases = (0, _utils.getAliases)(consumption, current, remaining),
+      magnitudeAlias = _getAliases.magnitudeAlias,
+      unitAlias = _getAliases.unitAlias,
+      consumptionAlias = _getAliases.consumptionAlias,
+      cardTitleAlias = _getAliases.cardTitleAlias,
+      cardDescriptionAlias = _getAliases.cardDescriptionAlias,
+      cardDescriptionRemainingAlias = _getAliases.cardDescriptionRemainingAlias,
+      cardSubtitleAlias = _getAliases.cardSubtitleAlias,
+      cardConsumptionDescriptionAlias = _getAliases.cardConsumptionDescriptionAlias,
+      cardConsumptionTextAlias = _getAliases.cardConsumptionTextAlias;
+
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(current && _stylesModule.default.containerCurrent, " ").concat(remaining && _stylesModule.default.containerRemaining),
     style: current && {

package/dist/components/ConsumptionIncluded/components/TimelineRow/components/Card/utils.js

@@ -7,16 +7,18 @@ exports.getAliases = void 0;
 
 var _aliases = require("../../../../../../shared/constants/aliases");
 
-const getAliases = (consumption, current, remaining) => ({
-  magnitudeAlias: consumption ? _aliases.CARD_PRIMARY_MAGNITUDE : current ? _aliases.CARD_WHITE_MAGNITUDE : _aliases.CARD_GRAY_MAGNITUDE,
-  unitAlias: consumption ? _aliases.CARD_PRIMARY_UNIT : current ? _aliases.CARD_WHITE_UNIT : _aliases.CARD_GRAY_UNIT,
-  consumptionAlias: consumption ? _aliases.CARD_PRIMARY_CONSUMPTION : current ? _aliases.CARD_WHITE_CONSUMPTION : _aliases.CARD_GRAY_CONSUMPTION,
-  cardTitleAlias: consumption ? _aliases.CARD_MAIN_TITLE : _aliases.CARD_SECONDARY_TITLE,
-  cardDescriptionAlias: _aliases.CARD_DESCRIPTION,
-  cardDescriptionRemainingAlias: remaining ? _aliases.CARD_DESCRIPTION_REMAINING : _aliases.CARD_DESCRIPTION,
-  cardSubtitleAlias: remaining ? _aliases.CARD_SUBTITLE_REMAINING : _aliases.CARD_SUBTITLE,
-  cardConsumptionDescriptionAlias: current ? _aliases.CARD_CONSUMPTION_DESCRIPTION_WHITE : _aliases.CARD_CONSUMPTION_DESCRIPTION_GRAY,
-  cardConsumptionTextAlias: current ? _aliases.CARD_CONSUMPTION_TEXT_CURRENT : _aliases.CARD_CONSUMPTION_TEXT_REMAINING
-});
+var getAliases = function getAliases(consumption, current, remaining) {
+  return {
+    magnitudeAlias: consumption ? _aliases.CARD_PRIMARY_MAGNITUDE : current ? _aliases.CARD_WHITE_MAGNITUDE : _aliases.CARD_GRAY_MAGNITUDE,
+    unitAlias: consumption ? _aliases.CARD_PRIMARY_UNIT : current ? _aliases.CARD_WHITE_UNIT : _aliases.CARD_GRAY_UNIT,
+    consumptionAlias: consumption ? _aliases.CARD_PRIMARY_CONSUMPTION : current ? _aliases.CARD_WHITE_CONSUMPTION : _aliases.CARD_GRAY_CONSUMPTION,
+    cardTitleAlias: consumption ? _aliases.CARD_MAIN_TITLE : _aliases.CARD_SECONDARY_TITLE,
+    cardDescriptionAlias: _aliases.CARD_DESCRIPTION,
+    cardDescriptionRemainingAlias: remaining ? _aliases.CARD_DESCRIPTION_REMAINING : _aliases.CARD_DESCRIPTION,
+    cardSubtitleAlias: remaining ? _aliases.CARD_SUBTITLE_REMAINING : _aliases.CARD_SUBTITLE,
+    cardConsumptionDescriptionAlias: current ? _aliases.CARD_CONSUMPTION_DESCRIPTION_WHITE : _aliases.CARD_CONSUMPTION_DESCRIPTION_GRAY,
+    cardConsumptionTextAlias: current ? _aliases.CARD_CONSUMPTION_TEXT_CURRENT : _aliases.CARD_CONSUMPTION_TEXT_REMAINING
+  };
+};
 
 exports.getAliases = getAliases;

package/dist/components/ConsumptionIncluded/components/TimelineRow/components/HeaderConsumption/index.js

@@ -21,28 +21,25 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const HeaderConsumption = _ref => {
-  let {
-    contextApiInfo,
-    startDate,
-    endDate
-  } = _ref;
-  const {
-    Label,
-    assets,
-    config
-  } = contextApiInfo;
-  const {
-    ofPreposition,
-    toPreposition
-  } = config.texts.commons;
-  const {
-    CalendarIcon
-  } = assets;
-
-  const parseDate = date => (0, _dayjs.default)(date, 'DD/MM/YYYY');
-
-  const formatDate = date => "".concat(parseDate(date).format('DD'), " ").concat(ofPreposition, " ").concat(parseDate(date).format('MMM'));
+var HeaderConsumption = function HeaderConsumption(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      startDate = _ref.startDate,
+      endDate = _ref.endDate;
+  var Label = contextApiInfo.Label,
+      assets = contextApiInfo.assets,
+      config = contextApiInfo.config;
+  var _config$texts$commons = config.texts.commons,
+      ofPreposition = _config$texts$commons.ofPreposition,
+      toPreposition = _config$texts$commons.toPreposition;
+  var CalendarIcon = assets.CalendarIcon;
+
+  var parseDate = function parseDate(date) {
+    return (0, _dayjs.default)(date, 'DD/MM/YYYY');
+  };
+
+  var formatDate = function formatDate(date) {
+    return "".concat(parseDate(date).format('DD'), " ").concat(ofPreposition, " ").concat(parseDate(date).format('MMM'));
+  };
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container

package/dist/components/ConsumptionIncluded/components/TimelineRow/components/HeaderSettlement/index.js

@@ -19,22 +19,16 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const HeaderSettlement = _ref => {
-  let {
-    contextApiInfo,
-    date,
-    settlementNumber,
-    isRemaining
-  } = _ref;
-  const {
-    Label,
-    config
-  } = contextApiInfo;
-  const {
-    consumptionIncluded
-  } = config.texts;
-  const mainLabelAlias = isRemaining ? _aliases.HEADER_SETTLEMENT_REMAINING : _aliases.HEADER_SETTLEMENT;
-  const dateLabelAlias = isRemaining ? _aliases.HEADER_SETTLEMENT_REMAINING_DATE : _aliases.HEADER_SETTLEMENT_DATE;
+var HeaderSettlement = function HeaderSettlement(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      date = _ref.date,
+      settlementNumber = _ref.settlementNumber,
+      isRemaining = _ref.isRemaining;
+  var Label = contextApiInfo.Label,
+      config = contextApiInfo.config;
+  var consumptionIncluded = config.texts.consumptionIncluded;
+  var mainLabelAlias = isRemaining ? _aliases.HEADER_SETTLEMENT_REMAINING : _aliases.HEADER_SETTLEMENT;
+  var dateLabelAlias = isRemaining ? _aliases.HEADER_SETTLEMENT_REMAINING_DATE : _aliases.HEADER_SETTLEMENT_DATE;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(isRemaining && _stylesModule.default.disabledContainer)
   }, /*#__PURE__*/_react.default.createElement(Label, {

package/dist/components/ConsumptionIncluded/components/TimelineRow/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
 });
@@ -19,53 +21,47 @@ 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; }
 
 function _extends() { _extends = Object.assign || 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); }
 
-const TimelineRow = _ref => {
-  let {
-    contextApiInfo,
-    cardTitle,
-    cardSubtitle,
-    cardDescription1,
-    cardDescription2,
-    startDate,
-    endDate,
-    unit,
-    value,
-    settlementNumber,
-    isConsumption,
-    isCurrent,
-    isRemaining,
-    currentIsFirstSettlement
-  } = _ref;
-  const {
-    assets,
-    config
-  } = contextApiInfo;
-  const {
-    colors
-  } = config;
-  const {
-    Minicheck,
-    MinicheckRemaining,
-    ClockIcon
-  } = assets;
-
-  const CardRender = (consumption, current, remaining, initialDate, finalDate) => /*#__PURE__*/_react.default.createElement(_Card.default, _extends({
-    contextApiInfo: contextApiInfo,
-    cardTitle: cardTitle,
-    cardSubtitle: cardSubtitle,
-    cardDescription1: cardDescription1,
-    cardDescription2: cardDescription2,
-    unit: unit,
-    value: value,
-    settlementNumber: settlementNumber,
-    currentIsFirstSettlement: currentIsFirstSettlement
-  }, consumption, current, remaining, initialDate, finalDate));
+var TimelineRow = function TimelineRow(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      cardTitle = _ref.cardTitle,
+      cardSubtitle = _ref.cardSubtitle,
+      cardDescription1 = _ref.cardDescription1,
+      cardDescription2 = _ref.cardDescription2,
+      startDate = _ref.startDate,
+      endDate = _ref.endDate,
+      unit = _ref.unit,
+      value = _ref.value,
+      settlementNumber = _ref.settlementNumber,
+      isConsumption = _ref.isConsumption,
+      isCurrent = _ref.isCurrent,
+      isRemaining = _ref.isRemaining,
+      currentIsFirstSettlement = _ref.currentIsFirstSettlement;
+  var assets = contextApiInfo.assets,
+      config = contextApiInfo.config;
+  var colors = config.colors;
+  var Minicheck = assets.Minicheck,
+      MinicheckRemaining = assets.MinicheckRemaining,
+      ClockIcon = assets.ClockIcon;
+
+  var CardRender = function CardRender(consumption, current, remaining, initialDate, finalDate) {
+    return /*#__PURE__*/_react.default.createElement(_Card.default, _extends({
+      contextApiInfo: contextApiInfo,
+      cardTitle: cardTitle,
+      cardSubtitle: cardSubtitle,
+      cardDescription1: cardDescription1,
+      cardDescription2: cardDescription2,
+      unit: unit,
+      value: value,
+      settlementNumber: settlementNumber,
+      currentIsFirstSettlement: currentIsFirstSettlement
+    }, consumption, current, remaining, initialDate, finalDate));
+  };
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(isConsumption ? _stylesModule.default.consumptionContainerRow : _stylesModule.default.settlementContainerRow && settlementNumber === 1 ? _stylesModule.default.settlementOne : _stylesModule.default.settlementTwo)