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

package/dist/components/SmartBillSummary/tabs/Consumptions/components/CurrentConsumption/index.js

@@ -0,0 +1,64 @@
+"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 _billDataTypes = require("../../../../../../shared/types/billDataTypes");
+var _ConsumptionComparison = _interopRequireDefault(require("./components/ConsumptionComparison"));
+var _ConsumptionEvolution = _interopRequireDefault(require("./components/ConsumptionEvolution"));
+var _utils = require("./utils");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CurrentConsumption = _ref => {
+  let {
+    assets,
+    smartBill,
+    texts
+  } = _ref;
+  const {
+    periods
+  } = smartBill || {};
+  const periodsToCompare = (0, _utils.getConsumptionPeriodsToCompare)(periods);
+  const {
+    totalConsumption,
+    unit,
+    description
+  } = (0, _utils.getConsumptionLabels)(periodsToCompare, texts) || {};
+  const title = texts?.consumptions?.youConsumedTitle;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.container
+  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
+    colorTheme: "gray",
+    variant: "small"
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.details
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.consumption
+  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
+    variant: "title1",
+    weight: "medium"
+  }, totalConsumption), /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
+    variant: "subtitle1",
+    weight: "medium"
+  }, unit)), /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
+    colorTheme: "gray",
+    withMarkdown: true
+  }, description)), /*#__PURE__*/_react.default.createElement(_ConsumptionComparison.default, {
+    periodsToCompare: periodsToCompare,
+    texts: texts
+  }), /*#__PURE__*/_react.default.createElement(_ConsumptionEvolution.default, {
+    assets: assets,
+    periods: periodsToCompare,
+    texts: texts
+  }));
+};
+CurrentConsumption.propTypes = {
+  assets: _propTypes.object,
+  smartBill: _billDataTypes.billDataTypes,
+  texts: _propTypes.object
+};
+var _default = exports.default = CurrentConsumption;

package/dist/components/SmartBillSummary/tabs/Consumptions/components/CurrentConsumption/styles.module.scss

@@ -0,0 +1,22 @@
+.container {
+  background-color: var(--light01);
+  border-radius: 8px;
+  box-shadow: var(--shadowGrayBottom1);
+  flex: 1;
+  padding: 24px;
+}
+
+.details {
+  border-bottom: 1px solid var(--light04);
+  display: flex;
+  flex-direction: column;
+  grid-gap: 12px;
+  margin: 0 -24px;
+  padding: 24px 24px 12px;
+}
+
+.consumption {
+  align-items: flex-end;
+  display: flex;
+  grid-gap: 8px;
+}

package/dist/components/SmartBillSummary/tabs/Consumptions/components/CurrentConsumption/utils.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getConsumptionPeriodsToCompare = exports.getConsumptionLabels = void 0;
+var _lodash = require("lodash");
+var _numeral = _interopRequireDefault(require("numeral"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+require("dayjs/locale/es");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+_dayjs.default.locale('es');
+const getConsumptionPeriodsToCompare = function () {
+  let periods = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  if (!(0, _lodash.isEmpty)(periods)) {
+    const currentPeriod = periods.find(period => period.current);
+    const previousYearPeriod = periods.find(period => period.number === currentPeriod.number && parseInt(period.year, 10) === parseInt(currentPeriod.year, 10) - 1);
+    return [currentPeriod, previousYearPeriod];
+  }
+};
+exports.getConsumptionPeriodsToCompare = getConsumptionPeriodsToCompare;
+const formatDate = date => {
+  if (!date) return '';
+  const day = (0, _dayjs.default)(date).format('D');
+  const month = (0, _lodash.capitalize)((0, _dayjs.default)(date).format('MMM'));
+  return `${day} de ${month}`;
+};
+const getConsumptionLabels = function () {
+  let periods = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let texts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const currentPeriod = periods?.find(period => period?.current);
+  const totalConsumption = currentPeriod?.consumptions?.[0];
+  const dailyConsumption = currentPeriod?.consumptions?.[1];
+  const {
+    value: totalConsumptionValue,
+    unit: totalConsumptionUnit
+  } = totalConsumption || {};
+  const {
+    value: dailyConsumptionValue,
+    unit: dailyConsumptionUnit
+  } = dailyConsumption || {};
+  const startDate = currentPeriod?.settlements?.start_date;
+  const endDate = currentPeriod?.settlements?.end_date;
+  const description = texts?.consumptions?.youConsumedDescription?.({
+    dailyConsumptionUnit,
+    dailyConsumptionValue: (0, _numeral.default)(dailyConsumptionValue).format('0,0.[00]'),
+    endDate: formatDate(endDate),
+    startDate: formatDate(startDate)
+  });
+  return {
+    description,
+    totalConsumption: (0, _numeral.default)(totalConsumptionValue).format('0,0.[00]'),
+    unit: totalConsumptionUnit
+  };
+};
+exports.getConsumptionLabels = getConsumptionLabels;

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

@@ -0,0 +1,54 @@
+"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 _billDataTypes = require("../../../../shared/types/billDataTypes");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+var _BimestralConsumption = _interopRequireDefault(require("./components/BimestralConsumption"));
+var _CurrentConsumption = _interopRequireDefault(require("./components/CurrentConsumption"));
+var _Billing = _interopRequireDefault(require("./components/Billing"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Consumptions = _ref => {
+  let {
+    assets,
+    smartBill,
+    translations
+  } = _ref;
+  const {
+    title,
+    description
+  } = translations?.consumptions || {};
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.generalContainer
+  }, /*#__PURE__*/_react.default.createElement(_BimestralConsumption.default, {
+    assets: assets,
+    texts: translations
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.consumptionDetail
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.consumptionDetailTitles
+  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
+    variant: "title3",
+    weight: "medium"
+  }, title), /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, null, description)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.consumptionDetailColumns
+  }, /*#__PURE__*/_react.default.createElement(_CurrentConsumption.default, {
+    assets: assets,
+    smartBill: smartBill,
+    texts: translations
+  }), /*#__PURE__*/_react.default.createElement(_Billing.default, {
+    smartBill: smartBill,
+    texts: translations
+  }))));
+};
+Consumptions.propTypes = {
+  assets: _propTypes.object,
+  smartBill: _billDataTypes.billDataTypes,
+  translations: _propTypes.object
+};
+var _default = exports.default = Consumptions;

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

