@widergy/utilitygo-smart-bill-web 1.12.0 → 1.13.0

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.
Files changed (9) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/components/BillCalculation/components/Glossary/index.js +133 -0
  3. package/dist/components/BillCalculation/components/Glossary/styles.module.scss +53 -0
  4. package/dist/components/BillCalculation/index.js +21 -3
  5. package/dist/components/BillCalculation/styles.module.scss +2 -1
  6. package/dist/components/BillCalculation/utils.js +16 -2
  7. package/dist/shared/constants/aliases.js +9 -4
  8. package/dist/shared/types/componentsTypes.js +1 -1
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [1.13.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.12.0...v1.13.0) (2022-01-17)
2
+
3
+
4
+ ### Features
5
+
6
+ * glossary modal ([#23](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/23)) ([408df2e](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/408df2ee1f48ba1c5d18e96de6dfee81c3d16f14))
7
+
1
8
  # [1.12.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.11.0...v1.12.0) (2022-01-17)
2
9
 
3
10
 
package/dist/components/BillCalculation/components/Glossary/index.js ADDED
@@ -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;
package/dist/components/BillCalculation/components/Glossary/styles.module.scss ADDED
@@ -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
+ }
package/dist/components/BillCalculation/index.js CHANGED
@@ -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 (concept.total !== 0 || showZeroConcepts) && /*#__PURE__*/_react.default.createElement(_ConceptCard.default, {
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 = {
package/dist/components/BillCalculation/styles.module.scss CHANGED
@@ -7,13 +7,14 @@
7
7
  flex-flow: column;
8
8
  }
9
9
 
10
- .title {
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} {
package/dist/components/BillCalculation/utils.js CHANGED
@@ -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;
package/dist/shared/constants/aliases.js CHANGED
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.POWER_CONSUMPTION_GRAY = 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.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 = 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.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;
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 = 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;
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
- LINK: 'link'
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',
@@ -694,5 +696,8 @@ var DEFAULT_PROPS = (_DEFAULT_PROPS = {}, _defineProperty(_DEFAULT_PROPS, TITLE,
694
696
  variant: 'small'
695
697
  }), _defineProperty(_DEFAULT_PROPS, RATE_PRICES_AMOUNT, {
696
698
  variant: 'subtitle2'
699
+ }), _defineProperty(_DEFAULT_PROPS, GLOSSARY_LINK, {
700
+ variant: 'small',
701
+ color: COLORS.SECONDARY
697
702
  }), _DEFAULT_PROPS);
698
703
  exports.DEFAULT_PROPS = DEFAULT_PROPS;
package/dist/shared/types/componentsTypes.js CHANGED
@@ -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,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/utilitygo-smart-bill-web",
3
- "version": "1.12.0",
3
+ "version": "1.13.0",
4
4
  "description": "UtilityGO SmartBill Web",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",