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

package/dist/components/ConsumptionEnergyDetails/index.js

@@ -6,20 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
-var _aliases = require("../../shared/constants/aliases");
+var _Magnitude = _interopRequireDefault(require("../Magnitude"));
+var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
 var _billDataTypes = require("../../shared/types/billDataTypes");
+var _aliases = require("../../shared/constants/aliases");
 var _smartBillTypes = require("../../shared/types/smartBillTypes");
-var _consumptions = require("../../shared/utils/consumptions");
-var _periods = require("../../shared/utils/periods");
-var _consumptions2 = require("../../shared/constants/consumptions");
-var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
+var _consumptions = require("../../shared/constants/consumptions");
 var _utils = require("../../utils");
-var _Magnitude = _interopRequireDefault(require("../Magnitude"));
+var _periods = require("../../shared/utils/periods");
+var _testsIds = require("../../constants/testsIds");
+var _consumptions2 = require("../../shared/utils/consumptions");
 var _ConsumptionEnergyComparison = _interopRequireDefault(require("./components/ConsumptionEnergyComparison"));
 var _EnergyTotalConsumption = _interopRequireDefault(require("./components/EnergyTotalConsumption"));
 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 ConsumptionEnergyDetails = _ref => {
@@ -49,22 +50,23 @@ const ConsumptionEnergyDetails = _ref => {
     showPercentageComparison,
     showSingleSettlementDays
   } = 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 currentConsumption = (0, _consumptions2.getCurrentConsumption)(currentPeriod, _consumptions.ENERGY_TYPES.ACTIVE);
+  const remainingConsumption = (0, _consumptions2.getRemainingConsumption)(currentPeriod, _consumptions.ENERGY_TYPES.ACTIVE);
+  const totalConsumption = (0, _consumptions2.getTotalConsumption)(currentPeriod, _consumptions.ENERGY_TYPES.ACTIVE);
+  const powerFactorType = useCosinePhi(billData) ? _consumptions.POWER_FACTORS.COSINE_PHI : _consumptions.POWER_FACTORS.TANGENT_PHI;
+  const powerFactor = (0, _consumptions2.getTotalConsumption)(currentPeriod, powerFactorType);
+  const totalReactiveConsumption = (0, _consumptions2.getTotalConsumption)(currentPeriod, _consumptions.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 settlements = currentPeriod?.settlements;
+  const periodicity = settlements?.periodicity;
+  const periodNumber = currentPeriod?.number;
+  const year = currentPeriod?.year;
   const currentIsFirstSettlement = multipleSettlements && settlements.current.number === 1;
   const Title = style => /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.TITLE,
-    className: "".concat(style && _stylesModule.default.title)
+    className: `${style && _stylesModule.default.title}`,
+    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionTitle
   }, texts.billSummary.consumptionTitle);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
