@widergy/utilitygo-smart-bill-web 3.5.1 → 3.5.3

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [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)
+
+
+### Bug Fixes
+
+* [AUT-657] key fixes ([1bfa01e](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/1bfa01e2d1cc495d63d7f62a1ebf27c6d848f697))
+* [AUT-657] test ids fixes ([afc08f6](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/afc08f61d10843974d70d044c8993dcdcd9254a6))
+
 ## [3.5.1](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.5.0...v3.5.1) (2025-04-30)
 
 

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

@@ -39,7 +39,7 @@ const ClientData = _ref => {
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.TITLE,
     className: _stylesModule.default.title,
-    dataTestId: _testsIds.smartBill
+    dataTestId: _testsIds.smartBill.clientData.clientDataTitle
   }, texts.mainBillData.clientDataTitle), /*#__PURE__*/_react.default.createElement(_IconAndDetails.default, {
     classes: {
       container: _stylesModule.default.iconAndDetailsContainer

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

@@ -61,7 +61,7 @@ const ReadingDetails = _ref => {
     classes: {
       container: _stylesModule.default.iconDetail
     },
-    dataTestId: _testsIds.smartBill.mainBillData.billBody.readingDetails.iconAndDetails.meterNumber,
+    dataTestId: _testsIds.smartBill.mainBillData.billBody.readingDetails.iconAndDetails.readingType,
     descriptionText: texts.mainBillData.readingType,
     Icon: assets.ReadingTypeGenericIcon,
     mainAlias: _aliases.MAIN_LIGHT,
@@ -74,7 +74,7 @@ const ReadingDetails = _ref => {
     classes: {
       container: _stylesModule.default.leftItems
     },
-    dataTestId: _testsIds.smartBill.mainBillData.billBody.readingDetails.iconAndDetails.meterNumber,
+    dataTestId: _testsIds.smartBill.mainBillData.billBody.readingDetails.iconAndDetails.transformationCenter,
     descriptionText: texts.mainBillData.transformationCenter,
     Icon: assets.TransformationAndFeederCenterIcon,
     mainAlias: _aliases.MAIN_LIGHT,
@@ -85,7 +85,7 @@ const ReadingDetails = _ref => {
     classes: {
       container: _stylesModule.default.iconDetail
     },
-    dataTestId: _testsIds.smartBill.mainBillData.billBody.readingDetails.iconAndDetails.meterNumber,
+    dataTestId: _testsIds.smartBill.mainBillData.billBody.readingDetails.iconAndDetails.feederLine,
     descriptionText: texts.mainBillData.feederCenter,
     Icon: assets.TransformationAndFeederCenterIcon,
     mainAlias: _aliases.MAIN_LIGHT,

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

@@ -79,7 +79,7 @@ const BillHeader = _ref => {
     text: texts.Base.issuedOnDate
   })), isDesktopSize && debtStatusValidation && /*#__PURE__*/_react.default.createElement(DebtStatusLabel, null)), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.debtStatusLabelMobile
-  }, isMobileOrTablet && debtStatusValidation && /*#__PURE__*/_react.default.createElement(DebtStatusLabel, null))), /*#__PURE__*/_react.default.createElement("div", {
+  }, isMobileOrTablet && debtStatusValidation && /*#__PURE__*/_react.default.createElement(DebtStatusLabel, null))), !isDesktopSize && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.periodContainer
   }, /*#__PURE__*/_react.default.createElement(_Period.default, {
     currentPeriod: currentPeriod,

package/dist/components/MainBillData/components/BillHeader/styles.module.scss

@@ -113,9 +113,6 @@
   display: flex;
   flex-flow: column;
   width: 60%;
-  @media #{$desktop} {
-    display: none;
-  }
 
   @media #{$tablet-mobile} {
     border-bottom-left-radius: $default-container-border-radius;

package/dist/components/Period/index.js

@@ -95,7 +95,7 @@ const Period = _ref => {
     content: texts.mainBillData.periodTooltip,
     dataTestId: _testsIds.smartBill.period.periodTooltip
   }, /*#__PURE__*/_react.default.createElement(assets.QuestionsIcon, {
-    dataTestId: _testsIds.smartBill.period.tooltipIcon,
+    "data-testid": _testsIds.smartBill.period.tooltipIcon,
     style: {
       fill: colors.tooltipIcon
     }
@@ -130,6 +130,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,
     debtStatusLabel: debtStatusLabel,
     isWarning: billData?.warning
   }))) : /*#__PURE__*/_react.default.createElement("div", {
@@ -152,7 +153,7 @@ const Period = _ref => {
     content: texts.mainBillData.periodTooltip,
     dataTestId: _testsIds.smartBill.period.periodTooltip
   }, /*#__PURE__*/_react.default.createElement(assets.QuestionsIcon, {
-    dataTestId: _testsIds.smartBill.period.tooltipIcon,
+    "data-testid": _testsIds.smartBill.period.tooltipIcon,
     style: {
       fill: colors.tooltipIcon
     }

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/testsIds.js

@@ -124,6 +124,7 @@ const smartBill = exports.smartBill = {
     }
   },
   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`

package/package.json

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