@widergy/utilitygo-smart-bill-mobile 3.3.0 → 3.4.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [3.4.0](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/compare/v3.3.0...v3.4.0) (2025-11-07)
+
+
+### Bug Fixes
+
+* changes ([2669d6f](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/commit/2669d6f84abba0ccbf5aadc27114f8847ed44a7a))
+
+
+### Features
+
+* [EVEP-229] last prod changes ([#53](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/issues/53)) ([6327d47](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/commit/6327d4720afaade013546cde458f4094fec2d9b6))
+
 # [3.3.0](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/compare/v3.2.0...v3.3.0) (2025-11-05)
 
 

package/README.md

@@ -1,3 +1,2 @@
 # UtilityGO-Smart-Bill
 
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/utilitygo-smart-bill-mobile",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "UtilityGO SmartBill Mobile",
   "license": "MIT",
   "main": "src/lib/index.js",

package/src/lib/components/BillCalculation/index.js

@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import { View, FlatList } from 'react-native';
 import { Modal, SeparatorBar } from '@widergy/mobile-ui';
 import { bool } from 'prop-types';
+import dayjs from 'dayjs';
 
 import { billDataTypes } from '../../types/billDataTypes';
 import { titleMapper } from '../../utils/billCalculation';
@@ -65,7 +66,7 @@ const BillCalculation = ({ bill, context, temporalyDisabled }) => {
           ) : (
             <Label semibold h4 primary style={styles.headerTitle}>
               {temporalyDisabled
-                ? `${periodicity} ${periodNumber} `
+                ? `${periodicity} ${dayjs(currentPeriod.settlements?.end_date).tz().format('MM/YYYY')}`
                 : `${texts.mainBillData.settlement} ${currentSettlement} ${texts.mainBillData.ofPreposition} ${totalSettlements} - ${periodicity} ${periodNumber} `}
             </Label>
           )}

package/src/lib/components/BillSummary/index.js

@@ -32,7 +32,7 @@ const BillSummary = ({ bill, temporalyDisabled }) => {
       {!temporalyDisabled && <PercentageComparison bill={billToUse} />}
       {showPowerConsumptionGraphic(billToUse) && <PowerConsumptionGraphic bill={billToUse} />}
       <BillRate bill={billToUse} />
-      {showBillSummaryBanner(billToUse) && (
+      {showBillSummaryBanner(billToUse) && !temporalyDisabled && (
         <Banner image={ConsumptionDetailBanner} url={consumptionDetailLink} style={styles.banner} />
       )}
     </View>

package/src/lib/components/ConsumptionComparison/components/ComparisonTable/utils.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { getIn } from 'seamless-immutable';
 import moment from 'moment';
+import dayjs from 'dayjs';
 
 import Magnitude from '../../../Magnitude';
 import { ENERGY_TYPES, POWER_TYPES } from '../../../../constants/consumptions';
@@ -77,12 +78,15 @@ export const getHeaderField = (context, id, totalSettlementsIsOne) => {
   }
 };
 
-export const getPeriodField = (context, period, averageTemperature, options = {}, id) => {
+export const getPeriodField = (context, period, averageTemperature, options = {}, id, temporalyDisabled) => {
   const { config, Label } = context;
   const { daysUnity, temperatureUnity } = config.texts.consumptionComparison;
   const { primary, semibold, current } = options;
   const { noData } = config.texts.commons;
-  const formattedPeriod = period?.number && period.year && `${period.number}/${period.year}`;
+  const formattedPeriod =
+    period?.number && period.year && temporalyDisabled
+      ? dayjs(period.settlements?.end_date).tz().format('MM/YYYY')
+      : `${period.number}/${period.year}`;
 
   switch (id) {
     case COMPARISON_ROWS_IDS.period:
@@ -251,7 +255,7 @@ export const getComparisonRow = (
           semibold: true
         },
         periodId,
-        totalSettlementsIsOne
+        temporalyDisabled
       ),
       show: true
     }

package/src/lib/components/MainBillData/components/ConsumptionData/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { View } from 'react-native';
 import moment from 'moment';
 import { bool } from 'prop-types';
+import dayjs from 'dayjs';
 
 import { billDataTypes } from '../../../../types/billDataTypes';
 import { ENERGY_TYPES } from '../../../../constants/consumptions';
@@ -46,10 +47,12 @@ const ConsumptionData = ({ bill, temporalyDisabled }) => {
       {!powerConsumptionData && (
         <View style={styles.detailsContainer}>
           <Label small semibold style={styles.totalConsumptionAndDays} useMarkdown={false}>
-            {`${periodicity === PERIODICITY.BIMONTHLY ? bimester : '-'} ${number}/${moment(
-              year,
-              'YYYY'
-            ).format('YY')}:`}
+            {temporalyDisabled
+              ? `${periodicity === PERIODICITY.BIMONTHLY ? bimester : '-'} ${dayjs(currentPeriod.settlements?.end_date).tz().format('MM/YY')}:`
+              : `${periodicity === PERIODICITY.BIMONTHLY ? bimester : '-'} ${number}/${moment(
+                  year,
+                  'YYYY'
+                ).format('YY')}:`}
           </Label>
 
           <Label h4 semibold useMarkdown={false}>

package/src/lib/components/PeriodCard/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { any, bool } from 'prop-types';
 import { View } from 'react-native';
 import { UTTooltip } from '@widergy/mobile-ui';
+import dayjs from 'dayjs';
 
 import { PERIODICITY } from '../../constants/periodicities';
 import { Label } from '../Base';
@@ -62,7 +63,9 @@ const Period = ({
           <View style={includeQuestionIcon && ownStyles.textWithIcon}>
             <View>
               <Label h4 primary bold={!billSummaryStep} semibold={billSummaryStep} center>
-                {`${year} - ${periodicity === PERIODICITY.BIMONTHLY ? bimester : '-'} ${number}`}
+                {temporalyDisabled
+                  ? dayjs(period.settlements?.end_date).tz().format('MM/YYYY')
+                  : `${year} - ${periodicity === PERIODICITY.BIMONTHLY ? bimester : '-'} ${number}`}
               </Label>
               {!temporalyDisabled && (
                 <Label h4 primary bold={!billSummaryStep} semibold={billSummaryStep} center>