@widergy/utilitygo-smart-bill-web 3.0.4 → 3.2.0

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

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getConsumptionComparison = void 0;
+var _lodash = require("lodash");
+const getConsumptionComparison = (backgroundImages, labels, periods) => {
+  const {
+    noData,
+    description,
+    successDescription,
+    warningDescription,
+    bimester
+  } = labels || {};
+  const {
+    LightEvolutionImage,
+    WarningEvolutionImage,
+    SuccessEvolutionImage
+  } = backgroundImages || {};
+  const {
+    current,
+    previous
+  } = periods?.reduce((acc, period) => {
+    if (period?.current && !acc.current) {
+      acc.current = period;
+    } else if (!period?.current && !acc.previous) {
+      acc.previous = period;
+    }
+    return acc;
+  }, {
+    current: null,
+    previous: null
+  }) || {};
+  const currentConsumption = current?.consumptions?.[0]?.value;
+  const previousConsumption = previous?.consumptions?.[0]?.value;
+  const period = current?.number;
+  if (!periods || (0, _lodash.isEmpty)(periods) || !currentConsumption || !previousConsumption) {
+    return {
+      colorTheme: 'gray',
+      description,
+      icon: 'IconEyeOff',
+      Image: LightEvolutionImage,
+      percentage: null,
+      period: noData
+    };
+  }
+  const percentageChange = previousConsumption === 0 && currentConsumption === 0 ? 0 : previousConsumption !== 0 ? (currentConsumption - previousConsumption) / previousConsumption * 100 : 100;
+  const formattedPercentage = `${Math.abs(Math.round(percentageChange))}%`;
+  if (currentConsumption > previousConsumption) {
+    return {
+      colorTheme: 'warning',
+      description: warningDescription(formattedPercentage),
+      icon: 'IconArrowUpRight',
+      Image: WarningEvolutionImage,
+      percentage: formattedPercentage,
+      period: bimester(period)
+    };
+  }
+  if (currentConsumption <= previousConsumption) {
+    return {
+      colorTheme: 'success',
+      description: successDescription(formattedPercentage),
+      icon: 'IconArrowDownRight',
+      Image: SuccessEvolutionImage,
+      percentage: formattedPercentage,
+      period: bimester(period)
+    };
+  }
+};
+exports.getConsumptionComparison = getConsumptionComparison;

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

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

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

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

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

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

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

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

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

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

package/dist/components/SmartBillSummary/utils.js

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

package/dist/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;

