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

package/dist/components/BillSummary/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
 });
@@ -41,86 +43,86 @@ 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 BillSummary = _ref => {
+var BillSummary = function BillSummary(_ref) {
   var _billData$client, _billData$client$rate, _billData$client2, _billData$client2$rat, _currentPeriod$settle, _currentPeriod$settle2, _currentPeriod$settle3;
 
-  let {
-    contextApiInfo,
-    billData
-  } = _ref;
-  const {
-    config,
-    assets
-  } = contextApiInfo;
-  const {
-    consumptionDetail
-  } = config.externalLinks;
-  const {
-    showBillSummaryBanner,
-    showPower,
-    showCategory
-  } = config.validations;
-  const {
-    texts
-  } = config;
-  const {
-    ConsumptionBannerIcon,
-    ConsumptionBannerResponsiveIcon
-  } = assets;
-  const currentPeriod = (0, _periods.getCurrentPeriod)(billData);
-  const hiredPowerConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.POWER_TYPES.PURCHASED);
-  const registeredPowerConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.POWER_TYPES.REGISTERED);
-  const exceededPower = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.POWER_TYPES.EXCEEDED);
-  const rate = billData === null || billData === void 0 ? void 0 : (_billData$client = billData.client) === null || _billData$client === void 0 ? void 0 : (_billData$client$rate = _billData$client.rate) === null || _billData$client$rate === void 0 ? void 0 : _billData$client$rate.purchased;
-  const category = billData === null || billData === void 0 ? void 0 : (_billData$client2 = billData.client) === null || _billData$client2 === void 0 ? void 0 : (_billData$client2$rat = _billData$client2.rate) === null || _billData$client2$rat === void 0 ? void 0 : _billData$client2$rat.category;
-  const multipleSettlements = (currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.total_settlements) > 1;
-  const issueedDate = currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle2 = currentPeriod.settlements) === null || _currentPeriod$settle2 === void 0 ? void 0 : (_currentPeriod$settle3 = _currentPeriod$settle2.current) === null || _currentPeriod$settle3 === void 0 ? void 0 : _currentPeriod$settle3.issued_on;
-  const {
-    isDesktopSize
-  } = (0, _hooks.useScreenSize)();
-  const withBanner = ConsumptionBannerIcon && ConsumptionBannerResponsiveIcon && showBillSummaryBanner(billData);
-
-  const RenderPeriod = () => /*#__PURE__*/_react.default.createElement(_Period.default, {
-    billData: billData,
-    alias: _aliases.SUMMARY_PERIOD,
-    currentPeriod: currentPeriod,
-    multipleSettlements: multipleSettlements,
-    issueedDate: issueedDate
-  });
-
-  const RenderConsumptionEnergyDetails = () => /*#__PURE__*/_react.default.createElement(_ConsumptionEnergyDetails.default, {
-    billData: billData,
-    currentPeriod: currentPeriod,
-    multipleSettlements: multipleSettlements,
-    withPercentage: true
-  });
-
-  const RenderRateAndCategory = () => /*#__PURE__*/_react.default.createElement(_RateAndCategory.default, {
-    rate: rate,
-    category: category,
-    title: texts.billSummary.rateTitle,
-    classes: {
-      container: _stylesModule.default.rateContainer,
-      title: _stylesModule.default.title,
-      purchasedRate: _stylesModule.default.purchasedRate,
-      category: showCategory(billData) ? _stylesModule.default.category : _stylesModule.default.hidden
-    },
-    showCategory: showCategory(billData)
-  });
-
-  const RenderPowerProgresBar = () => /*#__PURE__*/_react.default.createElement(_PowerProgresBar.default, {
-    hiredPowerConsumption: hiredPowerConsumption,
-    registeredPowerConsumption: registeredPowerConsumption,
-    exceededPower: exceededPower
-  });
-
-  const RenderBilledConcepts = () => /*#__PURE__*/_react.default.createElement(_BilledConcepts.default, {
-    billData: billData
-  });
+  var contextApiInfo = _ref.contextApiInfo,
+      billData = _ref.billData;
+  var config = contextApiInfo.config,
+      assets = contextApiInfo.assets;
+  var consumptionDetail = config.externalLinks.consumptionDetail;
+  var _config$validations = config.validations,
+      showBillSummaryBanner = _config$validations.showBillSummaryBanner,
+      showPower = _config$validations.showPower,
+      showCategory = _config$validations.showCategory;
+  var texts = config.texts;
+  var ConsumptionBannerIcon = assets.ConsumptionBannerIcon,
+      ConsumptionBannerResponsiveIcon = assets.ConsumptionBannerResponsiveIcon;
+  var currentPeriod = (0, _periods.getCurrentPeriod)(billData);
+  var hiredPowerConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.POWER_TYPES.PURCHASED);
+  var registeredPowerConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.POWER_TYPES.REGISTERED);
+  var exceededPower = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.POWER_TYPES.EXCEEDED);
+  var rate = billData === null || billData === void 0 ? void 0 : (_billData$client = billData.client) === null || _billData$client === void 0 ? void 0 : (_billData$client$rate = _billData$client.rate) === null || _billData$client$rate === void 0 ? void 0 : _billData$client$rate.purchased;
+  var category = billData === null || billData === void 0 ? void 0 : (_billData$client2 = billData.client) === null || _billData$client2 === void 0 ? void 0 : (_billData$client2$rat = _billData$client2.rate) === null || _billData$client2$rat === void 0 ? void 0 : _billData$client2$rat.category;
+  var multipleSettlements = (currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.total_settlements) > 1;
+  var issueedDate = currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle2 = currentPeriod.settlements) === null || _currentPeriod$settle2 === void 0 ? void 0 : (_currentPeriod$settle3 = _currentPeriod$settle2.current) === null || _currentPeriod$settle3 === void 0 ? void 0 : _currentPeriod$settle3.issued_on;
+
+  var _useScreenSize = (0, _hooks.useScreenSize)(),
+      isDesktopSize = _useScreenSize.isDesktopSize;
+
+  var withBanner = ConsumptionBannerIcon && ConsumptionBannerResponsiveIcon && showBillSummaryBanner(billData);
+
+  var RenderPeriod = function RenderPeriod() {
+    return /*#__PURE__*/_react.default.createElement(_Period.default, {
+      billData: billData,
+      alias: _aliases.SUMMARY_PERIOD,
+      currentPeriod: currentPeriod,
+      multipleSettlements: multipleSettlements,
+      issueedDate: issueedDate
+    });
+  };
+
+  var RenderConsumptionEnergyDetails = function RenderConsumptionEnergyDetails() {
+    return /*#__PURE__*/_react.default.createElement(_ConsumptionEnergyDetails.default, {
+      billData: billData,
+      currentPeriod: currentPeriod,
+      multipleSettlements: multipleSettlements,
+      withPercentage: true
+    });
+  };
+
+  var RenderRateAndCategory = function RenderRateAndCategory() {
+    return /*#__PURE__*/_react.default.createElement(_RateAndCategory.default, {
+      rate: rate,
+      category: category,
+      title: texts.billSummary.rateTitle,
+      classes: {
+        container: _stylesModule.default.rateContainer,
+        title: _stylesModule.default.title,
+        purchasedRate: _stylesModule.default.purchasedRate,
+        category: showCategory(billData) ? _stylesModule.default.category : _stylesModule.default.hidden
+      },
+      showCategory: showCategory(billData)
+    });
+  };
+
+  var RenderPowerProgresBar = function RenderPowerProgresBar() {
+    return /*#__PURE__*/_react.default.createElement(_PowerProgresBar.default, {
+      hiredPowerConsumption: hiredPowerConsumption,
+      registeredPowerConsumption: registeredPowerConsumption,
+      exceededPower: exceededPower
+    });
+  };
+
+  var RenderBilledConcepts = function RenderBilledConcepts() {
+    return /*#__PURE__*/_react.default.createElement(_BilledConcepts.default, {
+      billData: billData
+    });
+  };
 
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, isDesktopSize ? /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container

