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

package/dist/components/Period/index.js

@@ -8,20 +8,20 @@ var _react = _interopRequireWildcard(require("react"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _propTypes = require("prop-types");
 var _string = require("@widergy/web-utils/lib/string");
-var _periodicities = require("../../shared/constants/periodicities");
-var _smartBillTypes = require("../../shared/types/smartBillTypes");
+var _DebtState = _interopRequireDefault(require("../DebtState"));
+var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
 var _billDataTypes = require("../../shared/types/billDataTypes");
+var _smartBillTypes = require("../../shared/types/smartBillTypes");
+var _aliases = require("../../shared/constants/aliases");
 var _utils = require("../../utils");
+var _periodicities = require("../../shared/constants/periodicities");
+var _testsIds = require("../../constants/testsIds");
 var _hooks = require("../../utils/hooks");
-var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
-var _DebtState = _interopRequireDefault(require("../DebtState"));
-var _aliases = require("../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Period = _ref => {
-  var _settlements$current;
   let {
     contextApiInfo,
     billData,
@@ -55,44 +55,47 @@ const Period = _ref => {
   const {
     isDesktopSize
   } = (0, _hooks.useScreenSize)();
-  const debtStatusLabel = billData === null || billData === void 0 ? void 0 : billData.debt_status_label;
+  const debtStatusLabel = billData?.debt_status_label;
   const debtStatusValidation = !!debtStatusLabel;
-  const settlements = currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.settlements;
-  const periodicity = settlements === null || settlements === void 0 ? void 0 : settlements.periodicity;
+  const settlements = currentPeriod?.settlements;
+  const periodicity = settlements?.periodicity;
   const {
     number: periodNumber,
     year
   } = currentPeriod;
-  const currentSettlement = settlements === null || settlements === void 0 || (_settlements$current = settlements.current) === null || _settlements$current === void 0 ? void 0 : _settlements$current.number;
-  const totalSettlements = settlements === null || settlements === void 0 ? void 0 : settlements.total_settlements;
-  const startDate = (0, _dayjs.default)(settlements === null || settlements === void 0 ? void 0 : settlements.start_date).format('DD/MM');
-  const endDate = (0, _dayjs.default)(settlements === null || settlements === void 0 ? void 0 : settlements.end_date).format('DD/MM');
-  const periodicityLabel = "".concat(multipleSettlements ? (0, _string.stringToCompareWithoutAccentsInclusive)(periodicity, _periodicities.PERIODICITY.BIMONTHLY) ? bimester : '-' : period, " ").concat((0, _utils.stringOrDash)(periodNumber));
-  const settlementLabel = "".concat(settlement, " ").concat((0, _utils.numberOrDash)(currentSettlement), " ").concat(ofPreposition, " ").concat((0, _utils.numberOrDash)(totalSettlements));
-  const issuedDateLabel = "".concat((0, _dayjs.default)(issuedDate, 'YYYY-MM-DD').format('DD/MM/YYYY'));
+  const currentSettlement = settlements?.current?.number;
+  const totalSettlements = settlements?.total_settlements;
+  const startDate = (0, _dayjs.default)(settlements?.start_date).format('DD/MM');
+  const endDate = (0, _dayjs.default)(settlements?.end_date).format('DD/MM');
+  const periodicityLabel = `${multipleSettlements ? (0, _string.stringToCompareWithoutAccentsInclusive)(periodicity, _periodicities.PERIODICITY.BIMONTHLY) ? bimester : '-' : period} ${(0, _utils.stringOrDash)(periodNumber)}`;
+  const settlementLabel = `${settlement} ${(0, _utils.numberOrDash)(currentSettlement)} ${ofPreposition} ${(0, _utils.numberOrDash)(totalSettlements)}`;
+  const issuedDateLabel = `${(0, _dayjs.default)(issuedDate, 'YYYY-MM-DD').format('DD/MM/YYYY')}`;
   const issuedOnDateLabel = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.issueDateContainer
   }, /*#__PURE__*/_react.default.createElement(Label, {
     className: _stylesModule.default.issueDate,
     alias: isDesktopSize ? _aliases.MAIN_SECONDARY : _aliases.MAIN_LIGHT
-  }, "".concat(issuedOnDate, ":\xA0")), /*#__PURE__*/_react.default.createElement(Label, {
+  }, `${issuedOnDate}:\xa0`), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.PERIOD_ISSUED_DATE
   }, issuedDateLabel)));
