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

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+# [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)
+
+
+### Features
+
+* new temporally changes ([#52](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/issues/52)) ([46618ec](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/commit/46618ecee2a5e10e104a235bcca91eed5a8b0c35))
+
 # [3.2.0](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/compare/v3.1.4...v3.2.0) (2025-10-28)
 
 

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.2.0",
+  "version": "3.4.0",
   "description": "UtilityGO SmartBill Mobile",
   "license": "MIT",
   "main": "src/lib/index.js",

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

@@ -1,6 +1,8 @@
 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';
@@ -13,7 +15,7 @@ import ConceptCard from './components/ConceptCard';
 import getStyles from './styles';
 import DetailModalContent from './components/DetailModalContent';
 
-const BillCalculation = ({ bill, context }) => {
+const BillCalculation = ({ bill, context, temporalyDisabled }) => {
   const [detailModalMopen, setDetailModalOpen] = useState(false);
   const { config } = useSmartBill();
   const {
@@ -63,7 +65,9 @@ const BillCalculation = ({ bill, context }) => {
             </View>
           ) : (
             <Label semibold h4 primary style={styles.headerTitle}>
-              {`${texts.mainBillData.settlement} ${currentSettlement} ${texts.mainBillData.ofPreposition} ${totalSettlements} - ${periodicity} ${periodNumber} `}
+              {temporalyDisabled
+                ? `${periodicity} ${dayjs(currentPeriod.settlements?.end_date).tz().format('MM/YYYY')}`
+                : `${texts.mainBillData.settlement} ${currentSettlement} ${texts.mainBillData.ofPreposition} ${totalSettlements} - ${periodicity} ${periodNumber} `}
             </Label>
           )}
         </View>
@@ -108,6 +112,7 @@ const BillCalculation = ({ bill, context }) => {
   );
 };
 BillCalculation.propTypes = {
-  bill: billDataTypes
+  bill: billDataTypes,
+  temporalyDisabled: bool
 };
 export default withContext()(BillCalculation);

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { View } from 'react-native';
 import moment from 'moment';
+import { bool } from 'prop-types';
 
 import { contextApiInfoTypes } from '../../../../types/smartBillTypes';
 import { billDataTypes } from '../../../../types/billDataTypes';
@@ -10,7 +11,7 @@ import DebtStatusBadge from '../../../DebtStatusBadge';
 
 import styles from './styles';
 
-const Header = ({ context, bill }) => {
+const Header = ({ context, bill, temporalyDisabled }) => {
   const {
     config: {
       texts: {
@@ -35,6 +36,7 @@ const Header = ({ context, bill }) => {
           style={{ container: styles.periodCardContainer }}
           bill={bill}
           billSummaryStep
+          temporalyDisabled={temporalyDisabled}
         />
         <View style={[statusLabel && styles.issuedOnDate]}>
           <Label h6 midGray center={!showPeriodWithMonth(bill)}>
@@ -51,7 +53,8 @@ const Header = ({ context, bill }) => {
 
 Header.propTypes = {
   context: contextApiInfoTypes,
-  bill: billDataTypes
+  bill: billDataTypes,
+  temporalyDisabled: bool
 };
 
 export default withContext()(Header);

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { View } from 'react-native';
+import { bool } from 'prop-types';
 
 import { billDataTypes } from '../../types/billDataTypes';
 import AmountData from '../MainBillData/components/AmountData';
@@ -14,7 +15,7 @@ import styles from './styles';
 import BillRate from './components/BillRate';
 import PercentageComparison from './components/PercentageComparison';
 
-const BillSummary = ({ bill }) => {
+const BillSummary = ({ bill, temporalyDisabled }) => {
   const {
     config,
     assets: { ConsumptionDetailBanner }
@@ -24,20 +25,20 @@ const BillSummary = ({ bill }) => {
   const billToUse = { ...(bill || {}) };
   return (
     <View style={styles.container}>
-      <Header bill={billToUse} />
+      <Header bill={billToUse} temporalyDisabled={temporalyDisabled} />
       <AmountData bill={billToUse} />
       <ConceptSummary bill={billToUse} />
       <ConsumptionCard bill={billToUse} />
-      <PercentageComparison bill={billToUse} />
+      {!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>
   );
 };
 
-BillSummary.propTypes = { bill: billDataTypes };
+BillSummary.propTypes = { bill: billDataTypes, temporalyDisabled: bool };
 
 export default BillSummary;

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/ConsumptionComparison/index.js

@@ -50,7 +50,7 @@ const ConsumptionComparison = ({ bill, context, temporalyDisabled }) => {
           </ExternalLink>
         </View>
       )}
-      {!!(savingsPercentage === 0 || savingsPercentage) && (
+      {!!(savingsPercentage === 0 || savingsPercentage) && !temporalyDisabled && (
         <PercentageComparison
           savingsPercentage={savingsPercentage}
           totalSettlementsIsOne={totalSettlementsIsOne}

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/MainBillData/components/InitialData/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { View } from 'react-native';
 import moment from 'moment';
+import { bool } from 'prop-types';
 
 import { billDataTypes } from '../../../../types/billDataTypes';
 import PeriodCard from '../../../PeriodCard';
@@ -10,7 +11,7 @@ import { Label } from '../../../Base';
 
 import styles from './styles';
 
-const InitialData = ({ bill }) => {
+const InitialData = ({ bill, temporalyDisabled }) => {
   const {
     assets: { UtilityLogo },
     config: {
@@ -62,13 +63,15 @@ const InitialData = ({ bill }) => {
         includeQuestionIcon
         style={{ container: [styles.periodCard, showPeriodWithMonth(bill) && styles.periodWithMonth] }}
         bill={bill}
+        temporalyDisabled={temporalyDisabled}
       />
     </View>
   );
 };
 
 InitialData.propTypes = {
-  bill: billDataTypes
+  bill: billDataTypes,
+  temporalyDisabled: bool
 };
 
 export default InitialData;

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

@@ -42,7 +42,7 @@ const ParticularConditions = ({ bill, context }) => {
               <Label primary style={styles.listTitle}>
                 {particularConditionsListTitle}
               </Label>
-              {particularConditions.map(condition => (
+              {[...(particularConditions || [])].map(condition => (
                 <View key={condition} style={styles.condition}>
                   <View style={styles.dot} />
                   <Label gray small>

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

@@ -24,7 +24,7 @@ const MainBillData = ({ bill, temporalyDisabled }) => {
 
   return (
     <View style={styles.root}>
-      <InitialData bill={bill} />
+      <InitialData bill={bill} temporalyDisabled={temporalyDisabled} />
       <AmountData bill={bill} />
       {!isEmpty(bill.particular_conditions) && <ParticularConditions bill={bill} />}
       <ConsumptionData bill={bill} temporalyDisabled={temporalyDisabled} />

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';
@@ -10,7 +11,15 @@ import { useSmartBill, useThemedStyle } from '../../Context';
 
 import ownStyles, { retrieveStyles, ICON_SIZE } from './styles';
 
-const Period = ({ period, includeQuestionIcon, style, bill, showPeriod, billSummaryStep }) => {
+const Period = ({
+  period,
+  includeQuestionIcon,
+  style,
+  bill,
+  showPeriod,
+  billSummaryStep,
+  temporalyDisabled
+}) => {
   const {
     config,
     assets: { QuestionsIcon }
@@ -54,11 +63,15 @@ const Period = ({ period, includeQuestionIcon, style, bill, showPeriod, billSumm
           <View style={includeQuestionIcon && ownStyles.textWithIcon}>
             <View>
               <Label h4 primary bold={!billSummaryStep} semibold={billSummaryStep} center>
-                {`${year} - ${periodicity === PERIODICITY.BIMONTHLY ? bimester : '-'} ${number}`}
-              </Label>
-              <Label h4 primary bold={!billSummaryStep} semibold={billSummaryStep} center>
-                {`${settlement} ${currentSettlement} ${ofPreposition} ${totalSettlements}`}
+                {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>
+                  {`${settlement} ${currentSettlement} ${ofPreposition} ${totalSettlements}`}
+                </Label>
+              )}
             </View>
             {includeQuestionIcon && (
               <View style={ownStyles.icon}>
@@ -87,7 +100,8 @@ Period.propTypes = {
   period: any,
   includeQuestionIcon: bool,
   showPeriod: bool,
-  billSummaryStep: bool
+  billSummaryStep: bool,
+  temporalyDisabled: bool
 };
 
 export default Period;