@widergy/utilitygo-smart-bill-web 1.12.0 → 1.13.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 +21 -0
- package/dist/components/Amount/styles.module.scss +2 -0
- package/dist/components/BillCalculation/components/Glossary/index.js +133 -0
- package/dist/components/BillCalculation/components/Glossary/styles.module.scss +53 -0
- package/dist/components/BillCalculation/index.js +21 -3
- package/dist/components/BillCalculation/styles.module.scss +2 -1
- package/dist/components/BillCalculation/utils.js +16 -2
- package/dist/components/ConsumptionEnergyDetails/components/ConsumptionInDaysLabel/index.js +2 -2
- package/dist/components/ConsumptionEnergyDetails/components/EnergyTotalConsumption/index.js +1 -1
- package/dist/components/Period/index.js +2 -2
- package/dist/components/PowerProgresBar/components/PowerConsumption/index.js +1 -1
- package/dist/components/PowerProgresBar/index.js +1 -1
- package/dist/shared/constants/aliases.js +15 -7
- package/dist/shared/types/componentsTypes.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,24 @@
|
|
|
1
|
+
## [1.13.2](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.13.1...v1.13.2) (2022-03-14)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* markdown fixes ([#26](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/26)) ([2249e67](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/2249e6763bd9d5b7005699da912a9ec76afdc2fe))
|
|
7
|
+
|
|
8
|
+
## [1.13.1](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.13.0...v1.13.1) (2022-02-21)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* adding flex-wrap to expiration dates, keeping text in container ([#25](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/25)) ([fc34ecf](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/fc34ecf04a4f7b515cf5eb1410e9317875a1996f))
|
|
14
|
+
|
|
15
|
+
# [1.13.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.12.0...v1.13.0) (2022-01-17)
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
### Features
|
|
19
|
+
|
|
20
|
+
* glossary modal ([#23](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/23)) ([408df2e](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/408df2ee1f48ba1c5d18e96de6dfee81c3d16f14))
|
|
21
|
+
|
|
1
22
|
# [1.12.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.11.0...v1.12.0) (2022-01-17)
|
|
2
23
|
|
|
3
24
|
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
var _propTypes = require("prop-types");
|
|
13
|
+
|
|
14
|
+
var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
|
|
15
|
+
|
|
16
|
+
var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
|
|
17
|
+
|
|
18
|
+
var _aliases = require("../../../../shared/constants/aliases");
|
|
19
|
+
|
|
20
|
+
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
21
|
+
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
|
|
24
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
+
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
+
|
|
28
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
29
|
+
|
|
30
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
31
|
+
|
|
32
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
33
|
+
|
|
34
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
35
|
+
|
|
36
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
37
|
+
|
|
38
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
39
|
+
|
|
40
|
+
var Glossary = function Glossary(_ref) {
|
|
41
|
+
var glossaryConcepts = _ref.glossaryConcepts,
|
|
42
|
+
contextApiInfo = _ref.contextApiInfo,
|
|
43
|
+
isDesktopSize = _ref.isDesktopSize;
|
|
44
|
+
var assets = contextApiInfo.assets,
|
|
45
|
+
config = contextApiInfo.config,
|
|
46
|
+
Button = contextApiInfo.Button,
|
|
47
|
+
Label = contextApiInfo.Label,
|
|
48
|
+
Touchable = contextApiInfo.Touchable,
|
|
49
|
+
Dialog = contextApiInfo.Dialog,
|
|
50
|
+
Card = contextApiInfo.Card;
|
|
51
|
+
var texts = config.texts,
|
|
52
|
+
colors = config.colors;
|
|
53
|
+
var _texts$billCalculatio = texts.billCalculation,
|
|
54
|
+
glossaryTitle = _texts$billCalculatio.glossaryTitle,
|
|
55
|
+
seeGlossary = _texts$billCalculatio.seeGlossary;
|
|
56
|
+
var InfoIcon = assets.InfoIcon;
|
|
57
|
+
|
|
58
|
+
var _useState = (0, _react.useState)(),
|
|
59
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
60
|
+
open = _useState2[0],
|
|
61
|
+
setOpen = _useState2[1];
|
|
62
|
+
|
|
63
|
+
var _useState3 = (0, _react.useState)(),
|
|
64
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
65
|
+
openItem = _useState4[0],
|
|
66
|
+
setOpenItem = _useState4[1];
|
|
67
|
+
|
|
68
|
+
var toggleItem = function toggleItem(i) {
|
|
69
|
+
return i === openItem ? setOpenItem() : setOpenItem(i);
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Dialog, {
|
|
73
|
+
isOpen: open,
|
|
74
|
+
title: glossaryTitle,
|
|
75
|
+
cancelButton: {
|
|
76
|
+
onPress: function onPress() {
|
|
77
|
+
return setOpen(false);
|
|
78
|
+
},
|
|
79
|
+
text: texts.commons.close
|
|
80
|
+
},
|
|
81
|
+
classNames: {
|
|
82
|
+
content: _stylesModule.default.content,
|
|
83
|
+
container: _stylesModule.default.dialogRoot,
|
|
84
|
+
mainTitle: _stylesModule.default.mainTitle
|
|
85
|
+
}
|
|
86
|
+
}, glossaryConcepts.map(function (concept, i) {
|
|
87
|
+
return /*#__PURE__*/_react.default.createElement(Card, {
|
|
88
|
+
horizontal: true,
|
|
89
|
+
isCollapsible: true,
|
|
90
|
+
expandableContentClassName: _stylesModule.default.expandableContent,
|
|
91
|
+
className: _stylesModule.default.itemContainer,
|
|
92
|
+
header: /*#__PURE__*/_react.default.createElement(Label, {
|
|
93
|
+
className: _stylesModule.default.cardTitle
|
|
94
|
+
}, concept.title),
|
|
95
|
+
isOpen: i === openItem,
|
|
96
|
+
onClick: function onClick() {
|
|
97
|
+
return toggleItem(i);
|
|
98
|
+
}
|
|
99
|
+
}, /*#__PURE__*/_react.default.createElement(Label, null, concept.description), /*#__PURE__*/_react.default.createElement("div", {
|
|
100
|
+
className: _stylesModule.default.emptySpace
|
|
101
|
+
}));
|
|
102
|
+
})), isDesktopSize ? /*#__PURE__*/_react.default.createElement(Touchable, {
|
|
103
|
+
onClick: function onClick() {
|
|
104
|
+
return setOpen(true);
|
|
105
|
+
},
|
|
106
|
+
className: _stylesModule.default.desktopContainer,
|
|
107
|
+
style: {
|
|
108
|
+
textDecorationColor: colors.secondary
|
|
109
|
+
}
|
|
110
|
+
}, /*#__PURE__*/_react.default.createElement(InfoIcon, {
|
|
111
|
+
style: {
|
|
112
|
+
fill: colors.tooltipIcon
|
|
113
|
+
},
|
|
114
|
+
className: _stylesModule.default.infoIconTooltip
|
|
115
|
+
}), /*#__PURE__*/_react.default.createElement(Label, {
|
|
116
|
+
alias: _aliases.GLOSSARY_LINK
|
|
117
|
+
}, seeGlossary)) : /*#__PURE__*/_react.default.createElement(Button, {
|
|
118
|
+
onPress: function onPress() {
|
|
119
|
+
return setOpen(true);
|
|
120
|
+
},
|
|
121
|
+
className: _stylesModule.default.button
|
|
122
|
+
}, seeGlossary));
|
|
123
|
+
};
|
|
124
|
+
|
|
125
|
+
Glossary.propTypes = {
|
|
126
|
+
isDesktopSize: _propTypes.bool,
|
|
127
|
+
glossaryConcepts: (0, _propTypes.arrayOf)(_propTypes.any),
|
|
128
|
+
contextApiInfo: _smartBillTypes.contextApiInfoTypes
|
|
129
|
+
};
|
|
130
|
+
|
|
131
|
+
var _default = (0, _WithContextApi.default)()(Glossary);
|
|
132
|
+
|
|
133
|
+
exports.default = _default;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
@import '../../../../scss/variables/_colors';
|
|
2
|
+
|
|
3
|
+
.infoIconTooltip {
|
|
4
|
+
margin-right: 8px;
|
|
5
|
+
outline: none;
|
|
6
|
+
width: 18px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.button {
|
|
10
|
+
font-size: 16px;
|
|
11
|
+
font-weight: 400;
|
|
12
|
+
margin-top: 16px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.desktopContainer {
|
|
16
|
+
display: flex;
|
|
17
|
+
text-decoration: underline;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.content {
|
|
21
|
+
margin: 0;
|
|
22
|
+
overflow: overlay;
|
|
23
|
+
padding: 0;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.dialogRoot {
|
|
27
|
+
width: 350px;
|
|
28
|
+
|
|
29
|
+
::-webkit-scrollbar {
|
|
30
|
+
display: none;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.itemContainer {
|
|
35
|
+
border-bottom: 1px solid $borders-gray !important;
|
|
36
|
+
border-radius: none;
|
|
37
|
+
box-shadow: none;
|
|
38
|
+
padding: 0 16px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.emptySpace {
|
|
42
|
+
height: 24px;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.cardTitle {
|
|
46
|
+
font-weight: 500;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.mainTitle {
|
|
50
|
+
> * {
|
|
51
|
+
font-size: 16px !important;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
@@ -19,12 +19,16 @@ var _StyledAmount = _interopRequireDefault(require("../StyledAmount"));
|
|
|
19
19
|
|
|
20
20
|
var _aliases = require("../../shared/constants/aliases");
|
|
21
21
|
|
|
22
|
+
var _hooks = require("../../utils/hooks");
|
|
23
|
+
|
|
22
24
|
var _utils = require("./utils");
|
|
23
25
|
|
|
24
26
|
var _ConceptCard = _interopRequireDefault(require("./components/ConceptCard"));
|
|
25
27
|
|
|
26
28
|
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
27
29
|
|
|
30
|
+
var _Glossary = _interopRequireDefault(require("./components/Glossary"));
|
|
31
|
+
|
|
28
32
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
33
|
|
|
30
34
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -62,14 +66,18 @@ var BillCalculation = function BillCalculation(_ref) {
|
|
|
62
66
|
openedConcept = _useState2[0],
|
|
63
67
|
setOpenedConcept = _useState2[1];
|
|
64
68
|
|
|
69
|
+
var _useScreenSize = (0, _hooks.useScreenSize)(),
|
|
70
|
+
isDesktopSize = _useScreenSize.isDesktopSize;
|
|
71
|
+
|
|
65
72
|
var handleClick = function handleClick(index) {
|
|
66
73
|
return setOpenedConcept(openedConcept !== index ? index : null);
|
|
67
74
|
};
|
|
68
75
|
|
|
76
|
+
var glossaryConcepts = (0, _utils.filterGlossaryConcepts)(detail.concepts, showZeroConcepts);
|
|
69
77
|
var title = (0, _utils.periodToTitleMapper)(billData, texts, periodFormatter, withBillCalcTitleDate(billData));
|
|
70
78
|
|
|
71
79
|
var handleRenderConceptCard = function handleRenderConceptCard(concept, index) {
|
|
72
|
-
return (
|
|
80
|
+
return (0, _utils.shouldShowConcept)(concept, showZeroConcepts) && /*#__PURE__*/_react.default.createElement(_ConceptCard.default, {
|
|
73
81
|
titleHeader: concept.title,
|
|
74
82
|
total: concept.total,
|
|
75
83
|
lines: concept.lines,
|
|
@@ -80,12 +88,22 @@ var BillCalculation = function BillCalculation(_ref) {
|
|
|
80
88
|
});
|
|
81
89
|
};
|
|
82
90
|
|
|
91
|
+
var GlossaryRenderer = function GlossaryRenderer() {
|
|
92
|
+
return glossaryConcepts.length > 0 && /*#__PURE__*/_react.default.createElement(_Glossary.default, {
|
|
93
|
+
glossaryConcepts: glossaryConcepts,
|
|
94
|
+
isDesktopSize: isDesktopSize,
|
|
95
|
+
showZeroConcepts: showZeroConcepts
|
|
96
|
+
});
|
|
97
|
+
};
|
|
98
|
+
|
|
83
99
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
84
100
|
className: _stylesModule.default.container
|
|
101
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
102
|
+
className: _stylesModule.default.headerSection
|
|
85
103
|
}, /*#__PURE__*/_react.default.createElement(Label, {
|
|
86
104
|
alias: _aliases.BILL_CALC_CONCEPT_TITLE,
|
|
87
105
|
className: _stylesModule.default.title
|
|
88
|
-
}, title), detail.concepts.map(handleRenderConceptCard), /*#__PURE__*/_react.default.createElement("div", {
|
|
106
|
+
}, title), isDesktopSize && /*#__PURE__*/_react.default.createElement(GlossaryRenderer, null)), detail.concepts.map(handleRenderConceptCard), /*#__PURE__*/_react.default.createElement("div", {
|
|
89
107
|
className: "".concat(_stylesModule.default.totalAmountContainer, " ").concat(stylesConfig === null || stylesConfig === void 0 ? void 0 : stylesConfig.paymentTotal),
|
|
90
108
|
style: {
|
|
91
109
|
backgroundColor: colors.primary
|
|
@@ -97,7 +115,7 @@ var BillCalculation = function BillCalculation(_ref) {
|
|
|
97
115
|
aliasDecimal: _aliases.BILL_CALC_AMOUNT_DECIMAL,
|
|
98
116
|
variant: "title",
|
|
99
117
|
amount: detail.total_amount
|
|
100
|
-
})));
|
|
118
|
+
})), !isDesktopSize && /*#__PURE__*/_react.default.createElement(GlossaryRenderer, null));
|
|
101
119
|
};
|
|
102
120
|
|
|
103
121
|
BillCalculation.propTypes = {
|
|
@@ -7,13 +7,14 @@
|
|
|
7
7
|
flex-flow: column;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.headerSection {
|
|
11
11
|
align-items: center;
|
|
12
12
|
background: $white;
|
|
13
13
|
border: 1px solid $borders-gray;
|
|
14
14
|
border-bottom: 0;
|
|
15
15
|
border-radius: $default-container-border-radius $default-container-border-radius 0 0;
|
|
16
16
|
display: flex;
|
|
17
|
+
justify-content: space-between;
|
|
17
18
|
min-height: 37px;
|
|
18
19
|
padding: $default-spacing calc(2 * #{$default-spacing});
|
|
19
20
|
@media #{$tablet-mobile} {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.periodToTitleMapper = void 0;
|
|
6
|
+
exports.shouldShowConcept = exports.periodToTitleMapper = exports.filterGlossaryConcepts = void 0;
|
|
7
7
|
|
|
8
8
|
var _string = require("@widergy/web-utils/lib/string");
|
|
9
9
|
|
|
@@ -40,4 +40,18 @@ var periodToTitleMapper = function periodToTitleMapper(billData, texts, periodFo
|
|
|
40
40
|
return '-';
|
|
41
41
|
};
|
|
42
42
|
|
|
43
|
-
exports.periodToTitleMapper = periodToTitleMapper;
|
|
43
|
+
exports.periodToTitleMapper = periodToTitleMapper;
|
|
44
|
+
|
|
45
|
+
var shouldShowConcept = function shouldShowConcept(concept, showZeroConcepts) {
|
|
46
|
+
return concept.total !== 0 || showZeroConcepts;
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
exports.shouldShowConcept = shouldShowConcept;
|
|
50
|
+
|
|
51
|
+
var filterGlossaryConcepts = function filterGlossaryConcepts(concepts, showZeroConcepts) {
|
|
52
|
+
return concepts.filter(function (concept) {
|
|
53
|
+
return concept.description && shouldShowConcept(concept, showZeroConcepts);
|
|
54
|
+
});
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
exports.filterGlossaryConcepts = filterGlossaryConcepts;
|
|
@@ -38,9 +38,9 @@ var ConsumptionInDaysLabel = function ConsumptionInDaysLabel(_ref) {
|
|
|
38
38
|
className: _stylesModule.default.consumptionAndUnit
|
|
39
39
|
}, /*#__PURE__*/_react.default.createElement(Label, {
|
|
40
40
|
alias: numberAlias
|
|
41
|
-
}, "".concat((0, _utils.stringOrDash)(consumption), "
|
|
41
|
+
}, "".concat((0, _utils.stringOrDash)(consumption), "\xA0")), /*#__PURE__*/_react.default.createElement(Label, {
|
|
42
42
|
alias: unitAlias
|
|
43
|
-
}, "".concat((0, _utils.stringOrDash)(unit), "
|
|
43
|
+
}, "".concat((0, _utils.stringOrDash)(unit), "\xA0"))), /*#__PURE__*/_react.default.createElement(Label, {
|
|
44
44
|
alias: daysAlias
|
|
45
45
|
}, "".concat(texts.commons.inPreposition, " ").concat((0, _utils.stringOrDash)(totalDays), " ").concat(texts.commons.days)));
|
|
46
46
|
};
|
|
@@ -41,7 +41,7 @@ var EnergyTotalConsumption = function EnergyTotalConsumption(_ref) {
|
|
|
41
41
|
}, /*#__PURE__*/_react.default.createElement(Label, {
|
|
42
42
|
alias: alias,
|
|
43
43
|
className: exceededReactiveEnergy && _stylesModule.default.exceededReactiveEnergyLabel
|
|
44
|
-
}, "".concat((0, _utils.stringOrDash)(consumption), "
|
|
44
|
+
}, "".concat((0, _utils.stringOrDash)(consumption), "\xA0")), /*#__PURE__*/_react.default.createElement(Label, {
|
|
45
45
|
alias: unitAlias,
|
|
46
46
|
className: exceededReactiveEnergy && _stylesModule.default.exceededReactiveEnergyLabel
|
|
47
47
|
}, (0, _utils.stringOrDash)(unit))), /*#__PURE__*/_react.default.createElement(Label, {
|
|
@@ -86,7 +86,7 @@ var Period = function Period(_ref) {
|
|
|
86
86
|
}, /*#__PURE__*/_react.default.createElement(Label, {
|
|
87
87
|
className: _stylesModule.default.issueDate,
|
|
88
88
|
alias: isDesktopSize ? _aliases.MAIN_SECONDARY : _aliases.MAIN_LIGHT
|
|
89
|
-
}, "".concat(issuedOnDate, "
|
|
89
|
+
}, "".concat(issuedOnDate, ":\xA0")), /*#__PURE__*/_react.default.createElement(Label, {
|
|
90
90
|
alias: _aliases.PERIOD_ISSUED_DATE
|
|
91
91
|
}, issuedDateLabel)));
|
|
92
92
|
|
|
@@ -148,7 +148,7 @@ var Period = function Period(_ref) {
|
|
|
148
148
|
}, /*#__PURE__*/_react.default.createElement(Label, {
|
|
149
149
|
alias: desktopAlias,
|
|
150
150
|
className: _stylesModule.default.periodLabel
|
|
151
|
-
}, isDesktopSize ? "".concat(yearAndPeriodicityLabel, "
|
|
151
|
+
}, isDesktopSize ? "".concat(yearAndPeriodicityLabel, " -\xA0").concat(settlementLabel) : "".concat(periodicityLabel, " - ").concat((0, _utils.stringOrDash)(year), " <br> ").concat(settlementLabel))) : /*#__PURE__*/_react.default.createElement("div", {
|
|
152
152
|
className: _stylesModule.default.singleSettlmentText
|
|
153
153
|
}, /*#__PURE__*/_react.default.createElement(Label, {
|
|
154
154
|
alias: desktopAlias,
|
|
@@ -37,7 +37,7 @@ var PowerConsumption = function PowerConsumption(_ref) {
|
|
|
37
37
|
}, /*#__PURE__*/_react.default.createElement(Label, {
|
|
38
38
|
alias: alias,
|
|
39
39
|
className: !isHired && powerExceeded && _stylesModule.default.exceededLabel
|
|
40
|
-
}, "".concat((consumption === null || consumption === void 0 ? void 0 : consumption.toString().replace('.', ',')) || '-', "
|
|
40
|
+
}, "".concat((consumption === null || consumption === void 0 ? void 0 : consumption.toString().replace('.', ',')) || '-', "\xA0")), consumption && /*#__PURE__*/_react.default.createElement(Label, {
|
|
41
41
|
alias: unitAlias,
|
|
42
42
|
className: !isHired && powerExceeded && _stylesModule.default.exceededLabel
|
|
43
43
|
}, unit)), /*#__PURE__*/_react.default.createElement(Label, {
|
|
@@ -91,7 +91,7 @@ var PowerProgresBar = function PowerProgresBar(_ref) {
|
|
|
91
91
|
className: _stylesModule.default.labelIcon
|
|
92
92
|
}), /*#__PURE__*/_react.default.createElement(Label, {
|
|
93
93
|
alias: _aliases.EXCEEDED_POWER_VALUE
|
|
94
|
-
}, "".concat((0, _utils.formatNumber)(exceededPower.value), "
|
|
94
|
+
}, "".concat((0, _utils.formatNumber)(exceededPower.value), "\xA0").concat(hiredPowerConsumption.unit)))), /*#__PURE__*/_react.default.createElement("div", {
|
|
95
95
|
className: _stylesModule.default.powerExceededFine
|
|
96
96
|
}, /*#__PURE__*/_react.default.createElement(RedAlertIcon, {
|
|
97
97
|
className: _stylesModule.default.labelIcon
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
7
|
-
exports.WEATHER_PROVIDER_INFORMATION = exports.TYPE_AND_NUMBER_TYPE = exports.TITLE = exports.TINY_DECIMAL = exports.SUMMARY_TITLE = exports.SUMMARY_SUBTITLE = exports.SUMMARY_ROW_NUMBER = exports.SUMMARY_ROW_FOCUSED = exports.SUMMARY_ROW = exports.SUMMARY_RESULT_UNIT = exports.SUMMARY_RESULT_NUMBER = exports.SUMMARY_RESULT = exports.SUMMARY_PERIOD = exports.SUBSTAGE = exports.STAGE_DETAIL = exports.SEASON = exports.REGULAR_LINK = exports.READING_TITLE = exports.READING_STATE_DETAIL = exports.READING_STATE = exports.READING_MAIN = exports.READING_DETAIL = exports.RATE_STAGE_MAGNITUDE = exports.RATE_PRICES_AMOUNT = exports.RATE_MAGNITUDE_UNIT_INDICATOR = exports.RATE_MAGNITUDE_NUMBER_INDICATOR = exports.RATE_LABEL_INDICATOR = exports.RATE_DATA_SUBTITLE = exports.RATE_AND_CATEGORY_MAIN_TEXT = exports.RATE = exports.PURCHASED_RATE_DESCRIPTION = exports.POWER_FACTOR_EXCEEDED_VALUE = exports.POWER_FACTOR_EXCEEDED_MESSAGE = exports.POWER_CONSUMPTION_UNIT_GRAY = exports.POWER_CONSUMPTION_UNIT = exports.POWER_CONSUMPTION_TEXT_GRAY = exports.POWER_CONSUMPTION_TEXT = exports.POWER_CONSUMPTION_GRAY =
|
|
6
|
+
exports.POWER_CONSUMPTION = exports.PERIOD_RESPONSIVE = exports.PERIOD_RANGE = exports.PERIOD_ISSUED_DATE = exports.PERIOD_COMPARISON_UNIT_PREV = exports.PERIOD_COMPARISON_UNIT = exports.PERIOD_COMPARISON_TEXT_PREV = exports.PERIOD_COMPARISON_TEXT = exports.PERIOD_COMPARISON_NUMBER_PREV = exports.PERIOD_COMPARISON_NUMBER = exports.PERIOD = exports.PERCENTAGE_COMPARISON_TITLE = exports.PERCENTAGE_COMPARISON_SUBTITLE = exports.PERCENTAGE_COMPARISON_DETAIL = exports.PERCENTAGE_COMPARISON = exports.PARTICULAR_CONDITIONS_TITLE = exports.PARTICULAR_CONDITIONS_LIST_TITLE = exports.PARTICULAR_CONDITION = exports.MAIN_SECONDARY = exports.MAIN_LIGHT = exports.MAIN = exports.LINE_DESCRIPTION = exports.ISSUED_DATE = exports.HEADER_SETTLEMENT_REMAINING_DATE = exports.HEADER_SETTLEMENT_REMAINING = exports.HEADER_SETTLEMENT_DATE = exports.HEADER_SETTLEMENT = exports.HEADER_CONSUMPTION = exports.GLOSSARY_LINK = exports.GET_PERIOD_FIELDS_NO_DATA = exports.EXPIRATION = exports.EXCEEDED_POWER_VALUE = exports.EXCEEDED_POWER_MESSAGE = exports.EXCEEDED_POWER_FINE = exports.ENERGY_TOTAL_CONSUMPTION_UNIT = exports.ENERGY_TOTAL_CONSUMPTION_EXCEEDED_UNIT = exports.ENERGY_TOTAL_CONSUMPTION_EXCEEDED = exports.ENERGY_TOTAL_CONSUMPTION_DETAIL = exports.ENERGY_TOTAL_CONSUMPTION = exports.DETAIL = exports.DEFAULT_PROPS = exports.DEFAULT_COLORS = exports.CONSUMPTION_PERIODICITY = exports.CONSUMPTION_NEXT_DETAIL = exports.CONSUMPTION_DAYS_UNIT_NEXT = exports.CONSUMPTION_DAYS_UNIT_ACTUAL = exports.CONSUMPTION_DAYS_NUMBER_NEXT = exports.CONSUMPTION_DAYS_NUMBER_ACTUAL = exports.CONSUMPTION_DAYS_DAYS_NEXT = exports.CONSUMPTION_DAYS_DAYS_ACTUAL = exports.CONSUMPTION_BIMESTER_UNIT = exports.CONSUMPTION_BIMESTER_NUMBER = exports.CONSUMPTION_BIMESTER_DAYS = exports.CONSUMPTION_ACTUAL_DETAIL = exports.CONCEPT_TITLE = exports.CONCEPT_SECONDARY_NAME = exports.CONCEPT_SECONDARY_AMOUNT_DECIMAL = exports.CONCEPT_SECONDARY_AMOUNT = exports.CONCEPT_LIST_AMOUNT_DECIMAL = exports.CONCEPT_LIST_AMOUNT = exports.CONCEPT_FIRST_NAME = exports.CONCEPT_FIRST_AMOUNT_DECIMAL = exports.CONCEPT_FIRST_AMOUNT = exports.CONCEPT_CARD_AMOUNT_DECIMAL = exports.CONCEPT_CARD_AMOUNT = exports.COLORS = exports.CATEGORY_DEFINITION = exports.CATEGORY = exports.CARD_WHITE_UNIT = exports.CARD_WHITE_MAGNITUDE = exports.CARD_WHITE_CONSUMPTION = exports.CARD_SUBTITLE_REMAINING = exports.CARD_SUBTITLE = exports.CARD_SECONDARY_TITLE = exports.CARD_PRIMARY_UNIT = exports.CARD_PRIMARY_MAGNITUDE = exports.CARD_PRIMARY_CONSUMPTION = exports.CARD_MAIN_TITLE = exports.CARD_GRAY_UNIT = exports.CARD_GRAY_MAGNITUDE = exports.CARD_GRAY_CONSUMPTION = exports.CARD_DESCRIPTION_REMAINING = exports.CARD_DESCRIPTION = exports.CARD_CONSUMPTION_TEXT_REMAINING = exports.CARD_CONSUMPTION_TEXT_CURRENT = exports.CARD_CONSUMPTION_DESCRIPTION_WHITE = exports.CARD_CONSUMPTION_DESCRIPTION_GRAY = exports.BILL_RATE_PRICES_SUBTITLE = exports.BILL_CALC_TOTAL = exports.BILL_CALC_CONCEPT_TITLE = exports.BILL_CALC_CONCEPT = exports.BILL_CALC_AMOUNT_DECIMAL = exports.BILL_CALC_AMOUNT = exports.BILL_ALERT = exports.AMOUNT_DECIMAL = exports.AMOUNT = exports.ADVICE_TITLE = exports.ADVICE_SUBTITLE = exports.ADVICE_CONTENT = exports.ADHERED_DIGITAL_BILL = void 0;
|
|
7
|
+
exports.WEATHER_PROVIDER_INFORMATION = exports.TYPE_AND_NUMBER_TYPE = exports.TITLE = exports.TINY_DECIMAL = exports.SUMMARY_TITLE = exports.SUMMARY_SUBTITLE = exports.SUMMARY_ROW_NUMBER = exports.SUMMARY_ROW_FOCUSED = exports.SUMMARY_ROW = exports.SUMMARY_RESULT_UNIT = exports.SUMMARY_RESULT_NUMBER = exports.SUMMARY_RESULT = exports.SUMMARY_PERIOD = exports.SUBSTAGE = exports.STAGE_DETAIL = exports.SEASON = exports.REGULAR_LINK = exports.READING_TITLE = exports.READING_STATE_DETAIL = exports.READING_STATE = exports.READING_MAIN = exports.READING_DETAIL = exports.RATE_STAGE_MAGNITUDE = exports.RATE_PRICES_AMOUNT = exports.RATE_MAGNITUDE_UNIT_INDICATOR = exports.RATE_MAGNITUDE_NUMBER_INDICATOR = exports.RATE_LABEL_INDICATOR = exports.RATE_DATA_SUBTITLE = exports.RATE_AND_CATEGORY_MAIN_TEXT = exports.RATE = exports.PURCHASED_RATE_DESCRIPTION = exports.POWER_FACTOR_EXCEEDED_VALUE = exports.POWER_FACTOR_EXCEEDED_MESSAGE = exports.POWER_CONSUMPTION_UNIT_GRAY = exports.POWER_CONSUMPTION_UNIT = exports.POWER_CONSUMPTION_TEXT_GRAY = exports.POWER_CONSUMPTION_TEXT = exports.POWER_CONSUMPTION_GRAY = void 0;
|
|
8
8
|
|
|
9
9
|
var _DEFAULT_COLORS, _DEFAULT_PROPS;
|
|
10
10
|
|
|
@@ -278,13 +278,15 @@ var RATE_DATA_SUBTITLE = 'rateDataSubtitle';
|
|
|
278
278
|
exports.RATE_DATA_SUBTITLE = RATE_DATA_SUBTITLE;
|
|
279
279
|
var CONSUMPTION_PERIODICITY = 'consumptionPeriodicity';
|
|
280
280
|
exports.CONSUMPTION_PERIODICITY = CONSUMPTION_PERIODICITY;
|
|
281
|
+
var GLOSSARY_LINK = 'glossaryLink';
|
|
282
|
+
exports.GLOSSARY_LINK = GLOSSARY_LINK;
|
|
281
283
|
var COLORS = {
|
|
282
284
|
PRIMARY: 'primary',
|
|
283
285
|
GRAY: 'gray',
|
|
284
|
-
|
|
286
|
+
SECONDARY: 'secondary'
|
|
285
287
|
};
|
|
286
288
|
exports.COLORS = COLORS;
|
|
287
|
-
var DEFAULT_COLORS = (_DEFAULT_COLORS = {}, _defineProperty(_DEFAULT_COLORS, COLORS.PRIMARY, '#387AC9'), _defineProperty(_DEFAULT_COLORS, COLORS.GRAY, '#717172'), _defineProperty(_DEFAULT_COLORS, "barChart", {
|
|
289
|
+
var DEFAULT_COLORS = (_DEFAULT_COLORS = {}, _defineProperty(_DEFAULT_COLORS, COLORS.PRIMARY, '#387AC9'), _defineProperty(_DEFAULT_COLORS, COLORS.SECONDARY, '#3FBFE7'), _defineProperty(_DEFAULT_COLORS, COLORS.GRAY, '#717172'), _defineProperty(_DEFAULT_COLORS, "barChart", {
|
|
288
290
|
first: 'rgba(77,152,250,0.25)',
|
|
289
291
|
main: '#ECECEC',
|
|
290
292
|
last: '#387AC9',
|
|
@@ -295,10 +297,12 @@ var DEFAULT_COLORS = (_DEFAULT_COLORS = {}, _defineProperty(_DEFAULT_COLORS, COL
|
|
|
295
297
|
exports.DEFAULT_COLORS = DEFAULT_COLORS;
|
|
296
298
|
var DEFAULT_PROPS = (_DEFAULT_PROPS = {}, _defineProperty(_DEFAULT_PROPS, TITLE, {
|
|
297
299
|
variant: 'subtitle1',
|
|
298
|
-
weight: 'medium'
|
|
300
|
+
weight: 'medium',
|
|
301
|
+
withMarkdown: true
|
|
299
302
|
}), _defineProperty(_DEFAULT_PROPS, DETAIL, {
|
|
300
303
|
color: COLORS.GRAY,
|
|
301
|
-
variant: 'small'
|
|
304
|
+
variant: 'small',
|
|
305
|
+
withMarkdown: true
|
|
302
306
|
}), _defineProperty(_DEFAULT_PROPS, MAIN_LIGHT, {
|
|
303
307
|
variant: 'small'
|
|
304
308
|
}), _defineProperty(_DEFAULT_PROPS, MAIN, {
|
|
@@ -677,7 +681,8 @@ var DEFAULT_PROPS = (_DEFAULT_PROPS = {}, _defineProperty(_DEFAULT_PROPS, TITLE,
|
|
|
677
681
|
weight: 'regular'
|
|
678
682
|
}), _defineProperty(_DEFAULT_PROPS, WEATHER_PROVIDER_INFORMATION, {
|
|
679
683
|
color: COLORS.GRAY,
|
|
680
|
-
variant: 'small'
|
|
684
|
+
variant: 'small',
|
|
685
|
+
withMarkdown: true
|
|
681
686
|
}), _defineProperty(_DEFAULT_PROPS, SEASON, {
|
|
682
687
|
weight: 'regular'
|
|
683
688
|
}), _defineProperty(_DEFAULT_PROPS, PERCENTAGE_COMPARISON_TITLE, {
|
|
@@ -694,5 +699,8 @@ var DEFAULT_PROPS = (_DEFAULT_PROPS = {}, _defineProperty(_DEFAULT_PROPS, TITLE,
|
|
|
694
699
|
variant: 'small'
|
|
695
700
|
}), _defineProperty(_DEFAULT_PROPS, RATE_PRICES_AMOUNT, {
|
|
696
701
|
variant: 'subtitle2'
|
|
702
|
+
}), _defineProperty(_DEFAULT_PROPS, GLOSSARY_LINK, {
|
|
703
|
+
variant: 'small',
|
|
704
|
+
color: COLORS.SECONDARY
|
|
697
705
|
}), _DEFAULT_PROPS);
|
|
698
706
|
exports.DEFAULT_PROPS = DEFAULT_PROPS;
|
|
@@ -21,7 +21,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
21
21
|
|
|
22
22
|
var componentTypes = (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.node, _propTypes.func, _propTypes.any]);
|
|
23
23
|
exports.componentTypes = componentTypes;
|
|
24
|
-
var componentsTypes = (0, _propTypes.shape)((_shape = {}, _defineProperty(_shape, COMPONENTS.BUTTON, componentTypes), _defineProperty(_shape, COMPONENTS.DIALOG, componentTypes), _defineProperty(_shape, COMPONENTS.EXTERNAL_LINK, componentTypes), _defineProperty(_shape, COMPONENTS.LABEL, componentTypes), _defineProperty(_shape, COMPONENTS.PROGRESS_BAR, componentTypes), _defineProperty(_shape, COMPONENTS.TOOLTIP, componentTypes), _defineProperty(_shape, COMPONENTS.TOUCHABLE, componentTypes), _defineProperty(_shape, COMPONENTS.CARD, componentTypes), _defineProperty(_shape, COMPONENTS.MARKDOWN, componentTypes), _defineProperty(_shape, COMPONENTS.TOGGLE, componentTypes), _defineProperty(_shape, COMPONENTS.BAR_CHART, componentTypes), _shape));
|
|
24
|
+
var componentsTypes = (0, _propTypes.shape)((_shape = {}, _defineProperty(_shape, COMPONENTS.BUTTON, componentTypes), _defineProperty(_shape, COMPONENTS.DIALOG, componentTypes), _defineProperty(_shape, COMPONENTS.EXTERNAL_LINK, componentTypes), _defineProperty(_shape, COMPONENTS.LABEL, componentTypes), _defineProperty(_shape, COMPONENTS.PROGRESS_BAR, componentTypes), _defineProperty(_shape, COMPONENTS.TOOLTIP, componentTypes), _defineProperty(_shape, COMPONENTS.TOUCHABLE, componentTypes), _defineProperty(_shape, COMPONENTS.CARD, componentTypes), _defineProperty(_shape, COMPONENTS.MARKDOWN, componentTypes), _defineProperty(_shape, COMPONENTS.TOGGLE, componentTypes), _defineProperty(_shape, COMPONENTS.BAR_CHART, componentTypes), _defineProperty(_shape, COMPONENTS.PIE_CHART, componentTypes), _shape));
|
|
25
25
|
exports.componentsTypes = componentsTypes;
|
|
26
26
|
var unpackedComponentsTypes = {
|
|
27
27
|
Button: componentTypes,
|