@@ -99,7 +101,7 @@ const ConsumptionEnergyDetails = _ref => {
     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.Base.days)))) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, Title(true), /*#__PURE__*/_react.default.createElement("div", {
+  }, `${currentPeriod.settlements.total_settlements_days} ${texts.Base.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)),
@@ -116,20 +118,20 @@ const ConsumptionEnergyDetails = _ref => {
     className: _stylesModule.default.exceededFooter
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.POWER_FACTOR_EXCEEDED_VALUE
-  }, "".concat(powerFactor.magnitude)), /*#__PURE__*/_react.default.createElement("div", {
+  }, `${powerFactor.magnitude}`), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.iconAndLabel
   }, /*#__PURE__*/_react.default.createElement(RedAlertIcon, {
     className: _stylesModule.default.labelIcon
   }), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.POWER_FACTOR_EXCEEDED_VALUE
-  }, "".concat((0, _utils.formatNumber)(powerFactor.value))))), /*#__PURE__*/_react.default.createElement("div", {
+  }, `${(0, _utils.formatNumber)(powerFactor.value)}`))), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.energyExceededFine
   }, /*#__PURE__*/_react.default.createElement(RedAlertIcon, {
     className: _stylesModule.default.labelIcon
   }), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.POWER_FACTOR_EXCEEDED_MESSAGE,
     colorTheme: "error"
-  }, "".concat(powerFactor.alert_message)))))), showPercentageComparison(billData) && withPercentage && (savingsPercentage === 0 || savingsPercentage) && /*#__PURE__*/_react.default.createElement(_PercentageComparison.default, {
+  }, `${powerFactor.alert_message}`))))), showPercentageComparison(billData) && withPercentage && (savingsPercentage === 0 || savingsPercentage) && /*#__PURE__*/_react.default.createElement(_PercentageComparison.default, {
     savingsPercentage: dataValidation(savingsPercentage),
     multipleSettlements: !consumptionComparison
   }));

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

@@ -6,16 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
-var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
+var _HeaderConsumption = _interopRequireDefault(require("../HeaderConsumption"));
 var _Magnitude = _interopRequireDefault(require("../../../../../Magnitude"));
 var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
-var _HeaderConsumption = _interopRequireDefault(require("../HeaderConsumption"));
+var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
+var _testsIds = require("../../../../../../constants/testsIds");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _utils = require("./utils");
-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 Card = _ref => {
   let {
     contextApiInfo,
@@ -80,9 +81,10 @@ const Card = _ref => {
     cardConsumptionTextAlias
   } = (0, _utils.getAliases)(consumption, current, remaining);
   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),
+    className: `${_stylesModule.default.container} ${current && _stylesModule.default.containerCurrent} ${remaining && _stylesModule.default.containerRemaining}`,
+    "data-testid": _testsIds.smartBill.card ? `${_testsIds.smartBill.card}${current ? 'current' : remaining ? 'remaining' : 'period'}` : '',
     style: current && {
-      border: "1px solid ".concat(colors.primary)
+      border: `1px solid ${colors.primary}`
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.header
@@ -105,21 +107,21 @@ const Card = _ref => {
   }, cardSubtitle), cardDescription2 && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.daysRank
   }, /*#__PURE__*/_react.default.createElement(assets.CalendarIcon, {
-    className: "".concat(_stylesModule.default.calendarIcon, " ").concat(remaining && _stylesModule.default.calendarIconRemaining)
+    className: `${_stylesModule.default.calendarIcon} ${remaining && _stylesModule.default.calendarIconRemaining}`
   }), /*#__PURE__*/_react.default.createElement(Label, _extends({
     alias: cardDescriptionRemainingAlias
   }, consumption ? {
     colorTheme: 'dark'
   } : {}), cardDescription2))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.content, " ").concat(current && _stylesModule.default.currentContent, " ").concat(remaining && _stylesModule.default.remainingContent),
+    className: `${_stylesModule.default.content} ${current && _stylesModule.default.currentContent} ${remaining && _stylesModule.default.remainingContent}`,
     style: current && {
       backgroundColor: colors.primary
     }
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: consumptionAlias,
-    className: "".concat(!consumption && _stylesModule.default.consumptionLabel)
-  }, "".concat(consumptionIncluded.consumption, ":")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(!consumption && _stylesModule.default.consumptionRank)
+    className: `${!consumption && _stylesModule.default.consumptionLabel}`
+  }, `${consumptionIncluded.consumption}:`), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${!consumption && _stylesModule.default.consumptionRank}`
   }, /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
     numberAlias: magnitudeAlias,
     unitAlias: unitAlias,
@@ -134,7 +136,8 @@ const Card = _ref => {
     alias: cardConsumptionDescriptionAlias,
     className: _stylesModule.default.cardConsumptionDescription
   }, cardDescription1)))), !consumption && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.footer, " ").concat(current && currentIsFirstSettlement ? _stylesModule.default.currentFooter : _stylesModule.default.footerDisabled, " ").concat(remaining && !currentIsFirstSettlement ? _stylesModule.default.currentFooter : _stylesModule.default.footerDisabled)
+    className: `${_stylesModule.default.footer} ${current && currentIsFirstSettlement ? _stylesModule.default.currentFooter : _stylesModule.default.footerDisabled} ${remaining && !currentIsFirstSettlement ? _stylesModule.default.currentFooter : _stylesModule.default.footerDisabled}`,
+    "data-testid": _testsIds.smartBill.card ? `${_testsIds.smartBill.card}footer${current ? '.current' : remaining ? '.remaining' : ''}` : ''
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: cardConsumptionTextAlias
   }, consumptionText)));

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

