@widergy/utilitygo-smart-bill-web 3.17.0 → 3.18.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [3.18.1](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.18.0...v3.18.1) (2025-12-09)
+
+
+### Bug Fixes
+
+* loading when download smartbill ([#74](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/74)) ([a3b9bb3](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/a3b9bb32b1efb5956289187bc6d78bc88435e85a))
+
+# [3.18.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.17.0...v3.18.0) (2025-11-06)
+
+
+### Features
+
+* [evep-228] step two change ([#71](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/71)) ([c93b798](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/c93b79824c15ceadd9da5f50cb80396a21850c48))
+
 # [3.17.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.16.0...v3.17.0) (2025-11-06)
 
 

package/dist/components/ConsumptionComparison/components/ComparisonTable/utils.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mobileGetTableLines = exports.getPeriodFields = exports.desktopGetTableLines = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _DataLine = _interopRequireDefault(require("./components/DataLine"));
 var _constants = require("./constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getPeriodFields = function (contextApiInfo, period, periodAverageTemperature, withPowerComparison, isDesktop) {
   let stylingOptions = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
   let options = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
+  let temporalyDisabled = arguments.length > 7 ? arguments[7] : undefined;
   const {
     config
   } = contextApiInfo;
@@ -34,9 +36,9 @@ const getPeriodFields = function (contextApiInfo, period, periodAverageTemperatu
     gray,
     semibold
   } = stylingOptions;
-  const formattedPeriod = period.number && period.year && `${period.number}/${period.year}`;
+  const formattedPeriod = period.number && period.year && !temporalyDisabled ? `${period.number}/${period.year}` : (0, _dayjs.default)(period.settlements?.end_date).tz().format('MM/YYYY');
   const mobileLastYearPeriodFormatted = period.lastYearPeriod?.number && period.lastYearPeriod?.year && `${period.lastYearPeriod?.number}/${period.lastYearPeriod?.year}`;
-  const mobileCurrentYearPeriodFormatted = period.currentPeriod?.number && period.currentPeriod?.year && `${period.currentPeriod?.number}/${period.currentPeriod?.year}`;
+  const mobileCurrentYearPeriodFormatted = period.currentPeriod?.number && period.currentPeriod?.year && !temporalyDisabled ? `${period.currentPeriod?.number}/${period.currentPeriod?.year}` : (0, _dayjs.default)(period.currentPeriod?.settlements?.end_date).tz().format('MM/YYYY');
   let noDataLastYearPeriod = false;
   let noDataCurrentPeriod = false;
   if (!isDesktop) {
@@ -93,13 +95,13 @@ const getPeriodFields = function (contextApiInfo, period, periodAverageTemperatu
   }, _constants.FIELD_AVERAGE_TEMPERATURE)] : {};
 };
 exports.getPeriodFields = getPeriodFields;
-const renderDataLine = (contextApiInfo, mobilePeriod, mobilePeriodAverageTemperature, withPowerComparison, isDesktop, data) => /*#__PURE__*/_react.default.createElement(_DataLine.default, {
+const renderDataLine = (contextApiInfo, mobilePeriod, mobilePeriodAverageTemperature, withPowerComparison, isDesktop, data, temporalyDisabled) => /*#__PURE__*/_react.default.createElement(_DataLine.default, {
   key: "",
   fields: getPeriodFields(contextApiInfo, mobilePeriod, mobilePeriodAverageTemperature, withPowerComparison, isDesktop, {
     primary: true,
     gray: true,
     semibold: true
-  }, data),
+  }, data, temporalyDisabled),
   isDesktop: isDesktop
 });
 const desktopGetTableLines = (contextApiInfo, currentPeriod, currentPeriodAverageTemperature, lastYearPeriod, lastYearPeriodAverageTemperature, isDesktop, withPowerComparison, temporalyDisabled) => {
@@ -118,7 +120,7 @@ const desktopGetTableLines = (contextApiInfo, currentPeriod, currentPeriodAverag
         semibold: true
       }, {
         current: true
-      }),
+      }, temporalyDisabled),
       idModifier: "current_period",
       isDesktop: isDesktop,
       key: "current_period"
@@ -127,7 +129,7 @@ const desktopGetTableLines = (contextApiInfo, currentPeriod, currentPeriodAverag
     Component: /*#__PURE__*/_react.default.createElement(_DataLine.default, {
       fields: getPeriodFields(contextApiInfo, lastYearPeriod, showTemp && lastYearPeriodAverageTemperature, withPowerComparison, isDesktop, {
         gray: true
-      }),
+      }, temporalyDisabled),
       idModifier: "last_year_period",
       isDesktop: isDesktop,
       key: "last_year_period"
@@ -149,7 +151,7 @@ const mobileGetTableLines = (contextApiInfo, currentPeriod, currentPeriodAverage
     })
   };
   return [{
-    Component: /*#__PURE__*/_react.default.createElement("div", null, _constants.dataFieldDictonary.map(data => renderDataLine(contextApiInfo, mobilePeriod, mobilePeriodAverageTemperature, withPowerComparison, isDesktop, data)))
+    Component: /*#__PURE__*/_react.default.createElement("div", null, _constants.dataFieldDictonary.map(data => renderDataLine(contextApiInfo, mobilePeriod, mobilePeriodAverageTemperature, withPowerComparison, isDesktop, data, temporalyDisabled)))
   }];
 };
 exports.mobileGetTableLines = mobileGetTableLines;

package/dist/components/SmartBillSummary/index.js

