@widergy/utilitygo-smart-bill-mobile 3.7.0 → 3.9.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.9.0](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/compare/v3.8.0...v3.9.0) (2026-02-10)
+
+
+### Features
+
+* [DEV-766] mvp widergy/eslint-config package ([#56](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/issues/56)) ([9e87e33](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/commit/9e87e337b1672ae7e30febb9f6cd8d4f28e14ea1))
+
+# [3.8.0](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/compare/v3.7.0...v3.8.0) (2026-02-02)
+
+
+### Features
+
+* charge configuration ([#63](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/issues/63)) ([9bd0240](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/commit/9bd0240c1914d9f424373304f020afa0303f9d6d))
+
 # [3.7.0](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/compare/v3.6.1...v3.7.0) (2026-01-27)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/utilitygo-smart-bill-mobile",
-  "version": "3.7.0",
+  "version": "3.9.0",
   "description": "UtilityGO SmartBill Mobile",
   "license": "MIT",
   "main": "src/lib/index.js",
@@ -19,23 +19,33 @@
     "@babel/preset-env": "^7.22.10",
     "@babel/preset-react": "^7.22.5",
     "@commitlint/cli": "^17.7.1",
+    "@eslint/compat": "^1.4.0",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.0.0",
     "@commitlint/config-conventional": "^17.7.0",
+    "@react-native/babel-preset": "0.79.5",
+    "@widergy/eslint-config": "^1.0.0",
     "@widergy/semantic-release-package-config": "^1.0.0",
     "babel-jest": "^29.6.2",
+    "babel-plugin-import-glob": "^2.0.0",
     "babel-plugin-module-resolver": "^5.0.0",
     "@react-native/metro-config": "^0.72.11",
     "@tsconfig/react-native": "^3.0.0",
     "@types/react": "^18.0.24",
     "@types/react-test-renderer": "^18.0.0",
     "@react-native/eslint-config": "^0.72.2",
-    "eslint": "^8.47.0",
+    "eslint": "^9.38.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.0.0",
     "eslint-import-resolver-babel-module": "^5.1.2",
+    "eslint-import-resolver-react-native": "^0.2.0",
     "eslint-plugin-import": "^2.28.0",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.33.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-native": "^5.0.0",
+    "globals": "^16.4.0",
     "husky": "^8.0.0",
     "jest": "^29.6.2",
     "lint-staged": "^15.0.2",
@@ -46,16 +56,19 @@
     "react": "18.2.0",
     "react-native": "0.72.6",
     "react-test-renderer": "18.2.0",
+    "react-native-worklets": "^0.5.0",
     "typescript": "4.8.4",
-    "semantic-release": "^15.13.31"
+    "semantic-release": "^15.13.31",
+    "typescript-eslint": "^8.46.4"
   },
   "scripts": {
     "lint:fix": "eslint --fix src",
-    "lint": "eslint src",
+    "lint": "eslint src --cache --prune-suppressions",
+    "lint-suppress": "eslint src --cache --suppress-all",
     "lint-diff": "git diff --name-only --cached --relative --diff-filter=ACM | grep \\.js$ | xargs ./node_modules/eslint/bin/eslint.js",
     "android": "react-native run-android",
     "ios": "react-native run-ios",
-    "start": "react-native start",
+    "start": "ESLINT_NO_DEV_ERRORS=true react-native start",
     "test": "jest",
     "build": "babel src/lib --out-dir dist",
     "prepare": "husky install"
@@ -81,9 +94,5 @@
   },
   "release": {
     "extends": "@widergy/semantic-release-package-config"
-  },
-  "resolutions": {
-    "minimatch": "^9.0.3",
-    "mixpanel-browser": "2.50.0"
   }
 }

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

@@ -11,14 +11,14 @@ const Banner = ({ image, url, style }) => (
       Linking.openURL(url);
     }}
     borderless
-    style={[ownStyles.touchable, style]}>
+    style={[ownStyles.touchable, style]}
+  >
     <Image source={image} style={ownStyles.image} />
   </Touchable>
 );
 
 Banner.propTypes = {
   url: string,
-  // eslint-disable-next-line react/forbid-prop-types
   image: any
 };
 

package/src/lib/components/BilledConsumption/components/ConsumptionInfo/index.js

