@widergy/utilitygo-smart-bill-web 3.14.1 → 3.15.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.15.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.14.2...v3.15.0) (2025-10-27)
+
+
+### Features
+
+* prod settings ([#68](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/68)) ([52994b7](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/52994b75e0cd5b65d31ee3607cc66e8c3870ea25))
+
+## [3.14.2](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.14.1...v3.14.2) (2025-10-23)
+
+
+### Bug Fixes
+
+* [EVEP-179] monthly comsumption ([#67](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/67)) ([5e1ea8a](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/5e1ea8ac9dca1fd52d2fe0a02b4d4962bffd0481))
+
 ## [3.14.1](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.14.0...v3.14.1) (2025-10-14)
 
 

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

@@ -18,7 +18,8 @@ const ComparisonTable = _ref => {
   let {
     contextApiInfo,
     billData,
-    isDesktopSize
+    isDesktopSize,
+    temporalyDisabled
   } = _ref;
   const currentPeriod = (0, _periods.getCurrentPeriod)(billData);
   const lastYearPeriod = (0, _periods.getLastYearPeriod)(billData);
@@ -31,11 +32,12 @@ const ComparisonTable = _ref => {
   const expand = !(!withPowerComparison || currentPeriodAverageTemperature || lastYearPeriodAverageTemperature);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: `${_stylesModule.default.container} ${expand && _stylesModule.default.expand}`
-  }, getTableLines(contextApiInfo, currentPeriod, currentPeriodAverageTemperature, lastYearPeriod, lastYearPeriodAverageTemperature, isDesktopSize, withPowerComparison(billData)).map(line => line.Component));
+  }, getTableLines(contextApiInfo, currentPeriod, currentPeriodAverageTemperature, lastYearPeriod, lastYearPeriodAverageTemperature, isDesktopSize, withPowerComparison(billData), temporalyDisabled).map(line => line.Component));
 };
 ComparisonTable.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   billData: _billDataTypes.billDataTypes,
-  isDesktopSize: _propTypes.bool
+  isDesktopSize: _propTypes.bool,
+  temporalyDisabled: _propTypes.bool
 };
 var _default = exports.default = (0, _WithContextApi.default)()(ComparisonTable);

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

