@widergy/utilitygo-smart-bill-web 2.2.2 → 3.0.1

package/dist/components/ConsumptionIncluded/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,38 +12,38 @@ var _utils = require("./utils");
 var _TimelineRow = _interopRequireDefault(require("./components/TimelineRow"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
-var ConsumptionIncluded = function ConsumptionIncluded(_ref) {
-  var contextApiInfo = _ref.contextApiInfo,
-    billData = _ref.billData;
-  var config = contextApiInfo.config;
-  var consumptionIncluded = config.texts.consumptionIncluded;
-  var data = (0, _react.useMemo)(function () {
-    return (0, _utils.dataMapper)(billData.periods, consumptionIncluded);
-  }, [billData.periods, consumptionIncluded]);
-  var currentIsFirstSettlement = data.some(function (item) {
-    return item.isCurrent && item.settlementNumber === 1;
+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 && Object.prototype.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 ConsumptionIncluded = _ref => {
+  let {
+    contextApiInfo,
+    billData
+  } = _ref;
+  const {
+    config
+  } = contextApiInfo;
+  const {
+    consumptionIncluded
+  } = config.texts;
+  const data = (0, _react.useMemo)(() => (0, _utils.dataMapper)(billData.periods, consumptionIncluded), [billData.periods, consumptionIncluded]);
+  const currentIsFirstSettlement = data.some(item => item.isCurrent && item.settlementNumber === 1);
+  const handleRenderTimelineRow = item => /*#__PURE__*/_react.default.createElement(_TimelineRow.default, {
+    cardTitle: item.cardTitle,
+    cardSubtitle: item.cardSubtitle,
+    cardDescription1: item.cardDescription1,
+    cardDescription2: item.cardDescription2,
+    contextApiInfo: contextApiInfo,
+    startDate: item.startDate,
+    endDate: item.endDate,
+    unit: item.unit,
+    value: item.value,
+    settlementNumber: item.settlementNumber,
+    date: item.date,
+    isConsumption: item.isConsumption,
+    isCurrent: item.isCurrent,
+    isRemaining: item.isRemaining,
+    currentIsFirstSettlement: currentIsFirstSettlement
   });
-  var handleRenderTimelineRow = function handleRenderTimelineRow(item) {
-    return /*#__PURE__*/_react.default.createElement(_TimelineRow.default, {
-      cardTitle: item.cardTitle,
-      cardSubtitle: item.cardSubtitle,
-      cardDescription1: item.cardDescription1,
-      cardDescription2: item.cardDescription2,
-      contextApiInfo: contextApiInfo,
-      startDate: item.startDate,
-      endDate: item.endDate,
-      unit: item.unit,
-      value: item.value,
-      settlementNumber: item.settlementNumber,
-      date: item.date,
-      isConsumption: item.isConsumption,
-      isCurrent: item.isCurrent,
-      isRemaining: item.isRemaining,
-      currentIsFirstSettlement: currentIsFirstSettlement
-    });
-  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.titleContainer
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/ConsumptionIncluded/utils.js

@@ -10,51 +10,52 @@ var _consumptions = require("../../shared/utils/consumptions");
 var _periodicities = require("../../shared/constants/periodicities");
 var _consumptions2 = require("../../shared/constants/consumptions");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var getBimesterDateTitle = function getBimesterDateTitle(_ref, text) {
-  var year = _ref.year,
-    number = _ref.number,
-    settlements = _ref.settlements;
-  var isPeriodicity = (0, _string.stringToCompareWithoutAccentsInclusive)(settlements === null || settlements === void 0 ? void 0 : settlements.periodicity, _periodicities.PERIODICITY.BIMONTHLY);
+const getBimesterDateTitle = (_ref, text) => {
+  let {
+    year,
+    number,
+    settlements
+  } = _ref;
+  const isPeriodicity = (0, _string.stringToCompareWithoutAccentsInclusive)(settlements === null || settlements === void 0 ? void 0 : settlements.periodicity, _periodicities.PERIODICITY.BIMONTHLY);
   if (!number || !year || !isPeriodicity) return '-';
   return "".concat(text.bimester, " ").concat(number, " ").concat(text.of, " ").concat(year.substring(2));
 };
-var getBimesterDate = exports.getBimesterDate = function getBimesterDate(periods, text) {
-  var currentPeriod = periods.find(function (item) {
-    return item.current;
-  });
+const getBimesterDate = (periods, text) => {
+  const currentPeriod = periods.find(item => item.current);
   if (!currentPeriod) return '-';
   return getBimesterDateTitle(currentPeriod, text);
 };
-var getTotalDaysDescriptionComsumption = function getTotalDaysDescriptionComsumption(period, texts) {
+exports.getBimesterDate = getBimesterDate;
+const getTotalDaysDescriptionComsumption = (period, texts) => {
   var _period$settlements;
-  var totalDays = period === null || period === void 0 || (_period$settlements = period.settlements) === null || _period$settlements === void 0 ? void 0 : _period$settlements.total_settlements_days;
+  const totalDays = period === null || period === void 0 || (_period$settlements = period.settlements) === null || _period$settlements === void 0 ? void 0 : _period$settlements.total_settlements_days;
   return "".concat(totalDays, " ").concat(texts.days);
 };
-var getTotalDaysDescriptionSettlement = function getTotalDaysDescriptionSettlement(period, texts, dataRetriver) {
+const getTotalDaysDescriptionSettlement = (period, texts, dataRetriver) => {
   var _period$settlements2;
-  var totalDays = period === null || period === void 0 || (_period$settlements2 = period.settlements) === null || _period$settlements2 === void 0 ? void 0 : _period$settlements2.total_settlements_days;
-  var currentConsumptionDays = dataRetriver(period).days;
+  const totalDays = period === null || period === void 0 || (_period$settlements2 = period.settlements) === null || _period$settlements2 === void 0 ? void 0 : _period$settlements2.total_settlements_days;
+  const currentConsumptionDays = dataRetriver(period).days;
   return currentConsumptionDays && totalDays ? "".concat(currentConsumptionDays, " ").concat(texts.of, " ").concat(totalDays, " ").concat(texts.days) : '-';
 };
-var getConsumptionDescriptionSettlement = function getConsumptionDescriptionSettlement(period, texts) {
-  var totalConsumption = (0, _consumptions.getTotalConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE);
+const getConsumptionDescriptionSettlement = (period, texts) => {
+  const totalConsumption = (0, _consumptions.getTotalConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE);
   return totalConsumption.unit ? "".concat(texts.of, " ").concat(totalConsumption.value, " ").concat(totalConsumption.unit) : '-';
 };
-var getCardSubtitleSettlement = function getCardSubtitleSettlement(period, text, dataRetriver) {
+const getCardSubtitleSettlement = (period, text, dataRetriver) => {
   var _period$settlements3;
-  var currentSettlement = dataRetriver(period).number || 0;
-  var totalSettlements = (period === null || period === void 0 || (_period$settlements3 = period.settlements) === null || _period$settlements3 === void 0 ? void 0 : _period$settlements3.total_settlements) || 0;
+  const currentSettlement = dataRetriver(period).number || 0;
+  const totalSettlements = (period === null || period === void 0 || (_period$settlements3 = period.settlements) === null || _period$settlements3 === void 0 ? void 0 : _period$settlements3.total_settlements) || 0;
   return "".concat(text.settlement, " ").concat(currentSettlement, " ").concat(text.of, " ").concat(totalSettlements);
 };
-var getCurrent = function getCurrent(period) {
+const getCurrent = period => {
   var _period$settlements4;
   return (period === null || period === void 0 || (_period$settlements4 = period.settlements) === null || _period$settlements4 === void 0 ? void 0 : _period$settlements4.current) || {};
 };
-var getRemaining = function getRemaining(period) {
+const getRemaining = period => {
   var _period$settlements5;
   return (period === null || period === void 0 || (_period$settlements5 = period.settlements) === null || _period$settlements5 === void 0 || (_period$settlements5 = _period$settlements5.remaining) === null || _period$settlements5 === void 0 ? void 0 : _period$settlements5[0]) || {};
 };
-var consumptionMapper = function consumptionMapper(period, texts) {
+const consumptionMapper = (period, texts) => {
   var _period$settlements6, _period$settlements7;
   return {
     startDate: period !== null && period !== void 0 && (_period$settlements6 = period.settlements) !== null && _period$settlements6 !== void 0 && _period$settlements6.start_date ? (0, _dayjs.default)(period.settlements.start_date).format('DD/MM/YYYY') : '-',
@@ -68,7 +69,7 @@ var consumptionMapper = function consumptionMapper(period, texts) {
     order: 0
   };
 };
-var settlementCurrentMapper = function settlementCurrentMapper(period, texts) {
+const settlementCurrentMapper = (period, texts) => {
   var _period$settlements8, _period$settlements9, _period$settlements10;
   return {
     cardTitle: texts.billing,
@@ -83,7 +84,7 @@ var settlementCurrentMapper = function settlementCurrentMapper(period, texts) {
     order: period === null || period === void 0 || (_period$settlements10 = period.settlements) === null || _period$settlements10 === void 0 || (_period$settlements10 = _period$settlements10.current) === null || _period$settlements10 === void 0 ? void 0 : _period$settlements10.number
   };
 };
-var settlementRemainingMapper = function settlementRemainingMapper(period, texts) {
+const settlementRemainingMapper = (period, texts) => {
   var _period$settlements11, _period$settlements12, _period$settlements13;
   return {
     cardTitle: texts.billing,
@@ -98,14 +99,11 @@ var settlementRemainingMapper = function settlementRemainingMapper(period, texts
     order: period === null || period === void 0 || (_period$settlements13 = period.settlements) === null || _period$settlements13 === void 0 || (_period$settlements13 = _period$settlements13.remaining) === null || _period$settlements13 === void 0 || (_period$settlements13 = _period$settlements13[0]) === null || _period$settlements13 === void 0 ? void 0 : _period$settlements13.number
   };
 };
-var dataMapper = exports.dataMapper = function dataMapper() {
-  var periods = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var texts = arguments.length > 1 ? arguments[1] : undefined;
-  var currentPeriod = periods.find(function (item) {
-    return item.current;
-  });
+const dataMapper = function () {
+  let periods = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let texts = arguments.length > 1 ? arguments[1] : undefined;
+  const currentPeriod = periods.find(item => item.current);
   if (!currentPeriod) return [];
-  return [consumptionMapper(currentPeriod, texts), settlementCurrentMapper(currentPeriod, texts), settlementRemainingMapper(currentPeriod, texts)].sort(function (a, b) {
-    return a.order - b.order;
-  });
-};
+  return [consumptionMapper(currentPeriod, texts), settlementCurrentMapper(currentPeriod, texts), settlementRemainingMapper(currentPeriod, texts)].sort((a, b) => a.order - b.order);
+};
+exports.dataMapper = dataMapper;

package/dist/components/ConsumptionPeriod/components/ConsumptionSummary/components/ReadingRow/index.js

@@ -11,16 +11,20 @@ var _WithContextApi = _interopRequireDefault(require("../../../../../WithContext
 var _Magnitude = _interopRequireDefault(require("../../../../../Magnitude"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var ReadingRow = function ReadingRow(_ref) {
-  var alias = _ref.alias,
-    numberAlias = _ref.numberAlias,
-    unitAlias = _ref.unitAlias,
-    contextApiInfo = _ref.contextApiInfo,
-    text = _ref.text,
-    value = _ref.value,
-    unit = _ref.unit,
-    disableUnit = _ref.disableUnit;
-  var Label = contextApiInfo.Label;
+const ReadingRow = _ref => {
+  let {
+    alias,
+    numberAlias,
+    unitAlias,
+    contextApiInfo,
+    text,
+    value,
+    unit,
+    disableUnit
+  } = _ref;
+  const {
+    Label
+  } = contextApiInfo;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement(Label, {

package/dist/components/ConsumptionPeriod/components/ConsumptionSummary/components/ReadingRow/styles.module.scss

@@ -2,6 +2,7 @@
 
 .container {
   align-items: center;
+  box-sizing: border-box;
   display: flex;
   justify-content: space-between;
   padding: 0 24px;

package/dist/components/ConsumptionPeriod/components/ConsumptionSummary/index.js

@@ -13,26 +13,29 @@ var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"))
 var _ReadingRow = _interopRequireDefault(require("./components/ReadingRow"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var ConsumptionSummary = function ConsumptionSummary(_ref) {
-  var contextApiInfo = _ref.contextApiInfo,
-    periodNumber = _ref.periodNumber,
-    year = _ref.year,
-    initialReadingDate = _ref.initialReadingDate,
-    finalReadingDate = _ref.finalReadingDate,
-    totalSettlementsDays = _ref.totalSettlementsDays,
-    initialReadingValue = _ref.initialReadingValue,
-    finalReadingValue = _ref.finalReadingValue,
-    totalConsumptionValue = _ref.totalConsumptionValue,
-    totalConsumptionUnit = _ref.totalConsumptionUnit,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes;
-  var config = contextApiInfo.config,
-    Label = contextApiInfo.Label;
-  var texts = config.texts;
-  var formatDate = function formatDate(date) {
-    return (0, _dayjs.default)(date).format('DD/MM/YYYY');
-  };
-  var daysLabel = totalSettlementsDays ? "(".concat(totalSettlementsDays, " ").concat(texts.consumptionPeriod.days, ")") : '';
+const ConsumptionSummary = _ref => {
+  let {
+    contextApiInfo,
+    periodNumber,
+    year,
+    initialReadingDate,
+    finalReadingDate,
+    totalSettlementsDays,
+    initialReadingValue,
+    finalReadingValue,
+    totalConsumptionValue,
+    totalConsumptionUnit,
+    classes = {}
+  } = _ref;
+  const {
+    config,
+    Label
+  } = contextApiInfo;
+  const {
+    texts
+  } = config;
+  const formatDate = date => (0, _dayjs.default)(date).format('DD/MM/YYYY');
+  const daysLabel = totalSettlementsDays ? "(".concat(totalSettlementsDays, " ").concat(texts.consumptionPeriod.days, ")") : '';
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
   }, periodNumber && year && /*#__PURE__*/_react.default.createElement(Label, {

package/dist/components/ConsumptionPeriod/components/ConsumptionSummary/styles.module.scss

@@ -16,6 +16,7 @@
 }
 
 .substraction {
+  box-sizing: border-box;
   display: flex;
   justify-content: flex-end;
   padding-right: 124px;

package/dist/components/ConsumptionPeriod/components/HistoryGraph/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,34 +14,27 @@ var _deviceSizes = require("../../../../constants/deviceSizes");
 var _BarChart = _interopRequireDefault(require("../../../BarChart"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var HistoryGraph = function HistoryGraph(_ref) {
-  var billData = _ref.billData,
-    contextApiInfo = _ref.contextApiInfo;
-  var config = contextApiInfo.config;
-  var showPeriodsInChronologicalOrder = config.showPeriodsInChronologicalOrder;
-  var _useState = (0, _react.useState)((0, _browser.isDesktop)(_deviceSizes.TabletBreakpoint)),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDesktopSize = _useState2[0],
-    setIsDesktopSize = _useState2[1];
-  var handleResizeScreen = function handleResizeScreen() {
-    return setIsDesktopSize((0, _browser.isDesktop)(_deviceSizes.TabletBreakpoint));
-  };
-  (0, _react.useEffect)(function () {
+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 && Object.prototype.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 HistoryGraph = _ref => {
+  let {
+    billData,
+    contextApiInfo
+  } = _ref;
+  const {
+    config
+  } = contextApiInfo;
+  const {
+    showPeriodsInChronologicalOrder
+  } = config;
+  const [isDesktopSize, setIsDesktopSize] = (0, _react.useState)((0, _browser.isDesktop)(_deviceSizes.TabletBreakpoint));
+  const handleResizeScreen = () => setIsDesktopSize((0, _browser.isDesktop)(_deviceSizes.TabletBreakpoint));
+  (0, _react.useEffect)(() => {
     window.addEventListener(_browser.RESIZE_EVENT, handleResizeScreen);
     handleResizeScreen();
-    return function () {
-      return window.removeEventListener(_browser.RESIZE_EVENT, handleResizeScreen);
-    };
+    return () => window.removeEventListener(_browser.RESIZE_EVENT, handleResizeScreen);
   }, []);
-  var consumptionHistoryData = (0, _consumptions.getConsumptionHistoryData)(billData, _consumptions2.ENERGY_TYPES.ACTIVE, showPeriodsInChronologicalOrder);
+  const consumptionHistoryData = (0, _consumptions.getConsumptionHistoryData)(billData, _consumptions2.ENERGY_TYPES.ACTIVE, showPeriodsInChronologicalOrder);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement(_BarChart.default, {

package/dist/components/ConsumptionPeriod/components/Reading/index.js

@@ -15,38 +15,41 @@ var _IconAndDetails = _interopRequireDefault(require("../../../IconAndDetails"))
 var _aliases = require("../../../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Reading = function Reading(_ref) {
-  var contextApiInfo = _ref.contextApiInfo,
-    title = _ref.title,
-    date = _ref.date,
-    readingType = _ref.readingType,
-    readingValue = _ref.readingValue,
-    tooltip = _ref.tooltip,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes;
-  var assets = contextApiInfo.assets,
-    config = contextApiInfo.config,
-    Label = contextApiInfo.Label,
-    Tooltip = contextApiInfo.Tooltip;
-  var texts = config.texts,
-    colors = config.colors;
-  var InfoIcon = assets.InfoIcon,
-    ReadingDateIcon = assets.ReadingDateIcon,
-    ReadingTypeIcon = assets.ReadingTypeIcon,
-    EnergyIcon = assets.EnergyIcon;
-  var TitleLabel = function TitleLabel() {
-    return /*#__PURE__*/_react.default.createElement(Label, {
-      alias: _aliases.READING_TITLE,
-      className: "".concat(!tooltip && _stylesModule.default.title)
-    }, title);
-  };
-  var EnergyIconStyled = function EnergyIconStyled() {
-    return /*#__PURE__*/_react.default.createElement(EnergyIcon, {
-      style: {
-        fill: colors.primary
-      }
-    });
-  };
+const Reading = _ref => {
+  let {
+    contextApiInfo,
+    title,
+    date,
+    readingType,
+    readingValue,
+    tooltip,
+    classes = {}
+  } = _ref;
+  const {
+    assets,
+    config,
+    Label,
+    Tooltip
+  } = contextApiInfo;
+  const {
+    texts,
+    colors
+  } = config;
+  const {
+    InfoIcon,
+    ReadingDateIcon,
+    ReadingTypeIcon,
+    EnergyIcon
+  } = assets;
+  const TitleLabel = () => /*#__PURE__*/_react.default.createElement(Label, {
+    alias: _aliases.READING_TITLE,
+    className: "".concat(!tooltip && _stylesModule.default.title)
+  }, title);
+  const EnergyIconStyled = () => /*#__PURE__*/_react.default.createElement(EnergyIcon, {
+    style: {
+      fill: colors.primary
+    }
+  });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
   }, tooltip ? /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/ConsumptionPeriod/index.js

@@ -18,15 +18,19 @@ var _utils = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var ConsumptionPeriod = function ConsumptionPeriod(_ref) {
+const ConsumptionPeriod = _ref => {
   var _currentPeriod$settle, _currentPeriod$settle2;
-  var contextApiInfo = _ref.contextApiInfo,
-    billData = _ref.billData;
-  var texts = contextApiInfo.config.texts;
-  var currentPeriod = (0, _periods.getCurrentPeriod)(billData);
-  var initialReading = (0, _readings.getReadingPeriod)(billData, _readings2.READING_MOMENTS.INITIAL);
-  var finalReading = (0, _readings.getReadingPeriod)(billData, _readings2.READING_MOMENTS.FINAL);
-  var consumptionSummaryProps = (0, _utils.getConsumptionSummaryProps)(currentPeriod, initialReading, finalReading);
+  let {
+    contextApiInfo,
+    billData
+  } = _ref;
+  const {
+    texts
+  } = contextApiInfo.config;
+  const currentPeriod = (0, _periods.getCurrentPeriod)(billData);
+  const initialReading = (0, _readings.getReadingPeriod)(billData, _readings2.READING_MOMENTS.INITIAL);
+  const finalReading = (0, _readings.getReadingPeriod)(billData, _readings2.READING_MOMENTS.FINAL);
+  const consumptionSummaryProps = (0, _utils.getConsumptionSummaryProps)(currentPeriod, initialReading, finalReading);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/ConsumptionPeriod/styles.module.scss

@@ -53,6 +53,7 @@
 }
 
 .mobileSummary {
+  box-sizing: border-box;
   margin-bottom: 16px;
   width: 100%;
 

package/dist/components/ConsumptionPeriod/utils.js

@@ -8,18 +8,17 @@ var _seamlessImmutable = require("seamless-immutable");
 var _consumptions = require("../../shared/utils/consumptions");
 var _readings = require("../../shared/utils/readings");
 var _consumptions2 = require("../../shared/constants/consumptions");
-var getConsumptionSummaryProps = exports.getConsumptionSummaryProps = function getConsumptionSummaryProps(currentPeriod, initialReading, finalReading) {
-  return {
-    periodNumber: currentPeriod.number,
-    year: currentPeriod.year,
-    initialReadingDate: initialReading.date,
-    finalReadingDate: finalReading.date,
-    totalSettlementsDays: (0, _seamlessImmutable.getIn)(currentPeriod, ['settlements', 'total_settlements_days']),
-    initialReadingValue: (0, _readings.getActiveEnergyRecord)(initialReading).value,
-    initialReadingUnit: (0, _readings.getActiveEnergyRecord)(initialReading).unit,
-    finalReadingValue: (0, _readings.getActiveEnergyRecord)(finalReading).value,
-    finalReadingUnit: (0, _readings.getActiveEnergyRecord)(finalReading).unit,
-    totalConsumptionValue: (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE).value,
-    totalConsumptionUnit: (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE).unit
-  };
-};
+const getConsumptionSummaryProps = (currentPeriod, initialReading, finalReading) => ({
+  periodNumber: currentPeriod.number,
+  year: currentPeriod.year,
+  initialReadingDate: initialReading.date,
+  finalReadingDate: finalReading.date,
+  totalSettlementsDays: (0, _seamlessImmutable.getIn)(currentPeriod, ['settlements', 'total_settlements_days']),
+  initialReadingValue: (0, _readings.getActiveEnergyRecord)(initialReading).value,
+  initialReadingUnit: (0, _readings.getActiveEnergyRecord)(initialReading).unit,
+  finalReadingValue: (0, _readings.getActiveEnergyRecord)(finalReading).value,
+  finalReadingUnit: (0, _readings.getActiveEnergyRecord)(finalReading).unit,
+  totalConsumptionValue: (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE).value,
+  totalConsumptionUnit: (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE).unit
+});
+exports.getConsumptionSummaryProps = getConsumptionSummaryProps;

package/dist/components/Date/index.js

@@ -11,15 +11,18 @@ var _smartBillTypes = require("../../shared/types/smartBillTypes");
 var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Date = function Date(_ref) {
-  var contextApiInfo = _ref.contextApiInfo,
-    date = _ref.date,
-    text = _ref.text,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    mainAlias = _ref.mainAlias,
-    detailAlias = _ref.detailAlias;
-  var Label = contextApiInfo.Label;
+const Date = _ref => {
+  let {
+    contextApiInfo,
+    date,
+    text,
+    classes = {},
+    mainAlias,
+    detailAlias
+  } = _ref;
+  const {
+    Label
+  } = contextApiInfo;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
   }, /*#__PURE__*/_react.default.createElement(Label, {

package/dist/components/DebtState/index.js

@@ -11,14 +11,20 @@ var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
 var _aliases = require("../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var DebtState = function DebtState(_ref) {
-  var contextApiInfo = _ref.contextApiInfo,
-    debtStatusLabel = _ref.debtStatusLabel,
-    isWarning = _ref.isWarning;
-  var assets = contextApiInfo.assets,
-    Label = contextApiInfo.Label;
-  var PendingDebtIcon = assets.PendingDebtIcon,
-    AdheredToServiceIcon = assets.AdheredToServiceIcon;
+const DebtState = _ref => {
+  let {
+    contextApiInfo,
+    debtStatusLabel,
+    isWarning
+  } = _ref;
+  const {
+    assets,
+    Label
+  } = contextApiInfo;
+  const {
+    PendingDebtIcon,
+    AdheredToServiceIcon
+  } = assets;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(isWarning ? _stylesModule.default.withDebtsContainer : _stylesModule.default.adheredToAutomaticDebt, " ")
   }, isWarning ? /*#__PURE__*/_react.default.createElement(PendingDebtIcon, null) : /*#__PURE__*/_react.default.createElement(AdheredToServiceIcon, null), /*#__PURE__*/_react.default.createElement(Label, {

package/dist/components/IconAndDetails/index.js

@@ -13,23 +13,25 @@ var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
 var _utils = require("../../utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var IconAndDetails = function IconAndDetails(_ref) {
-  var children = _ref.children,
-    contextApiInfo = _ref.contextApiInfo,
-    Icon = _ref.Icon,
-    mainText = _ref.mainText,
-    secondaryText = _ref.secondaryText,
-    descriptionText = _ref.descriptionText,
-    tooltip = _ref.tooltip,
-    mainAlias = _ref.mainAlias,
-    secondaryAlias = _ref.secondaryAlias,
-    _ref$tertiaryAlias = _ref.tertiaryAlias,
-    tertiaryAlias = _ref$tertiaryAlias === void 0 ? secondaryAlias : _ref$tertiaryAlias,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes;
-  var Label = contextApiInfo.Label,
-    Tooltip = contextApiInfo.Tooltip;
-  var repeatedData = mainText && secondaryText && (0, _string.stringCompare)(mainText, secondaryText);
+const IconAndDetails = _ref => {
+  let {
+    children,
+    contextApiInfo,
+    Icon,
+    mainText,
+    secondaryText,
+    descriptionText,
+    tooltip,
+    mainAlias,
+    secondaryAlias,
+    tertiaryAlias = secondaryAlias,
+    classes = {}
+  } = _ref;
+  const {
+    Label,
+    Tooltip
+  } = contextApiInfo;
+  const repeatedData = mainText && secondaryText && (0, _string.stringCompare)(mainText, secondaryText);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
   }, /*#__PURE__*/_react.default.createElement(Tooltip, {