@@ -14,7 +14,6 @@ const ConsumptionInfo = ({ consumption }) => (
 );
 
 ConsumptionInfo.propTypes = {
-  // eslint-disable-next-line react/forbid-prop-types
   consumption: any
 };
 export default ConsumptionInfo;

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

@@ -29,7 +29,8 @@ const IconAndDetails = ({
             {tooltipMessage}
           </Label>
         }
-        position="top">
+        position="top"
+      >
         <Icon height={ICON_SIZE} width={ICON_SIZE} style={[ownStyles.icon, styles?.icon]} />
       </UTTooltip>
     )}
@@ -52,15 +53,11 @@ const IconAndDetails = ({
 );
 
 IconAndDetails.propTypes = {
-  // eslint-disable-next-line react/forbid-prop-types
   Icon: any,
   mainText: string,
   secondaryText: string,
-  // eslint-disable-next-line react/forbid-prop-types
   styles: any,
-  // eslint-disable-next-line react/forbid-prop-types
   mainTextProps: any,
-  // eslint-disable-next-line react/forbid-prop-types
   secondaryTextProps: any,
   tooltipMessage: string,
   mainTextDescription: string

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

@@ -31,7 +31,8 @@ const NumberWithSuperIndex = ({
         style={[styles.currency, theme.text, style?.currency]}
         {...props}
         {...currencyProps}
-        useMarkdown={false}>
+        useMarkdown={false}
+      >
         $
       </Label>
       <Label style={[theme.text, style?.unit]} {...props} {...unitProps} useMarkdown={false}>
@@ -41,18 +42,16 @@ const NumberWithSuperIndex = ({
         style={[styles.decimal, theme.text, style?.decimal]}
         {...props}
         {...decimalProps}
-        useMarkdown={false}>
+        useMarkdown={false}
+      >
         {decimal || '00'}
       </Label>
     </View>
   );
 };
 NumberWithSuperIndex.propTypes = {
-  // eslint-disable-next-line react/forbid-prop-types
   currencyProps: shape(any),
-  // eslint-disable-next-line react/forbid-prop-types
   unitProps: shape(any),
-  // eslint-disable-next-line react/forbid-prop-types
   decimalProps: shape(any)
 };
 

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

@@ -47,7 +47,8 @@ const Period = ({
           <Label
             primary={billSummaryStep}
             h4
-            bold={!billSummaryStep}>{`${billedPeriod} ${number}/${year}`}</Label>
+            bold={!billSummaryStep}
+          >{`${billedPeriod} ${number}/${year}`}</Label>
         ) : showSimplePeriod(bill) ? (
           <View style={[ownStyles.periodLabel, !showPeriod && ownStyles.centerText]}>
             <Label h4 primary bold={!billSummaryStep} semibold={billSummaryStep}>
@@ -83,7 +84,8 @@ const Period = ({
                       {periodTooltip}
                     </Label>
                   }
-                  position="top">
+                  position="top"
+                >
                   <QuestionsIcon height={ICON_SIZE} width={ICON_SIZE} />
                 </UTTooltip>
               </View>
@@ -96,7 +98,6 @@ const Period = ({
 };
 
 Period.propTypes = {
-  // eslint-disable-next-line react/forbid-prop-types
   period: any,
   includeQuestionIcon: bool,
   showPeriod: bool,

package/src/lib/components/SmartBillSummary/components/AIDrawer/index.js

@@ -1,5 +1,4 @@
 /* eslint-disable react/no-unstable-nested-components */
-/* eslint-disable react/forbid-prop-types */
 import React, { useEffect, useState } from 'react';
 import { UTBottomSheet, UTLabel, UTLoading, UTIcon } from '@widergy/mobile-ui';
 import { FlatList, View } from 'react-native';
@@ -65,7 +64,8 @@ const AIDrawer = ({
                 ? styles.notEnoughBillsContainer
                 : styles.errorAnswer
               : null
-          ]}>
+          ]}
+        >
           {isLoading ? (
             <>
               <View style={styles.skeletonLoadingContainer}>
@@ -134,7 +134,6 @@ const AIDrawer = ({
 
   useEffect(() => {
     if (aiQuestionsListError && !aiQuestionsListLoading) handleClose();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isOpen, aiQuestionsListError, aiQuestionsListLoading]);
 
   return (
@@ -143,7 +142,8 @@ const AIDrawer = ({
       title={drawerTitle}
       titleProps={{ variant: 'title3', weight: 'medium' }}
       visible={isOpen}
-      withBodyPadding={false}>
+      withBodyPadding={false}
+    >
       <UTLoading loading={aiQuestionsListLoading} style={styles.loadingContainer}>
         <FlatList
           contentContainerStyle={styles.flatListContainer}

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 /* eslint-disable react/jsx-fragments */
 import React, { Fragment, useEffect, useState, useMemo, useCallback } from 'react';
 import { UTButton, UTLoading, UTTabs } from '@widergy/mobile-ui';
@@ -177,15 +176,12 @@ const SmartBillSummary = ({
     };
 
     checkAndStartOnboarding();
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [start, loading]);
 
   useEffect(() => {
     if (defaultCurrentTab && defaultCurrentTab !== currentTab) {
       changeCurrentTab(defaultCurrentTab);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [defaultCurrentTab]);
 
   useEffect(() => {
@@ -267,7 +263,8 @@ const SmartBillSummary = ({
                 styles.AIContainer,
                 isWalkthroughOn && styles.borderContainerButton,
                 isVisibleAIButton && styles.border
-              ]}>
+              ]}
+            >
               <UTButton
                 colorTheme="primary"
                 Icon="EnergyIconChatSparkFilled"

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { Surface, UTLabel } from '@widergy/mobile-ui';
 import { View } from 'react-native';

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { UTActionCard } from '@widergy/mobile-ui';
 import { View } from 'react-native';

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { Surface, UTLabel, UTStatus } from '@widergy/mobile-ui';
 import { View, Image } from 'react-native';

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { UTIcon, UTLabel } from '@widergy/mobile-ui';
 import { bool, object, string } from 'prop-types';

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { View } from 'react-native';
 import { bool, number, object } from 'prop-types';

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 /* eslint-disable react-native/no-inline-styles */
 import React, { useState } from 'react';
 import { arrayOf, bool, number, object, oneOfType, shape, string } from 'prop-types';
@@ -52,7 +51,8 @@ const ProgressBar = ({
         colors={DEFAULT_GRADIENT_COLORS}
         start={{ x: 0, y: 0 }}
         end={{ x: 1, y: 0 }}
-        style={styles.progressBackground}>
+        style={styles.progressBackground}
+      >
         {data.asMutable({ deep: true }).map(({ range, name }) => {
           const isLast = range[1] === 'Infinity';
           const width = isLast ? '20%' : `${(range[1] / totalRange) * 100}%`;
@@ -66,7 +66,8 @@ const ProgressBar = ({
                   width,
                   flexGrow: isLast ? 1 : 0
                 }
-              ]}>
+              ]}
+            >
               <UTLabel style={styles.segmentName} colorTheme="gray" variant="xsmall">
                 {name}
               </UTLabel>
@@ -126,7 +127,8 @@ const ProgressBar = ({
 
           {shouldRenderDynamicLabel && (
             <View
-              style={[styles.dinamicLabel, { left: getDynamicPosition(consumptionPercentage, barWidth) }]}>
+              style={[styles.dinamicLabel, { left: getDynamicPosition(consumptionPercentage, barWidth) }]}
+            >
               <UTLabel colorTheme="gray" variant="xsmall">
                 {dynamicLabel}
               </UTLabel>

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React, { useEffect, useMemo } from 'react';
 import { Linking, View } from 'react-native';
 import { Surface, UTButton, UTLabel } from '@widergy/mobile-ui';
@@ -21,6 +20,7 @@ const RateCard = ({
   consumptionLevels,
   currentPeriod,
   formatAmount,
+  hasCharge = true,
   normalizedRate = '',
   rateCardTranslations = {},
   ratesTableLink,
@@ -140,16 +140,17 @@ const RateCard = ({
       </View>
 
       <View style={styles.footer}>
-        {charges.map(({ concept, amount }) => (
-          <View style={styles.detail} key={concept}>
-            <UTLabel style={styles.detailTitle} weight="medium">
-              {upperFirst(concept)}
-            </UTLabel>
-            <UTLabel variant="subtitle1" weight="medium">
-              {formatAmount?.(amount) || '-'}
-            </UTLabel>
-          </View>
-        ))}
+        {hasCharge &&
+          charges.map(({ concept, amount }) => (
+            <View style={styles.detail} key={concept}>
+              <UTLabel style={styles.detailTitle} weight="medium">
+                {upperFirst(concept)}
+              </UTLabel>
+              <UTLabel variant="subtitle1" weight="medium">
+                {formatAmount?.(amount) || '-'}
+              </UTLabel>
+            </View>
+          ))}
 
         <View style={styles.footerAction}>
           {externalLinks.map(({ link, label }, index) => (
@@ -164,7 +165,8 @@ const RateCard = ({
                   childrenContainer: styles.footerActionChildren,
                   icon: styles.icon
                 }}
-                variant="text">
+                variant="text"
+              >
                 <UTLabel colorTheme="neutral" weight="medium">
                   {label}
                 </UTLabel>
@@ -183,6 +185,7 @@ RateCard.propTypes = {
   consumptionLevels: array,
   currentPeriod: object,
   formatAmount: func,
+  hasCharge: bool,
   normalizedRate: string,
   rateCardTranslations: object,
   ratesTableLink: string,

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { Surface, UTLabel } from '@widergy/mobile-ui';
 import { View } from 'react-native';

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { Surface, UTLabel } from '@widergy/mobile-ui';
 import { View } from 'react-native';

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { View } from 'react-native';
 import { array, func, object, shape, string } from 'prop-types';

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { bool, object, string } from 'prop-types';
 import { Surface, UTIcon, UTLabel } from '@widergy/mobile-ui';
@@ -68,7 +67,8 @@ const Billing = ({
                     colorTheme={current ? 'success' : 'gray'}
                     variant="xsmall"
                     weight="medium"
-                    withMarkdown>
+                    withMarkdown
+                  >
                     {tagLabel(current)}
                   </UTLabel>
                 </View>

package/src/lib/components/SmartBillSummary/tabs/Consumptions/components/BimestralConsumption/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { UTActionCard, UTLabel } from '@widergy/mobile-ui';
 import { object } from 'prop-types';

package/src/lib/components/SmartBillSummary/tabs/Consumptions/components/CurrentConsumption/components/ConsumptionComparison/components/GradientBar/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { bool, number, object } from 'prop-types';
 import { Rect, Svg, Defs, LinearGradient, Stop } from 'react-native-svg';

package/src/lib/components/SmartBillSummary/tabs/Consumptions/components/CurrentConsumption/components/ConsumptionComparison/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 /* eslint-disable react/jsx-fragments */
 import React, { Fragment } from 'react';
 import { UTLabel } from '@widergy/mobile-ui';
@@ -20,7 +19,8 @@ const ConsumptionComparison = ({ colors, periodsToCompare = [], texts }) => {
       <UTLabel
         colorTheme="gray"
         style={showComparison ? styles.consumptionComparisonLabel : styles.consumptionComparisonLabelNoData}
-        variant="small">
+        variant="small"
+      >
         {title}
       </UTLabel>
       {showComparison && (

package/src/lib/components/SmartBillSummary/tabs/Consumptions/components/CurrentConsumption/components/ConsumptionEvolution/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { UTActionCard, UTIcon, UTLabel } from '@widergy/mobile-ui';
 import { View } from 'react-native';
@@ -30,7 +29,8 @@ const ConsumptionEvolution = ({ assets, colors, periods, texts }) => {
       description={description}
       title={title}
       titleProps={{ variant: 'title3', weight: 'medium' }}
-      surfaceElevation={0}>
+      surfaceElevation={0}
+    >
       <View style={styles.childrenContainer}>
         <View style={styles.chipContainer}>
           <UTIcon area colorTheme={colorTheme} name={icon} shade={shade} size={size} />

package/src/lib/components/SmartBillSummary/tabs/Consumptions/components/CurrentConsumption/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { Surface, UTLabel } from '@widergy/mobile-ui';
 import { View } from 'react-native';

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React from 'react';
 import { UTLabel } from '@widergy/mobile-ui';
 import { View } from 'react-native';

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import React, { useEffect, useMemo, useState } from 'react';
 import { Image, ScrollView, View } from 'react-native';
 import { UTButton, UTLabel, UTLoading } from '@widergy/mobile-ui';
@@ -64,7 +63,6 @@ const Glossary = ({ constants = {}, handlers = {}, translations = {} }) => {
 
   useEffect(() => {
     getGlossaryData?.();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {