npm - @widergy/utilitygo-smart-bill-web - Versions diffs - 1.8.0 → 1.10.2 - Mend

@widergy/utilitygo-smart-bill-web 1.8.0 → 1.10.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.

Files changed (46) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,3 +1,31 @@
+## [1.10.2](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.10.1...v1.10.2) (2022-01-04)
+### Bug Fixes
+* color priority in rate stages ([#22](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/22)) ([7062efa](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/7062efa3dcc0f6ff792e822e0dabf8fa8cd1b5da))
+## [1.10.1](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.10.0...v1.10.1) (2021-12-10)
+### Bug Fixes
+* removed recharts ([#20](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/20)) ([01a9e74](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/01a9e74da24ae7788f92c20719690450559985a8))
+# [1.10.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.9.0...v1.10.0) (2021-11-17)
+### Features
+* single settlement days and some fixes ([#19](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/19)) ([4122d95](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/4122d955e005e9c6631785dbf608ec68c9402e0a))
+# [1.9.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.8.0...v1.9.0) (2021-11-08)
+### Features
+* added dayjs ([f1c9d68](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/f1c9d68b5e967211e82a3ac892d554903c9aa4fb))
 # [1.8.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.7.3...v1.8.0) (2021-10-26)

package/dist/components/Amount/index.js CHANGED Viewed

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _propTypes = require("prop-types");
@@ -63,7 +63,7 @@ var Amount = function Amount(_ref) {
     }, item.text), /*#__PURE__*/_react.default.createElement(Label, {
       alias: _aliases.EXPIRATION,
       className: _stylesModule.default.expiration
-    }, (0, _moment.default)(item.expiration.date, 'YYYY-MM-DD').format('DD/MM/YYYY')));
+    }, (0, _dayjs.default)(item.expiration.date, 'YYYY-MM-DD').format('DD/MM/YYYY')));
   };
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/BarChart/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/BillCalculation/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/BillCalculation/utils.js CHANGED Viewed

@@ -7,7 +7,7 @@ exports.periodToTitleMapper = void 0;
 var _string = require("@widergy/web-utils/lib/string");
