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

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [3.7.0](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/compare/v3.6.1...v3.7.0) (2026-01-27)
+
+
+### Bug Fixes
+
+* dependency ([#62](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/issues/62)) ([c853ee6](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/commit/c853ee66679e805f45f31082adc12ce61fe87b94))
+
+
+### Features
+
+* [EVEP-356] new button in ratecard ([#61](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/issues/61)) ([8802ecc](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/commit/8802ecc5ed5cd49a24fea8c2fb229c6e975a717b))
+
 ## [3.6.1](https://github.com/widergy/UtilityGO-Smart-Bill-Mobile/compare/v3.6.0...v3.6.1) (2026-01-14)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/utilitygo-smart-bill-mobile",
-  "version": "3.6.1",
+  "version": "3.7.0",
   "description": "UtilityGO SmartBill Mobile",
   "license": "MIT",
   "main": "src/lib/index.js",
@@ -83,6 +83,7 @@
     "extends": "@widergy/semantic-release-package-config"
   },
   "resolutions": {
-    "minimatch": "^9.0.3"
+    "minimatch": "^9.0.3",
+    "mixpanel-browser": "2.50.0"
   }
 }

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

@@ -24,6 +24,7 @@ const RateCard = ({
   normalizedRate = '',
   rateCardTranslations = {},
   ratesTableLink,
+  seeBillLink,
   smartBill = {},
   subsidy = '',
   subsidyLevels,
@@ -35,6 +36,7 @@ const RateCard = ({
     helpText,
     limitRateValueLabel,
     seeRatesTable,
+    seeBill,
     startRateValueLabel,
     title,
     tooltipContent,
@@ -64,10 +66,17 @@ const RateCard = ({
   const noLevels = isEmpty(consumptionLevels);
   const showRateLabel = !isT1 || startRateValue === false || limitRateValue === false;
 
+  const externalLinks = [
+    { link: ratesTableLink, label: seeRatesTable },
+    { link: seeBillLink, label: seeBill }
+  ].filter(({ link, label }) => link && label);
+
   const debouncedTrackRedirection = useMemo(
     () =>
       debounce(link => {
-        trackRedirectionToExternalLink(link);
+        if (trackRedirectionToExternalLink && typeof trackRedirectionToExternalLink === 'function') {
+          trackRedirectionToExternalLink(link);
+        }
       }, 300),
     [trackRedirectionToExternalLink]
   );
@@ -78,9 +87,9 @@ const RateCard = ({
     };
   }, [debouncedTrackRedirection]);
 
-  const openExternalLink = () => {
-    debouncedTrackRedirection(ratesTableLink);
-    if (ratesTableLink) Linking.openURL(ratesTableLink);
+  const openExternalLink = link => {
+    debouncedTrackRedirection(link);
+    Linking.openURL(link);
   };
 
   return (
@@ -143,21 +152,26 @@ const RateCard = ({
         ))}
 
         <View style={styles.footerAction}>
-          <UTButton
-            colorTheme="secondary"
-            Icon="IconChevronRight"
-            iconPlacement="right"
-            onPress={openExternalLink}
-            style={{
-              root: styles.footerActionRoot,
-              childrenContainer: styles.footerActionChildren,
-              icon: styles.icon
-            }}
-            variant="text">
-            <UTLabel colorTheme="neutral" weight="medium">
-              {seeRatesTable}
-            </UTLabel>
-          </UTButton>
+          {externalLinks.map(({ link, label }, index) => (
+            <React.Fragment key={link}>
+              <UTButton
+                colorTheme="secondary"
+                Icon="IconChevronRight"
+                iconPlacement="right"
+                onPress={() => openExternalLink(link)}
+                style={{
+                  root: styles.footerActionRoot,
+                  childrenContainer: styles.footerActionChildren,
+                  icon: styles.icon
+                }}
+                variant="text">
+                <UTLabel colorTheme="neutral" weight="medium">
+                  {label}
+                </UTLabel>
+              </UTButton>
+              {index < externalLinks.length - 1 && <View style={styles.divider} />}
+            </React.Fragment>
+          ))}
         </View>
       </View>
     </Surface>
@@ -172,6 +186,7 @@ RateCard.propTypes = {
   normalizedRate: string,
   rateCardTranslations: object,
   ratesTableLink: string,
+  seeBillLink: string,
   smartBill: object,
   subsidy: string,
   subsidyLevels: objectOf(string),

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

@@ -36,9 +36,8 @@ export const createStyles = colors =>
       backgroundColor: 'transparent',
       borderTopWidth: 1,
       borderTopColor: colors.light04,
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-      gap: 8
+      flexDirection: 'column',
+      justifyContent: 'space-between'
     },
     detail: {
       alignItems: 'center',
@@ -61,5 +60,10 @@ export const createStyles = colors =>
       alignItems: 'center',
       justifyContent: 'space-between',
       paddingVertical: 8
+    },
+    divider: {
+      backgroundColor: colors.light04,
+      width: '100%',
+      height: 1
     }
   });