@@ -11,7 +11,7 @@ var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
 var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
 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 HeaderConsumption = _ref => {
   let {
     contextApiInfo,
@@ -31,7 +31,7 @@ const HeaderConsumption = _ref => {
     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'));
+  const formatDate = date => `${parseDate(date).format('DD')} ${ofPreposition} ${parseDate(date).format('MMM')}`;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -40,7 +40,7 @@ const HeaderConsumption = _ref => {
     className: _stylesModule.default.calendarIcon
   }), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.HEADER_CONSUMPTION
-  }, "".concat(formatDate(startDate), " ").concat(toPreposition, " ").concat(formatDate(endDate)))));
+  }, `${formatDate(startDate)} ${toPreposition} ${formatDate(endDate)}`)));
 };
 HeaderConsumption.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,

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

@@ -10,7 +10,7 @@ var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
 var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
 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 HeaderSettlement = _ref => {
   let {
     contextApiInfo,
@@ -28,12 +28,12 @@ const HeaderSettlement = _ref => {
   const mainLabelAlias = isRemaining ? _aliases.HEADER_SETTLEMENT_REMAINING : _aliases.HEADER_SETTLEMENT;
   const 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)
+    className: `${_stylesModule.default.container} ${isRemaining && _stylesModule.default.disabledContainer}`
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: mainLabelAlias
   }, consumptionIncluded.dateOfIssue), /*#__PURE__*/_react.default.createElement(Label, {
     alias: mainLabelAlias
-  }, "".concat(consumptionIncluded.settlement, " ").concat(settlementNumber)), /*#__PURE__*/_react.default.createElement(Label, {
+  }, `${consumptionIncluded.settlement} ${settlementNumber}`), /*#__PURE__*/_react.default.createElement(Label, {
     alias: dateLabelAlias
   }, date));
 };

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

@@ -10,10 +10,10 @@ var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
 var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
 var _Card = _interopRequireDefault(require("./components/Card"));
 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 TimelineRow = _ref => {
   let {
     contextApiInfo,
@@ -55,9 +55,9 @@ const TimelineRow = _ref => {
     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)
+    className: `${isConsumption ? _stylesModule.default.consumptionContainerRow : _stylesModule.default.settlementContainerRow && settlementNumber === 1 ? _stylesModule.default.settlementOne : _stylesModule.default.settlementTwo}`
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(isConsumption ? _stylesModule.default.headerContainerConsumption : _stylesModule.default.headerContainer, " ")
+    className: `${isConsumption ? _stylesModule.default.headerContainerConsumption : _stylesModule.default.headerContainer} `
   }, isConsumption ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.cardContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -67,20 +67,20 @@ const TimelineRow = _ref => {
     initialDate: startDate,
     finalDate: endDate
   }))), /*#__PURE__*/_react.default.createElement(_react.Fragment, null, currentIsFirstSettlement ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Minicheck, {
-    className: "".concat(_stylesModule.default.minicheck, " ").concat(_stylesModule.default.firstSettlement),
+    className: `${_stylesModule.default.minicheck} ${_stylesModule.default.firstSettlement}`,
     style: {
       fill: colors.primary
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.dot, " ").concat(_stylesModule.default.secondSettlement, " ")
+    className: `${_stylesModule.default.dot} ${_stylesModule.default.secondSettlement} `
   }, /*#__PURE__*/_react.default.createElement(ClockIcon, {
     className: _stylesModule.default.clockIcon
   }))) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.dot, " ").concat(_stylesModule.default.firstSettlement)