-  const yearAndPeriodicityLabel = "".concat((0, _utils.stringOrDash)(year), " - ").concat(periodicityLabel);
-  const bimesterOfYearLabel = "".concat(periodicityLabel, " ").concat(ofPreposition, " ").concat((0, _utils.stringOrDash)(year));
+  const yearAndPeriodicityLabel = `${(0, _utils.stringOrDash)(year)} - ${periodicityLabel}`;
+  const bimesterOfYearLabel = `${periodicityLabel} ${ofPreposition} ${(0, _utils.stringOrDash)(year)}`;
   return periodFormatter ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: issuedDate ? _stylesModule.default.withIssuedDateContainer : _stylesModule.default.withOutIssuedDateContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.periodHeader
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: desktopAlias,
-    className: _stylesModule.default.periodLabel
+    className: _stylesModule.default.periodLabel,
+    dataTestId: _testsIds.smartBill.period.periodLabel
   }, periodFormatter({
-    startDate: settlements === null || settlements === void 0 ? void 0 : settlements.start_date,
-    endDate: settlements === null || settlements === void 0 ? void 0 : settlements.end_date
+    startDate: settlements?.start_date,
+    endDate: settlements?.end_date
   })), !issuedDate && /*#__PURE__*/_react.default.createElement(Tooltip, {
-    content: texts.mainBillData.periodTooltip
+    content: texts.mainBillData.periodTooltip,
+    dataTestId: _testsIds.smartBill.period.periodTooltip
   }, /*#__PURE__*/_react.default.createElement(assets.QuestionsIcon, {
+    dataTestId: _testsIds.smartBill.period.tooltipIcon,
     style: {
       fill: colors.tooltipIcon
     }
@@ -100,7 +103,7 @@ const Period = _ref => {
     className: _stylesModule.default.issuedOnDateAndLabel
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.DETAIL
-  }, "".concat(issuedOnDate, ":")), /*#__PURE__*/_react.default.createElement(Label, {
+  }, `${issuedOnDate}:`), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.ISSUED_DATE
   }, issuedDateLabel)))) : issuedDate ? /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.withIssuedDateContainer
@@ -108,12 +111,12 @@ const Period = _ref => {
     className: _stylesModule.default.header
   }, isDesktopSize ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
     alias: desktopAlias,
