@widergy/utilitygo-smart-bill-web 3.0.4 → 3.2.0

package/dist/components/BillSummary/index.js

@@ -21,11 +21,10 @@ var _Banner = _interopRequireDefault(require("../Banner"));
 var _aliases = require("../../shared/constants/aliases");
 var _BilledConcepts = _interopRequireDefault(require("./components/BilledConcepts"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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 BillSummary = _ref => {
-  var _billData$client, _billData$client2, _currentPeriod$settle, _currentPeriod$settle2;
   let {
     contextApiInfo,
     billData
@@ -53,10 +52,10 @@ const BillSummary = _ref => {
   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 || (_billData$client = billData.client) === null || _billData$client === void 0 || (_billData$client = _billData$client.rate) === null || _billData$client === void 0 ? void 0 : _billData$client.purchased;
-  const category = billData === null || billData === void 0 || (_billData$client2 = billData.client) === null || _billData$client2 === void 0 || (_billData$client2 = _billData$client2.rate) === null || _billData$client2 === void 0 ? void 0 : _billData$client2.category;
-  const multipleSettlements = (currentPeriod === null || currentPeriod === void 0 || (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.total_settlements) > 1;
-  const issuedDate = currentPeriod === null || currentPeriod === void 0 || (_currentPeriod$settle2 = currentPeriod.settlements) === null || _currentPeriod$settle2 === void 0 || (_currentPeriod$settle2 = _currentPeriod$settle2.current) === null || _currentPeriod$settle2 === void 0 ? void 0 : _currentPeriod$settle2.issued_on;
+  const rate = billData?.client?.rate?.purchased;
+  const category = billData?.client?.rate?.category;
+  const multipleSettlements = currentPeriod?.settlements?.total_settlements > 1;
+  const issuedDate = currentPeriod?.settlements?.current?.issued_on;
   const {
     isDesktopSize
   } = (0, _hooks.useScreenSize)();

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

@@ -8,17 +8,20 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
 var _object = require("@widergy/web-utils/lib/object");
 var _componentsTypes = require("../../../../../../shared/types/componentsTypes");
+var _testsIds = require("../../../../../../constants/testsIds");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DataLine = _ref => {
   let {
+    idModifier,
     fields
   } = _ref;
   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
+  }, fields?.map((field, i) => field && /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.cell,
+    "data-testid": `${_testsIds.smartBill.consumptionComparison.comparisonTable.dataLine}${idModifier ? `${idModifier}.` : ''}${field.id}.${i}`,
+    key: field.id
   }, field.Component)));
 };
 DataLine.propTypes = {
@@ -27,6 +30,7 @@ DataLine.propTypes = {
     Component: _componentsTypes.componentTypes,
     showOnDesktop: _propTypes.bool,
     showOnMobile: _propTypes.bool
-  }))
+  })),
+  idModifier: _propTypes.string
 };
 var _default = exports.default = DataLine;

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