package/dist/components/ConsumptionComparison/components/ComparisonTable/components/DataLine/index.js

@@ -17,16 +17,16 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const DataLine = _ref => {
-  let {
-    fields
-  } = _ref;
+var DataLine = function DataLine(_ref) {
+  var fields = _ref.fields;
   return !(0, _object.objectIsEmpty)(fields) && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
-  }, fields === null || fields === void 0 ? void 0 : fields.map(field => field && /*#__PURE__*/_react.default.createElement("div", {
-    key: field.id,
-    className: _stylesModule.default.cell
-  }, field.Component)));
+  }, fields === null || fields === void 0 ? void 0 : fields.map(function (field) {
+    return field && /*#__PURE__*/_react.default.createElement("div", {
+      key: field.id,
+      className: _stylesModule.default.cell
+    }, field.Component);
+  }));
 };
 
 DataLine.propTypes = {

package/dist/components/ConsumptionComparison/components/ComparisonTable/components/Season/index.js

@@ -23,23 +23,18 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Season = _ref => {
-  let {
-    contextApiInfo,
-    season
-  } = _ref;
-  const {
-    assets,
-    config,
-    Label
-  } = contextApiInfo;
-  const {
-    texts
-  } = config;
-  const {
-    Icon,
-    text
-  } = (0, _utils.getSeasonProps)(season, texts, assets);
+var Season = function Season(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      season = _ref.season;
+  var assets = contextApiInfo.assets,
+      config = contextApiInfo.config,
+      Label = contextApiInfo.Label;
+  var texts = config.texts;
+
+  var _getSeasonProps = (0, _utils.getSeasonProps)(season, texts, assets),
+      Icon = _getSeasonProps.Icon,
+      text = _getSeasonProps.text;
+
   return Icon && text ? /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement(Icon, {

package/dist/components/ConsumptionComparison/components/ComparisonTable/components/Season/utils.js

@@ -7,7 +7,7 @@ exports.getSeasonProps = void 0;
 
 var _seasons = require("../../../../../../shared/constants/seasons");
 
-const getSeasonProps = (season, texts, assets) => {
+var getSeasonProps = function getSeasonProps(season, texts, assets) {
   switch (season) {
     case _seasons.SEASONS.AUTUMN:
       return {

package/dist/components/ConsumptionComparison/components/ComparisonTable/constants.js

@@ -23,43 +23,42 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const FIELD_PERIOD_COMPARISION = 'period_comparison';
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var FIELD_PERIOD_COMPARISION = 'period_comparison';
 exports.FIELD_PERIOD_COMPARISION = FIELD_PERIOD_COMPARISION;
-const FIELD_PERIOD_DATES = 'period_dates';
+var FIELD_PERIOD_DATES = 'period_dates';
 exports.FIELD_PERIOD_DATES = FIELD_PERIOD_DATES;
-const FIELD_SETTLEMENTS_DAYS = 'settlements_days';
+var FIELD_SETTLEMENTS_DAYS = 'settlements_days';
 exports.FIELD_SETTLEMENTS_DAYS = FIELD_SETTLEMENTS_DAYS;
-const FIELD_ENERGY_CONSUMPTION = 'energy_consumption';
+var FIELD_ENERGY_CONSUMPTION = 'energy_consumption';
 exports.FIELD_ENERGY_CONSUMPTION = FIELD_ENERGY_CONSUMPTION;
-const FIELD_POWER_CONSUMPTION = 'power_consumption';
+var FIELD_POWER_CONSUMPTION = 'power_consumption';
 exports.FIELD_POWER_CONSUMPTION = FIELD_POWER_CONSUMPTION;
-const FIELD_TOTAL_CONSUMPTIONS = 'total_consumptions';
+var FIELD_TOTAL_CONSUMPTIONS = 'total_consumptions';
 exports.FIELD_TOTAL_CONSUMPTIONS = FIELD_TOTAL_CONSUMPTIONS;
-const FIELD_DAILY_CONSUMPTIONS = 'daily_consumptions';
+var FIELD_DAILY_CONSUMPTIONS = 'daily_consumptions';
 exports.FIELD_DAILY_CONSUMPTIONS = FIELD_DAILY_CONSUMPTIONS;
-const FIELD_AVERAGE_TEMPERATURE = 'average_temperature';
+var FIELD_AVERAGE_TEMPERATURE = 'average_temperature';
 exports.FIELD_AVERAGE_TEMPERATURE = FIELD_AVERAGE_TEMPERATURE;
-const NO_DATA_FIELD = 'no_data_cell';
+var NO_DATA_FIELD = 'no_data_cell';
 exports.NO_DATA_FIELD = NO_DATA_FIELD;
-const dataFieldDictonary = ['period_comparison', 'period_dates', 'settlements_days', 'total_consumptions', 'energy_consumption', 'power_consumption', 'daily_consumptions', 'average_temperature'];
+var dataFieldDictonary = ['period_comparison', 'period_dates', 'settlements_days', 'total_consumptions', 'energy_consumption', 'power_consumption', 'daily_consumptions', 'average_temperature'];
 exports.dataFieldDictonary = dataFieldDictonary;
 
-const desktopGetHeaderFields = (contextApiInfo, withPowerComparison, showTemp) => {
-  const {
-    config,
-    Label
-  } = contextApiInfo;
-  const {
-    periodDates,
-    settlementDays,
-    energyConsumption,
-    powerConsumption,
-    totalConsumption,
-    dailyConsumption,
-    averageTemperature,
-    yearOrBimester,
-    yearOrPeriod
-  } = config.texts.consumptionComparison;
+var desktopGetHeaderFields = function desktopGetHeaderFields(contextApiInfo, withPowerComparison, showTemp) {
+  var config = contextApiInfo.config,
+      Label = contextApiInfo.Label;
+  var _config$texts$consump = config.texts.consumptionComparison,
+      periodDates = _config$texts$consump.periodDates,
+      settlementDays = _config$texts$consump.settlementDays,
+      energyConsumption = _config$texts$consump.energyConsumption,
+      powerConsumption = _config$texts$consump.powerConsumption,
+      totalConsumption = _config$texts$consump.totalConsumption,
+      dailyConsumption = _config$texts$consump.dailyConsumption,
+      averageTemperature = _config$texts$consump.averageTemperature,
+      yearOrBimester = _config$texts$consump.yearOrBimester,
+      yearOrPeriod = _config$texts$consump.yearOrPeriod;
   return [{
     id: 'season',
     Component: /*#__PURE__*/_react.default.createElement(Label, {
@@ -105,139 +104,127 @@ const desktopGetHeaderFields = (contextApiInfo, withPowerComparison, showTemp) =
 
 exports.desktopGetHeaderFields = desktopGetHeaderFields;
 
-const formatInterval = period => {
+var formatInterval = function formatInterval(period) {
   var _period$settlements, _period$settlements2;
 
-  const startDate = period === null || period === void 0 ? void 0 : (_period$settlements = period.settlements) === null || _period$settlements === void 0 ? void 0 : _period$settlements.start_date;
-  const endDate = period === null || period === void 0 ? void 0 : (_period$settlements2 = period.settlements) === null || _period$settlements2 === void 0 ? void 0 : _period$settlements2.end_date;
+  var startDate = period === null || period === void 0 ? void 0 : (_period$settlements = period.settlements) === null || _period$settlements === void 0 ? void 0 : _period$settlements.start_date;
+  var endDate = period === null || period === void 0 ? void 0 : (_period$settlements2 = period.settlements) === null || _period$settlements2 === void 0 ? void 0 : _period$settlements2.end_date;
   return startDate && endDate && "".concat((0, _dayjs.default)(startDate).format('DD/MM'), " - ").concat((0, _dayjs.default)(endDate).format('DD/MM'));
 };
 
-const getField = function () {
-  var _data$period, _data$period$settleme, _getDailyConsumption$;
-
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let contextApiInfo = arguments.length > 1 ? arguments[1] : undefined;
-  const {
-    Label
-  } = contextApiInfo;
-  const {
-    isHeader,
-    data,
-    primary,
-    mobileLastYear,
-    text
-  } = options;
-
-  const textLabel = /*#__PURE__*/_react.default.createElement(Label, {
+var getField = function getField() {
+  var _data$period, _data$period$settleme, _getDailyConsumption$, _ref;
+
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var contextApiInfo = arguments.length > 1 ? arguments[1] : undefined;
+  var Label = contextApiInfo.Label;
+  var isHeader = options.isHeader,
+      data = options.data,
+      primary = options.primary,
+      mobileLastYear = options.mobileLastYear,
+      text = options.text;
+
+  var textLabel = /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.DETAIL
   }, text);
 
-  const textAlias = primary ? _aliases.PERIOD_COMPARISON_TEXT : _aliases.PERIOD_COMPARISON_TEXT_PREV;
-  const magnitudeAlias = primary ? _aliases.PERIOD_COMPARISON_NUMBER : _aliases.PERIOD_COMPARISON_NUMBER_PREV;
-  const unitAlias = primary ? _aliases.PERIOD_COMPARISON_UNIT : _aliases.PERIOD_COMPARISON_UNIT_PREV;
-  return {
-    [FIELD_PERIOD_COMPARISION]: {
-      id: FIELD_PERIOD_COMPARISION,
-      Component: !isHeader ? /*#__PURE__*/_react.default.createElement(Label, {
-        alias: textAlias,
-        className: "".concat(mobileLastYear && _stylesModule.default.mobileLastYear)
-      }, text || (0, _utils.stringOrDash)(data)) : textLabel
-    },
-    [FIELD_PERIOD_DATES]: {
-      id: FIELD_PERIOD_DATES,
-      Component: !isHeader ? /*#__PURE__*/_react.default.createElement(Label, {
-        alias: textAlias
-      }, text || (0, _utils.stringOrDash)(formatInterval(data))) : textLabel
-    },
-    [FIELD_SETTLEMENTS_DAYS]: {
-      id: FIELD_SETTLEMENTS_DAYS,
-      Component: data ? /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
-        numberAlias: magnitudeAlias,
-        unitAlias: unitAlias,
-        value: (_data$period = data.period) === null || _data$period === void 0 ? void 0 : (_data$period$settleme = _data$period.settlements) === null || _data$period$settleme === void 0 ? void 0 : _data$period$settleme.total_settlements_days,
-        unit: data.daysUnit,
-        classes: {
-          numberAndUnit: _stylesModule.default.numberAndUnit
-        }
-      }) : textLabel
-    },
-    [FIELD_TOTAL_CONSUMPTIONS]: {
-      id: FIELD_TOTAL_CONSUMPTIONS,
-      Component: data ? /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
-        numberAlias: magnitudeAlias,
-        unitAlias: unitAlias,
-        value: (0, _consumptions.getTotalConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).value,
-        unit: (0, _consumptions.getTotalConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
-        classes: {
-          numberAndUnit: _stylesModule.default.numberAndUnit
-        }
-      }) : textLabel
-    },
-    [FIELD_ENERGY_CONSUMPTION]: {
-      id: FIELD_ENERGY_CONSUMPTION,
-      Component: data ? /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
-        numberAlias: magnitudeAlias,
-        unitAlias: unitAlias,
-        value: (0, _consumptions.getTotalConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).value,
-        unit: (0, _consumptions.getTotalConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
-        classes: {
-          numberAndUnit: _stylesModule.default.numberAndUnit
-        }
-      }) : textLabel
-    },
-    [FIELD_POWER_CONSUMPTION]: {
-      id: FIELD_POWER_CONSUMPTION,
-      Component: data ? /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
-        numberAlias: magnitudeAlias,
-        unitAlias: unitAlias,
-        value: (0, _consumptions.getTotalConsumption)(data, _consumptions2.POWER_TYPES.REGISTERED).value,
-        unit: (0, _consumptions.getTotalConsumption)(data, _consumptions2.POWER_TYPES.REGISTERED).unit,
-        classes: {
-          numberAndUnit: _stylesModule.default.numberAndUnit
-        }
-      }) : textLabel
-    },
-    [FIELD_DAILY_CONSUMPTIONS]: {
-      id: FIELD_DAILY_CONSUMPTIONS,
-      Component: data ? /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
-        numberAlias: magnitudeAlias,
-        unitAlias: unitAlias,
-        value: (_getDailyConsumption$ = (0, _consumptions.getDailyConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).value) === null || _getDailyConsumption$ === void 0 ? void 0 : _getDailyConsumption$.toFixed(1).toString().replace(/\./, ','),
-        unit: (0, _consumptions.getDailyConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
-        classes: {
-          numberAndUnit: _stylesModule.default.numberAndUnit
-        }
-      }) : /*#__PURE__*/_react.default.createElement(Label, {
-        alias: _aliases.DETAIL
-      }, text)
-    },
-    [FIELD_AVERAGE_TEMPERATURE]: {
-      id: FIELD_AVERAGE_TEMPERATURE,
-      Component: data ? /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
-        numberAlias: magnitudeAlias,
-        unitAlias: unitAlias,
-        value: Math.round(data.periodAverageTemperature || data.period),
-        unit: data.temperatureUnit,
-        classes: {
-          numberAndUnit: _stylesModule.default.numberAndUnit
-        }
-      }) : textLabel
-    },
-    [NO_DATA_FIELD]: {
-      id: NO_DATA_FIELD,
-      Component: /*#__PURE__*/_react.default.createElement(Label, {
-        alias: textAlias
-      }, data)
-    }
-  };
+  var textAlias = primary ? _aliases.PERIOD_COMPARISON_TEXT : _aliases.PERIOD_COMPARISON_TEXT_PREV;
+  var magnitudeAlias = primary ? _aliases.PERIOD_COMPARISON_NUMBER : _aliases.PERIOD_COMPARISON_NUMBER_PREV;
+  var unitAlias = primary ? _aliases.PERIOD_COMPARISON_UNIT : _aliases.PERIOD_COMPARISON_UNIT_PREV;
+  return _ref = {}, _defineProperty(_ref, FIELD_PERIOD_COMPARISION, {
+    id: FIELD_PERIOD_COMPARISION,
+    Component: !isHeader ? /*#__PURE__*/_react.default.createElement(Label, {
+      alias: textAlias,
+      className: "".concat(mobileLastYear && _stylesModule.default.mobileLastYear)
+    }, text || (0, _utils.stringOrDash)(data)) : textLabel
+  }), _defineProperty(_ref, FIELD_PERIOD_DATES, {
+    id: FIELD_PERIOD_DATES,
+    Component: !isHeader ? /*#__PURE__*/_react.default.createElement(Label, {
+      alias: textAlias
+    }, text || (0, _utils.stringOrDash)(formatInterval(data))) : textLabel
+  }), _defineProperty(_ref, FIELD_SETTLEMENTS_DAYS, {
+    id: FIELD_SETTLEMENTS_DAYS,
+    Component: data ? /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
+      numberAlias: magnitudeAlias,
+      unitAlias: unitAlias,
+      value: (_data$period = data.period) === null || _data$period === void 0 ? void 0 : (_data$period$settleme = _data$period.settlements) === null || _data$period$settleme === void 0 ? void 0 : _data$period$settleme.total_settlements_days,
+      unit: data.daysUnit,
+      classes: {
+        numberAndUnit: _stylesModule.default.numberAndUnit
+      }
+    }) : textLabel
+  }), _defineProperty(_ref, FIELD_TOTAL_CONSUMPTIONS, {
+    id: FIELD_TOTAL_CONSUMPTIONS,
+    Component: data ? /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
+      numberAlias: magnitudeAlias,
+      unitAlias: unitAlias,
+      value: (0, _consumptions.getTotalConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).value,
+      unit: (0, _consumptions.getTotalConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
+      classes: {
+        numberAndUnit: _stylesModule.default.numberAndUnit
+      }
+    }) : textLabel
+  }), _defineProperty(_ref, FIELD_ENERGY_CONSUMPTION, {
+    id: FIELD_ENERGY_CONSUMPTION,
+    Component: data ? /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
+      numberAlias: magnitudeAlias,
+      unitAlias: unitAlias,
+      value: (0, _consumptions.getTotalConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).value,
+      unit: (0, _consumptions.getTotalConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
+      classes: {
+        numberAndUnit: _stylesModule.default.numberAndUnit
+      }
+    }) : textLabel
+  }), _defineProperty(_ref, FIELD_POWER_CONSUMPTION, {
+    id: FIELD_POWER_CONSUMPTION,
+    Component: data ? /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
+      numberAlias: magnitudeAlias,
+      unitAlias: unitAlias,
+      value: (0, _consumptions.getTotalConsumption)(data, _consumptions2.POWER_TYPES.REGISTERED).value,
+      unit: (0, _consumptions.getTotalConsumption)(data, _consumptions2.POWER_TYPES.REGISTERED).unit,
+      classes: {
+        numberAndUnit: _stylesModule.default.numberAndUnit
+      }
+    }) : textLabel
+  }), _defineProperty(_ref, FIELD_DAILY_CONSUMPTIONS, {
+    id: FIELD_DAILY_CONSUMPTIONS,
+    Component: data ? /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
+      numberAlias: magnitudeAlias,
+      unitAlias: unitAlias,
+      value: (_getDailyConsumption$ = (0, _consumptions.getDailyConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).value) === null || _getDailyConsumption$ === void 0 ? void 0 : _getDailyConsumption$.toFixed(1).toString().replace(/\./, ','),
+      unit: (0, _consumptions.getDailyConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
+      classes: {
+        numberAndUnit: _stylesModule.default.numberAndUnit
+      }
+    }) : /*#__PURE__*/_react.default.createElement(Label, {
+      alias: _aliases.DETAIL
+    }, text)
+  }), _defineProperty(_ref, FIELD_AVERAGE_TEMPERATURE, {
+    id: FIELD_AVERAGE_TEMPERATURE,
+    Component: data ? /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
+      numberAlias: magnitudeAlias,
+      unitAlias: unitAlias,
+      value: Math.round(data.periodAverageTemperature || data.period),
+      unit: data.temperatureUnit,
+      classes: {
+        numberAndUnit: _stylesModule.default.numberAndUnit
+      }
+    }) : textLabel
+  }), _defineProperty(_ref, NO_DATA_FIELD, {
+    id: NO_DATA_FIELD,
+    Component: /*#__PURE__*/_react.default.createElement(Label, {
+      alias: textAlias
+    }, data)
+  }), _ref;
 };
 
 exports.getField = getField;
 