@@ -39,10 +39,12 @@ const getPeriodFields = function (contextApiInfo, period, periodAverageTemperatu
   const mobileCurrentYearPeriodFormatted = period.currentPeriod?.number && period.currentPeriod?.year && `${period.currentPeriod?.number}/${period.currentPeriod?.year}`;
   let noDataLastYearPeriod = false;
   let noDataCurrentPeriod = false;
-  if (!isDesktop && Object.keys(period?.lastYearPeriod).length === 0) {
-    noDataLastYearPeriod = true;
+  if (!isDesktop) {
+    if (!period.lastYearPeriod || Object.keys(period.lastYearPeriod).length === 0) {
+      noDataLastYearPeriod = true;
+    }
   }
-  if (!isDesktop && Object.keys(period.currentPeriod).length === 0) {
+  if (!isDesktop && period?.currentPeriod && Object.keys(period.currentPeriod).length === 0) {
     noDataCurrentPeriod = true;
   }
   const mobileNoPeriodData = (0, _constants.noPeriodData)(primary, noData, contextApiInfo);
@@ -67,7 +69,7 @@ const getPeriodFields = function (contextApiInfo, period, periodAverageTemperatu
     data
   }, contextApiInfo)[fieldId] : mobileNoPeriodData;
   const {
-    lastYearPeriodAverageTemperature,
+    lastYearPeriodAverageTemperature = {},
     currentPeriodAverageTemperature
   } = periodAverageTemperature || {};
   return isDesktop ? [desktopFields(formattedPeriod, _constants.FIELD_PERIOD_COMPARISION), desktopFields(period, _constants.FIELD_PERIOD_DATES), desktopFields({
@@ -100,7 +102,7 @@ const renderDataLine = (contextApiInfo, mobilePeriod, mobilePeriodAverageTempera
   }, data),
   isDesktop: isDesktop
 });
-const desktopGetTableLines = (contextApiInfo, currentPeriod, currentPeriodAverageTemperature, lastYearPeriod, lastYearPeriodAverageTemperature, isDesktop, withPowerComparison) => {
+const desktopGetTableLines = (contextApiInfo, currentPeriod, currentPeriodAverageTemperature, lastYearPeriod, lastYearPeriodAverageTemperature, isDesktop, withPowerComparison, temporalyDisabled) => {
   const showTemp = currentPeriodAverageTemperature && lastYearPeriodAverageTemperature;
   return [{
     Component: /*#__PURE__*/_react.default.createElement(_DataLine.default, {
@@ -121,7 +123,7 @@ const desktopGetTableLines = (contextApiInfo, currentPeriod, currentPeriodAverag
       isDesktop: isDesktop,
       key: "current_period"
     })
-  }, {
+  }, ...(temporalyDisabled ? [] : [{
     Component: /*#__PURE__*/_react.default.createElement(_DataLine.default, {
       fields: getPeriodFields(contextApiInfo, lastYearPeriod, showTemp && lastYearPeriodAverageTemperature, withPowerComparison, isDesktop, {
         gray: true
@@ -130,17 +132,21 @@ const desktopGetTableLines = (contextApiInfo, currentPeriod, currentPeriodAverag
       isDesktop: isDesktop,
       key: "last_year_period"
     })
-  }];
+  }])];
 };
 exports.desktopGetTableLines = desktopGetTableLines;
-const mobileGetTableLines = (contextApiInfo, currentPeriod, currentPeriodAverageTemperature, lastYearPeriod, lastYearPeriodAverageTemperature, isDesktop, withPowerComparison) => {
+const mobileGetTableLines = (contextApiInfo, currentPeriod, currentPeriodAverageTemperature, lastYearPeriod, lastYearPeriodAverageTemperature, isDesktop, withPowerComparison, temporalyDisabled) => {
   const mobilePeriod = {
     currentPeriod,
-    lastYearPeriod
+    ...(temporalyDisabled ? {} : {
+      lastYearPeriod
+    })
   };
   const mobilePeriodAverageTemperature = {
     currentPeriodAverageTemperature,
-    lastYearPeriodAverageTemperature
+    ...(temporalyDisabled ? {} : {
+      lastYearPeriodAverageTemperature
+    })
   };
   return [{
     Component: /*#__PURE__*/_react.default.createElement("div", null, _constants.dataFieldDictonary.map(data => renderDataLine(contextApiInfo, mobilePeriod, mobilePeriodAverageTemperature, withPowerComparison, isDesktop, data)))

package/dist/components/ConsumptionComparison/index.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _browser = require("@widergy/web-utils/lib/browser");
 var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
 require("react-perfect-scrollbar/dist/css/styles.css");
+var _propTypes = require("prop-types");
 var _aliases = require("../../shared/constants/aliases");
 var _smartBillTypes = require("../../shared/types/smartBillTypes");
 var _periods = require("../../shared/utils/periods");
@@ -25,7 +26,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const ConsumptionComparison = _ref => {
   let {
     billData,
-    contextApiInfo
+    contextApiInfo,
+    temporalyDisabled
   } = _ref;
   const {
     Label,
@@ -60,7 +62,8 @@ const ConsumptionComparison = _ref => {
   const ComparisonTableRender = () => /*#__PURE__*/_react.default.createElement(_ComparisonTable.default, {
     billData: billData,
     multipleSettlements: multipleSettlements,
-    isDesktopSize: isDesktopSize
+    isDesktopSize: isDesktopSize,
+    temporalyDisabled: temporalyDisabled
   });
   const scrollbarRef = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
@@ -89,6 +92,7 @@ const ConsumptionComparison = _ref => {
 };
 ConsumptionComparison.propTypes = {
   billData: _billDataTypes.billDataTypes,
-  contextApiInfo: _smartBillTypes.contextApiInfoTypes
+  contextApiInfo: _smartBillTypes.contextApiInfoTypes,
+  temporalyDisabled: _propTypes.bool
 };
 var _default = exports.default = (0, _WithContextApi.default)()(ConsumptionComparison);

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

@@ -37,7 +37,8 @@ const ConsumptionEnergyComparison = _ref => {
     periodNumber,
     year,
     savingsPercentage,
-    currentIsFirstSettlement
+    currentIsFirstSettlement,
+    temporalyDisabled
   } = _ref;
   const {
     config,
@@ -83,7 +84,7 @@ const ConsumptionEnergyComparison = _ref => {
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.TITLE,
     className: _stylesModule.default.title
-  }, texts.billSummary.consumptionTitle), /*#__PURE__*/_react.default.createElement("div", {
+  }, texts.billSummary.consumptionTitle), !temporalyDisabled && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.multipleSettlementsInfo
   }, currentIsFirstSettlement && /*#__PURE__*/_react.default.createElement(CurrentSettlement, null), /*#__PURE__*/_react.default.createElement(RemainingSettlement, null), !currentIsFirstSettlement && /*#__PURE__*/_react.default.createElement(CurrentSettlement, null)), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.totalConsumptionContainer
@@ -120,6 +121,7 @@ ConsumptionEnergyComparison.propTypes = {
   periodNumber: _propTypes.string,
   year: _propTypes.string,
   savingsPercentage: _propTypes.number,
-  currentIsFirstSettlement: _propTypes.bool
+  currentIsFirstSettlement: _propTypes.bool,
+  temporalyDisabled: _propTypes.bool
 };
 var _default = exports.default = (0, _WithContextApi.default)()(ConsumptionEnergyComparison);

package/dist/components/ConsumptionEnergyDetails/index.js

@@ -33,7 +33,8 @@ const ConsumptionEnergyDetails = _ref => {
     billData,
     multipleSettlements,
     consumptionComparison,
-    withPercentage
+    withPercentage,
+    temporalyDisabled
   } = _ref;
   const {
     config,
@@ -85,7 +86,8 @@ const ConsumptionEnergyDetails = _ref => {
     periodNumber: periodNumber,
     year: year,
     savingsPercentage: savingsPercentage,
-    currentIsFirstSettlement: currentIsFirstSettlement
+    currentIsFirstSettlement: currentIsFirstSettlement,
+    temporalyDisabled: temporalyDisabled
   }) : /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.multipleSettlementsInfo && _stylesModule.default.percentageContainer && showSingleSettlementDays(billData) && _stylesModule.default.singleSettlementDays
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -145,6 +147,7 @@ ConsumptionEnergyDetails.propTypes = {
   billData: _billDataTypes.billDataTypes,
   multipleSettlements: _propTypes.bool,
   consumptionComparison: _propTypes.bool,
-  withPercentage: _propTypes.bool
+  withPercentage: _propTypes.bool,
+  temporalyDisabled: _propTypes.bool
 };
 var _default = exports.default = (0, _WithContextApi.default)()(ConsumptionEnergyDetails);

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

@@ -20,7 +20,8 @@ const Consumption = _ref => {
   let {
     billData,
     multipleSettlements,
-    contextApiInfo
+    contextApiInfo,
+    temporalyDisabled
   } = _ref;
   const {
     showPower,
@@ -34,7 +35,8 @@ const Consumption = _ref => {
     currentPeriod: currentPeriod,
     multipleSettlements: multipleSettlements,
     billData: billData,
-    consumptionComparison: showActiveReactiveComparison(billData)
+    consumptionComparison: showActiveReactiveComparison(billData),
+    temporalyDisabled: temporalyDisabled
   }), showPower(billData) && (0, _utils.validateConsumptions)(hiredPowerConsumption?.value, registeredPowerConsumption?.value) && /*#__PURE__*/_react.default.createElement(_PowerProgresBar.default, {
     hiredPowerConsumption: hiredPowerConsumption,
     registeredPowerConsumption: registeredPowerConsumption,
@@ -44,6 +46,7 @@ const Consumption = _ref => {
 Consumption.propTypes = {
   billData: _billDataTypes.billDataTypes,
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
-  multipleSettlements: _propTypes.bool
+  multipleSettlements: _propTypes.bool,
+  temporalyDisabled: _propTypes.bool
 };
 var _default = exports.default = (0, _WithContextApi.default)()(Consumption);

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

@@ -32,7 +32,8 @@ const BillBody = _ref => {
   let {
     billData,
     multipleSettlements,
-    contextApiInfo
+    contextApiInfo,
+    temporalyDisabled
   } = _ref;
   const {
     isDesktopSize
@@ -68,7 +69,8 @@ const BillBody = _ref => {
     isDesktopSize: isDesktopSize
   }), /*#__PURE__*/_react.default.createElement(_Consumption.default, {
     billData: billData,
-    multipleSettlements: multipleSettlements
+    multipleSettlements: multipleSettlements,
+    temporalyDisabled: temporalyDisabled
   }));
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
@@ -87,6 +89,7 @@ const BillBody = _ref => {
 BillBody.propTypes = {
   billData: _billDataTypes.billDataTypes,
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
-  multipleSettlements: _propTypes.bool
+  multipleSettlements: _propTypes.bool,
+  temporalyDisabled: _propTypes.bool
 };
 var _default = exports.default = (0, _WithContextApi.default)()(BillBody);

package/dist/components/MainBillData/index.js

@@ -17,7 +17,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const MainBillData = _ref => {
   let {
     billData,
-    classes
+    classes,
+    temporalyDisabled
   } = _ref;
   const currentPeriod = (0, _periods.getCurrentPeriod)(billData);
   const multipleSettlements = currentPeriod?.settlements?.total_settlements > 1;
@@ -27,13 +28,15 @@ const MainBillData = _ref => {
     billData: billData
   }), /*#__PURE__*/_react.default.createElement(_BillBody.default, {
     billData: billData,
-    multipleSettlements: multipleSettlements
+    multipleSettlements: multipleSettlements,
+    temporalyDisabled: temporalyDisabled
   }));
 };
 MainBillData.propTypes = {
   billData: _billDataTypes.billDataTypes,
   classes: (0, _propTypes.shape)({
     container: _propTypes.string
-  })
+  }),
+  temporalyDisabled: _propTypes.bool
 };
 var _default = exports.default = (0, _WithContextApi.default)(_theme.retrieveStyle)(MainBillData);

package/dist/components/SmartBillSummary/index.js

@@ -36,7 +36,8 @@ const SmartBillSummary = _ref => {
     smartBill,
     tabOptions,
     translations,
-    utils
+    utils,
+    periodSpan
   } = _ref;
   const {
     aiQuestionsList,
@@ -169,7 +170,8 @@ const SmartBillSummary = _ref => {
     reverseRow,
     smartBill,
     translations,
-    utils
+    utils,
+    periodSpan
   })), aiQuestionsPanelEnabled && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_energyUi.UTTooltip, {
     arrow: false,
     content: isDesktopSize ? widyTooltipContent : '',
@@ -235,6 +237,7 @@ SmartBillSummary.propTypes = {
     value: _propTypes.string
   })),
   translations: _propTypes.object,
-  utils: _propTypes.object
+  utils: _propTypes.object,
+  periodSpan: _propTypes.string
 };
 var _default = exports.default = SmartBillSummary;

package/dist/components/SmartBillSummary/tabs/Consumptions/components/Billing/constants.js

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TAG_ICON_SIZE = exports.RIGHT_UNIT_ALIGNMENT = exports.DEFAULT_TAG_ICON = exports.DEFAULT_TAG_COLOR_THEME = void 0;
+exports.TAG_ICON_SIZE = exports.RIGHT_UNIT_ALIGNMENT = exports.MONTHLY_SPAN = exports.DEFAULT_TAG_ICON = exports.DEFAULT_TAG_COLOR_THEME = exports.BIMESTRAL_SPAN = void 0;
 const DEFAULT_TAG_ICON = exports.DEFAULT_TAG_ICON = 'IconCalendarEvent';
 const TAG_ICON_SIZE = exports.TAG_ICON_SIZE = 14;
 const DEFAULT_TAG_COLOR_THEME = exports.DEFAULT_TAG_COLOR_THEME = 'gray';
-const RIGHT_UNIT_ALIGNMENT = exports.RIGHT_UNIT_ALIGNMENT = 'right';
+const RIGHT_UNIT_ALIGNMENT = exports.RIGHT_UNIT_ALIGNMENT = 'right';
+const BIMESTRAL_SPAN = exports.BIMESTRAL_SPAN = 'bimestral';
+const MONTHLY_SPAN = exports.MONTHLY_SPAN = 'monthly';

package/dist/components/SmartBillSummary/tabs/Consumptions/components/Billing/index.js

@@ -18,7 +18,8 @@ const Billing = _ref => {
     smartBill,
     texts,
     unitAlignment = _constants.RIGHT_UNIT_ALIGNMENT,
-    unit
+    unit,
+    periodSpan = _constants.BIMESTRAL_SPAN
   } = _ref;
   const {
     title,
@@ -27,12 +28,12 @@ const Billing = _ref => {
     periodDetail
   } = texts?.billing || {};
   const currentPeriod = smartBill?.periods?.find(period => period.current);
-  const billingsToShow = (0, _utils.getBillingsToShow)(currentPeriod?.settlements);
+  const billingsToShow = (0, _utils.getBillingsToShow)(currentPeriod?.settlements, periodSpan);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
     colorTheme: "gray",
-    variant: "small"
+    variant: "subtitle1"
   }, title), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.details
   }, billingsToShow.map(_ref2 => {
@@ -89,6 +90,7 @@ Billing.propTypes = {
   smartBill: _billDataTypes.billDataTypes,
   texts: _propTypes.object,
   unitAlignment: _propTypes.string,
-  unit: _propTypes.string
+  unit: _propTypes.string,
+  periodSpan: _propTypes.string
 };
 var _default = exports.default = Billing;

package/dist/components/SmartBillSummary/tabs/Consumptions/components/Billing/utils.js

@@ -6,9 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.getMonthName = exports.getConsumptionLabel = exports.getBillingsToShow = void 0;
 var _dayjs = _interopRequireDefault(require("dayjs"));
 require("dayjs/locale/es");
+var _constants = require("./constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 _dayjs.default.locale('es');
-const getBillingsToShow = settlements => {
+const getBillingsToShow = (settlements, periodSpan) => {
+  if (periodSpan === _constants.MONTHLY_SPAN) {
+    const currentBilling = {
+      ...settlements?.current,
+      colorTheme: 'success',
+      current: true,
+      icon: 'IconCheck'
+    };
+    return [currentBilling];
+  }
   const currentBilling = {
     ...settlements?.current,
     colorTheme: 'success',

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

@@ -18,7 +18,8 @@ const Consumptions = _ref => {
     assets,
     reverseRow = {},
     smartBill,
-    translations
+    translations,
+    periodSpan
   } = _ref;
   const {
     title,
@@ -45,11 +46,13 @@ const Consumptions = _ref => {
     texts: translations
   }), /*#__PURE__*/_react.default.createElement(_Billing.default, {
     smartBill: smartBill,
-    texts: translations
+    texts: translations,
+    periodSpan: periodSpan
   }))));
 };
 Consumptions.propTypes = {
   assets: _propTypes.object,
+  periodSpan: _propTypes.string,
   reverseRow: _propTypes.object,
   smartBill: _billDataTypes.billDataTypes,
   translations: _propTypes.object

package/package.json

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