-var _moment = _interopRequireDefault(require("moment"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _periodicities = require("../../shared/constants/periodicities");
@@ -30,7 +30,7 @@ var periodToTitleMapper = function periodToTitleMapper(billData, texts, periodFo
       period = _texts$commons.period,
       bimester = _texts$commons.bimester;
   var issueedDate = settlements === null || settlements === void 0 ? void 0 : (_settlements$current2 = settlements.current) === null || _settlements$current2 === void 0 ? void 0 : _settlements$current2.issued_on;
-  var issuedDateLabel = withBillCalcTitleDate ? " (".concat((0, _moment.default)(issueedDate, 'YYYY-MM-DD').format('MM/YYYY'), ")") : '';
+  var issuedDateLabel = withBillCalcTitleDate ? " (".concat((0, _dayjs.default)(issueedDate, 'YYYY-MM-DD').format('MM/YYYY'), ")") : '';
   if (periodFormatter) return periodFormatter({
     startDate: settlements === null || settlements === void 0 ? void 0 : settlements.start_date,
     endDate: settlements === null || settlements === void 0 ? void 0 : settlements.end_date

package/dist/components/BillSummary/components/BilledConcepts/components/PieChartContainer/constants.js CHANGED Viewed

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RADIAN = void 0;
-var RADIAN = Math.PI / 180;
-exports.RADIAN = RADIAN;
+exports.PIE_CHART_CUSTOMIZATION = void 0;
+var PIE_CHART_CUSTOMIZATION = {
+  animationLength: 800,
+  height: 200,
+  minAngle: 0.1,
+  outerRadius: 100,
+  width: 200
+};
+exports.PIE_CHART_CUSTOMIZATION = PIE_CHART_CUSTOMIZATION;

package/dist/components/BillSummary/components/BilledConcepts/components/PieChartContainer/index.js CHANGED Viewed

@@ -7,21 +7,27 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _recharts = require("recharts");
 var _propTypes = require("prop-types");
+var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
+var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
 var _utils = require("../../utils");
-var _utils2 = require("./utils");
+var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign || 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 PieChartContainer = function PieChartContainer(_ref) {
   var concepts = _ref.concepts,
-      additionalInfo = _ref.additionalInfo;
+      additionalInfo = _ref.additionalInfo,
+      contextApiInfo = _ref.contextApiInfo;
+  var PieChart = contextApiInfo.PieChart;
   var pieConceptsData = concepts.map(function (concept) {
     return {
       color: concept.color,
@@ -31,35 +37,22 @@ var PieChartContainer = function PieChartContainer(_ref) {
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.graphContainer
-  }, !additionalInfo.negativeAmmount && /*#__PURE__*/_react.default.createElement(_recharts.ResponsiveContainer, {
-    height: 250
-  }, /*#__PURE__*/_react.default.createElement(_recharts.PieChart, {
-    width: 400,
-    height: 250
-  }, /*#__PURE__*/_react.default.createElement(_recharts.Pie, {
+  }, !additionalInfo.negativeAmmount && /*#__PURE__*/_react.default.createElement(PieChart, _extends({
+    className: _stylesModule.default.pie,
     data: pieConceptsData,
-    cx: "50%",
-    cy: "50%",
-    labelLine: false,
-    label: _utils2.renderCustomizedLabel,
-    outerRadius: 100,
-    fill: "#8884d8",
-    dataKey: "value"
-  }, concepts === null || concepts === void 0 ? void 0 : concepts.map(function (concept) {
-    return /*#__PURE__*/_react.default.createElement(_recharts.Cell, {
-      fill: concept.color,
-      stroke: "none"
-    });
-  }))))), concepts.map(function (concept, index) {
+    withLabels: false,
+    withLegend: false
+  }, _constants.PIE_CHART_CUSTOMIZATION)), concepts.map(function (concept, index) {
     return (0, _utils.renderConcept)(concept, additionalInfo, index === 0);
   }));
 };
 PieChartContainer.propTypes = {
+  additionalInfo: (0, _propTypes.shape)((0, _propTypes.objectOf)(_propTypes.any)),
   concepts: (0, _propTypes.shape)((0, _propTypes.objectOf)(_propTypes.any)),
-  additionalInfo: (0, _propTypes.shape)((0, _propTypes.objectOf)(_propTypes.any))
+  contextApiInfo: _smartBillTypes.contextApiInfoTypes
 };
-var _default = PieChartContainer;
+var _default = (0, _WithContextApi.default)()(PieChartContainer);
 exports.default = _default;

package/dist/components/BillSummary/components/BilledConcepts/components/PieChartContainer/styles.module.scss CHANGED Viewed

@@ -5,6 +5,6 @@
   flex-direction: column;
 }
-.graphContainer {
-  margin-bottom: 20px;
+.pie {
+  margin: auto auto 20px auto;
 }

package/dist/components/BillSummary/components/BilledConcepts/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/BillSummary/components/BilledConcepts/utils.js CHANGED Viewed

@@ -13,9 +13,9 @@ var _Concept = _interopRequireDefault(require("./components/Concept"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

package/dist/components/BillSummary/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/ConsumptionComparison/components/ComparisonTable/constants.js CHANGED Viewed

@@ -7,7 +7,7 @@ exports.noPeriodData = exports.getField = exports.desktopGetHeaderFields = expor
 var _react = _interopRequireDefault(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _consumptions = require("../../../../shared/utils/consumptions");
@@ -109,7 +109,7 @@ var formatInterval = function formatInterval(period) {
   var startDate = period === null || period === void 0 ? void 0 : (_period$settlements = period.settlements) === null || _period$settlements === void 0 ? void 0 : _period$settlements.start_date;
   var endDate = period === null || period === void 0 ? void 0 : (_period$settlements2 = period.settlements) === null || _period$settlements2 === void 0 ? void 0 : _period$settlements2.end_date;
-  return startDate && endDate && "".concat((0, _moment.default)(startDate).format('DD/MM'), " - ").concat((0, _moment.default)(endDate).format('DD/MM'));
+  return startDate && endDate && "".concat((0, _dayjs.default)(startDate).format('DD/MM'), " - ").concat((0, _dayjs.default)(endDate).format('DD/MM'));
 };
 var getField = function getField() {

package/dist/components/ConsumptionComparison/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/ConsumptionEnergyDetails/components/ConsumptionEnergyComparison/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _string = require("@widergy/web-utils/lib/string");
@@ -104,7 +104,7 @@ var ConsumptionEnergyComparison = function ConsumptionEnergyComparison(_ref) {
     className: _stylesModule.default.totalConsumptionContainer
   }, periodicity && periodNumber && year && /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.CONSUMPTION_PERIODICITY
-  }, "".concat((0, _string.stringToCompareWithoutAccentsInclusive)(periodicity, _periodicities.PERIODICITY.BIMONTHLY) ? texts.commons.bimester : '-', " ").concat(periodNumber, "/").concat((0, _moment.default)(year, 'YYYY').format('YY'), ":")), /*#__PURE__*/_react.default.createElement(_ConsumptionInDaysLabel.default, {
+  }, "".concat((0, _string.stringToCompareWithoutAccentsInclusive)(periodicity, _periodicities.PERIODICITY.BIMONTHLY) ? texts.commons.bimester : '-', " ").concat(periodNumber, "/").concat((0, _dayjs.default)(year, 'YYYY').format('YY'), ":")), /*#__PURE__*/_react.default.createElement(_ConsumptionInDaysLabel.default, {
     consumption: dataValidation(totalConsumption.value),
     unit: dataValidation(totalConsumption.unit),
     totalDays: dataValidation(settlements.total_settlements_days),

package/dist/components/ConsumptionEnergyDetails/components/EnergyTotalConsumption/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/ConsumptionEnergyDetails/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -58,7 +58,8 @@ var ConsumptionEnergyDetails = function ConsumptionEnergyDetails(_ref) {
   var RedAlertIcon = assets.RedAlertIcon;
   var useCosinePhi = validations.useCosinePhi,
       showMultipleSettlementsConsumption = validations.showMultipleSettlementsConsumption,
-      showPercentageComparison = validations.showPercentageComparison;
+      showPercentageComparison = validations.showPercentageComparison,
+      showSingleSettlementDays = validations.showSingleSettlementDays;
   var currentConsumption = (0, _consumptions.getCurrentConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE);
   var remainingConsumption = (0, _consumptions.getRemainingConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE);
   var totalConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.ENERGY_TYPES.ACTIVE);
@@ -100,7 +101,7 @@ var ConsumptionEnergyDetails = function ConsumptionEnergyDetails(_ref) {
     savingsPercentage: savingsPercentage,
     currentIsFirstSettlement: currentIsFirstSettlement
   }) : /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.multipleSettlementsInfo && _stylesModule.default.percentageContainer
+    className: _stylesModule.default.multipleSettlementsInfo && _stylesModule.default.percentageContainer && showSingleSettlementDays(billData) && _stylesModule.default.singleSettlementDays
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.multipleSettlementsContainer
   }, Title(false), /*#__PURE__*/_react.default.createElement("div", {
@@ -111,7 +112,13 @@ var ConsumptionEnergyDetails = function ConsumptionEnergyDetails(_ref) {
     value: dataValidation((0, _utils.numberOrDash)(currentConsumption.value)),
     unit: dataValidation(currentConsumption.unit),
     xxxlarge: true
-  })))) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, Title(true), /*#__PURE__*/_react.default.createElement("div", {
+  }))), showSingleSettlementDays(billData) && /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.singleSettlementDaysContainer
+  }, /*#__PURE__*/_react.default.createElement(Label, {
+    alias: _aliases.CONSUMPTION_PERIODICITY
+  }, texts.mainBillData.singleSettlementConsumptionDays), /*#__PURE__*/_react.default.createElement(Label, {
+    alias: _aliases.CONSUMPTION_BIMESTER_DAYS
+  }, "".concat(currentPeriod.settlements.total_settlements_days, " ").concat(texts.commons.days)))) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, Title(true), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.indiviadualSettlementInfo
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_EnergyTotalConsumption.default, {
     consumption: dataValidation((0, _utils.numberOrDash)(totalConsumption.value)),

package/dist/components/ConsumptionEnergyDetails/styles.module.scss CHANGED Viewed

@@ -27,6 +27,18 @@ $border-radius: 5px;
   }
 }
+.singleSettlementDays {
+  display: flex;
+  flex-direction: column;
+}
+.singleSettlementDaysContainer {
+  border-top: 1px solid $borders-gray;
+  display: flex;
+  padding: 12px 24px;
+  justify-content: space-between;
+}
 .multipleSettlementsContainer {
   align-items: center;
   display: flex;

package/dist/components/ConsumptionIncluded/components/TimelineRow/components/Card/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/ConsumptionIncluded/components/TimelineRow/components/HeaderConsumption/index.js CHANGED Viewed

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
-var _momentWithLocales = _interopRequireDefault(require("moment/min/moment-with-locales"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
@@ -28,25 +28,17 @@ var HeaderConsumption = function HeaderConsumption(_ref) {
   var Label = contextApiInfo.Label,
       assets = contextApiInfo.assets,
       config = contextApiInfo.config;
-  var texts = config.texts;
+  var _config$texts$commons = config.texts.commons,
+      ofPreposition = _config$texts$commons.ofPreposition,
+      toPreposition = _config$texts$commons.toPreposition;
   var CalendarIcon = assets.CalendarIcon;
-  _momentWithLocales.default.locale('es');
-  var formatDate = function formatDate(date) {
-    return (0, _momentWithLocales.default)(date, 'DD-MM-YYYY');
-  };
-  var dateDay = function dateDay(date) {
-    return formatDate(date).format('DD');
+  var parseDate = function parseDate(date) {
+    return (0, _dayjs.default)(date, 'DD/MM/YYYY');
   };
-  var firstDateMonth = function firstDateMonth(date) {
-    return formatDate(date).format('MMM').replace('.', '');
-  };
-  var getDate = function getDate(date) {
-    return "".concat(dateDay(date), " ").concat(texts.commons.ofPreposition, " ").concat(firstDateMonth(date));
+  var formatDate = function formatDate(date) {
+    return "".concat(parseDate(date).format('DD'), " ").concat(ofPreposition, " ").concat(parseDate(date).format('MMM'));
   };
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -58,7 +50,7 @@ var HeaderConsumption = function HeaderConsumption(_ref) {
   }), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.HEADER_CONSUMPTION,
     className: _stylesModule.default.label
-  }, "".concat(getDate(startDate), " ").concat(texts.commons.toPreposition, " ").concat(getDate(endDate)))));
+  }, "".concat(formatDate(startDate), " ").concat(toPreposition, " ").concat(formatDate(endDate)))));
 };
 HeaderConsumption.propTypes = {

package/dist/components/ConsumptionIncluded/components/TimelineRow/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/ConsumptionIncluded/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/ConsumptionIncluded/utils.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getBimesterDate = exports.dataMapper = void 0;
-var _moment = _interopRequireDefault(require("moment"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _string = require("@widergy/web-utils/lib/string");
@@ -80,8 +80,8 @@ var consumptionMapper = function 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, _moment.default)(period.settlements.start_date).format('DD/MM/YYYY') : '-',
-    endDate: period !== null && period !== void 0 && (_period$settlements7 = period.settlements) !== null && _period$settlements7 !== void 0 && _period$settlements7.end_date ? (0, _moment.default)(period.settlements.end_date).format('DD/MM/YYYY') : '-',
+    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') : '-',
+    endDate: period !== null && period !== void 0 && (_period$settlements7 = period.settlements) !== null && _period$settlements7 !== void 0 && _period$settlements7.end_date ? (0, _dayjs.default)(period.settlements.end_date).format('DD/MM/YYYY') : '-',
     cardTitle: getBimesterDateTitle(period, texts),
     cardSubtitle: texts.consumption,
     cardDescription1: getTotalDaysDescriptionComsumption(period, texts),
@@ -102,7 +102,7 @@ var settlementCurrentMapper = function settlementCurrentMapper(period, texts) {
     cardDescription2: getTotalDaysDescriptionSettlement(period, texts, getCurrent),
     value: (0, _consumptions.getCurrentConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).value,
     unit: (0, _consumptions.getCurrentConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
-    date: period !== null && period !== void 0 && (_period$settlements8 = period.settlements) !== null && _period$settlements8 !== void 0 && (_period$settlements8$ = _period$settlements8.current) !== null && _period$settlements8$ !== void 0 && _period$settlements8$.issued_on ? (0, _moment.default)(period.settlements.current.issued_on, 'YYYY-MM-DD').format('DD/MM/YYYY') : '-',
+    date: period !== null && period !== void 0 && (_period$settlements8 = period.settlements) !== null && _period$settlements8 !== void 0 && (_period$settlements8$ = _period$settlements8.current) !== null && _period$settlements8$ !== void 0 && _period$settlements8$.issued_on ? (0, _dayjs.default)(period.settlements.current.issued_on, 'YYYY-MM-DD').format('DD/MM/YYYY') : '-',
     settlementNumber: (period === null || period === void 0 ? void 0 : (_period$settlements9 = period.settlements) === null || _period$settlements9 === void 0 ? void 0 : (_period$settlements9$ = _period$settlements9.current) === null || _period$settlements9$ === void 0 ? void 0 : _period$settlements9$.number) || '-',
     isCurrent: true,
     order: period === null || period === void 0 ? void 0 : (_period$settlements10 = period.settlements) === null || _period$settlements10 === void 0 ? void 0 : (_period$settlements11 = _period$settlements10.current) === null || _period$settlements11 === void 0 ? void 0 : _period$settlements11.number
@@ -119,7 +119,7 @@ var settlementRemainingMapper = function settlementRemainingMapper(period, texts
     cardDescription2: getTotalDaysDescriptionSettlement(period, texts, getRemaining),
     value: (0, _consumptions.getRemainingConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).value,
     unit: (0, _consumptions.getRemainingConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
-    date: (period === null || period === void 0 ? void 0 : (_period$settlements12 = period.settlements) === null || _period$settlements12 === void 0 ? void 0 : (_period$settlements13 = _period$settlements12.remaining) === null || _period$settlements13 === void 0 ? void 0 : _period$settlements13.length) > 0 ? (0, _moment.default)(period.settlements.remaining[0].issued_on, 'YYYY-MM-DD').format('DD/MM/YYYY') : '-',
+    date: (period === null || period === void 0 ? void 0 : (_period$settlements12 = period.settlements) === null || _period$settlements12 === void 0 ? void 0 : (_period$settlements13 = _period$settlements12.remaining) === null || _period$settlements13 === void 0 ? void 0 : _period$settlements13.length) > 0 ? (0, _dayjs.default)(period.settlements.remaining[0].issued_on, 'YYYY-MM-DD').format('DD/MM/YYYY') : '-',
     settlementNumber: (period === null || period === void 0 ? void 0 : (_period$settlements14 = period.settlements) === null || _period$settlements14 === void 0 ? void 0 : (_period$settlements15 = _period$settlements14.remaining) === null || _period$settlements15 === void 0 ? void 0 : (_period$settlements16 = _period$settlements15[0]) === null || _period$settlements16 === void 0 ? void 0 : _period$settlements16.number) || '-',
     isRemaining: true,
     order: period === null || period === void 0 ? void 0 : (_period$settlements17 = period.settlements) === null || _period$settlements17 === void 0 ? void 0 : (_period$settlements18 = _period$settlements17.remaining) === null || _period$settlements18 === void 0 ? void 0 : (_period$settlements19 = _period$settlements18[0]) === null || _period$settlements19 === void 0 ? void 0 : _period$settlements19.number

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
-var _moment = _interopRequireDefault(require("moment"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _aliases = require("../../../../shared/constants/aliases");
@@ -41,7 +41,7 @@ var ConsumptionSummary = function ConsumptionSummary(_ref) {
   var texts = config.texts;
   var formatDate = function formatDate(date) {
-    return (0, _moment.default)(date).format('DD/MM/YYYY');
+    return (0, _dayjs.default)(date).format('DD/MM/YYYY');
   };
   var daysLabel = totalSettlementsDays ? "(".concat(totalSettlementsDays, " ").concat(texts.consumptionPeriod.days, ")") : '';
@@ -50,7 +50,7 @@ var ConsumptionSummary = function ConsumptionSummary(_ref) {
   }, periodNumber && year && /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.SUMMARY_TITLE,
     className: _stylesModule.default.summaryTitle
-  }, "".concat(texts.commons.bimester, " ").concat(periodNumber, "/").concat((0, _moment.default)(year, 'YYYY').format('YY'))), initialReadingDate && finalReadingDate && /*#__PURE__*/_react.default.createElement(Label, {
+  }, "".concat(texts.commons.bimester, " ").concat(periodNumber, "/").concat((0, _dayjs.default)(year, 'YYYY').format('YY'))), initialReadingDate && finalReadingDate && /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.SUMMARY_SUBTITLE,
     className: _stylesModule.default.daysLabel
   }, "".concat(formatDate(initialReadingDate), " - ").concat(formatDate(finalReadingDate), " ").concat(daysLabel)), /*#__PURE__*/_react.default.createElement("div", {

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

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
-var _moment = _interopRequireDefault(require("moment"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _numeral = _interopRequireDefault(require("config/numeral"));
@@ -79,7 +79,7 @@ var Reading = function Reading(_ref) {
     Icon: ReadingDateIcon,
     mainAlias: _aliases.READING_MAIN,
     secondaryAlias: _aliases.READING_DETAIL,
-    mainText: (0, _moment.default)(date).format('DD/MM/YYYY'),
+    mainText: (0, _dayjs.default)(date).format('DD/MM/YYYY'),
     secondaryText: texts.consumptionPeriod.readingDate,
     classes: {
       container: _stylesModule.default.iconAndDetailsContainer

package/dist/components/Date/index.js CHANGED Viewed

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
-var _moment = _interopRequireDefault(require("moment"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _smartBillTypes = require("../../shared/types/smartBillTypes");
@@ -33,7 +33,7 @@ var Date = function Date(_ref) {
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: mainAlias,
     className: _stylesModule.default.valueContainer
-  }, (0, _moment.default)(date, 'YYYY-MM-DD').format('DD/MM/YYYY')), /*#__PURE__*/_react.default.createElement(Label, {
+  }, (0, _dayjs.default)(date, 'YYYY-MM-DD').format('DD/MM/YYYY')), /*#__PURE__*/_react.default.createElement(Label, {
     alias: detailAlias
   }, text));
 };

package/dist/components/MainBillData/components/BillAlert/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/MainBillData/components/BillBody/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/Period/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _propTypes = require("prop-types");
@@ -75,11 +75,11 @@ var Period = function Period(_ref) {
       year = currentPeriod.year;
   var currentSettlement = settlements === null || settlements === void 0 ? void 0 : (_settlements$current = settlements.current) === null || _settlements$current === void 0 ? void 0 : _settlements$current.number;
   var totalSettlements = settlements === null || settlements === void 0 ? void 0 : settlements.total_settlements;
-  var startDate = (0, _moment.default)(settlements === null || settlements === void 0 ? void 0 : settlements.start_date).format('DD/MM');
-  var endDate = (0, _moment.default)(settlements === null || settlements === void 0 ? void 0 : settlements.end_date).format('DD/MM');
+  var startDate = (0, _dayjs.default)(settlements === null || settlements === void 0 ? void 0 : settlements.start_date).format('DD/MM');
+  var endDate = (0, _dayjs.default)(settlements === null || settlements === void 0 ? void 0 : settlements.end_date).format('DD/MM');
   var periodicityLabel = "".concat(multipleSettlements ? (0, _string.stringToCompareWithoutAccentsInclusive)(periodicity, _periodicities.PERIODICITY.BIMONTHLY) ? bimester : '-' : period, " ").concat((0, _utils.stringOrDash)(periodNumber));
   var settlementLabel = "".concat(settlement, " ").concat((0, _utils.numberOrDash)(currentSettlement), " ").concat(ofPreposition, " ").concat((0, _utils.numberOrDash)(totalSettlements));
-  var issuedDateLabel = "".concat((0, _moment.default)(issueedDate, 'YYYY-MM-DD').format('DD/MM/YYYY'));
+  var issuedDateLabel = "".concat((0, _dayjs.default)(issueedDate, 'YYYY-MM-DD').format('DD/MM/YYYY'));
   var issuedOnDateLabel = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.issueDateContainer

package/dist/components/PowerProgresBar/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/RateAndCategory/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Bars/components/Stage/components/SubStage/index.js CHANGED Viewed

@@ -39,7 +39,7 @@ var SubStage = function SubStage(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       marginRight: isLast ? _constants.LAST_SUB_STAGE_MARGIN : isDesktop ? _constants.SUB_STAGE_MARGIN_DESKTOP : _constants.SUB_STAGE_MARGIN_MOBILE,
-      backgroundColor: getStageColor ? getStageColor(index, totalSubStages) : subStage.color,
+      backgroundColor: subStage.color || getStageColor && getStageColor(index, totalSubStages),
       width: width
     },
     className: _stylesModule.default.container

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/LegendItem/index.js CHANGED Viewed

@@ -37,6 +37,11 @@ var LegendItem = function LegendItem(_ref) {
       consumptionUpToDesktop = _texts$ratesDefinitio.consumptionUpToDesktop,
       consumptionMoreThanDesktop = _texts$ratesDefinitio.consumptionMoreThanDesktop,
       consumptionStartingFormDesktop = _texts$ratesDefinitio.consumptionStartingFormDesktop;
+  var format = function format(text) {
+    return text.toUpperCase();
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: stage ? _stylesModule.default.legendItemContainer : _stylesModule.default.numberItemContainer
   }, showNumber && /*#__PURE__*/_react.default.createElement("div", {
@@ -46,7 +51,7 @@ var LegendItem = function LegendItem(_ref) {
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.STAGE_DETAIL,
     className: _stylesModule.default.header
-  }, legendNumber === 1 ? consumptionUpToDesktop : legendNumber === stagesLength ? consumptionMoreThanDesktop : consumptionStartingFormDesktop), /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
+  }, format(legendNumber === 1 ? consumptionUpToDesktop : legendNumber === stagesLength ? consumptionMoreThanDesktop : consumptionStartingFormDesktop)), /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
     numberAlias: _aliases.RATE_STAGE_MAGNITUDE,
     unitAlias: _aliases.RATE_STAGE_MAGNITUDE,
     value: legendNumber === 1 ? stage.range.at(-1) : stage.range.at(0),

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/RatesDefinition/components/CategoryByConsumption/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/components/SmartBillProvider/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -21,9 +21,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

package/dist/components/WithContextApi/index.js CHANGED Viewed

@@ -19,9 +19,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || 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); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

package/dist/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/shared/constants/aliases.js CHANGED Viewed

@@ -628,7 +628,8 @@ var DEFAULT_PROPS = (_DEFAULT_PROPS = {}, _defineProperty(_DEFAULT_PROPS, TITLE,
   weight: 'regular'
 }), _defineProperty(_DEFAULT_PROPS, STAGE_DETAIL, {
   variant: 'small',
-  weight: 'regular'
+  weight: 'regular',
+  color: COLORS.GRAY
 }), _defineProperty(_DEFAULT_PROPS, ADVICE_TITLE, {
   weight: 'medium',
   variant: 'subtitle1'

package/dist/shared/constants/components.js CHANGED Viewed

@@ -10,4 +10,5 @@ exports.TOUCHABLE = 'Components::Touchable';
 exports.CARD = 'Components::Card';
 exports.MARKDOWN = 'Components::Markdown';
 exports.TOGGLE = 'Components::Toggle';
-exports.BAR_CHART = 'Components::BarChart';
+exports.BAR_CHART = 'Components::BarChart';
+exports.PIE_CHART = 'Components::PieChart';

package/dist/shared/types/componentsTypes.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -33,6 +33,7 @@ var unpackedComponentsTypes = {
   Card: componentTypes,
   Markdown: componentTypes,
   Toggle: componentTypes,
-  BarChart: componentTypes
+  BarChart: componentTypes,
+  PieChart: componentTypes
 };
 exports.unpackedComponentsTypes = unpackedComponentsTypes;

package/dist/shared/types/smartBillTypes.js CHANGED Viewed

@@ -15,9 +15,9 @@ var _formattersTypes = require("./formattersTypes");
 var _componentsTypes = require("./componentsTypes");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

package/dist/shared/utils/consumptions.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getTotalConsumption = exports.getRemainingConsumption = exports.getDailyConsumption = exports.getCurrentConsumption = exports.getConsumptionHistoryData = exports.consumptionDataMapper = void 0;
-var _moment = _interopRequireDefault(require("moment"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _lodash = _interopRequireDefault(require("lodash"));
@@ -71,7 +71,7 @@ var getDailyConsumption = function getDailyConsumption(period, energyType) {
 exports.getDailyConsumption = getDailyConsumption;
 var formatPeriod = function formatPeriod(period) {
-  return period.number && period.year && "".concat(period.number, "/").concat((0, _moment.default)(period.year, 'YYYY').format('YY'));
+  return period.number && period.year && "".concat(period.number, "/").concat((0, _dayjs.default)(period.year, 'YYYY').format('YY'));
 };
 var getConsumptionHistoryData = function getConsumptionHistoryData(billDataParameter, energyType, showPeriodsInChronologicalOrder) {

package/dist/shared/utils/context.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -26,7 +26,8 @@ var unpackComponents = function unpackComponents(contextApiInfo) {
     Card: components[COMPONENTS.CARD],
     Markdown: components[COMPONENTS.MARKDOWN],
     Toggle: components[COMPONENTS.TOGGLE],
-    BarChart: components[COMPONENTS.BAR_CHART]
+    BarChart: components[COMPONENTS.BAR_CHART],
+    PieChart: components[COMPONENTS.PIE_CHART]
   };
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/utilitygo-smart-bill-web",
-  "version": "1.8.0",
+  "version": "1.10.2",
   "description": "UtilityGO SmartBill Web",
   "license": "MIT",
   "main": "dist/index.js",
@@ -52,14 +52,13 @@
   ],
   "dependencies": {
     "@widergy/web-utils": ">=0.4.1",
+    "dayjs": "^1.10.7",
     "lodash": ">=4.17.4",
-    "moment": ">=2.19.1",
     "node-sass": "^4.11.0",
     "numeral": ">=2.0.6",
     "react-jss": "^8.6.1",
     "react-perfect-scrollbar": "^1.5.3",
     "react-responsive": "^4.1.0",
-    "recharts": "github:widergy/recharts#master",
     "sass-loader": "^7.1.0",
     "seamless-immutable": "^7.1.4",
     "yarn": "^1.22.10"

package/dist/components/BillSummary/components/BilledConcepts/components/PieChartContainer/utils.js DELETED Viewed

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderCustomizedLabel = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _constants = require("./constants");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var renderCustomizedLabel = function renderCustomizedLabel(cx, cy, midAngle, innerRadius, outerRadius, percent) {
-  var radius = innerRadius + (outerRadius - innerRadius) * 0.5;
-  var x = cx + radius * Math.cos(-midAngle * _constants.RADIAN);
-  var y = cy + radius * Math.sin(-midAngle * _constants.RADIAN);
-  return /*#__PURE__*/_react.default.createElement("text", {
-    x: x,
-    y: y,
-    fill: "white",
-    textAnchor: x > cx ? 'start' : 'end',
-    dominantBaseline: "central"
-  }, "".concat((percent * 100).toFixed(0), "%"));
-};
-exports.renderCustomizedLabel = renderCustomizedLabel;