@widergy/utilitygo-smart-bill-mobile 2.5.1 → 2.5.2

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [2.5.2](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/compare/v2.5.1...v2.5.2) (2025-06-18)
+
+
+### Bug Fixes
+
+* levels loop error fixed ([#40](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/issues/40)) ([56f4a7f](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/commit/56f4a7f190094c6f6a5f4dcfde9eed7edca54d01))
+
 ## [2.5.1](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/compare/v2.5.0...v2.5.1) (2025-06-13)
 
 

package/package.json

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

package/src/lib/components/SmartBillSummary/tabs/Billing/components/RateCard/index.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { Linking, View } from 'react-native';
 import { Surface, UTButton, UTLabel } from '@widergy/mobile-ui';
 import { object, string, func, objectOf, array } from 'prop-types';
+import isEmpty from 'lodash/isEmpty';
 
 import {
   getConsumptionLabels,
@@ -42,7 +43,9 @@ const RateCard = ({
   const periodsToCompare = getConsumptionPeriodsToCompare(periods);
   const { totalConsumption, totalConsumptionFormatted } = getConsumptionLabels(periodsToCompare) || {};
   const { levels = [] } =
-    consumptionLevels.find(({ rate }) => rate === normalizedRate) || consumptionLevels[0] || {};
+    (consumptionLevels || []).find(({ rate }) => rate === normalizedRate) ||
+    (consumptionLevels || [])[0] ||
+    {};
   const { rates = [] } =
     levels.find(({ name }) => name && name === subsidyLevels[subsidy]) || levels[0] || {};
   const currentIndex = rates.findIndex(({ range }) => range[1] >= totalConsumption);
@@ -54,6 +57,8 @@ const RateCard = ({
     currentRate.range[currentRate.range.length - 1];
   const charges = client?.rate?.charges || [];
   const isT1 = purchasedRate.includes('T1');
+  const noLevels = isEmpty(consumptionLevels);
+  const showRateLabel = !isT1 || startRateValue === false || limitRateValue === false;
 
   const openExternalLink = () => ratesTableLink && Linking.openURL(ratesTableLink);
 
@@ -66,25 +71,27 @@ const RateCard = ({
         <UTLabel colorTheme="gray">{helpText}</UTLabel>
       </View>
 
-      <ProgressBar
-        colors={colors}
-        currentPeriod={currentPeriod}
-        data={rates}
-        isT1={isT1}
-        limitValue={limitRateValue}
-        specificRate={currentRate}
-        tooltipContent={tooltipContent}
-        translations={rateCardTranslations}
-        value={Number(totalConsumption) || 0}
-      />
+      {!noLevels && (
+        <ProgressBar
+          colors={colors}
+          currentPeriod={currentPeriod}
+          data={rates}
+          isT1={isT1}
+          limitValue={limitRateValue}
+          specificRate={currentRate}
+          tooltipContent={tooltipContent}
+          translations={rateCardTranslations}
+          value={Number(totalConsumption) || 0}
+        />
+      )}
 
-      <View style={styles.consumptionDataContainer}>
+      <View style={[styles.consumptionDataContainer, noLevels && styles.noLevels]}>
         <View style={styles.consumptionContent}>
           <UTLabel variant="title3" weight="medium">
             {getCurrentRate(purchasedRate, currentRate)}
           </UTLabel>
           <UTLabel colorTheme="gray" variant="small">
-            {!isT1
+            {showRateLabel
               ? yourRate
               : limitRateValue === 'Infinity'
                 ? startRateValueLabel?.(startRateValue)
@@ -109,7 +116,7 @@ const RateCard = ({
               {concept}
             </UTLabel>
             <UTLabel variant="subtitle1" weight="medium">
-              {formatAmount?.(amount)}
+              {formatAmount?.(amount) || '-'}
             </UTLabel>
           </View>
         ))}

package/src/lib/components/SmartBillSummary/tabs/Billing/components/RateCard/styles.js

@@ -22,6 +22,9 @@ export const createStyles = colors =>
       paddingTop: 16,
       paddingHorizontal: 16
     },
+    noLevels: {
+      paddingTop: 0
+    },
     consumptionContent: {
       flex: 1
     },

package/src/lib/components/SmartBillSummary/tabs/Billing/index.js

@@ -1,9 +1,8 @@
 /* eslint-disable react/forbid-prop-types */
-import React, { useEffect } from 'react';
+import React from 'react';
 import { Image, ScrollView, View } from 'react-native';
 import { Surface, UTActionCard, UTLabel } from '@widergy/mobile-ui';
 import { func, object, shape, string } from 'prop-types';
-import isEmpty from 'lodash/isEmpty';
 
 import { getCurrentPeriod, getFormattedDate } from './utils';
 import { createStyles } from './styles';
@@ -69,8 +68,7 @@ const Billing = ({
   const {
     handleAutomaticDebitAdherence = () => {},
     handleDownloadBill = () => {},
-    handleGoToDigitalBill = () => {},
-    getConsumptionLevels = () => {}
+    handleGoToDigitalBill = () => {}
   } = handlers;
   const {
     adherence_to_automatic_debit: adherenceToAutomaticDebit,
@@ -118,11 +116,6 @@ const Billing = ({
     };
   });
 
-  useEffect(() => {
-    if (isEmpty(consumptionLevels)) getConsumptionLevels();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
   return (
     <ScrollView>
       <View style={styles.generalContainer}>
@@ -168,23 +161,21 @@ const Billing = ({
           </UTLabel>
         </Surface>
 
-        {!isEmpty(consumptionLevels) && (
-          <RateCard
-            {...{
-              colors,
-              consumptionLevels,
-              currentPeriod,
-              formatAmount,
-              normalizedRate,
-              rateCardTranslations,
-              ratesTableLink,
-              smartBill,
-              subsidy,
-              subsidyLevels,
-              translations
-            }}
-          />
-        )}
+        <RateCard
+          {...{
+            colors,
+            consumptionLevels,
+            currentPeriod,
+            formatAmount,
+            normalizedRate,
+            rateCardTranslations,
+            ratesTableLink,
+            smartBill,
+            subsidy,
+            subsidyLevels,
+            translations
+          }}
+        />
 
         {actionCards?.map(({ onPress, Icon = 'IconChevronRight', statusAttributes = {}, title }) => (
           <UTActionCard