@@ -0,0 +1,31 @@
+@import '../../../../scss/variables/mediaQueries.module.scss';
+
+.generalContainer {
+  display: flex;
+  flex-direction: column;
+  grid-gap: 32px;
+  padding: 24px 32px;
+
+  @media #{$mobile} {
+    padding: 24px 16px;
+  }
+}
+
+.consumptionDetailTitles {
+  display: flex;
+  flex-direction: column;
+  grid-gap: 8px;
+}
+
+.consumptionDetailColumns {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  grid-gap: 32px;
+}
+
+.consumptionDetail {
+  display: flex;
+  flex-direction: column;
+  grid-gap: 24px;
+}

package/dist/components/SmartBillSummary/utils.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTabOptions = exports.getDefaultCurrentTab = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _energyUi = require("@widergy/energy-ui");
+var _lodash = require("lodash");
+var _tabs = require("../../shared/constants/tabs");
+var _constants = require("./constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getTabOptions = (tabOptions, smartBill) => {
+  const hasBimestralPeriodicity = smartBill?.periods?.some(period => period.settlements?.periodicity === _constants.BIMESTRAL_PERIODICITY);
+  return tabOptions.map(tab => ({
+    ...tab,
+    icon: /*#__PURE__*/_react.default.createElement(_energyUi.UTIcon, {
+      name: tab.icon
+    })
+  })).filter(_ref => {
+    let {
+      enabled,
+      value
+    } = _ref;
+    return enabled && (value !== _tabs.SMARTBILL_TABS.CONSUMPTIONS || hasBimestralPeriodicity);
+  });
+};
+exports.getTabOptions = getTabOptions;
+const getDefaultCurrentTab = tabOptions => !(0, _lodash.isEmpty)(tabOptions) && (tabOptions.find(tab => tab?.defaultSelected) || tabOptions?.[0])?.value;
+exports.getDefaultCurrentTab = getDefaultCurrentTab;

package/dist/index.js

@@ -65,6 +65,18 @@ Object.defineProperty(exports, "SmartBillProvider", {
     return _SmartBillProvider.default;
   }
 });
+Object.defineProperty(exports, "SmartBillSummary", {
+  enumerable: true,
+  get: function () {
+    return _SmartBillSummary.default;
+  }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () {
+    return _tabs.SMARTBILL_TABS;
+  }
+});
 Object.defineProperty(exports, "billDataTypes", {
   enumerable: true,
   get: function () {
@@ -77,6 +89,7 @@ Object.defineProperty(exports, "rateStagesTypes", {
     return _rateStagesTypes.rateStagesTypes;
   }
 });
+var _SmartBillSummary = _interopRequireDefault(require("./components/SmartBillSummary"));
 var _SmartBillProvider = _interopRequireDefault(require("./components/SmartBillProvider"));
 var _MainBillData = _interopRequireDefault(require("./components/MainBillData"));
 var _ConsumptionPeriod = _interopRequireDefault(require("./components/ConsumptionPeriod"));
@@ -92,6 +105,7 @@ var Aliases = _aliases;
 exports.Aliases = _aliases;
 var _billDataTypes = require("./shared/types/billDataTypes");
 var _rateStagesTypes = require("./shared/types/rateStagesTypes");
+var _tabs = require("./shared/constants/tabs");
 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; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/shared/constants/tabs.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SMARTBILL_TABS = void 0;
+const SMARTBILL_TABS = exports.SMARTBILL_TABS = {
+  CONSUMPTIONS: 'consumptionsTab',
+  BILLING: 'billingTab',
+  GLOSSARY: 'glossaryTab'
+};

package/package.json

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