@@ -12,7 +12,7 @@ var _WithSeason = _interopRequireDefault(require("../../../../../WithSeason"));
 var _aliases = require("../../../../../../shared/constants/aliases");
 var _utils = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Season = _ref => {
   let {
     contextApiInfo,

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

@@ -11,7 +11,7 @@ var _consumptions2 = require("../../../../shared/constants/consumptions");
 var _Magnitude = _interopRequireDefault(require("../../../Magnitude"));
 var _aliases = require("../../../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const FIELD_PERIOD_COMPARISION = exports.FIELD_PERIOD_COMPARISION = 'period_comparison';
 const FIELD_PERIOD_DATES = exports.FIELD_PERIOD_DATES = 'period_dates';
 const FIELD_SETTLEMENTS_DAYS = exports.FIELD_SETTLEMENTS_DAYS = 'settlements_days';
@@ -82,13 +82,11 @@ const desktopGetHeaderFields = (contextApiInfo, withPowerComparison, showTemp) =
 };
 exports.desktopGetHeaderFields = desktopGetHeaderFields;
 const formatInterval = period => {
-  var _period$settlements, _period$settlements2;
-  const startDate = period === null || period === void 0 || (_period$settlements = period.settlements) === null || _period$settlements === void 0 ? void 0 : _period$settlements.start_date;
-  const endDate = period === null || period === 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 startDate = period?.settlements?.start_date;
+  const endDate = period?.settlements?.end_date;
+  return startDate && endDate && `${(0, _dayjs.default)(startDate).format('DD/MM')} - ${(0, _dayjs.default)(endDate).format('DD/MM')}`;
 };
 const getField = function () {
-  var _data$period, _getDailyConsumption$;
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let contextApiInfo = arguments.length > 1 ? arguments[1] : undefined;
   const {
@@ -133,7 +131,7 @@ const getField = function () {
         textAlias: textAlias,
         unit: data.daysUnit,
         unitAlias: unitAlias,
-        value: (_data$period = data.period) === null || _data$period === void 0 || (_data$period = _data$period.settlements) === null || _data$period === void 0 ? void 0 : _data$period.total_settlements_days
+        value: data.period?.settlements?.total_settlements_days
       }) : textLabel
     },
     [FIELD_TOTAL_CONSUMPTIONS]: {
@@ -185,7 +183,7 @@ const getField = function () {
         textAlias: textAlias,
         unit: (0, _consumptions.getDailyConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
         unitAlias: unitAlias,
-        value: (_getDailyConsumption$ = (0, _consumptions.getDailyConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).value) === null || _getDailyConsumption$ === void 0 ? void 0 : _getDailyConsumption$.toFixed(1).toString().replace(/\./, ',')
+        value: (0, _consumptions.getDailyConsumption)(data, _consumptions2.ENERGY_TYPES.ACTIVE).value?.toFixed(1).toString().replace(/\./, ',')
       }) : /*#__PURE__*/_react.default.createElement(Label, {
         alias: _aliases.DETAIL
       }, text)

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

@@ -13,7 +13,7 @@ var _billDataTypes = require("../../../../shared/types/billDataTypes");
 var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
 var _utils = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ComparisonTable = _ref => {
   let {
     contextApiInfo,
@@ -30,7 +30,7 @@ const ComparisonTable = _ref => {
   const getTableLines = isDesktopSize ? _utils.desktopGetTableLines : _utils.mobileGetTableLines;
   const expand = !(!withPowerComparison || currentPeriodAverageTemperature || lastYearPeriodAverageTemperature);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(expand && _stylesModule.default.expand)
+    className: `${_stylesModule.default.container} ${expand && _stylesModule.default.expand}`
   }, getTableLines(contextApiInfo, currentPeriod, currentPeriodAverageTemperature, lastYearPeriod, lastYearPeriodAverageTemperature, isDesktopSize, withPowerComparison(billData)).map(line => line.Component));
 };
 ComparisonTable.propTypes = {

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

@@ -7,14 +7,12 @@ exports.mobileGetTableLines = exports.getPeriodFields = exports.desktopGetTableL
 var _react = _interopRequireDefault(require("react"));
 var _DataLine = _interopRequireDefault(require("./components/DataLine"));
 var _constants = require("./constants");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getPeriodFields = function (contextApiInfo, period, periodAverageTemperature, withPowerComparison, isDesktop) {
-  var _period$lastYearPerio, _period$lastYearPerio2, _period$lastYearPerio3, _period$lastYearPerio4, _period$currentPeriod, _period$currentPeriod2, _period$currentPeriod3, _period$currentPeriod4;
   let stylingOptions = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
   let options = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
   const {
-    config,
-    Label
+    config
   } = contextApiInfo;
   const {
     daysUnit,
@@ -36,12 +34,12 @@ const getPeriodFields = function (contextApiInfo, period, periodAverageTemperatu
     gray,
     semibold
   } = stylingOptions;
-  const formattedPeriod = period.number && period.year && "".concat(period.number, "/").concat(period.year);
-  const mobileLastYearPeriodFormatted = ((_period$lastYearPerio = period.lastYearPeriod) === null || _period$lastYearPerio === void 0 ? void 0 : _period$lastYearPerio.number) && ((_period$lastYearPerio2 = period.lastYearPeriod) === null || _period$lastYearPerio2 === void 0 ? void 0 : _period$lastYearPerio2.year) && "".concat((_period$lastYearPerio3 = period.lastYearPeriod) === null || _period$lastYearPerio3 === void 0 ? void 0 : _period$lastYearPerio3.number, "/").concat((_period$lastYearPerio4 = period.lastYearPeriod) === null || _period$lastYearPerio4 === void 0 ? void 0 : _period$lastYearPerio4.year);
-  const mobileCurrentYearPeriodFormatted = ((_period$currentPeriod = period.currentPeriod) === null || _period$currentPeriod === void 0 ? void 0 : _period$currentPeriod.number) && ((_period$currentPeriod2 = period.currentPeriod) === null || _period$currentPeriod2 === void 0 ? void 0 : _period$currentPeriod2.year) && "".concat((_period$currentPeriod3 = period.currentPeriod) === null || _period$currentPeriod3 === void 0 ? void 0 : _period$currentPeriod3.number, "/").concat((_period$currentPeriod4 = period.currentPeriod) === null || _period$currentPeriod4 === void 0 ? void 0 : _period$currentPeriod4.year);
+  const formattedPeriod = period.number && period.year && `${period.number}/${period.year}`;
+  const mobileLastYearPeriodFormatted = period.lastYearPeriod?.number && period.lastYearPeriod?.year && `${period.lastYearPeriod?.number}/${period.lastYearPeriod?.year}`;
+  const mobileCurrentYearPeriodFormatted = period.currentPeriod?.number && period.currentPeriod?.year && `${period.currentPeriod?.number}/${period.currentPeriod?.year}`;
   let noDataLastYearPeriod = false;
   let noDataCurrentPeriod = false;
-  if (!isDesktop && Object.keys(period === null || period === void 0 ? void 0 : period.lastYearPeriod).length === 0) {
+  if (!isDesktop && Object.keys(period?.lastYearPeriod).length === 0) {
     noDataLastYearPeriod = true;
   }
   if (!isDesktop && Object.keys(period.currentPeriod).length === 0) {
@@ -106,28 +104,31 @@ const desktopGetTableLines = (contextApiInfo, currentPeriod, currentPeriodAverag
   const showTemp = currentPeriodAverageTemperature && lastYearPeriodAverageTemperature;
   return [{
     Component: /*#__PURE__*/_react.default.createElement(_DataLine.default, {
-      key: "header",
       fields: (0, _constants.desktopGetHeaderFields)(contextApiInfo, withPowerComparison, showTemp),
-      isDesktop: isDesktop
+      idModifier: "header",
+      isDesktop: isDesktop,
+      key: "header"
     })
   }, {
     Component: /*#__PURE__*/_react.default.createElement(_DataLine.default, {
-      key: "current_period",
       fields: getPeriodFields(contextApiInfo, currentPeriod, showTemp && currentPeriodAverageTemperature, withPowerComparison, isDesktop, {
         primary: true,
         semibold: true
       }, {
         current: true
       }),
-      isDesktop: isDesktop
+      idModifier: "current_period",
+      isDesktop: isDesktop,
+      key: "current_period"
     })
   }, {
     Component: /*#__PURE__*/_react.default.createElement(_DataLine.default, {
-      key: "last_year_period",
       fields: getPeriodFields(contextApiInfo, lastYearPeriod, showTemp && lastYearPeriodAverageTemperature, withPowerComparison, isDesktop, {
         gray: true
       }),
-      isDesktop: isDesktop
+      idModifier: "last_year_period",
+      isDesktop: isDesktop,
+      key: "last_year_period"
     })
   }];
 };

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

@@ -9,7 +9,7 @@ var _aliases = require("../../../../shared/constants/aliases");
 var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
 var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ConsumptionAdvice = _ref => {
   let {
     contextApiInfo
@@ -32,7 +32,7 @@ const ConsumptionAdvice = _ref => {
     LightBulbIcon
   } = assets;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(stylesConfig === null || stylesConfig === void 0 ? void 0 : stylesConfig.adviceContainer)
+    className: `${_stylesModule.default.container} ${stylesConfig?.adviceContainer}`
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.labelTexts
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -11,7 +11,7 @@ var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"))
 var _aliases = require("../../../../shared/constants/aliases");
 var _utils = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const PercentageComparison = _ref => {
   let {
     contextApiInfo,
@@ -34,7 +34,7 @@ const PercentageComparison = _ref => {
     text
   } = (0, _utils.getProps)(savingsPercentage, assets, texts, multipleSettlements);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(background)
+    className: `${_stylesModule.default.container} ${background}`
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.header
   }, /*#__PURE__*/_react.default.createElement(Icon, {
@@ -42,7 +42,7 @@ const PercentageComparison = _ref => {
   }), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.PERCENTAGE_COMPARISON_TITLE,
     colorTheme: "light"
-  }, "".concat(sign).concat(value, "%"))), /*#__PURE__*/_react.default.createElement(Label, {
+  }, `${sign}${value}%`)), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.PERCENTAGE_COMPARISON_SUBTITLE,
     className: _stylesModule.default.subtitle,
     colorTheme: "light"

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getProps = void 0;
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getProps = (savingsPercentage, assets, texts, multipleSettlements) => {
   const {
     consumptionComparison

package/dist/components/ConsumptionComparison/index.js

@@ -19,11 +19,10 @@ var _ComparisonTable = _interopRequireDefault(require("./components/ComparisonTa
 var _ConsumptionAdvice = _interopRequireDefault(require("./components/ConsumptionAdvice"));
 var _PercentageComparison = _interopRequireDefault(require("./components/PercentageComparison"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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 ConsumptionComparison = _ref => {
-  var _currentPeriod$settle;
   let {
     billData,
     contextApiInfo
@@ -57,7 +56,7 @@ const ConsumptionComparison = _ref => {
   }, []);
   const savingsPercentage = (0, _periods.getSavingsPercentage)(currentPeriod);
   const showTemp = billData.previous_period_avg_temperature && billData.current_period_avg_temperature;
-  const multipleSettlements = (currentPeriod === null || currentPeriod === void 0 || (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.total_settlements) > 1;
+  const multipleSettlements = currentPeriod?.settlements?.total_settlements > 1;
   const ComparisonTableRender = () => /*#__PURE__*/_react.default.createElement(_ComparisonTable.default, {
     billData: billData,
     multipleSettlements: multipleSettlements,

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

@@ -8,15 +8,16 @@ var _react = _interopRequireWildcard(require("react"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _string = require("@widergy/web-utils/lib/string");
 var _propTypes = require("prop-types");
-var _aliases = require("../../../../shared/constants/aliases");
-var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
-var _periodicities = require("../../../../shared/constants/periodicities");
-var _PercentageComparison = _interopRequireDefault(require("../PercentageComparison"));
 var _ConsumptionInDaysLabel = _interopRequireDefault(require("../ConsumptionInDaysLabel"));
-var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
+var _PercentageComparison = _interopRequireDefault(require("../PercentageComparison"));
+var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
+var _aliases = require("../../../../shared/constants/aliases");
 var _billDataTypes = require("../../../../shared/types/billDataTypes");
+var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
+var _periodicities = require("../../../../shared/constants/periodicities");
+var _testsIds = require("../../../../constants/testsIds");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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 ConsumptionEnergyComparison = _ref => {
@@ -42,42 +43,40 @@ const ConsumptionEnergyComparison = _ref => {
   const {
     texts
   } = config;
-  const CurrentSettlement = () => {
-    var _settlements$current;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: _stylesModule.default.currentConsumptionContainer
-    }, /*#__PURE__*/_react.default.createElement(_ConsumptionInDaysLabel.default, {
-      consumption: dataValidation(currentConsumption.value),
-      unit: dataValidation(currentConsumption.unit),
-      totalDays: dataValidation(settlements === null || settlements === void 0 || (_settlements$current = settlements.current) === null || _settlements$current === void 0 ? void 0 : _settlements$current.days),
-      numberAlias: _aliases.CONSUMPTION_DAYS_NUMBER_ACTUAL,
-      unitAlias: _aliases.CONSUMPTION_DAYS_UNIT_ACTUAL,
-      daysAlias: _aliases.CONSUMPTION_DAYS_DAYS_ACTUAL,
-      classes: {
-        container: currentIsFirstSettlement ? _stylesModule.default.currentConsumptionLabel : _stylesModule.default.secondSettlementCurrentConsumptionLabel
-      }
-    }), /*#__PURE__*/_react.default.createElement(Label, {
-      alias: _aliases.CONSUMPTION_ACTUAL_DETAIL
-    }, texts.mainBillData.currentConsumption));
-  };
-  const RemainingSettlement = () => {
-    var _settlements$remainin;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: _stylesModule.default.remainingConsumptionContainer
-    }, /*#__PURE__*/_react.default.createElement(_ConsumptionInDaysLabel.default, {
-      consumption: dataValidation(remainingConsumption.value),
-      unit: dataValidation(remainingConsumption.unit),
-      totalDays: dataValidation(settlements === null || settlements === void 0 || (_settlements$remainin = settlements.remaining[0]) === null || _settlements$remainin === void 0 ? void 0 : _settlements$remainin.days),
-      classes: {
-        container: currentIsFirstSettlement ? _stylesModule.default.remainingConsumptionLabel : _stylesModule.default.firstSettlementRemainingConsumptionLabel
-      },
-      numberAlias: _aliases.CONSUMPTION_DAYS_NUMBER_NEXT,
-      unitAlias: _aliases.CONSUMPTION_DAYS_UNIT_NEXT,
-      daysAlias: _aliases.CONSUMPTION_DAYS_DAYS_NEXT
-    }), /*#__PURE__*/_react.default.createElement(Label, {
-      alias: _aliases.CONSUMPTION_NEXT_DETAIL
-    }, currentIsFirstSettlement ? texts.mainBillData.remainingConsumption : texts.mainBillData.firstSettlementRemainingConsumption));
-  };
+  const CurrentSettlement = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.currentConsumptionContainer
+  }, /*#__PURE__*/_react.default.createElement(_ConsumptionInDaysLabel.default, {
+    classes: {
+      container: currentIsFirstSettlement ? _stylesModule.default.currentConsumptionLabel : _stylesModule.default.secondSettlementCurrentConsumptionLabel
+    },
+    consumption: dataValidation(currentConsumption.value),
+    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionEnergyComparison.consumptionInDaysLabel.currentConsumption,
+    daysAlias: _aliases.CONSUMPTION_DAYS_DAYS_ACTUAL,
+    numberAlias: _aliases.CONSUMPTION_DAYS_NUMBER_ACTUAL,
+    totalDays: dataValidation(settlements?.current?.days),
+    unit: dataValidation(currentConsumption.unit),
+    unitAlias: _aliases.CONSUMPTION_DAYS_UNIT_ACTUAL
+  }), /*#__PURE__*/_react.default.createElement(Label, {
+    alias: _aliases.CONSUMPTION_ACTUAL_DETAIL,
+    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionEnergyComparison.currentConsumption
+  }, texts.mainBillData.currentConsumption));
+  const RemainingSettlement = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.remainingConsumptionContainer
+  }, /*#__PURE__*/_react.default.createElement(_ConsumptionInDaysLabel.default, {
+    classes: {
+      container: currentIsFirstSettlement ? _stylesModule.default.remainingConsumptionLabel : _stylesModule.default.firstSettlementRemainingConsumptionLabel
+    },
+    consumption: dataValidation(remainingConsumption.value),
+    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionEnergyComparison.consumptionInDaysLabel.remainingConsumption,
+    daysAlias: _aliases.CONSUMPTION_DAYS_DAYS_NEXT,
+    numberAlias: _aliases.CONSUMPTION_DAYS_NUMBER_NEXT,
+    totalDays: dataValidation(settlements?.remaining[0]?.days),
+    unit: dataValidation(remainingConsumption.unit),
+    unitAlias: _aliases.CONSUMPTION_DAYS_UNIT_NEXT
+  }), /*#__PURE__*/_react.default.createElement(Label, {
+    alias: _aliases.CONSUMPTION_NEXT_DETAIL,
+    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionEnergyComparison.remainingConsumption
+  }, currentIsFirstSettlement ? texts.mainBillData.remainingConsumption : texts.mainBillData.firstSettlementRemainingConsumption));
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.TITLE,
     className: _stylesModule.default.title
@@ -86,18 +85,20 @@ const ConsumptionEnergyComparison = _ref => {
   }, currentIsFirstSettlement && /*#__PURE__*/_react.default.createElement(CurrentSettlement, null), /*#__PURE__*/_react.default.createElement(RemainingSettlement, null), !currentIsFirstSettlement && /*#__PURE__*/_react.default.createElement(CurrentSettlement, null)), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.totalConsumptionContainer
   }, periodicity && periodNumber && year && /*#__PURE__*/_react.default.createElement(Label, {
-    alias: _aliases.CONSUMPTION_PERIODICITY
-  }, "".concat((0, _string.stringToCompareWithoutAccentsInclusive)(periodicity, _periodicities.PERIODICITY.BIMONTHLY) ? texts.Base.bimester : '-', " ").concat(periodNumber, "/").concat((0, _dayjs.default)(year, 'YYYY').format('YY'), ":")), /*#__PURE__*/_react.default.createElement(_ConsumptionInDaysLabel.default, {
-    consumption: dataValidation(totalConsumption.value),
-    unit: dataValidation(totalConsumption.unit),
-    totalDays: dataValidation(settlements.total_settlements_days),
+    alias: _aliases.CONSUMPTION_PERIODICITY,
+    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionEnergyComparison.consumptionPeriodicity
+  }, `${(0, _string.stringToCompareWithoutAccentsInclusive)(periodicity, _periodicities.PERIODICITY.BIMONTHLY) ? texts.Base.bimester : '-'} ${periodNumber}/${(0, _dayjs.default)(year, 'YYYY').format('YY')}:`), /*#__PURE__*/_react.default.createElement(_ConsumptionInDaysLabel.default, {
     classes: {
       container: _stylesModule.default.totalConsumptionLabel
     },
-    numberAlias: _aliases.CONSUMPTION_BIMESTER_NUMBER,
-    unitAlias: _aliases.CONSUMPTION_BIMESTER_UNIT,
+    consumption: dataValidation(totalConsumption.value),
+    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionEnergyComparison.consumptionInDaysLabel.consumptionPeriodicity,
     daysAlias: _aliases.CONSUMPTION_BIMESTER_DAYS,
-    totalSettlements: true
+    numberAlias: _aliases.CONSUMPTION_BIMESTER_NUMBER,
+    totalDays: dataValidation(settlements.total_settlements_days),
+    totalSettlements: true,
+    unit: dataValidation(totalConsumption.unit),
+    unitAlias: _aliases.CONSUMPTION_BIMESTER_UNIT
   })), withPercentage && /*#__PURE__*/_react.default.createElement(_PercentageComparison.default, {
     savingsPercentage: dataValidation(savingsPercentage),
     multipleSettlements: multipleSettlements

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

@@ -10,17 +10,18 @@ var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
 var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
 var _utils = require("../../../../utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ConsumptionInDaysLabel = _ref => {
   let {
-    contextApiInfo,
-    consumption,
-    unit,
-    totalDays,
     classes = {},
+    consumption,
+    contextApiInfo,
+    dataTestId,
+    daysAlias,
     numberAlias,
-    unitAlias,
-    daysAlias
+    totalDays,
+    unit,
+    unitAlias
   } = _ref;
   const {
     config,
@@ -30,27 +31,30 @@ const ConsumptionInDaysLabel = _ref => {
     texts
   } = config;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes.container)
+    className: `${classes.container}`
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.consumptionAndUnit
   }, /*#__PURE__*/_react.default.createElement(Label, {
-    alias: numberAlias
-  }, "".concat((0, _utils.stringOrDash)(consumption), "\xA0")), /*#__PURE__*/_react.default.createElement(Label, {
+    alias: numberAlias,
+    dataTestId: dataTestId ? `${dataTestId}consumption` : ''
+  }, `${(0, _utils.stringOrDash)(consumption)}\xa0`), /*#__PURE__*/_react.default.createElement(Label, {
     alias: unitAlias
-  }, "".concat((0, _utils.stringOrDash)(unit), "\xA0"))), /*#__PURE__*/_react.default.createElement(Label, {
-    alias: daysAlias
-  }, "".concat(texts.Base.inPreposition, " ").concat((0, _utils.stringOrDash)(totalDays), " ").concat(texts.Base.days)));
+  }, `${(0, _utils.stringOrDash)(unit)}\xa0`)), /*#__PURE__*/_react.default.createElement(Label, {
+    alias: daysAlias,
+    dataTestId: dataTestId ? `${dataTestId}days` : ''
+  }, `${texts.Base.inPreposition} ${(0, _utils.stringOrDash)(totalDays)} ${texts.Base.days}`));
 };
 ConsumptionInDaysLabel.propTypes = {
-  contextApiInfo: _smartBillTypes.contextApiInfoTypes,
-  consumption: _propTypes.string,
-  unit: _propTypes.string,
-  totalDays: _propTypes.string,
   classes: (0, _propTypes.shape)({
     container: _propTypes.string
   }),
+  consumption: _propTypes.string,
+  contextApiInfo: _smartBillTypes.contextApiInfoTypes,
+  dataTestId: _propTypes.string,
+  daysAlias: _propTypes.string,
   numberAlias: _propTypes.string,
-  unitAlias: _propTypes.string,
-  daysAlias: _propTypes.string
+  totalDays: _propTypes.string,
+  unit: _propTypes.string,
+  unitAlias: _propTypes.string
 };
 var _default = exports.default = (0, _WithContextApi.default)()(ConsumptionInDaysLabel);

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

@@ -11,10 +11,10 @@ var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"))
 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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; }
-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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const EnergyTotalConsumption = _ref => {
   let {
     contextApiInfo,
@@ -34,7 +34,7 @@ const EnergyTotalConsumption = _ref => {
     alias: alias
   }, exceededReactiveEnergy ? {
     colorTheme: 'error'
-  } : {}), "".concat((0, _utils.stringOrDash)(consumption), "\xA0")), /*#__PURE__*/_react.default.createElement(Label, _extends({
+  } : {}), `${(0, _utils.stringOrDash)(consumption)}\xa0`), /*#__PURE__*/_react.default.createElement(Label, _extends({
     alias: unitAlias
   }, exceededReactiveEnergy ? {
     colorTheme: 'error'

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

@@ -11,7 +11,7 @@ var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"))
 var _aliases = require("../../../../shared/constants/aliases");
 var _utils = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const PercentageComparison = _ref => {
   let {
     contextApiInfo,
@@ -34,14 +34,14 @@ const PercentageComparison = _ref => {
     background
   } = (0, _utils.getProps)(savingsPercentage, assets);
   return savingsPercentage === 0 || savingsPercentage ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(background)
+    className: `${_stylesModule.default.container} ${background}`
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.iconAndNumberContainer
   }, /*#__PURE__*/_react.default.createElement(Icon, {
     className: _stylesModule.default.icon
   }), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.PERCENTAGE_COMPARISON
-  }, "".concat(sign).concat(value, "%"))), /*#__PURE__*/_react.default.createElement(Label, {
+  }, `${sign}${value}%`)), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.PERCENTAGE_COMPARISON_DETAIL
   }, multipleSettlements ? consumptionComparissonWithLasYear : activeEnergycomparisonWithLastYear)) : null;
 };

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

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