@widergy/utilitygo-smart-bill-web 3.3.0 → 3.4.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.4.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.3.0...v3.4.0) (2025-03-25)
+
+
+### Features
+
+* [CX-243] glossary ([#43](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/43)) ([09ca7d7](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/09ca7d705c86e515e715acaa42cd237e00d77554))
+
 # [3.3.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.2.0...v3.3.0) (2025-03-19)
 
 

package/dist/components/SmartBillSummary/constants.js

@@ -7,6 +7,7 @@ exports.TAB_COMPONENT_MAPPER = exports.BIMESTRAL_PERIODICITY = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _tabs = require("../../shared/constants/tabs");
 var _Consumptions = _interopRequireDefault(require("./tabs/Consumptions"));
+var _Glossary = _interopRequireDefault(require("./tabs/Glossary"));
 var _Billing = _interopRequireDefault(require("./tabs/Billing"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable react/prop-types */
@@ -18,7 +19,5 @@ const renderComponentWithProps = (Component, tab) => props => /*#__PURE__*/_reac
 const TAB_COMPONENT_MAPPER = exports.TAB_COMPONENT_MAPPER = {
   [_tabs.SMARTBILL_TABS.CONSUMPTIONS]: renderComponentWithProps(_Consumptions.default, _tabs.SMARTBILL_TABS.CONSUMPTIONS),
   [_tabs.SMARTBILL_TABS.BILLING]: renderComponentWithProps(_Billing.default, _tabs.SMARTBILL_TABS.BILLING),
-  [_tabs.SMARTBILL_TABS.GLOSSARY]: renderComponentWithProps(() => /*#__PURE__*/_react.default.createElement("div", null, "Glosario: CX-243"),
-  // TODO
-  _tabs.SMARTBILL_TABS.GLOSSARY)
+  [_tabs.SMARTBILL_TABS.GLOSSARY]: renderComponentWithProps(_Glossary.default, _tabs.SMARTBILL_TABS.GLOSSARY)
 };

package/dist/components/SmartBillSummary/index.js

@@ -21,6 +21,9 @@ const SmartBillSummary = _ref => {
     consumptionLevels,
     components,
     currentAccount,
+    getGlossaryData,
+    glossaryData,
+    glossaryLoading,
     handlers,
     isDesktopSize,
     loading,
@@ -29,7 +32,7 @@ const SmartBillSummary = _ref => {
     translations,
     utils
   } = _ref;
-  const filteredTabOptions = (0, _utils.getTabOptions)(tabOptions, smartBill) || [];
+  const filteredTabOptions = loading ? [] : (0, _utils.getTabOptions)(tabOptions, smartBill);
   const defaultCurrentTab = (0, _utils.getDefaultCurrentTab)(filteredTabOptions);
   const [currentTab, setCurrentTab] = (0, _react.useState)(defaultCurrentTab);
   const changeCurrentTab = newTab => setCurrentTab(newTab);
@@ -60,6 +63,9 @@ const SmartBillSummary = _ref => {
     consumptionLevels,
     components,
     currentAccount,
+    getGlossaryData,
+    glossaryData,
+    glossaryLoading,
     handlers,
     isDesktopSize,
     loading,
@@ -76,6 +82,9 @@ SmartBillSummary.propTypes = {
     [_propTypes.string]: _propTypes.elementType
   }),
   currentAccount: _propTypes.array,
+  getGlossaryData: undefined || _propTypes.object,
+  glossaryData: undefined || _propTypes.object,
+  glossaryLoading: _propTypes.bool,
   handlers: (0, _propTypes.shape)({
     [_propTypes.string]: _propTypes.func
   }),

package/dist/components/SmartBillSummary/tabs/Glossary/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _energyUi = require("@widergy/energy-ui");
+var _propTypes = require("prop-types");
+var _react = _interopRequireWildcard(require("react"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+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); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Glossary = _ref => {
+  let {
+    getGlossaryData,
+    glossaryData,
+    glossaryLoading,
+    translations
+  } = _ref;
+  const {
+    pages,
+    sections
+  } = glossaryData ?? {};
+  (0, _react.useEffect)(() => {
+    getGlossaryData();
+  }, []);
+  return glossaryLoading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.loadingContainer
+  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLoading, {
+    loading: true,
+    size: 80,
+    thickness: 5
+  })) : /*#__PURE__*/_react.default.createElement(_energyUi.UTDocumentWizard, {
+    pages: pages,
+    sections: sections,
+    labels: translations
+  });
+};
+Glossary.propTypes = {
+  getGlossaryData: _propTypes.func,
+  glossaryData: undefined || _propTypes.object,
+  glossaryLoading: _propTypes.bool,
+  translations: _propTypes.object
+};
+var _default = exports.default = Glossary;

package/dist/components/SmartBillSummary/tabs/Glossary/styles.module.scss

@@ -0,0 +1,7 @@
+.loadingContainer {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  justify-content: center;
+  min-height: 800px;
+}

package/package.json

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