@@ -14,6 +14,7 @@ var _utils = require("./utils");
 var _AIPanel = _interopRequireDefault(require("./components/AIPanel"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _BillHeader = _interopRequireDefault(require("./tabs/Billing/components/BillHeader"));
+var _SecondHeader = _interopRequireDefault(require("./tabs/Billing/components/SecondHeader"));
 var _utils2 = require("./tabs/Billing/utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -27,6 +28,7 @@ const SmartBillSummary = _ref => {
     components,
     constants,
     downloadSmartbillEnabled,
+    downloadSmartBillLoading,
     handlers,
     loading,
     showOnboarding = false,
@@ -152,8 +154,17 @@ const SmartBillSummary = _ref => {
     debtStatusValidation: smartBill.debt_status_label !== null,
     debtStatusLabel: smartBill.debt_status_label,
     downloadSmartbillEnabled,
+    downloadSmartBillLoading,
     handleDownloadSmartBill,
     smartBill
+  }), tabs.find(tab => tab.value === currentTab)?.header && /*#__PURE__*/_react.default.createElement(_SecondHeader.default, {
+    accountNumber: smartBill.client?.client_number,
+    accountNumberHelpText: translations.billingTab.secondHeader?.accountNumberHelpText,
+    supplyAddress: smartBill.client?.account_address,
+    city: currentAccount?.city,
+    district: currentAccount?.district,
+    supplyAddressHelpText: translations.billingTab.secondHeader?.supplyAddressHelpText,
+    clientNumberFormatter: utils?.formatters?.clientNumberFormatter
   }), _constants.TAB_COMPONENT_MAPPER?.[currentTab]?.({
     assets,
     billingLayout,
@@ -220,6 +231,7 @@ SmartBillSummary.propTypes = {
   }),
   constants: _propTypes.object,
   downloadSmartbillEnabled: _propTypes.bool,
+  downloadSmartBillLoading: _propTypes.bool,
   handlers: (0, _propTypes.shape)({
     [_propTypes.string]: _propTypes.func
   }),

package/dist/components/SmartBillSummary/tabs/Billing/components/BillHeader/index.js

@@ -21,6 +21,7 @@ const BillHeader = _ref => {
     debtStatusLabel,
     debtStatusValidation,
     downloadSmartbillEnabled,
+    downloadSmartBillLoading,
     handleDownloadSmartBill,
     issuedOnDate,
     smartBill,
@@ -58,6 +59,7 @@ const BillHeader = _ref => {
     variant: "text",
     disabled: true
   }, "Anexos"), downloadSmartbillEnabled && /*#__PURE__*/_react.default.createElement(_energyUi.UTButton, {
+    loading: downloadSmartBillLoading,
     onClick: handleDownloadSmartBill,
     Icon: "IconDownload",
     variant: "text"
@@ -72,6 +74,7 @@ BillHeader.propTypes = {
   debtStatusLabel: _propTypes.string,
   debtStatusValidation: _propTypes.bool,
   downloadSmartbillEnabled: _propTypes.bool,
+  downloadSmartBillLoading: _propTypes.bool,
   handleDownloadSmartBill: _propTypes.func,
   issuedOnDate: _propTypes.string,
   smartBill: _propTypes.object,

package/dist/components/SmartBillSummary/tabs/Billing/components/SecondHeader/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _energyUi = require("@widergy/energy-ui");
+var _propTypes = require("prop-types");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SecondHeader = _ref => {
+  let {
+    accountNumber,
+    accountNumberHelpText,
+    supplyAddress,
+    city,
+    district,
+    supplyAddressHelpText,
+    clientNumberFormatter
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.secondHeader
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.accountNumber
+  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
+    variant: "small",
+    weight: "bold"
+  }, accountNumber && clientNumberFormatter?.(accountNumber) || accountNumber), /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
+    colorTheme: "gray",
+    variant: "small"
+  }, accountNumberHelpText)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.locationTooltip
+  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
+    variant: "small",
+    weight: "bold"
+  }, supplyAddress), /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
+    variant: "small"
+  }, `${city} - ${district}`), /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
+    colorTheme: "gray",
+    variant: "small"
+  }, supplyAddressHelpText)));
+};
+SecondHeader.propTypes = {
+  accountNumber: _propTypes.string,
+  accountNumberHelpText: _propTypes.string,
+  supplyAddress: _propTypes.string,
+  city: _propTypes.string,
+  district: _propTypes.string,
+  supplyAddressHelpText: _propTypes.string,
+  clientNumberFormatter: _propTypes.func
+};
+var _default = exports.default = SecondHeader;

package/dist/components/SmartBillSummary/tabs/Billing/components/SecondHeader/styles.module.scss

@@ -0,0 +1,40 @@
+@import '../../../../../../scss/variables/mediaQueries.module.scss';
+
+.secondHeader {
+  align-items: center;
+  background-color: var(--light01);
+  border-radius: 8px;
+  box-shadow: var(--shadowGrayBottom1);
+  display: flex;
+  flex-wrap: wrap;
+  grid-gap: 50%;
+  justify-content: flex-start;
+  padding: 24px 48px;
+  margin: 16px 32px 0 32px;
+
+  @media #{$mobile} {
+    margin: 16px 16px 0 16px;
+    padding: 16px;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+  }
+}
+
+.accountNumber {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  grid-gap: 4px;
+}
+
+.locationTooltip {
+  display: flex;
+  flex-direction: column;
+  grid-gap: 4px;
+  text-align: left;
+  align-items: flex-start;
+
+  @media #{$mobile} {
+    text-align: left;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/utilitygo-smart-bill-web",
-  "version": "3.17.0",
+  "version": "3.18.1",
   "description": "UtilityGO SmartBill Web",
   "license": "MIT",
   "main": "dist/index.js",