@widergy/utilitygo-smart-bill-web 3.9.0 → 3.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## [3.9.2](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.9.1...v3.9.2) (2025-08-13)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * smartbill titular card visual fixes ([#58](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/58)) ([6556dff](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/6556dffcf89a39bf301d114937cdd918cd018989))
7
+
8
+ ## [3.9.1](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.9.0...v3.9.1) (2025-07-10)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * utility widergy visual fixes ([#56](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/56)) ([575ed36](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/575ed361193630dd1860d6d3cc66485d28907cc6))
14
+
1
15
  # [3.9.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.8.0...v3.9.0) (2025-07-10)
2
16
 
3
17
 
@@ -10,6 +10,7 @@ var _propTypes = require("prop-types");
10
10
  var _numeral = _interopRequireDefault(require("numeral"));
11
11
  var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
12
12
  var _debounce = _interopRequireDefault(require("lodash/debounce"));
13
+ var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
13
14
  var _utils = require("../../../Consumptions/components/CurrentConsumption/utils");
14
15
  var _testIds = require("../../../../../../constants/testIds");
15
16
  var _utils2 = require("./utils");
@@ -183,7 +184,7 @@ const RateCard = _ref => {
183
184
  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
184
185
  dataTestId: `${smartBillTestIds.rateCard.detailLabel}.${i}`,
185
186
  weight: "medium"
186
- }, concept), /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
187
+ }, (0, _upperFirst.default)(concept)), /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
187
188
  dataTestId: `${smartBillTestIds.rateCard.detailAmount}.${i}`,
188
189
  variant: "subtitle1",
189
190
  weight: "medium"
@@ -111,6 +111,7 @@ const Billing = _ref => {
111
111
  subsidy_level: subsidy
112
112
  } = currentAccount;
113
113
  const isAdheredToAutomaticDebit = adherenceToAutomaticDebit === adherenceStatus?.subscribed;
114
+ const renderTitularFooter = clientNumber || ivaCondition;
114
115
  const actionCards = [{
115
116
  isAdhered: isAdheredToDigitalBill,
116
117
  leftIcon: 'IconReceipt',
@@ -157,7 +158,7 @@ const Billing = _ref => {
157
158
  }))), /*#__PURE__*/_react.default.createElement("div", {
158
159
  className: _stylesModule.default.detailColumns
159
160
  }, /*#__PURE__*/_react.default.createElement("div", {
160
- className: _stylesModule.default.column
161
+ className: _stylesModule.default.leftColumn
161
162
  }, actionCards?.map(_ref2 => {
162
163
  let {
163
164
  isAdhered,
@@ -198,30 +199,30 @@ const Billing = _ref => {
198
199
  weight: "medium"
199
200
  }, titularCardTitle), /*#__PURE__*/_react.default.createElement("div", {
200
201
  className: _stylesModule.default.titularDataContainer
201
- }, /*#__PURE__*/_react.default.createElement("div", {
202
+ }, accountAddress && /*#__PURE__*/_react.default.createElement("div", {
202
203
  className: _stylesModule.default.titularData
203
204
  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
204
205
  className: _stylesModule.default.titularDataTitle,
205
206
  weight: "bold"
206
207
  }, accountAddress), accountAddress !== postalAddress && /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, null, postalAddress), /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
207
208
  colorTheme: "gray"
208
- }, addressHelpText)), /*#__PURE__*/_react.default.createElement("div", {
209
+ }, addressHelpText)), titularName && /*#__PURE__*/_react.default.createElement("div", {
209
210
  className: _stylesModule.default.titularData
210
211
  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
211
212
  className: _stylesModule.default.titularDataTitle,
212
213
  weight: "bold"
213
214
  }, titularName), /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
214
215
  colorTheme: "gray"
215
- }, titularHelpText)), /*#__PURE__*/_react.default.createElement("div", {
216
+ }, titularHelpText)), renderTitularFooter && /*#__PURE__*/_react.default.createElement("div", {
216
217
  className: _stylesModule.default.titularFooter
217
- }, /*#__PURE__*/_react.default.createElement("div", {
218
+ }, clientNumber && /*#__PURE__*/_react.default.createElement("div", {
218
219
  className: _stylesModule.default.titularData
219
220
  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
220
221
  className: _stylesModule.default.titularDataTitle,
221
222
  weight: "bold"
222
223
  }, clientNumberFormatter?.(clientNumber)), /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
223
224
  colorTheme: "gray"
224
- }, clientNumberHelpText)), /*#__PURE__*/_react.default.createElement("div", {
225
+ }, clientNumberHelpText)), ivaCondition && /*#__PURE__*/_react.default.createElement("div", {
225
226
  className: _stylesModule.default.titularData
226
227
  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
227
228
  className: _stylesModule.default.titularDataTitle,
@@ -229,7 +230,7 @@ const Billing = _ref => {
229
230
  }, ivaCondition), /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
230
231
  colorTheme: "gray"
231
232
  }, ivaConditionHelpText)))))), /*#__PURE__*/_react.default.createElement("div", {
232
- className: _stylesModule.default.column
233
+ className: _stylesModule.default.rightColumn
233
234
  }, /*#__PURE__*/_react.default.createElement("div", {
234
235
  className: _stylesModule.default.totalCard
235
236
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -61,13 +61,25 @@
61
61
  }
62
62
  }
63
63
 
64
- .column {
64
+ %column {
65
65
  display: flex;
66
66
  flex: 1;
67
67
  flex-direction: column;
68
68
  grid-gap: 24px;
69
69
  }
70
70
 
71
+ .leftColumn {
72
+ @extend %column;
73
+
74
+ @media #{$mobile} {
75
+ order: 2;
76
+ }
77
+ }
78
+
79
+ .rightColumn {
80
+ @extend %column;
81
+ }
82
+
71
83
  .cardContainer {
72
84
  align-items: center;
73
85
  background-color: var(--light01);
@@ -29,9 +29,7 @@ const Glossary = _ref => {
29
29
  return glossaryLoading ? /*#__PURE__*/_react.default.createElement("div", {
30
30
  className: _stylesModule.default.loadingContainer
31
31
  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLoading, {
32
- loading: true,
33
- size: 80,
34
- thickness: 5
32
+ loading: true
35
33
  })) : /*#__PURE__*/_react.default.createElement(_energyUi.UTDocumentWizard, {
36
34
  handlers: handlers,
37
35
  labels: translations,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/utilitygo-smart-bill-web",
3
- "version": "3.9.0",
3
+ "version": "3.9.2",
4
4
  "description": "UtilityGO SmartBill Web",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",