@widergy/utilitygo-smart-bill-web 3.5.2 → 3.6.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.6.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.5.3...v3.6.0) (2025-05-16)
+
+
+### Features
+
+* [AUT-597] new testids structure ([#49](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/49)) ([dcada4a](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/dcada4af59b694a412f4f43902316e5057724bb9))
+
+## [3.5.3](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.5.2...v3.5.3) (2025-05-09)
+
+
+### Bug Fixes
+
+* smartbill consumption comparison ([#48](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/48)) ([395d61d](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/395d61d3d6094ffc78b91f3283ffa448067f3532))
+
 ## [3.5.2](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.5.1...v3.5.2) (2025-04-30)
 
 

package/dist/components/Banner/index.js

@@ -8,8 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
 var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
 var _smartBillTypes = require("../../shared/types/smartBillTypes");
-var _testsIds = require("../../constants/testsIds");
+var _testIds = require("../../constants/testIds");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  smartBill
+} = _testIds.TEST_IDS;
 const Banner = _ref => {
   let {
     contextApiInfo,
@@ -21,7 +24,7 @@ const Banner = _ref => {
     ExternalLink
   } = contextApiInfo;
   return /*#__PURE__*/_react.default.createElement(ExternalLink, {
-    dataTestId: _testsIds.smartBill.banner,
+    dataTestId: smartBill.banner,
     key: externalLink,
     url: externalLink
   }, /*#__PURE__*/_react.default.createElement("img", {

package/dist/components/BarChart/index.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
 var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
 var _smartBillTypes = require("../../shared/types/smartBillTypes");
-var _testsIds = require("../../constants/testsIds");
+var _testIds = require("../../constants/testIds");
 var _aliases = require("../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _utils = require("./utils");
@@ -17,6 +17,9 @@ 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() { 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 {
+  smartBill
+} = _testIds.TEST_IDS;
 const BarChartSection = _ref => {
   let {
     contextApiInfo,
@@ -48,7 +51,7 @@ const BarChartSection = _ref => {
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.TITLE,
     className: _stylesModule.default.title,
-    dataTestId: _testsIds.smartBill.barChart.title
+    dataTestId: smartBill.barChart.title
   }, texts.consumptionPeriod.barChartTitle), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.barChartContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -61,7 +64,7 @@ const BarChartSection = _ref => {
   }), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.DETAIL,
     className: _stylesModule.default.yAxisLabel,
-    dataTestId: _testsIds.smartBill.barChart.yAxisLabel
+    dataTestId: smartBill.barChart.yAxisLabel
   }, yAxisLabel), /*#__PURE__*/_react.default.createElement(CalendarIcon, {
     style: {
       fill: colors.barChart?.calendar

package/dist/components/BillCalculation/components/ConceptCard/index.js

@@ -9,12 +9,15 @@ var _array = require("@widergy/web-utils/lib/array");
 var _propTypes = require("prop-types");
 var _aliases = require("../../../../shared/constants/aliases");
 var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
-var _testsIds = require("../../../../constants/testsIds");
+var _testIds = require("../../../../constants/testIds");
 var _StyledAmount = _interopRequireDefault(require("../../../StyledAmount"));
 var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 {
+  smartBill
+} = _testIds.TEST_IDS;
 const ConceptCard = _ref => {
   let {
     contextApiInfo,
@@ -44,12 +47,12 @@ const ConceptCard = _ref => {
     className: _stylesModule.default.headerContainer
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.BILL_CALC_CONCEPT,
-    dataTestId: `${_testsIds.smartBill.billCalculation.conceptCard.header}concept_${index}.label`
+    dataTestId: `${smartBill.billCalculation.conceptCard.header}concept_${index}.label`
   }, titleHeader), /*#__PURE__*/_react.default.createElement(_StyledAmount.default, {
     alias: _aliases.CONCEPT_CARD_AMOUNT,
     aliasDecimal: _aliases.CONCEPT_CARD_AMOUNT_DECIMAL,
     amount: total,
-    dataTestId: `${_testsIds.smartBill.billCalculation.conceptCard.line}concept_${index}.value.`,
+    dataTestId: `${smartBill.billCalculation.conceptCard.line}concept_${index}.value.`,
     variant: "xlarge"
   }));
   const handleRenderLines = (list, i) => (list.amount !== 0 || showZeroConcepts) && /*#__PURE__*/_react.default.createElement("div", {
@@ -59,12 +62,12 @@ const ConceptCard = _ref => {
     className: `${_stylesModule.default.conceptLineContainer} ${list.description && _stylesModule.default.conceptLineContainerMarginBottom}`
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.CONCEPT_TITLE,
-    dataTestId: `${_testsIds.smartBill.billCalculation.conceptCard.line}concept_${index}.line_${i}.label`
+    dataTestId: `${smartBill.billCalculation.conceptCard.line}concept_${index}.line_${i}.label`
   }, list.title), /*#__PURE__*/_react.default.createElement(_StyledAmount.default, {
     alias: _aliases.CONCEPT_LIST_AMOUNT,
     aliasDecimal: _aliases.CONCEPT_LIST_AMOUNT_DECIMAL,
     amount: list.amount,
-    dataTestId: `${_testsIds.smartBill.billCalculation.conceptCard.line}concept_${index}.line_${i}.value.`,
+    dataTestId: `${smartBill.billCalculation.conceptCard.line}concept_${index}.line_${i}.value.`,
     variant: "large"
   })), list.description && /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.LINE_DESCRIPTION
@@ -78,10 +81,10 @@ const ConceptCard = _ref => {
       expandButtonIcon: _stylesModule.default.expandIcon,
       expandableContent: `${isOpen && _stylesModule.default.expandableContent}`
     },
-    dataTestId: `${_testsIds.smartBill.billCalculation.conceptCard.card}concept_${index}`,
+    dataTestId: `${smartBill.billCalculation.conceptCard.card}concept_${index}`,
     expandableIconProps: {
       size: 'small',
-      dataTestId: `${_testsIds.smartBill.billCalculation.conceptCard.expandButton}concept_${index}`
+      dataTestId: `${smartBill.billCalculation.conceptCard.expandButton}concept_${index}`
     },
     ExpandedIcon: ArrowUpwardIcon && (_ref2 => {
       let {

package/dist/components/BillCalculation/index.js

@@ -10,7 +10,7 @@ var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
 var _smartBillTypes = require("../../shared/types/smartBillTypes");
 var _aliases = require("../../shared/constants/aliases");
 var _billDataTypes = require("../../shared/types/billDataTypes");
-var _testsIds = require("../../constants/testsIds");
+var _testIds = require("../../constants/testIds");
 var _hooks = require("../../utils/hooks");
 var _utils = require("./utils");
 var _ConceptCard = _interopRequireDefault(require("./components/ConceptCard"));
@@ -19,6 +19,9 @@ var _Glossary = _interopRequireDefault(require("./components/Glossary"));
 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 {
+  smartBill
+} = _testIds.TEST_IDS;
 const BillCalculation = _ref => {
   let {
     billData,
@@ -71,7 +74,7 @@ const BillCalculation = _ref => {
     className: _stylesModule.default.headerSection
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.BILL_CALC_CONCEPT_TITLE,
-    dataTestId: _testsIds.smartBill.billCalculation.title
+    dataTestId: smartBill.billCalculation.title
   }, title), isDesktopSize && /*#__PURE__*/_react.default.createElement(GlossaryRenderer, null)), detail.concepts.map(handleRenderConceptCard), /*#__PURE__*/_react.default.createElement("div", {
     className: `${_stylesModule.default.totalAmountContainer} ${stylesConfig?.paymentTotal}`,
     style: {
@@ -79,12 +82,12 @@ const BillCalculation = _ref => {
     }
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.BILL_CALC_TOTAL,
-    dataTestId: `${_testsIds.smartBill.billCalculation.conceptCard.footer}label`
+    dataTestId: `${smartBill.billCalculation.conceptCard.footer}label`
   }, texts.Base.totalAmount), /*#__PURE__*/_react.default.createElement(_StyledAmount.default, {
     alias: _aliases.BILL_CALC_AMOUNT,
     aliasDecimal: _aliases.BILL_CALC_AMOUNT_DECIMAL,
     amount: detail.total_amount,
-    dataTestId: `${_testsIds.smartBill.billCalculation.conceptCard.line}value.`,
+    dataTestId: `${smartBill.billCalculation.conceptCard.line}value.`,
     variant: "title"
   })), !isDesktopSize && /*#__PURE__*/_react.default.createElement(GlossaryRenderer, null));
 };

package/dist/components/BillSummary/components/BilledConcepts/components/Concept/index.js

@@ -11,10 +11,13 @@ var _StyledAmount = _interopRequireDefault(require("../../../../../StyledAmount"
 var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
 var _aliases = require("../../../../../../shared/constants/aliases");
 var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
-var _testsIds = require("../../../../../../constants/testsIds");
+var _testIds = require("../../../../../../constants/testIds");
 var _hooks = require("../../../../../../utils/hooks");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  smartBill
+} = _testIds.TEST_IDS;
 const Concept = _ref => {
   let {
     color,
@@ -52,14 +55,14 @@ const Concept = _ref => {
     }
   }), /*#__PURE__*/_react.default.createElement(Label, {
     alias: aliasName,
-    dataTestId: `${_testsIds.smartBill.billedConcepts.concept.title}${index}`
+    dataTestId: `${smartBill.billedConcepts.concept.title}${index}`
   }, `${title} ${renderPercentageValidation(false) ? `(${percentageValue})` : ''}`), !isDesktopSize && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.mobileAmount
   }, /*#__PURE__*/_react.default.createElement(_StyledAmount.default, {
     alias: alias,
     aliasDecimal: aliasDecimal,
     amount: value,
-    dataTestId: `${_testsIds.smartBill.billedConcepts.amount}${index}.`,
+    dataTestId: `${smartBill.billedConcepts.amount}${index}.`,
     variant: "xlarge"
   }))), renderPercentageValidation(true) && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.progressBarContainer
@@ -71,7 +74,7 @@ const Concept = _ref => {
       container: _stylesModule.default.progressContainer
     },
     customLabel: percentageValue,
-    dataTestId: `${_testsIds.smartBill.billedConcepts.concept.progressBar}${index}`,
+    dataTestId: `${smartBill.billedConcepts.concept.progressBar}${index}`,
     value: progressBarPercentage,
     withLabel: value !== 0
   })), isDesktopSize && /*#__PURE__*/_react.default.createElement("div", {
@@ -80,7 +83,7 @@ const Concept = _ref => {
     alias: alias,
     aliasDecimal: aliasDecimal,
     amount: value,
-    dataTestId: `${_testsIds.smartBill.billedConcepts.concept.amount}${index}.`,
+    dataTestId: `${smartBill.billedConcepts.concept.amount}${index}.`,
     variant: "xlarge"
   })));
 };

package/dist/components/BillSummary/components/BilledConcepts/index.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
 var _billDataTypes = require("../../../../shared/types/billDataTypes");
 var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
-var _testsIds = require("../../../../constants/testsIds");
+var _testIds = require("../../../../constants/testIds");
 var _aliases = require("../../../../shared/constants/aliases");
 var _constants = require("./constants");
 var _PieChartContainer = _interopRequireDefault(require("./components/PieChartContainer"));
@@ -17,6 +17,9 @@ var _utils = require("./utils");
 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 {
+  smartBill
+} = _testIds.TEST_IDS;
 const BilledConcepts = _ref => {
   let {
     contextApiInfo,
@@ -51,10 +54,10 @@ const BilledConcepts = _ref => {
     className: _stylesModule.default.header
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.TITLE,
-    dataTestId: _testsIds.smartBill.billedConcepts.title
+    dataTestId: smartBill.billedConcepts.title
   }, billedConceptsTitle), !negativeAmmount && /*#__PURE__*/_react.default.createElement(Toggle, {
     className: _stylesModule.default.toggle,
-    dataTestId: _testsIds.smartBill.billedConcepts.concept.toggle,
+    dataTestId: smartBill.billedConcepts.concept.toggle,
     onChangeOption: handleChangeToggleOption,
     optionClassName: _stylesModule.default.toggleOption,
     options: (0, _constants.toggleOptions)(assets),

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

@@ -8,9 +8,12 @@ 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 _testIds = require("../../../../../../constants/testIds");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  smartBill
+} = _testIds.TEST_IDS;
 const DataLine = _ref => {
   let {
     idModifier,
@@ -20,7 +23,7 @@ const DataLine = _ref => {
     className: _stylesModule.default.container
   }, 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}`,
+    "data-testid": `${smartBill.consumptionComparison.comparisonTable.dataLine}${idModifier ? `${idModifier}.` : ''}${field.id}.${i}`,
     key: field.id
   }, field.Component)));
 };

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

@@ -15,11 +15,14 @@ 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 _testIds = require("../../../../constants/testIds");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 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 {
+  smartBill
+} = _testIds.TEST_IDS;
 const ConsumptionEnergyComparison = _ref => {
   let {
     contextApiInfo,
@@ -50,7 +53,7 @@ const ConsumptionEnergyComparison = _ref => {
       container: currentIsFirstSettlement ? _stylesModule.default.currentConsumptionLabel : _stylesModule.default.secondSettlementCurrentConsumptionLabel
     },
     consumption: dataValidation(currentConsumption.value),
-    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionEnergyComparison.consumptionInDaysLabel.currentConsumption,
+    dataTestId: smartBill.consumptionEnergyDetails.consumptionEnergyComparison.consumptionInDaysLabel.currentConsumption,
     daysAlias: _aliases.CONSUMPTION_DAYS_DAYS_ACTUAL,
     numberAlias: _aliases.CONSUMPTION_DAYS_NUMBER_ACTUAL,
     totalDays: dataValidation(settlements?.current?.days),
@@ -58,7 +61,7 @@ const ConsumptionEnergyComparison = _ref => {
     unitAlias: _aliases.CONSUMPTION_DAYS_UNIT_ACTUAL
   }), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.CONSUMPTION_ACTUAL_DETAIL,
-    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionEnergyComparison.currentConsumption
+    dataTestId: smartBill.consumptionEnergyDetails.consumptionEnergyComparison.currentConsumption
   }, texts.mainBillData.currentConsumption));
   const RemainingSettlement = () => /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.remainingConsumptionContainer
@@ -67,7 +70,7 @@ const ConsumptionEnergyComparison = _ref => {
       container: currentIsFirstSettlement ? _stylesModule.default.remainingConsumptionLabel : _stylesModule.default.firstSettlementRemainingConsumptionLabel
     },
     consumption: dataValidation(remainingConsumption.value),
-    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionEnergyComparison.consumptionInDaysLabel.remainingConsumption,
+    dataTestId: smartBill.consumptionEnergyDetails.consumptionEnergyComparison.consumptionInDaysLabel.remainingConsumption,
     daysAlias: _aliases.CONSUMPTION_DAYS_DAYS_NEXT,
     numberAlias: _aliases.CONSUMPTION_DAYS_NUMBER_NEXT,
     totalDays: dataValidation(settlements?.remaining[0]?.days),
@@ -75,7 +78,7 @@ const ConsumptionEnergyComparison = _ref => {
     unitAlias: _aliases.CONSUMPTION_DAYS_UNIT_NEXT
   }), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.CONSUMPTION_NEXT_DETAIL,
-    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionEnergyComparison.remainingConsumption
+    dataTestId: 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,
@@ -86,13 +89,13 @@ const ConsumptionEnergyComparison = _ref => {
     className: _stylesModule.default.totalConsumptionContainer
   }, periodicity && periodNumber && year && /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.CONSUMPTION_PERIODICITY,
-    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionEnergyComparison.consumptionPeriodicity
+    dataTestId: 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
     },
     consumption: dataValidation(totalConsumption.value),
-    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionEnergyComparison.consumptionInDaysLabel.consumptionPeriodicity,
+    dataTestId: smartBill.consumptionEnergyDetails.consumptionEnergyComparison.consumptionInDaysLabel.consumptionPeriodicity,
     daysAlias: _aliases.CONSUMPTION_BIMESTER_DAYS,
     numberAlias: _aliases.CONSUMPTION_BIMESTER_NUMBER,
     totalDays: dataValidation(settlements.total_settlements_days),

package/dist/components/ConsumptionEnergyDetails/index.js

@@ -14,7 +14,7 @@ var _smartBillTypes = require("../../shared/types/smartBillTypes");
 var _consumptions = require("../../shared/constants/consumptions");
 var _utils = require("../../utils");
 var _periods = require("../../shared/utils/periods");
-var _testsIds = require("../../constants/testsIds");
+var _testIds = require("../../constants/testIds");
 var _consumptions2 = require("../../shared/utils/consumptions");
 var _ConsumptionEnergyComparison = _interopRequireDefault(require("./components/ConsumptionEnergyComparison"));
 var _EnergyTotalConsumption = _interopRequireDefault(require("./components/EnergyTotalConsumption"));
@@ -23,6 +23,9 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 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 {
+  smartBill
+} = _testIds.TEST_IDS;
 const ConsumptionEnergyDetails = _ref => {
   let {
     contextApiInfo,
@@ -66,7 +69,7 @@ const ConsumptionEnergyDetails = _ref => {
   const Title = style => /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.TITLE,
     className: `${style && _stylesModule.default.title}`,
-    dataTestId: _testsIds.smartBill.consumptionEnergyDetails.consumptionTitle
+    dataTestId: smartBill.consumptionEnergyDetails.consumptionTitle
   }, texts.billSummary.consumptionTitle);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container

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

@@ -10,13 +10,16 @@ var _HeaderConsumption = _interopRequireDefault(require("../HeaderConsumption"))
 var _Magnitude = _interopRequireDefault(require("../../../../../Magnitude"));
 var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
 var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
-var _testsIds = require("../../../../../../constants/testsIds");
+var _testIds = require("../../../../../../constants/testIds");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _utils = require("./utils");
 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() { 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 {
+  smartBill
+} = _testIds.TEST_IDS;
 const Card = _ref => {
   let {
     contextApiInfo,
@@ -82,7 +85,7 @@ const Card = _ref => {
   } = (0, _utils.getAliases)(consumption, current, remaining);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     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'}` : '',
+    "data-testid": smartBill.card ? `${smartBill.card}${current ? 'current' : remaining ? 'remaining' : 'period'}` : '',
     style: current && {
       border: `1px solid ${colors.primary}`
     }
@@ -137,7 +140,7 @@ const Card = _ref => {
     className: _stylesModule.default.cardConsumptionDescription
   }, cardDescription1)))), !consumption && /*#__PURE__*/_react.default.createElement("div", {
     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' : ''}` : ''
+    "data-testid": smartBill.card ? `${smartBill.card}footer${current ? '.current' : remaining ? '.remaining' : ''}` : ''
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: cardConsumptionTextAlias
   }, consumptionText)));

package/dist/components/ConsumptionPeriod/index.js

@@ -11,7 +11,7 @@ var _smartBillTypes = require("../../shared/types/smartBillTypes");
 var _periods = require("../../shared/utils/periods");
 var _readings = require("../../shared/utils/readings");
 var _readings2 = require("../../shared/constants/readings");
-var _testsIds = require("../../constants/testsIds");
+var _testIds = require("../../constants/testIds");
 var _Reading = _interopRequireDefault(require("./components/Reading"));
 var _ConsumptionSummary = _interopRequireDefault(require("./components/ConsumptionSummary"));
 var _HistoryGraph = _interopRequireDefault(require("./components/HistoryGraph"));
@@ -19,6 +19,9 @@ var _utils = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 {
+  smartBill
+} = _testIds.TEST_IDS;
 const ConsumptionPeriod = _ref => {
   let {
     contextApiInfo,
@@ -39,13 +42,13 @@ const ConsumptionPeriod = _ref => {
     classes: {
       container: `${_stylesModule.default.readingContainer} ${_stylesModule.default.initialReadingContainer}`
     },
-    dataTestId: _testsIds.smartBill.consumptionPeriod.reading.initialReading,
+    dataTestId: smartBill.consumptionPeriod.reading.initialReading,
     date: currentPeriod?.settlements?.start_date,
     readingType: initialReading.type,
     readingValue: (0, _readings.getActiveEnergyRecord)(initialReading).value,
     title: texts.consumptionPeriod.initialReading
   }), /*#__PURE__*/_react.default.createElement(_ConsumptionSummary.default, _extends({
-    dataTestId: _testsIds.smartBill.consumptionPeriod.consumptionSummary.desktop
+    dataTestId: smartBill.consumptionPeriod.consumptionSummary.desktop
   }, consumptionSummaryProps, {
     classes: {
       container: _stylesModule.default.desktopSummary
@@ -54,14 +57,14 @@ const ConsumptionPeriod = _ref => {
     classes: {
       container: `${_stylesModule.default.readingContainer} ${_stylesModule.default.finalReadingContainer}`
     },
-    dataTestId: _testsIds.smartBill.consumptionPeriod.reading.finalReading,
+    dataTestId: smartBill.consumptionPeriod.reading.finalReading,
     date: currentPeriod?.settlements?.end_date,
     readingType: finalReading.type,
     readingValue: (0, _readings.getActiveEnergyRecord)(finalReading).value,
     title: texts.consumptionPeriod.finalReading,
     tooltip: true
   })), /*#__PURE__*/_react.default.createElement(_ConsumptionSummary.default, _extends({
-    dataTestId: _testsIds.smartBill.consumptionPeriod.consumptionSummary.mobile
+    dataTestId: smartBill.consumptionPeriod.consumptionSummary.mobile
   }, consumptionSummaryProps, {
     classes: {
       container: _stylesModule.default.mobileSummary

package/dist/components/MainBillData/components/BillAlert/index.js

@@ -9,12 +9,15 @@ var _propTypes = require("prop-types");
 var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
 var _aliases = require("../../../../shared/constants/aliases");
 var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
-var _testsIds = require("../../../../constants/testsIds");
+var _testIds = require("../../../../constants/testIds");
 var _BillParticularConditions = _interopRequireDefault(require("./components/BillParticularConditions"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 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 {
+  smartBill
+} = _testIds.TEST_IDS;
 const BillAlert = _ref => {
   let {
     contextApiInfo,
@@ -56,7 +59,7 @@ const BillAlert = _ref => {
     onAcceptPress: handleCloseDialog
   })), /*#__PURE__*/_react.default.createElement(Touchable, {
     className: _stylesModule.default.iconAndLabelContainer,
-    dataTestId: _testsIds.smartBill.mainBillData.billAlert.particularConditionsAlert,
+    dataTestId: smartBill.mainBillData.billAlert.particularConditionsAlert,
     onClick: handleAlertClick
   }, /*#__PURE__*/_react.default.createElement(assets.AlertIcon, null), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.BILL_ALERT,

package/dist/components/MainBillData/components/BillBody/components/ClientData/index.js

@@ -12,9 +12,12 @@ var _WithContextApi = _interopRequireDefault(require("../../../../../WithContext
 var _aliases = require("../../../../../../shared/constants/aliases");
 var _billDataTypes = require("../../../../../../shared/types/billDataTypes");
 var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
-var _testsIds = require("../../../../../../constants/testsIds");
+var _testIds = require("../../../../../../constants/testIds");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  smartBill
+} = _testIds.TEST_IDS;
 const ClientData = _ref => {
   let {
     contextApiInfo,
@@ -39,12 +42,12 @@ const ClientData = _ref => {
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.TITLE,
     className: _stylesModule.default.title,
-    dataTestId: _testsIds.smartBill.clientData.clientDataTitle
+    dataTestId: smartBill.clientData.clientDataTitle
   }, texts.mainBillData.clientDataTitle), /*#__PURE__*/_react.default.createElement(_IconAndDetails.default, {
     classes: {
       container: _stylesModule.default.iconAndDetailsContainer
     },
-    dataTestId: _testsIds.smartBill.clientData.clientDataLocation,
+    dataTestId: smartBill.clientData.clientDataLocation,
     descriptionText: texts.mainBillData.clientDataLocation,
     Icon: assets.LocationIcon,
     mainAlias: _aliases.MAIN,
@@ -56,7 +59,7 @@ const ClientData = _ref => {
     classes: {
       container: `${_stylesModule.default.desktopMargin} ${_stylesModule.default.iconAndDetailsContainer}`
     },
-    dataTestId: _testsIds.smartBill.clientData.holderName,
+    dataTestId: smartBill.clientData.holderName,
     descriptionText: texts.mainBillData.holderName,
     Icon: assets.HolderIcon,
     mainAlias: _aliases.MAIN,
@@ -69,7 +72,7 @@ const ClientData = _ref => {
     classes: {
       container: _stylesModule.default.userAndAccountContainer
     },
-    dataTestId: _testsIds.smartBill.clientData.clientNumber,
+    dataTestId: smartBill.clientData.clientNumber,
     descriptionText: texts.mainBillData.clientNumber,
     Icon: assets.AccountIcon,
     mainAlias: _aliases.MAIN,
@@ -80,7 +83,7 @@ const ClientData = _ref => {
     classes: {
       container: _stylesModule.default.userAndAccountContainer
     },
-    dataTestId: _testsIds.smartBill.clientData.ivaCondition,
+    dataTestId: smartBill.clientData.ivaCondition,
     descriptionText: texts.mainBillData.ivaCondition,
     Icon: assets.AccountIcon,
     mainAlias: _aliases.MAIN,
@@ -93,7 +96,7 @@ const ClientData = _ref => {
     classes: {
       container: _stylesModule.default.emailContainer
     },
-    dataTestId: _testsIds.smartBill.clientData.emailDigitalBill,
+    dataTestId: smartBill.clientData.emailDigitalBill,
     descriptionText: texts.mainBillData.emailDigitalBill,
     Icon: assets.EmailIcon,
     mainAlias: _aliases.MAIN,
@@ -102,7 +105,7 @@ const ClientData = _ref => {
     tertiaryAlias: _aliases.MAIN_LIGHT
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.adheredToDigitalBillLabelContainer,
-    "data-testid": _testsIds.smartBill.clientData.adheredToDigitalBill
+    "data-testid": smartBill.clientData.adheredToDigitalBill
   }, /*#__PURE__*/_react.default.createElement(AdheredToServiceIcon, null), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.ADHERED_DIGITAL_BILL,
     className: _stylesModule.default.label
@@ -110,7 +113,7 @@ const ClientData = _ref => {
     classes: {
       container: _stylesModule.default.emailContainer
     },
-    dataTestId: _testsIds.smartBill.clientData.clientDataPostalAdress,
+    dataTestId: smartBill.clientData.clientDataPostalAdress,
     descriptionText: texts.mainBillData.clientDataPostalAdress,
     Icon: assets.MailIcon,
     mainAlias: _aliases.MAIN,

package/dist/components/MainBillData/components/BillBody/components/ReadingDetails/index.js

@@ -11,10 +11,13 @@ var _WithContextApi = _interopRequireDefault(require("../../../../../WithContext
 var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
 var _billDataTypes = require("../../../../../../shared/types/billDataTypes");
 var _aliases = require("../../../../../../shared/constants/aliases");
-var _testsIds = require("../../../../../../constants/testsIds");
+var _testIds = require("../../../../../../constants/testIds");
 var _utils = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  smartBill
+} = _testIds.TEST_IDS;
 const ReadingDetails = _ref => {
   let {
     contextApiInfo,
@@ -43,14 +46,14 @@ const ReadingDetails = _ref => {
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.TITLE,
     className: _stylesModule.default.title,
-    dataTestId: _testsIds.smartBill.mainBillData.billBody.readingDetails.readingTitle
+    dataTestId: smartBill.mainBillData.billBody.readingDetails.readingTitle
   }, texts.mainBillData.readingTitle), /*#__PURE__*/_react.default.createElement("div", {
     className: `${_stylesModule.default.infoRow} ${longMeterNumber && _stylesModule.default.infoColumn}`
   }, /*#__PURE__*/_react.default.createElement(_IconAndDetails.default, {
     classes: {
       container: longMeterNumber ? _stylesModule.default.leftItems : _stylesModule.default.desktopMeterMargin
     },
-    dataTestId: _testsIds.smartBill.mainBillData.billBody.readingDetails.iconAndDetails.meterNumber,
+    dataTestId: smartBill.mainBillData.billBody.readingDetails.iconAndDetails.meterNumber,
     descriptionText: texts.mainBillData.meterNumber,
     Icon: assets.MeterIcon,
     mainAlias: _aliases.MAIN_LIGHT,
@@ -61,7 +64,7 @@ const ReadingDetails = _ref => {
     classes: {
       container: _stylesModule.default.iconDetail
     },
-    dataTestId: _testsIds.smartBill.mainBillData.billBody.readingDetails.iconAndDetails.readingType,
+    dataTestId: smartBill.mainBillData.billBody.readingDetails.iconAndDetails.readingType,
     descriptionText: texts.mainBillData.readingType,
     Icon: assets.ReadingTypeGenericIcon,
     mainAlias: _aliases.MAIN_LIGHT,
@@ -74,7 +77,7 @@ const ReadingDetails = _ref => {
     classes: {
       container: _stylesModule.default.leftItems
     },
-    dataTestId: _testsIds.smartBill.mainBillData.billBody.readingDetails.iconAndDetails.transformationCenter,
+    dataTestId: smartBill.mainBillData.billBody.readingDetails.iconAndDetails.transformationCenter,
     descriptionText: texts.mainBillData.transformationCenter,
     Icon: assets.TransformationAndFeederCenterIcon,
     mainAlias: _aliases.MAIN_LIGHT,
@@ -85,7 +88,7 @@ const ReadingDetails = _ref => {
     classes: {
       container: _stylesModule.default.iconDetail
     },
-    dataTestId: _testsIds.smartBill.mainBillData.billBody.readingDetails.iconAndDetails.feederLine,
+    dataTestId: smartBill.mainBillData.billBody.readingDetails.iconAndDetails.feederLine,
     descriptionText: texts.mainBillData.feederCenter,
     Icon: assets.TransformationAndFeederCenterIcon,
     mainAlias: _aliases.MAIN_LIGHT,

package/dist/components/MainBillData/components/BillBody/index.js

@@ -16,7 +16,7 @@ var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
 var _periods = require("../../../../shared/utils/periods");
 var _readings = require("../../../../shared/utils/readings");
 var _readings2 = require("../../../../shared/constants/readings");
-var _testsIds = require("../../../../constants/testsIds");
+var _testIds = require("../../../../constants/testIds");
 var _hooks = require("../../../../utils/hooks");
 var _ReadingDetails = _interopRequireDefault(require("./components/ReadingDetails"));
 var _Consumption = _interopRequireDefault(require("./components/Consumption"));
@@ -25,6 +25,9 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 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 {
+  smartBill
+} = _testIds.TEST_IDS;
 const BillBody = _ref => {
   let {
     billData,
@@ -56,10 +59,10 @@ const BillBody = _ref => {
     billData: billData
   });
   const AmountAndConsumptionRender = () => /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Amount.default, {
-    amountDataTestId: _testsIds.smartBill.mainBillData.billBody.amount.amount,
+    amountDataTestId: smartBill.mainBillData.billBody.amount.amount,
     billData: billData,
     containerClassName: _stylesModule.default.amount,
-    expirationDataTestId: _testsIds.smartBill.mainBillData.billBody.amount.expiration
+    expirationDataTestId: smartBill.mainBillData.billBody.amount.expiration
   }), withParticularConditions && /*#__PURE__*/_react.default.createElement(_BillAlert.default, {
     particularConditions: billData.particular_conditions,
     isDesktopSize: isDesktopSize

package/dist/components/MainBillData/components/BillHeader/components/TypeAndNumber/index.js

@@ -8,11 +8,14 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
 var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
 var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
-var _testsIds = require("../../../../../../constants/testsIds");
+var _testIds = require("../../../../../../constants/testIds");
 var _utils = require("../../../../../../utils");
 var _aliases = require("../../../../../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  smartBill
+} = _testIds.TEST_IDS;
 const TypeAndNumber = _ref => {
   let {
     contextApiInfo,
@@ -36,14 +39,14 @@ const TypeAndNumber = _ref => {
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.TYPE_AND_NUMBER_TYPE,
     className: _stylesModule.default.billType,
-    dataTestId: _testsIds.smartBill.mainBillData.billHeader.typeAndNumber.billType
+    dataTestId: smartBill.mainBillData.billHeader.typeAndNumber.billType
   }, (0, _utils.stringOrDash)(billType)), /*#__PURE__*/_react.default.createElement(Label, {
     alias: mainAlias,
     className: _stylesModule.default.billNumber,
-    dataTestId: _testsIds.smartBill.mainBillData.billHeader.typeAndNumber.billNumber
+    dataTestId: smartBill.mainBillData.billHeader.typeAndNumber.billNumber
   }, (0, _utils.stringOrDash)(billNumber))), /*#__PURE__*/_react.default.createElement(Label, {
     alias: detailAlias,
-    dataTestId: _testsIds.smartBill.mainBillData.billHeader.typeAndNumber.billTypeAndNumber
+    dataTestId: smartBill.mainBillData.billHeader.typeAndNumber.billTypeAndNumber
   }, texts.mainBillData.billTypeAndNumber));
 };
 TypeAndNumber.propTypes = {

package/dist/components/MainBillData/components/BillHeader/index.js

@@ -13,12 +13,15 @@ var _billDataTypes = require("../../../../shared/types/billDataTypes");
 var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
 var _aliases = require("../../../../shared/constants/aliases");
 var _periods = require("../../../../shared/utils/periods");
-var _testsIds = require("../../../../constants/testsIds");
+var _testIds = require("../../../../constants/testIds");
 var _hooks = require("../../../../utils/hooks");
 var _TypeAndNumber = _interopRequireDefault(require("./components/TypeAndNumber"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 {
+  smartBill
+} = _testIds.TEST_IDS;
 const BillHeader = _ref => {
   let {
     contextApiInfo,
@@ -48,7 +51,7 @@ const BillHeader = _ref => {
   const DebtStatusLabel = () => /*#__PURE__*/_react.default.createElement("div", {
     className: `${billData.warning ? _stylesModule.default.pendingDebtLabelContainer : _stylesModule.default.adheredToAutomaticDebtContainer}`
   }, /*#__PURE__*/_react.default.createElement(_DebtState.default, {
-    dataTestId: _testsIds.smartBill.mainBillData.billHeader.debtState,
+    dataTestId: smartBill.mainBillData.billHeader.debtState,
     debtStatusLabel: debtStatusLabel,
     isWarning: billData.warning
   }));
@@ -59,7 +62,7 @@ const BillHeader = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.logoContainer
   }, /*#__PURE__*/_react.default.createElement(assets.UtilityLogo, {
-    "data-testid": _testsIds.smartBill.mainBillData.billHeader.utilityLogo
+    "data-testid": smartBill.mainBillData.billHeader.utilityLogo
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.billDataAndDebtStateContainer
   }, /*#__PURE__*/_react.default.createElement(_TypeAndNumber.default, _extends({}, aliases, {
@@ -74,7 +77,7 @@ const BillHeader = _ref => {
       value: _stylesModule.default.date,
       container: isDesktopSize && debtStatusValidation && _stylesModule.default.dateContainer
     },
-    dataTestId: _testsIds.smartBill.mainBillData.billHeader.issuedOnDate,
+    dataTestId: smartBill.mainBillData.billHeader.issuedOnDate,
     date: issuedOnDate,
     text: texts.Base.issuedOnDate
   })), isDesktopSize && debtStatusValidation && /*#__PURE__*/_react.default.createElement(DebtStatusLabel, null)), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/Period/index.js

@@ -15,12 +15,15 @@ var _smartBillTypes = require("../../shared/types/smartBillTypes");
 var _aliases = require("../../shared/constants/aliases");
 var _utils = require("../../utils");
 var _periodicities = require("../../shared/constants/periodicities");
-var _testsIds = require("../../constants/testsIds");
+var _testIds = require("../../constants/testIds");
 var _hooks = require("../../utils/hooks");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 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 {
+  smartBill
+} = _testIds.TEST_IDS;
 const Period = _ref => {
   let {
     contextApiInfo,
@@ -87,15 +90,15 @@ const Period = _ref => {
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: desktopAlias,
     className: _stylesModule.default.periodLabel,
-    dataTestId: _testsIds.smartBill.period.periodLabel
+    dataTestId: smartBill.period.periodLabel
   }, periodFormatter({
     startDate: settlements?.start_date,
     endDate: settlements?.end_date
   })), !issuedDate && /*#__PURE__*/_react.default.createElement(Tooltip, {
     content: texts.mainBillData.periodTooltip,
-    dataTestId: _testsIds.smartBill.period.periodTooltip
+    dataTestId: smartBill.period.periodTooltip
   }, /*#__PURE__*/_react.default.createElement(assets.QuestionsIcon, {
-    "data-testid": _testsIds.smartBill.period.tooltipIcon,
+    "data-testid": smartBill.period.tooltipIcon,
     style: {
       fill: colors.tooltipIcon
     }
@@ -130,7 +133,7 @@ const Period = _ref => {
   }, `${(0, _utils.stringOrDash)(year)} - ${period} ${(0, _utils.numberOrDash)(currentSettlement)}`), issuedOnDateLabel)), debtStatusValidation && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.debtState
   }, /*#__PURE__*/_react.default.createElement(_DebtState.default, {
-    dataTestId: _testsIds.smartBill.period.debtState,
+    dataTestId: smartBill.period.debtState,
     debtStatusLabel: debtStatusLabel,
     isWarning: billData?.warning
   }))) : /*#__PURE__*/_react.default.createElement("div", {
@@ -140,10 +143,10 @@ const Period = _ref => {
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: desktopAlias,
     className: _stylesModule.default.periodLabel,
-    dataTestId: _testsIds.smartBill.period.periodLabel
+    dataTestId: smartBill.period.periodLabel
   }, isDesktopSize ? `${yearAndPeriodicityLabel} -\xa0${settlementLabel}` : `${periodicityLabel} - ${(0, _utils.stringOrDash)(year)} <br> ${settlementLabel}`)) : /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.singleSettlmentText,
-    "data-testid": _testsIds.smartBill.period.periodLabel
+    "data-testid": smartBill.period.periodLabel
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: desktopAlias,
     className: _stylesModule.default.periodLabel
@@ -151,9 +154,9 @@ const Period = _ref => {
     alias: _aliases.PERIOD_RANGE
   }, `${startDate} - ${endDate}`)), multipleSettlements && /*#__PURE__*/_react.default.createElement(Tooltip, {
     content: texts.mainBillData.periodTooltip,
-    dataTestId: _testsIds.smartBill.period.periodTooltip
+    dataTestId: smartBill.period.periodTooltip
   }, /*#__PURE__*/_react.default.createElement(assets.QuestionsIcon, {
-    "data-testid": _testsIds.smartBill.period.tooltipIcon,
+    "data-testid": smartBill.period.tooltipIcon,
     style: {
       fill: colors.tooltipIcon
     }

package/dist/components/RateAndCategory/index.js

@@ -9,10 +9,13 @@ var _propTypes = require("prop-types");
 var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
 var _aliases = require("../../shared/constants/aliases");
 var _smartBillTypes = require("../../shared/types/smartBillTypes");
-var _testsIds = require("../../constants/testsIds");
+var _testIds = require("../../constants/testIds");
 var _utils = require("../../utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  smartBill
+} = _testIds.TEST_IDS;
 const RatePrices = _ref => {
   let {
     contextApiInfo,
@@ -32,12 +35,12 @@ const RatePrices = _ref => {
   const Title = () => /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.TITLE,
     className: `${classes.title}`,
-    dataTestId: _testsIds.smartBill.rateAndCategory.title
+    dataTestId: smartBill.rateAndCategory.title
   }, title);
   const Category = () => /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.CATEGORY,
     className: `${_stylesModule.default.category} ${classes.category}`,
-    dataTestId: _testsIds.smartBill.rateAndCategory.category
+    dataTestId: smartBill.rateAndCategory.category
   }, `${Base.category} ${(0, _utils.stringOrDash)(category)}`);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: `${_stylesModule.default.container} ${classes.container}`
@@ -46,7 +49,7 @@ const RatePrices = _ref => {
   }, /*#__PURE__*/_react.default.createElement(Title, null), /*#__PURE__*/_react.default.createElement(Category, null)) : /*#__PURE__*/_react.default.createElement(Title, null), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.RATE,
     className: `${_stylesModule.default.purchasedRate} ${classes.purchasedRate}`,
-    dataTestId: _testsIds.smartBill.rateAndCategory.rate
+    dataTestId: smartBill.rateAndCategory.rate
   }, (0, _utils.stringOrDash)(rate)));
 };
 RatePrices.propTypes = {

package/dist/components/SmartBillSummary/tabs/Consumptions/components/CurrentConsumption/components/ConsumptionComparison/index.js

@@ -20,11 +20,12 @@ const ConsumptionComparison = _ref => {
   } = _ref;
   const maxValue = (0, _utils.getMaxValue)(periodsToCompare);
   const title = texts?.consumptions?.comparisonTitle;
+  const showComparison = periodsToCompare?.length > 1;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
-    className: _stylesModule.default.consumptionComparisonLabel,
     colorTheme: "gray",
+    className: showComparison ? _stylesModule.default.consumptionComparisonLabel : _stylesModule.default.consumptionComparisonLabelNoData,
     variant: "small"
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
+  }, title), showComparison && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, periodsToCompare.map(_ref2 => {
     let {

package/dist/components/SmartBillSummary/tabs/Consumptions/components/CurrentConsumption/components/ConsumptionComparison/styles.module.scss

@@ -2,6 +2,10 @@
   margin: 12px 0;
 }
 
+.consumptionComparisonLabelNoData {
+  margin: 12px 0 -20px 0;
+}
+
 .container {
   align-items: flex-end;
   display: flex;

package/dist/components/SmartBillSummary/tabs/Consumptions/components/CurrentConsumption/components/ConsumptionEvolution/index.js

@@ -32,7 +32,9 @@ const ConsumptionEvolution = _ref => {
     icon,
     Image,
     percentage,
-    period
+    period,
+    shade = '04',
+    size = 24
   } = (0, _utils.getConsumptionComparison)(backgroundImages, consumptionEvolutionLabels, periods);
   return /*#__PURE__*/_react.default.createElement(_energyUi.UTActionCard, {
     BackgroundImage: Image,
@@ -54,8 +56,8 @@ const ConsumptionEvolution = _ref => {
     area: true,
     colorTheme: colorTheme,
     name: icon,
-    shade: "04",
-    size: 24
+    shade: shade,
+    size: size
   }), percentage && /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
     colorTheme: colorTheme,
     variant: "title2",

package/dist/components/SmartBillSummary/tabs/Consumptions/components/CurrentConsumption/components/ConsumptionEvolution/utils.js

@@ -42,7 +42,8 @@ const getConsumptionComparison = (backgroundImages, labels, periods) => {
       icon: 'IconEyeOff',
       Image: LightEvolutionImage,
       percentage: null,
-      period: noData
+      period: noData,
+      shade: '05'
     };
   }
   const percentageChange = previousConsumption === 0 && currentConsumption === 0 ? 0 : previousConsumption !== 0 ? (currentConsumption - previousConsumption) / previousConsumption * 100 : 100;

package/dist/constants/testIds.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TEST_IDS = void 0;
+const ID_CONSTANTS = {
+  AMOUNT: 'amount',
+  BILLED_CONCEPTS: 'billedConcepts',
+  BILL_BODY: 'billBody',
+  BILL_CALCULATION: 'billCalculation',
+  BILL_HEADER: 'billHeader',
+  CLIENT_DATA: 'clientData',
+  CONCEPT: 'concept',
+  CONCEPT_CARD: 'conceptCard',
+  CONSUMPTION_ENERGY_COMPARISON: 'consumptionEnergyComparison',
+  CONSUMPTION_ENERGY_DETAILS: 'consumptionEnergyDetails',
+  CONSUMPTION_IN_DAYS_LABEL: 'consumptionInDaysLabel',
+  CONSUMPTION_PERIOD: 'consumptionPeriod',
+  CONSUMPTION_PERIODICITY: 'consumptionPeriodicity',
+  CURRENT_CONSUMPTION: 'currentConsumption',
+  ICON_AND_DETAILS: 'iconAndDetails',
+  MAIN_BILL_DATA: 'mainBillData',
+  PERIOD: 'period',
+  RATE_AND_CATEGORY: 'rateAndCategory',
+  REDING_DETAILS: 'readingDetails',
+  REMAINING_CONSUMPTION: 'remainingConsumption',
+  SMART_BILL: 'smartBill',
+  TITLE: 'title',
+  TYPE_AND_NUMBER: 'typeAndNumber'
+};
+const TEST_IDS = exports.TEST_IDS = {
+  smartBill: {
+    banner: `${ID_CONSTANTS.SMART_BILL}.banner`,
+    barChart: {
+      title: `${ID_CONSTANTS.SMART_BILL}.barChart.${ID_CONSTANTS.TITLE}`,
+      yAxisLabel: `${ID_CONSTANTS.SMART_BILL}.barChart.yAxisLabel`
+    },
+    billCalculation: {
+      conceptCard: {
+        card: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.card.`,
+        expandButton: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.expandButton.`,
+        footer: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.footer.`,
+        header: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.header.`,
+        line: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.line.`
+      },
+      title: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.TITLE}`
+    },
+    billedConcepts: {
+      concept: {
+        amount: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.CONCEPT}.${ID_CONSTANTS.AMOUNT}.`,
+        progressBar: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.CONCEPT}.progressBar.`,
+        title: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.CONCEPT}.${ID_CONSTANTS.TITLE}.`,
+        toggle: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.CONCEPT}.toggle.`
+      },
+      title: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.TITLE}`
+    },
+    card: `${ID_CONSTANTS.SMART_BILL}.card.`,
+    clientData: {
+      adheredToDigitalBill: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.adheredToDigitalBill`,
+      clientDataLocation: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.clientDataLocation.`,
+      clientDataPostalAdress: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.clientDataPostalAdress.`,
+      clientDataTitle: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.clientDataTitle`,
+      clientNumber: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.clientNumber.`,
+      emailDigitalBill: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.emailDigitalBill.`,
+      holderName: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.holderName.`,
+      ivaCondition: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.ivaCondition.`
+    },
+    consumptionComparison: {
+      comparisonTable: {
+        dataLine: `${ID_CONSTANTS.SMART_BILL}.consumptionComparison.comparisonTable.dataLine.`
+      }
+    },
+    consumptionEnergyDetails: {
+      consumptionEnergyComparison: {
+        consumptionInDaysLabel: {
+          consumptionPeriodicity: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CONSUMPTION_IN_DAYS_LABEL}.${ID_CONSTANTS.CONSUMPTION_PERIODICITY}.`,
+          currentConsumption: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CONSUMPTION_IN_DAYS_LABEL}.${ID_CONSTANTS.CURRENT_CONSUMPTION}.`,
+          remainingConsumption: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CONSUMPTION_IN_DAYS_LABEL}.${ID_CONSTANTS.REMAINING_CONSUMPTION}.`
+        },
+        consumptionPeriodicity: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CONSUMPTION_PERIODICITY}`,
+        currentConsumption: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CURRENT_CONSUMPTION}`,
+        remainingConsumption: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.REMAINING_CONSUMPTION}`
+      },
+      consumptionTitle: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.consumptionTitle`
+    },
+    consumptionPeriod: {
+      consumptionSummary: {
+        desktop: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_PERIOD}.consumptionSummary.desktop.`,
+        mobile: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_PERIOD}.consumptionSummary.mobile.`
+      },
+      reading: {
+        finalReading: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_PERIOD}.reading.finalReading`,
+        initialReading: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_PERIOD}.reading.initialReading`
+      }
+    },
+    mainBillData: {
+      billAlert: {
+        particularConditionsAlert: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.billAlert.particularConditionsAlert`
+      },
+      billBody: {
+        amount: {
+          amount: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.AMOUNT}.${ID_CONSTANTS.AMOUNT}.`,
+          expiration: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.AMOUNT}.expiration.`
+        },
+        readingDetails: {
+          iconAndDetails: {
+            feederLine: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.${ID_CONSTANTS.ICON_AND_DETAILS}.feederLine.`,
+            meterNumber: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.${ID_CONSTANTS.ICON_AND_DETAILS}.meterNumber.`,
+            readingType: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.${ID_CONSTANTS.ICON_AND_DETAILS}.readingType.`,
+            transformationCenter: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.${ID_CONSTANTS.ICON_AND_DETAILS}.transformationCenter.`
+          },
+          readingTitle: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.readingTitle`
+        }
+      },
+      billHeader: {
+        debtState: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.debtState`,
+        issuedOnDate: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.issuedOnDate.`,
+        typeAndNumber: {
+          billNumber: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.${ID_CONSTANTS.TYPE_AND_NUMBER}.billNumber`,
+          billType: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.${ID_CONSTANTS.TYPE_AND_NUMBER}.billType`,
+          billTypeAndNumber: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.${ID_CONSTANTS.TYPE_AND_NUMBER}.billTypeAndNumber`
+        },
+        utilityLogo: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.utilityLogo`
+      }
+    },
+    period: {
+      debtState: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.PERIOD}.debtState`,
+      periodLabel: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.PERIOD}.periodLabel`,
+      periodTooltip: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.PERIOD}.periodTooltip`,
+      tooltipIcon: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.PERIOD}.tooltipIcon`
+    },
+    rateAndCategory: {
+      category: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.RATE_AND_CATEGORY}.category`,
+      rate: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.RATE_AND_CATEGORY}.rate`,
+      title: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.RATE_AND_CATEGORY}.${ID_CONSTANTS.TITLE}`
+    }
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/utilitygo-smart-bill-web",
-  "version": "3.5.2",
+  "version": "3.6.0",
   "description": "UtilityGO SmartBill Web",
   "license": "MIT",
   "main": "dist/index.js",

package/dist/constants/testsIds.js

@@ -1,137 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.smartBill = void 0;
-const ID_CONSTANTS = {
-  AMOUNT: 'amount',
-  BILLED_CONCEPTS: 'billedConcepts',
-  BILL_BODY: 'billBody',
-  BILL_CALCULATION: 'billCalculation',
-  BILL_HEADER: 'billHeader',
-  CLIENT_DATA: 'clientData',
-  CONCEPT: 'concept',
-  CONCEPT_CARD: 'conceptCard',
-  CONSUMPTION_ENERGY_COMPARISON: 'consumptionEnergyComparison',
-  CONSUMPTION_ENERGY_DETAILS: 'consumptionEnergyDetails',
-  CONSUMPTION_IN_DAYS_LABEL: 'consumptionInDaysLabel',
-  CONSUMPTION_PERIOD: 'consumptionPeriod',
-  CONSUMPTION_PERIODICITY: 'consumptionPeriodicity',
-  CURRENT_CONSUMPTION: 'currentConsumption',
-  ICON_AND_DETAILS: 'iconAndDetails',
-  MAIN_BILL_DATA: 'mainBillData',
-  PERIOD: 'period',
-  RATE_AND_CATEGORY: 'rateAndCategory',
-  REDING_DETAILS: 'readingDetails',
-  REMAINING_CONSUMPTION: 'remainingConsumption',
-  SMART_BILL: 'smartBill',
-  TITLE: 'title',
-  TYPE_AND_NUMBER: 'typeAndNumber'
-};
-const smartBill = exports.smartBill = {
-  banner: `${ID_CONSTANTS.SMART_BILL}.banner`,
-  barChart: {
-    title: `${ID_CONSTANTS.SMART_BILL}.barChart.${ID_CONSTANTS.TITLE}`,
-    yAxisLabel: `${ID_CONSTANTS.SMART_BILL}.barChart.yAxisLabel`
-  },
-  billCalculation: {
-    conceptCard: {
-      card: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.card.`,
-      expandButton: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.expandButton.`,
-      footer: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.footer.`,
-      header: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.header.`,
-      line: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.line.`
-    },
-    title: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.TITLE}`
-  },
-  billedConcepts: {
-    concept: {
-      amount: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.CONCEPT}.${ID_CONSTANTS.AMOUNT}.`,
-      progressBar: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.CONCEPT}.progressBar.`,
-      title: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.CONCEPT}.${ID_CONSTANTS.TITLE}.`,
-      toggle: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.CONCEPT}.toggle.`
-    },
-    title: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.TITLE}`
-  },
-  card: `${ID_CONSTANTS.SMART_BILL}.card.`,
-  clientData: {
-    adheredToDigitalBill: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.adheredToDigitalBill`,
-    clientDataLocation: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.clientDataLocation.`,
-    clientDataPostalAdress: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.clientDataPostalAdress.`,
-    clientDataTitle: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.clientDataTitle`,
-    clientNumber: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.clientNumber.`,
-    emailDigitalBill: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.emailDigitalBill.`,
-    holderName: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.holderName.`,
-    ivaCondition: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.ivaCondition.`
-  },
-  consumptionComparison: {
-    comparisonTable: {
-      dataLine: `${ID_CONSTANTS.SMART_BILL}.consumptionComparison.comparisonTable.dataLine.`
-    }
-  },
-  consumptionEnergyDetails: {
-    consumptionEnergyComparison: {
-      consumptionInDaysLabel: {
-        consumptionPeriodicity: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CONSUMPTION_IN_DAYS_LABEL}.${ID_CONSTANTS.CONSUMPTION_PERIODICITY}.`,
-        currentConsumption: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CONSUMPTION_IN_DAYS_LABEL}.${ID_CONSTANTS.CURRENT_CONSUMPTION}.`,
-        remainingConsumption: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CONSUMPTION_IN_DAYS_LABEL}.${ID_CONSTANTS.REMAINING_CONSUMPTION}.`
-      },
-      consumptionPeriodicity: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CONSUMPTION_PERIODICITY}`,
-      currentConsumption: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CURRENT_CONSUMPTION}`,
-      remainingConsumption: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.REMAINING_CONSUMPTION}`
-    },
-    consumptionTitle: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.consumptionTitle`
-  },
-  consumptionPeriod: {
-    consumptionSummary: {
-      desktop: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_PERIOD}.consumptionSummary.desktop.`,
-      mobile: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_PERIOD}.consumptionSummary.mobile.`
-    },
-    reading: {
-      finalReading: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_PERIOD}.reading.finalReading`,
-      initialReading: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_PERIOD}.reading.initialReading`
-    }
-  },
-  mainBillData: {
-    billAlert: {
-      particularConditionsAlert: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.billAlert.particularConditionsAlert`
-    },
-    billBody: {
-      amount: {
-        amount: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.AMOUNT}.${ID_CONSTANTS.AMOUNT}.`,
-        expiration: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.AMOUNT}.expiration.`
-      },
-      readingDetails: {
-        iconAndDetails: {
-          feederLine: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.${ID_CONSTANTS.ICON_AND_DETAILS}.feederLine.`,
-          meterNumber: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.${ID_CONSTANTS.ICON_AND_DETAILS}.meterNumber.`,
-          readingType: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.${ID_CONSTANTS.ICON_AND_DETAILS}.readingType.`,
-          transformationCenter: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.${ID_CONSTANTS.ICON_AND_DETAILS}.transformationCenter.`
-        },
-        readingTitle: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.readingTitle`
-      }
-    },
-    billHeader: {
-      debtState: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.debtState`,
-      issuedOnDate: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.issuedOnDate.`,
-      typeAndNumber: {
-        billNumber: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.${ID_CONSTANTS.TYPE_AND_NUMBER}.billNumber`,
-        billType: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.${ID_CONSTANTS.TYPE_AND_NUMBER}.billType`,
-        billTypeAndNumber: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.${ID_CONSTANTS.TYPE_AND_NUMBER}.billTypeAndNumber`
-      },
-      utilityLogo: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.utilityLogo`
-    }
-  },
-  period: {
-    debtState: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.PERIOD}.debtState`,
-    periodLabel: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.PERIOD}.periodLabel`,
-    periodTooltip: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.PERIOD}.periodTooltip`,
-    tooltipIcon: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.PERIOD}.tooltipIcon`
-  },
-  rateAndCategory: {
-    category: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.RATE_AND_CATEGORY}.category`,
-    rate: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.RATE_AND_CATEGORY}.rate`,
-    title: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.RATE_AND_CATEGORY}.${ID_CONSTANTS.TITLE}`
-  }
-};