-    className: "".concat(_stylesModule.default.periodLabel, " ").concat(_stylesModule.default.labelSpacing)
-  }, multipleSettlements ? "".concat(bimesterOfYearLabel, " - ").concat(settlementLabel) : "".concat(yearAndPeriodicityLabel)), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_stylesModule.default.periodLabel} ${_stylesModule.default.labelSpacing}`
+  }, multipleSettlements ? `${bimesterOfYearLabel} - ${settlementLabel}` : `${yearAndPeriodicityLabel}`), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.issuedOnDateAndLabel
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.DETAIL
-  }, "".concat(issuedOnDate, ":")), /*#__PURE__*/_react.default.createElement(Label, {
+  }, `${issuedOnDate}:`), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.ISSUED_DATE
   }, issuedDateLabel))) : multipleSettlements ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.PERIOD_RESPONSIVE,
@@ -124,28 +127,32 @@ const Period = _ref => {
   }, settlementLabel), issuedOnDateLabel) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.PERIOD_RESPONSIVE,
     className: _stylesModule.default.periodLabel
-  }, "".concat((0, _utils.stringOrDash)(year), " - ").concat(period, " ").concat((0, _utils.numberOrDash)(currentSettlement))), issuedOnDateLabel)), debtStatusValidation && /*#__PURE__*/_react.default.createElement("div", {
+  }, `${(0, _utils.stringOrDash)(year)} - ${period} ${(0, _utils.numberOrDash)(currentSettlement)}`), issuedOnDateLabel)), debtStatusValidation && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.debtState
   }, /*#__PURE__*/_react.default.createElement(_DebtState.default, {
     debtStatusLabel: debtStatusLabel,
-    isWarning: billData === null || billData === void 0 ? void 0 : billData.warning
+    isWarning: billData?.warning
   }))) : /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.withOutIssuedDateContainer
   }, multipleSettlements ? /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.text
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: desktopAlias,
-    className: _stylesModule.default.periodLabel
-  }, isDesktopSize ? "".concat(yearAndPeriodicityLabel, " -\xA0").concat(settlementLabel) : "".concat(periodicityLabel, " - ").concat((0, _utils.stringOrDash)(year), " <br> ").concat(settlementLabel))) : /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.singleSettlmentText
+    className: _stylesModule.default.periodLabel,
+    dataTestId: _testsIds.smartBill.period.periodLabel
+  }, isDesktopSize ? `${yearAndPeriodicityLabel} -\xa0${settlementLabel}` : `${periodicityLabel} - ${(0, _utils.stringOrDash)(year)} <br> ${settlementLabel}`)) : /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.singleSettlmentText,
+    "data-testid": _testsIds.smartBill.period.periodLabel
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: desktopAlias,
     className: _stylesModule.default.periodLabel
   }, yearAndPeriodicityLabel), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.PERIOD_RANGE
-  }, "".concat(startDate, " - ").concat(endDate))), multipleSettlements && /*#__PURE__*/_react.default.createElement(Tooltip, {
-    content: texts.mainBillData.periodTooltip
+  }, `${startDate} - ${endDate}`)), multipleSettlements && /*#__PURE__*/_react.default.createElement(Tooltip, {
+    content: texts.mainBillData.periodTooltip,
+    dataTestId: _testsIds.smartBill.period.periodTooltip
   }, /*#__PURE__*/_react.default.createElement(assets.QuestionsIcon, {
+    dataTestId: _testsIds.smartBill.period.tooltipIcon,
     style: {
       fill: colors.tooltipIcon
     }

package/dist/components/PowerProgresBar/components/PowerConsumption/index.js

@@ -10,8 +10,8 @@ var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
 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 }; }
-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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const PowerConsumption = _ref => {
   let {
     contextApiInfo,
@@ -30,12 +30,15 @@ const PowerConsumption = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.powerLabel
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n          ".concat(_stylesModule.default.powerConsumptionLabel, "\n          ").concat(isHired && !powerExceeded && _stylesModule.default.hiredPowerLabel, " \n          ").concat(!isHired && powerExceeded && _stylesModule.default.exceededPowerLabel)
+    className: `
+          ${_stylesModule.default.powerConsumptionLabel}
+          ${isHired && !powerExceeded && _stylesModule.default.hiredPowerLabel} 
+          ${!isHired && powerExceeded && _stylesModule.default.exceededPowerLabel}`
   }, /*#__PURE__*/_react.default.createElement(Label, _extends({
     alias: alias
   }, !isHired && powerExceeded ? {
     colorTheme: 'error'
-  } : {}), "".concat((consumption === null || consumption === void 0 ? void 0 : consumption.toString().replace('.', ',')) || '-', "\xA0")), consumption && /*#__PURE__*/_react.default.createElement(Label, _extends({
+  } : {}), `${consumption?.toString().replace('.', ',') || '-'}\xa0`), consumption && /*#__PURE__*/_react.default.createElement(Label, _extends({
     alias: unitAlias
   }, !isHired && powerExceeded ? {
     colorTheme: 'error'

package/dist/components/PowerProgresBar/index.js

@@ -12,7 +12,7 @@ var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
 var _utils = require("../../utils");
 var _PowerConsumption = _interopRequireDefault(require("./components/PowerConsumption"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const PowerProgresBar = _ref => {
@@ -75,7 +75,7 @@ const PowerProgresBar = _ref => {
     className: _stylesModule.default.labelIcon
   }), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.EXCEEDED_POWER_VALUE
-  }, "".concat((0, _utils.formatNumber)(exceededPower.value), "\xA0").concat(hiredPowerConsumption.unit)))), /*#__PURE__*/_react.default.createElement("div", {
+  }, `${(0, _utils.formatNumber)(exceededPower.value)}\xa0${hiredPowerConsumption.unit}`))), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.powerExceededFine
   }, /*#__PURE__*/_react.default.createElement(RedAlertIcon, {
     className: _stylesModule.default.labelIcon

package/dist/components/RateAndCategory/index.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
-var _smartBillTypes = require("../../shared/types/smartBillTypes");
 var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
-var _utils = require("../../utils");
 var _aliases = require("../../shared/constants/aliases");
+var _smartBillTypes = require("../../shared/types/smartBillTypes");
+var _testsIds = require("../../constants/testsIds");
+var _utils = require("../../utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const RatePrices = _ref => {
   let {
     contextApiInfo,
@@ -30,19 +31,22 @@ const RatePrices = _ref => {
   } = config.texts;
   const Title = () => /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.TITLE,
-    className: "".concat(classes.title)
+    className: `${classes.title}`,
+    dataTestId: _testsIds.smartBill.rateAndCategory.title
   }, title);
   const Category = () => /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.CATEGORY,
-    className: "".concat(_stylesModule.default.category, " ").concat(classes.category)
-  }, "".concat(Base.category, " ").concat((0, _utils.stringOrDash)(category)));
+    className: `${_stylesModule.default.category} ${classes.category}`,
+    dataTestId: _testsIds.smartBill.rateAndCategory.category
+  }, `${Base.category} ${(0, _utils.stringOrDash)(category)}`);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
+    className: `${_stylesModule.default.container} ${classes.container}`
   }, showCategory ? /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.multipleSettlementsContainer
   }, /*#__PURE__*/_react.default.createElement(Title, null), /*#__PURE__*/_react.default.createElement(Category, null)) : /*#__PURE__*/_react.default.createElement(Title, null), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.RATE,
-    className: "".concat(_stylesModule.default.purchasedRate, " ").concat(classes.purchasedRate)
+    className: `${_stylesModule.default.purchasedRate} ${classes.purchasedRate}`,
+    dataTestId: _testsIds.smartBill.rateAndCategory.rate
   }, (0, _utils.stringOrDash)(rate)));
 };
 RatePrices.propTypes = {

package/dist/components/RatesDefinition/components/BillRate/components/RatePrices/index.js

@@ -11,7 +11,7 @@ var _WithContextApi = _interopRequireDefault(require("../../../../../WithContext
 var _StyledAmount = _interopRequireDefault(require("../../../../../StyledAmount"));
 var _aliases = require("../../../../../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const RateAndCategory = _ref => {
   let {
     contextApiInfo,

package/dist/components/RatesDefinition/components/BillRate/index.js

@@ -11,7 +11,7 @@ var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"))
 var _aliases = require("../../../../shared/constants/aliases");
 var _RatePrices = _interopRequireDefault(require("./components/RatePrices"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const BillRate = _ref => {
   let {
     contextApiInfo,
@@ -42,7 +42,7 @@ const BillRate = _ref => {
     className: _stylesModule.default.titleAndIcon
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.RATE_DATA_SUBTITLE
-  }, "".concat(billRatePrices, " ").concat(rate && category ? rateFormatter(rate, category) : '-')), /*#__PURE__*/_react.default.createElement(Tooltip, {
+  }, `${billRatePrices} ${rate && category ? rateFormatter(rate, category) : '-'}`), /*#__PURE__*/_react.default.createElement(Tooltip, {
     content: texts.ratesDefinition.billRateTooltip
   }, /*#__PURE__*/_react.default.createElement(assets.QuestionsIcon, {
     style: {

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/Category/index.js

@@ -11,7 +11,7 @@ var _WithContextApi = _interopRequireDefault(require("../../../../../WithContext
 var _utils = require("../../../../../../utils");
 var _aliases = require("../../../../../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Category = _ref => {
   let {
     contextApiInfo,
@@ -34,7 +34,7 @@ const Category = _ref => {
   }, ratesDefinition.categoryDefinition), /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.CATEGORY,
     className: _stylesModule.default.category
-  }, "".concat(Base.category, " ").concat((0, _utils.stringOrDash)(category))));
+  }, `${Base.category} ${(0, _utils.stringOrDash)(category)}`));
 };
 Category.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Indicator/components/IndicatorLabel/index.js

@@ -11,7 +11,7 @@ var _WithContextApi = _interopRequireDefault(require("../../../../../../../../..
 var _Magnitude = _interopRequireDefault(require("../../../../../../../../../Magnitude"));
 var _aliases = require("../../../../../../../../../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const IndicatorLabel = _ref => {
   let {
     contextApiInfo,
@@ -40,9 +40,9 @@ const IndicatorLabel = _ref => {
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      transform: "translate(".concat(labelOffset, ")")
+      transform: `translate(${labelOffset})`
     },
-    className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
+    className: `${_stylesModule.default.container} ${classes.container}`
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.movingContainer
   }, /*#__PURE__*/_react.default.createElement(_Magnitude.default, {

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Indicator/index.js

@@ -13,7 +13,7 @@ var _constants = require("../../../../constants");
 var _IndicatorLabel = _interopRequireDefault(require("./components/IndicatorLabel"));
 var _utils = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Indicator = _ref => {
   let {
     indicatorPosition,
@@ -29,7 +29,7 @@ const Indicator = _ref => {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      left: "calc(".concat(indicatorPosition * 100, "% + ").concat(_constants.INITIAL_INDICATOR_POSITION, ")")
+      left: `calc(${indicatorPosition * 100}% + ${_constants.INITIAL_INDICATOR_POSITION})`
     },
     className: _stylesModule.default.indicator
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Indicator/utils.js

@@ -16,7 +16,7 @@ const getLabelOffset = (value, rateStages) => {
   const rateIndex = rateStages.indexOf((0, _utils.getCurrentStage)(value, rateStages));
   const isFirstRate = rateIndex === 0;
   const isLastRate = rateIndex === rateStages.length - 1;
-  const baseOffset = "".concat(relativePorcentageValue(value, rateStages), "%");
-  return isLastRate ? "calc(-".concat(baseOffset, " + ").concat(_constants.INDICATOR_LABEL_LAST_OFFSET, ")") : isFirstRate ? "calc(-".concat(baseOffset, " - ").concat(_constants.INDICATOR_LABEL_FIRST_OFFSET, ")") : _constants.INDICATOR_LABEL_DEFAULT_OFFSET;
+  const baseOffset = `${relativePorcentageValue(value, rateStages)}%`;
+  return isLastRate ? `calc(-${baseOffset} + ${_constants.INDICATOR_LABEL_LAST_OFFSET})` : isFirstRate ? `calc(-${baseOffset} - ${_constants.INDICATOR_LABEL_FIRST_OFFSET})` : _constants.INDICATOR_LABEL_DEFAULT_OFFSET;
 };
 exports.getLabelOffset = getLabelOffset;

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Legend/index.js

@@ -9,7 +9,7 @@ var _propTypes = require("prop-types");
 var _WithContextApi = _interopRequireDefault(require("../../../../../../../WithContextApi"));
 var _smartBillTypes = require("../../../../../../../../shared/types/smartBillTypes");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Legend = _ref => {
   let {
     stagesFormattedData,

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Stages/index.js

@@ -9,7 +9,7 @@ var _propTypes = require("prop-types");
 var _WithContextApi = _interopRequireDefault(require("../../../../../../../WithContextApi"));
 var _smartBillTypes = require("../../../../../../../../shared/types/smartBillTypes");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Stages = _ref => {
   let {
     stagesFormattedData,
@@ -19,7 +19,7 @@ const Stages = _ref => {
     Label
   } = contextApiInfo;
   const toFinalWidth = val => ({
-    width: "".concat(val * 100, "%")
+    width: `${val * 100}%`
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.stagesContainer

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

@@ -14,7 +14,7 @@ var _Indicator = _interopRequireDefault(require("./components/Indicator"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _utils = require("./utils");
 var _Legend = _interopRequireDefault(require("./components/Legend"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const RateStagesGraph = _ref => {

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/utils.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getStagesFormattedData = void 0;
-var _lodash = _interopRequireDefault(require("lodash"));
+var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
 var _constants = require("./constants");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getResponsiveStageWidth = (rateStages, stage, totalSubStages) => {
   let totalWidth = 1;
   // if we have only one rate, then return max width.
@@ -14,7 +14,7 @@ const getResponsiveStageWidth = (rateStages, stage, totalSubStages) => {
     return totalWidth;
   }
   // We sort the stages based in sub stages in cases that former stages are larger than later ones.
-  const sortedRateStages = _lodash.default.sortBy(rateStages, _stage => _stage.sub_rate_stages.length);
+  const sortedRateStages = (0, _sortBy.default)(rateStages, _stage => _stage.sub_rate_stages.length);
   // Iterate over the sorted array until finished.
   for (let index = 0; index < sortedRateStages.length; index += 1) {
     // If we reached our stage then we break, we need to know the space former ones ocuppy and not the laters.
@@ -37,13 +37,13 @@ const getStagesFormattedData = (value, rateStages, getStageColor, isDesktop) =>
     width: isDesktop ? stage.sub_rate_stages.length / totalSubstagesCount : getResponsiveStageWidth(rateStages, stage, totalSubstagesCount),
     sub_rate_stages: stage.sub_rate_stages.map(substage => {
       i += 1;
-      const labelValue = "".concat(substage.range[i === 0 ? 1 : 0], " ").concat(stage.unit);
+      const labelValue = `${substage.range[i === 0 ? 1 : 0]} ${stage.unit}`;
       return {
         ...substage,
         i,
         width: 1 / stage.sub_rate_stages.length,
         color: substage.color || getStageColor && getStageColor(i, totalSubstagesCount),
-        label: isDesktop && "".concat(i === 0 ? '< ' : i === 1 ? '> ' : '').concat(labelValue),
+        label: isDesktop && `${i === 0 ? '< ' : i === 1 ? '> ' : ''}${labelValue}`,
         legend: !isDesktop && labelValue
       };
     })

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

@@ -14,7 +14,7 @@ var _deviceSizes = require("../../../../constants/deviceSizes");
 var _RateStagesGraph = _interopRequireDefault(require("./components/RateStagesGraph"));
 var _Category = _interopRequireDefault(require("./components/Category"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const CategoryByConsumption = _ref => {

package/dist/components/RatesDefinition/components/PurchasedRate/index.js

@@ -11,7 +11,7 @@ var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"))
 var _aliases = require("../../../../shared/constants/aliases");
 var _RateAndCategory = _interopRequireDefault(require("../../../RateAndCategory"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const PurchasedRate = _ref => {
   let {
     contextApiInfo,
@@ -32,7 +32,7 @@ const PurchasedRate = _ref => {
     purchasedRateError
   } = config.texts.ratesDefinition;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
+    className: `${_stylesModule.default.container} ${classes.container}`
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.RATE_DATA_SUBTITLE
   }, purchasedRateTitle), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/RatesDefinition/index.js

@@ -20,7 +20,7 @@ var _CategoryByConsumption = _interopRequireDefault(require("./components/Catego
 var _PurchasedRate = _interopRequireDefault(require("./components/PurchasedRate"));
 var _BillRate = _interopRequireDefault(require("./components/BillRate"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const RatesDefinition = _ref => {
   let {
     contextApiInfo,

package/dist/components/StyledAmount/constants.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VARIANTS = void 0;
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const VARIANTS = exports.VARIANTS = {
   small: {
     currencyLabelStyle: _stylesModule.default.smallCurrency,

package/dist/components/StyledAmount/index.js

@@ -11,17 +11,18 @@ var _smartBillTypes = require("../../shared/types/smartBillTypes");
 var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
 var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StyledAmount = _ref => {
   let {
-    contextApiInfo,
-    currency = '$',
+    alias,
+    aliasDecimal,
     amount,
     amountFormat = '0,0.00',
+    contextApiInfo,
+    currency = '$',
+    dataTestId,
     splitChar = ',',
-    variant = 'medium',
-    alias,
-    aliasDecimal
+    variant = 'medium'
   } = _ref;
   const {
     Label
@@ -35,22 +36,26 @@ const StyledAmount = _ref => {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: alias,
-    className: currencyLabelStyle
+    className: currencyLabelStyle,
+    dataTestId: dataTestId ? `${dataTestId}currency` : ''
   }, currency), /*#__PURE__*/_react.default.createElement(Label, {
-    alias: alias
+    alias: alias,
+    dataTestId: dataTestId ? `${dataTestId}integer` : ''
   }, integerPart), /*#__PURE__*/_react.default.createElement(Label, {
     alias: aliasDecimal,
-    className: decimalLabelStyle
+    className: decimalLabelStyle,
+    dataTestId: dataTestId ? `${dataTestId}decimal` : ''
   }, decimalPart));
 };
 StyledAmount.propTypes = {
-  contextApiInfo: _smartBillTypes.contextApiInfoTypes,
-  currency: _propTypes.string,
+  alias: _propTypes.string,
+  aliasDecimal: _propTypes.string,
   amount: _propTypes.number,
   amountFormat: _propTypes.string,
+  contextApiInfo: _smartBillTypes.contextApiInfoTypes,
+  currency: _propTypes.string,
+  dataTestId: _propTypes.string,
   splitChar: _propTypes.string,
-  alias: _propTypes.string,
-  aliasDecimal: _propTypes.string,
   variant: _propTypes.string
 };
 var _default = exports.default = (0, _WithContextApi.default)()(StyledAmount);

package/dist/components/WithContextApi/index.js

@@ -9,8 +9,8 @@ var _aliases = require("../../shared/constants/aliases");
 var _Context = require("../../shared/Context");
 var _context = require("../../shared/utils/context");
 var _layout = _interopRequireDefault(require("./layout"));
-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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const withContextApi = retrieveStyle => Component => props => /*#__PURE__*/_react.default.createElement(_Context.SmartBillConsumer, null, contextApiInfo => {
   const infoWithUnpackedComponents = {
     ...contextApiInfo,

package/dist/components/WithContextApi/layout.js

@@ -9,10 +9,9 @@ var _propTypes = require("prop-types");
 var _reactJss = _interopRequireDefault(require("react-jss"));
 var _componentsTypes = require("../../shared/types/componentsTypes");
 var _smartBillTypes = require("../../shared/types/smartBillTypes");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ThemedComponent = props => {
-  var _props$contextApiInfo;
-  const StyledComponent = props.retrieveStyle && (_props$contextApiInfo = props.contextApiInfo) !== null && _props$contextApiInfo !== void 0 && _props$contextApiInfo.theme ? (0, _reactJss.default)(props.retrieveStyle(props.contextApiInfo.theme))(props.Component) : props.Component;
+  const StyledComponent = props.retrieveStyle && props.contextApiInfo?.theme ? (0, _reactJss.default)(props.retrieveStyle(props.contextApiInfo.theme))(props.Component) : props.Component;
   return /*#__PURE__*/_react.default.createElement(StyledComponent, props);
 };
 ThemedComponent.propTypes = {

package/dist/components/WithSeason/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _season = require("../../shared/utils/season");
-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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const withSeason = () => Component => props => {
   // eslint-disable-next-line react/prop-types
   const season = (0, _season.getSeason)(props.monthNumber);

package/dist/constants/deviceSizes.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TabletViewport = exports.TabletMobileViewport = exports.TabletBreakpoint = exports.TABLET = exports.MobileViewport = exports.MobileBreakpoint = exports.MOBILE = exports.HDBreakpoint = exports.FullHDBreakpoint = exports.DesktopViewport = exports.DefaultViewport = exports.DESKTOP = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TabletBreakpoint = exports.TabletBreakpoint = 1024;
 const MobileBreakpoint = exports.MobileBreakpoint = 768;
 const FullHDBreakpoint = exports.FullHDBreakpoint = 1920;