-const noPeriodData = (primary, noData, contextApiInfo) => getField({
-  primary,
-  data: noData
-}, contextApiInfo)[NO_DATA_FIELD];
+var noPeriodData = function noPeriodData(primary, noData, contextApiInfo) {
+  return getField({
+    primary: primary,
+    data: noData
+  }, contextApiInfo)[NO_DATA_FIELD];
+};
 
 exports.noPeriodData = noPeriodData;

package/dist/components/ConsumptionComparison/components/ComparisonTable/index.js

@@ -25,24 +25,22 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ComparisonTable = _ref => {
-  let {
-    contextApiInfo,
-    billData,
-    isDesktopSize
-  } = _ref;
-  const currentPeriod = (0, _periods.getCurrentPeriod)(billData);
-  const lastYearPeriod = (0, _periods.getLastYearPeriod)(billData);
-  const {
-    withPowerComparison
-  } = contextApiInfo.config.validations;
-  const currentPeriodAverageTemperature = (0, _seamlessImmutable.getIn)(billData, ['current_period_avg_temperature']);
-  const lastYearPeriodAverageTemperature = (0, _seamlessImmutable.getIn)(billData, ['previous_period_avg_temperature']);
-  const getTableLines = isDesktopSize ? _utils.desktopGetTableLines : _utils.mobileGetTableLines;
-  const expand = !(!withPowerComparison || currentPeriodAverageTemperature || lastYearPeriodAverageTemperature);
+var ComparisonTable = function ComparisonTable(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      billData = _ref.billData,
+      isDesktopSize = _ref.isDesktopSize;
+  var currentPeriod = (0, _periods.getCurrentPeriod)(billData);
+  var lastYearPeriod = (0, _periods.getLastYearPeriod)(billData);
+  var withPowerComparison = contextApiInfo.config.validations.withPowerComparison;
+  var currentPeriodAverageTemperature = (0, _seamlessImmutable.getIn)(billData, ['current_period_avg_temperature']);
+  var lastYearPeriodAverageTemperature = (0, _seamlessImmutable.getIn)(billData, ['previous_period_avg_temperature']);
+  var getTableLines = isDesktopSize ? _utils.desktopGetTableLines : _utils.mobileGetTableLines;
+  var expand = !(!withPowerComparison || currentPeriodAverageTemperature || lastYearPeriodAverageTemperature);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(expand && _stylesModule.default.expand)
-  }, getTableLines(contextApiInfo, currentPeriod, currentPeriodAverageTemperature, lastYearPeriod, lastYearPeriodAverageTemperature, isDesktopSize, withPowerComparison(billData)).map(line => line.Component));
+  }, getTableLines(contextApiInfo, currentPeriod, currentPeriodAverageTemperature, lastYearPeriod, lastYearPeriodAverageTemperature, isDesktopSize, withPowerComparison(billData)).map(function (line) {
+    return line.Component;
+  }));
 };
 
 ComparisonTable.propTypes = {