package/dist/constants/testsIds.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.smartBill = void 0;
+const ID_CONSTANTS = {
+  AMOUNT: 'amount',
+  BILLED_CONCEPTS: 'billedConcepts',
+  BILL_BODY: 'billBody',
+  BILL_CALCULATION: 'billCalculation',
+  BILL_HEADER: 'billHeader',
+  CLIENT_DATA: 'clientData',
+  CONCEPT: 'concept',
+  CONCEPT_CARD: 'conceptCard',
+  CONSUMPTION_ENERGY_COMPARISON: 'consumptionEnergyComparison',
+  CONSUMPTION_ENERGY_DETAILS: 'consumptionEnergyDetails',
+  CONSUMPTION_IN_DAYS_LABEL: 'consumptionInDaysLabel',
+  CONSUMPTION_PERIOD: 'consumptionPeriod',
+  CONSUMPTION_PERIODICITY: 'consumptionPeriodicity',
+  CURRENT_CONSUMPTION: 'currentConsumption',
+  ICON_AND_DETAILS: 'iconAndDetails',
+  MAIN_BILL_DATA: 'mainBillData',
+  PERIOD: 'period',
+  RATE_AND_CATEGORY: 'rateAndCategory',
+  REDING_DETAILS: 'readingDetails',
+  REMAINING_CONSUMPTION: 'remainingConsumption',
+  SMART_BILL: 'smartBill',
+  TITLE: 'title',
+  TYPE_AND_NUMBER: 'typeAndNumber'
+};
+const smartBill = exports.smartBill = {
+  banner: `${ID_CONSTANTS.SMART_BILL}.banner`,
+  barChart: {
+    title: `${ID_CONSTANTS.SMART_BILL}.barChart.${ID_CONSTANTS.TITLE}`,
+    yAxisLabel: `${ID_CONSTANTS.SMART_BILL}.barChart.yAxisLabel`
+  },
+  billCalculation: {
+    conceptCard: {
+      card: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.card.`,
+      expandButton: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.expandButton.`,
+      footer: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.footer.`,
+      header: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.header.`,
+      line: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.CONCEPT_CARD}.line.`
+    },
+    title: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILL_CALCULATION}.${ID_CONSTANTS.TITLE}`
+  },
+  billedConcepts: {
+    concept: {
+      amount: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.CONCEPT}.${ID_CONSTANTS.AMOUNT}.`,
+      progressBar: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.CONCEPT}.progressBar.`,
+      title: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.CONCEPT}.${ID_CONSTANTS.TITLE}.`,
+      toggle: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.CONCEPT}.toggle.`
+    },
+    title: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.BILLED_CONCEPTS}.${ID_CONSTANTS.TITLE}`
+  },
+  card: `${ID_CONSTANTS.SMART_BILL}.card.`,
+  clientData: {
+    adheredToDigitalBill: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.adheredToDigitalBill`,
+    clientDataLocation: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.clientDataLocation.`,
+    clientDataPostalAdress: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.clientDataPostalAdress.`,
+    clientDataTitle: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.clientDataTitle`,
+    clientNumber: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.clientNumber.`,
+    emailDigitalBill: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.emailDigitalBill.`,
+    holderName: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.holderName.`,
+    ivaCondition: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CLIENT_DATA}.ivaCondition.`
+  },
+  consumptionComparison: {
+    comparisonTable: {
+      dataLine: `${ID_CONSTANTS.SMART_BILL}.consumptionComparison.comparisonTable.dataLine.`
+    }
+  },
+  consumptionEnergyDetails: {
+    consumptionEnergyComparison: {
+      consumptionInDaysLabel: {
+        consumptionPeriodicity: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CONSUMPTION_IN_DAYS_LABEL}.${ID_CONSTANTS.CONSUMPTION_PERIODICITY}.`,
+        currentConsumption: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CONSUMPTION_IN_DAYS_LABEL}.${ID_CONSTANTS.CURRENT_CONSUMPTION}.`,
+        remainingConsumption: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CONSUMPTION_IN_DAYS_LABEL}.${ID_CONSTANTS.REMAINING_CONSUMPTION}.`
+      },
+      consumptionPeriodicity: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CONSUMPTION_PERIODICITY}`,
+      currentConsumption: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.CURRENT_CONSUMPTION}`,
+      remainingConsumption: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.${ID_CONSTANTS.CONSUMPTION_ENERGY_COMPARISON}.${ID_CONSTANTS.REMAINING_CONSUMPTION}`
+    },
+    consumptionTitle: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_ENERGY_DETAILS}.consumptionTitle`
+  },
+  consumptionPeriod: {
+    consumptionSummary: {
+      desktop: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_PERIOD}.consumptionSummary.desktop.`,
+      mobile: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_PERIOD}.consumptionSummary.mobile.`
+    },
+    reading: {
+      finalReading: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_PERIOD}.reading.finalReading`,
+      initialReading: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.CONSUMPTION_PERIOD}.reading.initialReading`
+    }
+  },
+  mainBillData: {
+    billAlert: {
+      particularConditionsAlert: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.billAlert.particularConditionsAlert`
+    },
+    billBody: {
+      amount: {
+        amount: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.AMOUNT}.${ID_CONSTANTS.AMOUNT}.`,
+        expiration: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.AMOUNT}.expiration.`
+      },
+      readingDetails: {
+        iconAndDetails: {
+          feederLine: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.${ID_CONSTANTS.ICON_AND_DETAILS}.feederLine.`,
+          meterNumber: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.${ID_CONSTANTS.ICON_AND_DETAILS}.meterNumber.`,
+          readingType: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.${ID_CONSTANTS.ICON_AND_DETAILS}.readingType.`,
+          transformationCenter: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.${ID_CONSTANTS.ICON_AND_DETAILS}.transformationCenter.`
+        },
+        readingTitle: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_BODY}.${ID_CONSTANTS.REDING_DETAILS}.readingTitle`
+      }
+    },
+    billHeader: {
+      debtState: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.debtState`,
+      issuedOnDate: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.issuedOnDate.`,
+      typeAndNumber: {
+        billNumber: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.${ID_CONSTANTS.TYPE_AND_NUMBER}.billNumber`,
+        billType: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.${ID_CONSTANTS.TYPE_AND_NUMBER}.billType`,
+        billTypeAndNumber: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.${ID_CONSTANTS.TYPE_AND_NUMBER}.billTypeAndNumber`
+      },
+      utilityLogo: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.MAIN_BILL_DATA}.${ID_CONSTANTS.BILL_HEADER}.utilityLogo`
+    }
+  },
+  period: {
+    periodLabel: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.PERIOD}.periodLabel`,
+    periodTooltip: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.PERIOD}.periodTooltip`,
+    tooltipIcon: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.PERIOD}.tooltipIcon`
+  },
+  rateAndCategory: {
+    category: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.RATE_AND_CATEGORY}.category`,
+    rate: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.RATE_AND_CATEGORY}.rate`,
+    title: `${ID_CONSTANTS.SMART_BILL}.${ID_CONSTANTS.RATE_AND_CATEGORY}.${ID_CONSTANTS.TITLE}`
+  }
+};

package/dist/index.js

@@ -65,6 +65,18 @@ Object.defineProperty(exports, "SmartBillProvider", {
     return _SmartBillProvider.default;
   }
 });
+Object.defineProperty(exports, "SmartBillSummary", {
+  enumerable: true,
+  get: function () {
+    return _SmartBillSummary.default;
+  }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () {
+    return _tabs.SMARTBILL_TABS;
+  }
+});
 Object.defineProperty(exports, "billDataTypes", {
   enumerable: true,
   get: function () {
@@ -77,6 +89,7 @@ Object.defineProperty(exports, "rateStagesTypes", {
     return _rateStagesTypes.rateStagesTypes;
   }
 });
+var _SmartBillSummary = _interopRequireDefault(require("./components/SmartBillSummary"));
 var _SmartBillProvider = _interopRequireDefault(require("./components/SmartBillProvider"));
 var _MainBillData = _interopRequireDefault(require("./components/MainBillData"));
 var _ConsumptionPeriod = _interopRequireDefault(require("./components/ConsumptionPeriod"));
@@ -92,6 +105,7 @@ var Aliases = _aliases;
 exports.Aliases = _aliases;
 var _billDataTypes = require("./shared/types/billDataTypes");
 var _rateStagesTypes = require("./shared/types/rateStagesTypes");
+var _tabs = require("./shared/constants/tabs");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/shared/Context/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SmartBillProvider = exports.SmartBillConsumer = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ContextApi = /*#__PURE__*/_react.default.createContext({});
 const {
   Provider: SmartBillProvider,

package/dist/shared/constants/tabs.js

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