+    className: `${_stylesModule.default.dot} ${_stylesModule.default.firstSettlement}`
   }, /*#__PURE__*/_react.default.createElement(MinicheckRemaining, {
-    className: "".concat(_stylesModule.default.remainingMinicheck, " ").concat(_stylesModule.default.firstSettlement, " ")
+    className: `${_stylesModule.default.remainingMinicheck} ${_stylesModule.default.firstSettlement} `
   })), /*#__PURE__*/_react.default.createElement(Minicheck, {
-    className: "".concat(_stylesModule.default.minicheck, " ").concat(_stylesModule.default.secondSettlement),
+    className: `${_stylesModule.default.minicheck} ${_stylesModule.default.secondSettlement}`,
     style: {
       fill: colors.primary
     }

package/dist/components/ConsumptionIncluded/index.js

@@ -11,7 +11,7 @@ var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
 var _utils = require("./utils");
 var _TimelineRow = _interopRequireDefault(require("./components/TimelineRow"));
 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 ConsumptionIncluded = _ref => {

package/dist/components/ConsumptionIncluded/utils.js

@@ -9,16 +9,16 @@ var _string = require("@widergy/web-utils/lib/string");
 var _consumptions = require("../../shared/utils/consumptions");
 var _periodicities = require("../../shared/constants/periodicities");
 var _consumptions2 = require("../../shared/constants/consumptions");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getBimesterDateTitle = (_ref, text) => {
   let {
     year,
     number,
     settlements
   } = _ref;
-  const isPeriodicity = (0, _string.stringToCompareWithoutAccentsInclusive)(settlements === null || settlements === void 0 ? void 0 : settlements.periodicity, _periodicities.PERIODICITY.BIMONTHLY);
+  const isPeriodicity = (0, _string.stringToCompareWithoutAccentsInclusive)(settlements?.periodicity, _periodicities.PERIODICITY.BIMONTHLY);
   if (!number || !year || !isPeriodicity) return '-';
-  return "".concat(text.bimester, " ").concat(number, " ").concat(text.of, " ").concat(year.substring(2));
+  return `${text.bimester} ${number} ${text.of} ${year.substring(2)}`;
 };
 const getBimesterDate = (periods, text) => {
   const currentPeriod = periods.find(item => item.current);
@@ -27,78 +27,60 @@ const getBimesterDate = (periods, text) => {
 };
 exports.getBimesterDate = getBimesterDate;
 const getTotalDaysDescriptionComsumption = (period, texts) => {
-  var _period$settlements;
-  const totalDays = period === null || period === void 0 || (_period$settlements = period.settlements) === null || _period$settlements === void 0 ? void 0 : _period$settlements.total_settlements_days;
-  return "".concat(totalDays, " ").concat(texts.days);
+  const totalDays = period?.settlements?.total_settlements_days;
+  return `${totalDays} ${texts.days}`;
 };
 const getTotalDaysDescriptionSettlement = (period, texts, dataRetriver) => {
-  var _period$settlements2;
-  const totalDays = period === null || period === void 0 || (_period$settlements2 = period.settlements) === null || _period$settlements2 === void 0 ? void 0 : _period$settlements2.total_settlements_days;
+  const totalDays = period?.settlements?.total_settlements_days;
   const currentConsumptionDays = dataRetriver(period).days;
-  return currentConsumptionDays && totalDays ? "".concat(currentConsumptionDays, " ").concat(texts.of, " ").concat(totalDays, " ").concat(texts.days) : '-';
+  return currentConsumptionDays && totalDays ? `${currentConsumptionDays} ${texts.of} ${totalDays} ${texts.days}` : '-';
 };
 const getConsumptionDescriptionSettlement = (period, texts) => {
   const totalConsumption = (0, _consumptions.getTotalConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE);
-  return totalConsumption.unit ? "".concat(texts.of, " ").concat(totalConsumption.value, " ").concat(totalConsumption.unit) : '-';
+  return totalConsumption.unit ? `${texts.of} ${totalConsumption.value} ${totalConsumption.unit}` : '-';
 };
 const getCardSubtitleSettlement = (period, text, dataRetriver) => {
-  var _period$settlements3;
   const currentSettlement = dataRetriver(period).number || 0;
-  const totalSettlements = (period === null || period === void 0 || (_period$settlements3 = period.settlements) === null || _period$settlements3 === void 0 ? void 0 : _period$settlements3.total_settlements) || 0;
-  return "".concat(text.settlement, " ").concat(currentSettlement, " ").concat(text.of, " ").concat(totalSettlements);
-};
-const getCurrent = period => {
-  var _period$settlements4;
-  return (period === null || period === void 0 || (_period$settlements4 = period.settlements) === null || _period$settlements4 === void 0 ? void 0 : _period$settlements4.current) || {};
-};
-const getRemaining = period => {
-  var _period$settlements5;
-  return (period === null || period === void 0 || (_period$settlements5 = period.settlements) === null || _period$settlements5 === void 0 || (_period$settlements5 = _period$settlements5.remaining) === null || _period$settlements5 === void 0 ? void 0 : _period$settlements5[0]) || {};
-};
-const consumptionMapper = (period, texts) => {
-  var _period$settlements6, _period$settlements7;
-  return {
-    startDate: period !== null && period !== void 0 && (_period$settlements6 = period.settlements) !== null && _period$settlements6 !== void 0 && _period$settlements6.start_date ? (0, _dayjs.default)(period.settlements.start_date).format('DD/MM/YYYY') : '-',
-    endDate: period !== null && period !== void 0 && (_period$settlements7 = period.settlements) !== null && _period$settlements7 !== void 0 && _period$settlements7.end_date ? (0, _dayjs.default)(period.settlements.end_date).format('DD/MM/YYYY') : '-',
-    cardTitle: getBimesterDateTitle(period, texts),
-    cardSubtitle: texts.consumption,
-    cardDescription1: getTotalDaysDescriptionComsumption(period, texts),
-    value: (0, _consumptions.getTotalConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).value,
-    unit: (0, _consumptions.getTotalConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
-    isConsumption: true,
-    order: 0
-  };
-};
-const settlementCurrentMapper = (period, texts) => {
-  var _period$settlements8, _period$settlements9, _period$settlements10;
-  return {
-    cardTitle: texts.billing,
-    cardSubtitle: getCardSubtitleSettlement(period, texts, getCurrent),
-    cardDescription1: getConsumptionDescriptionSettlement(period, texts, _consumptions.getCurrentConsumption),
-    cardDescription2: getTotalDaysDescriptionSettlement(period, texts, getCurrent),
-    value: (0, _consumptions.getCurrentConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).value,
-    unit: (0, _consumptions.getCurrentConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
-    date: period !== null && period !== void 0 && (_period$settlements8 = period.settlements) !== null && _period$settlements8 !== void 0 && (_period$settlements8 = _period$settlements8.current) !== null && _period$settlements8 !== void 0 && _period$settlements8.issued_on ? (0, _dayjs.default)(period.settlements.current.issued_on, 'YYYY-MM-DD').format('DD/MM/YYYY') : '-',
-    settlementNumber: (period === null || period === void 0 || (_period$settlements9 = period.settlements) === null || _period$settlements9 === void 0 || (_period$settlements9 = _period$settlements9.current) === null || _period$settlements9 === void 0 ? void 0 : _period$settlements9.number) || '-',
-    isCurrent: true,
-    order: period === null || period === void 0 || (_period$settlements10 = period.settlements) === null || _period$settlements10 === void 0 || (_period$settlements10 = _period$settlements10.current) === null || _period$settlements10 === void 0 ? void 0 : _period$settlements10.number
-  };
-};
-const settlementRemainingMapper = (period, texts) => {
-  var _period$settlements11, _period$settlements12, _period$settlements13;
-  return {
-    cardTitle: texts.billing,
-    cardSubtitle: getCardSubtitleSettlement(period, texts, getRemaining),
-    cardDescription1: getConsumptionDescriptionSettlement(period, texts, _consumptions.getRemainingConsumption),
-    cardDescription2: getTotalDaysDescriptionSettlement(period, texts, getRemaining),
-    value: (0, _consumptions.getRemainingConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).value,
-    unit: (0, _consumptions.getRemainingConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
-    date: (period === null || period === void 0 || (_period$settlements11 = period.settlements) === null || _period$settlements11 === void 0 || (_period$settlements11 = _period$settlements11.remaining) === null || _period$settlements11 === void 0 ? void 0 : _period$settlements11.length) > 0 ? (0, _dayjs.default)(period.settlements.remaining[0].issued_on, 'YYYY-MM-DD').format('DD/MM/YYYY') : '-',
-    settlementNumber: (period === null || period === void 0 || (_period$settlements12 = period.settlements) === null || _period$settlements12 === void 0 || (_period$settlements12 = _period$settlements12.remaining) === null || _period$settlements12 === void 0 || (_period$settlements12 = _period$settlements12[0]) === null || _period$settlements12 === void 0 ? void 0 : _period$settlements12.number) || '-',
-    isRemaining: true,
-    order: period === null || period === void 0 || (_period$settlements13 = period.settlements) === null || _period$settlements13 === void 0 || (_period$settlements13 = _period$settlements13.remaining) === null || _period$settlements13 === void 0 || (_period$settlements13 = _period$settlements13[0]) === null || _period$settlements13 === void 0 ? void 0 : _period$settlements13.number
-  };
+  const totalSettlements = period?.settlements?.total_settlements || 0;
+  return `${text.settlement} ${currentSettlement} ${text.of} ${totalSettlements}`;
 };
+const getCurrent = period => period?.settlements?.current || {};
+const getRemaining = period => period?.settlements?.remaining?.[0] || {};
+const consumptionMapper = (period, texts) => ({
+  startDate: period?.settlements?.start_date ? (0, _dayjs.default)(period.settlements.start_date).format('DD/MM/YYYY') : '-',
+  endDate: period?.settlements?.end_date ? (0, _dayjs.default)(period.settlements.end_date).format('DD/MM/YYYY') : '-',
+  cardTitle: getBimesterDateTitle(period, texts),
+  cardSubtitle: texts.consumption,
+  cardDescription1: getTotalDaysDescriptionComsumption(period, texts),
+  value: (0, _consumptions.getTotalConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).value,
+  unit: (0, _consumptions.getTotalConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
+  isConsumption: true,
+  order: 0
+});
+const settlementCurrentMapper = (period, texts) => ({
+  cardTitle: texts.billing,
+  cardSubtitle: getCardSubtitleSettlement(period, texts, getCurrent),
+  cardDescription1: getConsumptionDescriptionSettlement(period, texts, _consumptions.getCurrentConsumption),
+  cardDescription2: getTotalDaysDescriptionSettlement(period, texts, getCurrent),
+  value: (0, _consumptions.getCurrentConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).value,
+  unit: (0, _consumptions.getCurrentConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
+  date: period?.settlements?.current?.issued_on ? (0, _dayjs.default)(period.settlements.current.issued_on, 'YYYY-MM-DD').format('DD/MM/YYYY') : '-',
+  settlementNumber: period?.settlements?.current?.number || '-',
+  isCurrent: true,
+  order: period?.settlements?.current?.number
+});
+const settlementRemainingMapper = (period, texts) => ({
+  cardTitle: texts.billing,
+  cardSubtitle: getCardSubtitleSettlement(period, texts, getRemaining),
+  cardDescription1: getConsumptionDescriptionSettlement(period, texts, _consumptions.getRemainingConsumption),
+  cardDescription2: getTotalDaysDescriptionSettlement(period, texts, getRemaining),
+  value: (0, _consumptions.getRemainingConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).value,
+  unit: (0, _consumptions.getRemainingConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
+  date: period?.settlements?.remaining?.length > 0 ? (0, _dayjs.default)(period.settlements.remaining[0].issued_on, 'YYYY-MM-DD').format('DD/MM/YYYY') : '-',
+  settlementNumber: period?.settlements?.remaining?.[0]?.number || '-',
+  isRemaining: true,
+  order: period?.settlements?.remaining?.[0]?.number
+});
 const dataMapper = function () {
   let periods = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let texts = arguments.length > 1 ? arguments[1] : undefined;

package/dist/components/ConsumptionPeriod/components/ConsumptionSummary/components/ReadingRow/index.js

@@ -10,17 +10,18 @@ var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
 var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
 var _Magnitude = _interopRequireDefault(require("../../../../../Magnitude"));
 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 ReadingRow = _ref => {
   let {
     alias,
-    numberAlias,
-    unitAlias,
     contextApiInfo,
+    dataTestId,
+    disableUnit,
+    numberAlias,
     text,
-    value,
     unit,
-    disableUnit
+    unitAlias,
+    value
   } = _ref;
   const {
     Label
@@ -28,26 +29,29 @@ const ReadingRow = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement(Label, {
-    alias: alias
-  }, "".concat(text, ":")), /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
-    numberAlias: numberAlias,
-    unitAlias: unitAlias,
-    value: value,
-    unit: unit,
-    disableUnit: disableUnit,
+    alias: alias,
+    dataTestId: dataTestId
+  }, `${text}:`), /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
     classes: {
       container: _stylesModule.default.magnitudeContainer
-    }
+    },
+    dataTestId: dataTestId ? `${dataTestId}.magnitude` : '',
+    disableUnit: disableUnit,
+    numberAlias: numberAlias,
+    unit: unit,
+    unitAlias: unitAlias,
+    value: value
   }));
 };
 ReadingRow.propTypes = {
+  alias: _propTypes.string,
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
-  text: _propTypes.string,
-  value: _propTypes.number,
-  unit: _propTypes.string,
+  dataTestId: _propTypes.string,
   disableUnit: _propTypes.bool,
-  alias: _propTypes.string,
   numberAlias: _propTypes.string,
-  unitAlias: _propTypes.string
+  text: _propTypes.string,
+  unit: _propTypes.string,
+  unitAlias: _propTypes.string,
+  value: _propTypes.number
 };
 var _default = exports.default = (0, _WithContextApi.default)()(ReadingRow);