@widergy/utilitygo-smart-bill-web 1.10.0 → 1.10.1

package/dist/components/Magnitude/index.js

@@ -25,21 +25,18 @@ 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); }
 
-const Magnitude = props => {
-  const {
-    contextApiInfo,
-    numberAlias,
-    unitAlias,
-    value,
-    unit,
-    disableUnit,
-    Icon,
-    classes = {}
-  } = props;
-  const {
-    Label
-  } = contextApiInfo;
-  const variantProps = (0, _utils2.getVariantProps)(props);
+var Magnitude = function Magnitude(props) {
+  var contextApiInfo = props.contextApiInfo,
+      numberAlias = props.numberAlias,
+      unitAlias = props.unitAlias,
+      value = props.value,
+      unit = props.unit,
+      disableUnit = props.disableUnit,
+      Icon = props.Icon,
+      _props$classes = props.classes,
+      classes = _props$classes === void 0 ? {} : _props$classes;
+  var Label = contextApiInfo.Label;
+  var variantProps = (0, _utils2.getVariantProps)(props);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
   }, Icon && /*#__PURE__*/_react.default.createElement(Icon, {

package/dist/components/Magnitude/utils.js

@@ -9,7 +9,7 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const variants = [{
+var variants = [{
   id: 'small',
   valueLabel: {
     small: true
@@ -47,6 +47,12 @@ const variants = [{
   unitLabelStyles: _stylesModule.default.unitxxxLarge
 }];
 
-const getVariantProps = props => variants.find(variant => props[variant.id]) || variants.find(variant => variant.id === 'medium');
+var getVariantProps = function getVariantProps(props) {
+  return variants.find(function (variant) {
+    return props[variant.id];
+  }) || variants.find(function (variant) {
+    return variant.id === 'medium';
+  });
+};
 
 exports.getVariantProps = getVariantProps;

package/dist/components/MainBillData/components/BillAlert/components/BillParticularConditions/index.js

@@ -19,21 +19,15 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const BillParticularConditions = _ref => {
-  let {
-    contextApiInfo,
-    particularConditions,
-    onAcceptPress
-  } = _ref;
-  const {
-    assets,
-    config,
-    Button,
-    Label
-  } = contextApiInfo;
-  const {
-    texts
-  } = config;
+var BillParticularConditions = function BillParticularConditions(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      particularConditions = _ref.particularConditions,
+      onAcceptPress = _ref.onAcceptPress;
+  var assets = contextApiInfo.assets,
+      config = contextApiInfo.config,
+      Button = contextApiInfo.Button,
+      Label = contextApiInfo.Label;
+  var texts = config.texts;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement(assets.ParticularConditionsIcon, {
@@ -46,11 +40,13 @@ const BillParticularConditions = _ref => {
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.PARTICULAR_CONDITIONS_LIST_TITLE,
     className: _stylesModule.default.marginBottom
-  }, texts.mainBillData.particularConditionsListTitle), particularConditions.map(particularCondition => /*#__PURE__*/_react.default.createElement(Label, {
-    alias: _aliases.PARTICULAR_CONDITION,
-    key: particularCondition,
-    className: _stylesModule.default.item
-  }, "* ".concat(particularCondition)))), /*#__PURE__*/_react.default.createElement(Button, {
+  }, texts.mainBillData.particularConditionsListTitle), particularConditions.map(function (particularCondition) {
+    return /*#__PURE__*/_react.default.createElement(Label, {
+      alias: _aliases.PARTICULAR_CONDITION,
+      key: particularCondition,
+      className: _stylesModule.default.item
+    }, "* ".concat(particularCondition));
+  })), /*#__PURE__*/_react.default.createElement(Button, {
     onPress: onAcceptPress
   }, texts.commons.accept));
 };

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

@@ -1,5 +1,7 @@
 "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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -21,34 +23,49 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const BillAlert = _ref => {
-  let {
-    contextApiInfo,
-    particularConditions,
-    isDesktopSize
-  } = _ref;
-  const {
-    assets,
-    config,
-    Dialog,
-    Label,
-    Touchable
-  } = contextApiInfo;
-  const {
-    billAlertContainer
-  } = (config === null || config === void 0 ? void 0 : config.stylesConfig) || {};
-  const {
-    texts
-  } = config;
-  const [dialogOpened, setDialogOpened] = (0, _react.useState)(false);
-
-  const handleAlertClick = () => setDialogOpened(true);
-
-  const handleCloseDialog = () => setDialogOpened(false);
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var BillAlert = function BillAlert(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      particularConditions = _ref.particularConditions,
+      isDesktopSize = _ref.isDesktopSize;
+  var assets = contextApiInfo.assets,
+      config = contextApiInfo.config,
+      Dialog = contextApiInfo.Dialog,
+      Label = contextApiInfo.Label,
+      Touchable = contextApiInfo.Touchable;
+
+  var _ref2 = (config === null || config === void 0 ? void 0 : config.stylesConfig) || {},
+      billAlertContainer = _ref2.billAlertContainer;
+
+  var texts = config.texts;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      dialogOpened = _useState2[0],
+      setDialogOpened = _useState2[1];
+
+  var handleAlertClick = function handleAlertClick() {
+    return setDialogOpened(true);
+  };
+
+  var handleCloseDialog = function handleCloseDialog() {
+    return setDialogOpened(false);
+  };
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(billAlertContainer)

package/dist/components/MainBillData/components/BillBody/components/ClientData/index.js

@@ -25,25 +25,17 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ClientData = _ref => {
-  let {
-    contextApiInfo,
-    billData,
-    multipleSettlements
-  } = _ref;
-  const {
-    assets,
-    config,
-    Label
-  } = contextApiInfo;
-  const {
-    texts,
-    formatters
-  } = config;
-  const {
-    AdheredToServiceIcon
-  } = assets;
-  const client = (0, _seamlessImmutable.getIn)(billData, ['client'], {});
+var ClientData = function ClientData(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      billData = _ref.billData,
+      multipleSettlements = _ref.multipleSettlements;
+  var assets = contextApiInfo.assets,
+      config = contextApiInfo.config,
+      Label = contextApiInfo.Label;
+  var texts = config.texts,
+      formatters = config.formatters;
+  var AdheredToServiceIcon = assets.AdheredToServiceIcon;
+  var client = (0, _seamlessImmutable.getIn)(billData, ['client'], {});
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(multipleSettlements ? _stylesModule.default.withOutAlertContainer : _stylesModule.default.withAlertContainer)
   }, /*#__PURE__*/_react.default.createElement(Label, {

package/dist/components/MainBillData/components/BillBody/components/Consumption/index.js

@@ -29,20 +29,17 @@ var _utils = require("./utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Consumption = _ref => {
-  let {
-    billData,
-    multipleSettlements,
-    contextApiInfo
-  } = _ref;
-  const {
-    showPower,
-    showActiveReactiveComparison
-  } = contextApiInfo.config.validations;
-  const currentPeriod = (0, _periods.getCurrentPeriod)(billData);
-  const hiredPowerConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.POWER_TYPES.PURCHASED);
-  const registeredPowerConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.POWER_TYPES.REGISTERED);
-  const exceededPower = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.POWER_TYPES.EXCEEDED);
+var Consumption = function Consumption(_ref) {
+  var billData = _ref.billData,
+      multipleSettlements = _ref.multipleSettlements,
+      contextApiInfo = _ref.contextApiInfo;
+  var _contextApiInfo$confi = contextApiInfo.config.validations,
+      showPower = _contextApiInfo$confi.showPower,
+      showActiveReactiveComparison = _contextApiInfo$confi.showActiveReactiveComparison;
+  var currentPeriod = (0, _periods.getCurrentPeriod)(billData);
+  var hiredPowerConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.POWER_TYPES.PURCHASED);
+  var registeredPowerConsumption = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.POWER_TYPES.REGISTERED);
+  var exceededPower = (0, _consumptions.getTotalConsumption)(currentPeriod, _consumptions2.POWER_TYPES.EXCEEDED);
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ConsumptionEnergyDetails.default, {
     currentPeriod: currentPeriod,
     multipleSettlements: multipleSettlements,

package/dist/components/MainBillData/components/BillBody/components/Consumption/utils.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.validateConsumptions = void 0;
 
-const validateConsumptions = (registeredPowerConsumption, hiredPowerConsumption) => registeredPowerConsumption !== null && registeredPowerConsumption !== undefined && hiredPowerConsumption !== null && hiredPowerConsumption !== undefined;
+var validateConsumptions = function validateConsumptions(registeredPowerConsumption, hiredPowerConsumption) {
+  return registeredPowerConsumption !== null && registeredPowerConsumption !== undefined && hiredPowerConsumption !== null && hiredPowerConsumption !== undefined;
+};
 
 exports.validateConsumptions = validateConsumptions;

package/dist/components/MainBillData/components/BillBody/components/ReadingDetails/index.js

@@ -25,29 +25,21 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ReadingDetails = _ref => {
-  let {
-    contextApiInfo,
-    meterNumber,
-    readingType,
-    withParticularConditions,
-    transformationCenter,
-    feederLine,
-    billData
-  } = _ref;
-  const {
-    assets,
-    config,
-    Label
-  } = contextApiInfo;
-  const {
-    texts,
-    validations
-  } = config;
-  const {
-    showFeederLine
-  } = validations;
-  const longMeterNumber = (meterNumber === null || meterNumber === void 0 ? void 0 : meterNumber.length) > 6;
+var ReadingDetails = function ReadingDetails(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      meterNumber = _ref.meterNumber,
+      readingType = _ref.readingType,
+      withParticularConditions = _ref.withParticularConditions,
+      transformationCenter = _ref.transformationCenter,
+      feederLine = _ref.feederLine,
+      billData = _ref.billData;
+  var assets = contextApiInfo.assets,
+      config = contextApiInfo.config,
+      Label = contextApiInfo.Label;
+  var texts = config.texts,
+      validations = config.validations;
+  var showFeederLine = validations.showFeederLine;
+  var longMeterNumber = (meterNumber === null || meterNumber === void 0 ? void 0 : meterNumber.length) > 6;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(withParticularConditions && _stylesModule.default.withParticularConditions)
   }, /*#__PURE__*/_react.default.createElement(Label, {

package/dist/components/MainBillData/components/BillBody/components/ReadingDetails/utils.js

@@ -7,7 +7,7 @@ exports.mainText = void 0;
 
 var _readings = require("../../../../../../shared/constants/readings");
 
-const mainText = (readingType, texts) => {
+var mainText = function mainText(readingType, texts) {
   switch (readingType.type) {
     case _readings.READING_TYPES.FACE_TO_FACE:
       return readingType.subtype === _readings.READING_TYPES.TELEMEDITION ? texts.commons.telemeditionReading : texts.commons.faceToFaceReading;

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

@@ -1,5 +1,7 @@
 "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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -41,55 +43,58 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const BillBody = _ref => {
+var BillBody = function BillBody(_ref) {
   var _billData$client, _billData$client2;
 
-  let {
-    billData,
-    multipleSettlements,
-    contextApiInfo
-  } = _ref;
-  const {
-    isDesktopSize
-  } = (0, _hooks.useScreenSize)();
-  const currentPeriod = (0, _periods.getCurrentPeriod)(billData);
-  const {
-    showAlternativeMainBillDataLayout
-  } = contextApiInfo.config.validations;
-  const withParticularConditions = !(0, _array.isEmpty)(billData.particular_conditions);
-  const showAlternativeLayout = showAlternativeMainBillDataLayout(billData);
-  const transformationCenter = (_billData$client = billData.client) === null || _billData$client === void 0 ? void 0 : _billData$client.transformation_center;
-  const feederLine = (_billData$client2 = billData.client) === null || _billData$client2 === void 0 ? void 0 : _billData$client2.feeder_line;
-  const readingType = (0, _readings.getReadingPeriod)(billData, _readings2.READING_MOMENTS.FINAL);
-
-  const RenderClientData = () => /*#__PURE__*/_react.default.createElement(_ClientData.default, {
-    billData: billData,
-    multipleSettlements: multipleSettlements
-  });
-
-  const RenderReadingDetails = () => /*#__PURE__*/_react.default.createElement(_ReadingDetails.default, {
-    meterNumber: billData.meter_number,
-    readingType: readingType,
-    withParticularConditions: withParticularConditions,
-    transformationCenter: transformationCenter,
-    feederLine: feederLine,
-    billData: billData
-  });
-
-  const AmountAndonsumptionRender = () => /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Amount.default, {
-    billData: billData,
-    containerClassName: _stylesModule.default.amount
-  }), withParticularConditions && /*#__PURE__*/_react.default.createElement(_BillAlert.default, {
-    particularConditions: billData.particular_conditions,
-    isDesktopSize: isDesktopSize
-  }), /*#__PURE__*/_react.default.createElement(_Consumption.default, {
-    billData: billData,
-    multipleSettlements: multipleSettlements
-  }));
+  var billData = _ref.billData,
+      multipleSettlements = _ref.multipleSettlements,
+      contextApiInfo = _ref.contextApiInfo;
+
+  var _useScreenSize = (0, _hooks.useScreenSize)(),
+      isDesktopSize = _useScreenSize.isDesktopSize;
+
+  var currentPeriod = (0, _periods.getCurrentPeriod)(billData);
+  var showAlternativeMainBillDataLayout = contextApiInfo.config.validations.showAlternativeMainBillDataLayout;
+  var withParticularConditions = !(0, _array.isEmpty)(billData.particular_conditions);
+  var showAlternativeLayout = showAlternativeMainBillDataLayout(billData);
+  var transformationCenter = (_billData$client = billData.client) === null || _billData$client === void 0 ? void 0 : _billData$client.transformation_center;
+  var feederLine = (_billData$client2 = billData.client) === null || _billData$client2 === void 0 ? void 0 : _billData$client2.feeder_line;
+  var readingType = (0, _readings.getReadingPeriod)(billData, _readings2.READING_MOMENTS.FINAL);
+
+  var RenderClientData = function RenderClientData() {
+    return /*#__PURE__*/_react.default.createElement(_ClientData.default, {
+      billData: billData,
+      multipleSettlements: multipleSettlements
+    });
+  };
+
+  var RenderReadingDetails = function RenderReadingDetails() {
+    return /*#__PURE__*/_react.default.createElement(_ReadingDetails.default, {
+      meterNumber: billData.meter_number,
+      readingType: readingType,
+      withParticularConditions: withParticularConditions,
+      transformationCenter: transformationCenter,
+      feederLine: feederLine,
+      billData: billData
+    });
+  };
+
+  var AmountAndonsumptionRender = function AmountAndonsumptionRender() {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Amount.default, {
+      billData: billData,
+      containerClassName: _stylesModule.default.amount
+    }), withParticularConditions && /*#__PURE__*/_react.default.createElement(_BillAlert.default, {
+      particularConditions: billData.particular_conditions,
+      isDesktopSize: isDesktopSize
+    }), /*#__PURE__*/_react.default.createElement(_Consumption.default, {
+      billData: billData,
+      multipleSettlements: multipleSettlements
+    }));
+  };
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container

package/dist/components/MainBillData/components/BillHeader/components/TypeAndNumber/index.js

@@ -21,21 +21,15 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const TypeAndNumber = _ref => {
-  let {
-    contextApiInfo,
-    billType,
-    billNumber,
-    mainAlias,
-    detailAlias
-  } = _ref;
-  const {
-    config,
-    Label
-  } = contextApiInfo;
-  const {
-    texts
-  } = config;
+var TypeAndNumber = function TypeAndNumber(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      billType = _ref.billType,
+      billNumber = _ref.billNumber,
+      mainAlias = _ref.mainAlias,
+      detailAlias = _ref.detailAlias;
+  var config = contextApiInfo.config,
+      Label = contextApiInfo.Label;
+  var texts = config.texts;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/MainBillData/components/BillHeader/index.js

@@ -33,41 +33,38 @@ 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); }
 
-const BillHeader = _ref => {
+var BillHeader = function BillHeader(_ref) {
   var _currentPeriod$settle, _currentPeriod$settle2, _currentPeriod$settle3;
 
-  let {
-    contextApiInfo,
-    billData
-  } = _ref;
-  const {
-    assets,
-    config
-  } = contextApiInfo;
-  const {
-    texts
-  } = config;
-  const {
-    isDesktopSize,
-    isMobileOrTablet
-  } = (0, _hooks.useScreenSize)();
-  const currentPeriod = (0, _periods.getCurrentPeriod)(billData);
-  const issuedOnDate = currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : (_currentPeriod$settle2 = _currentPeriod$settle.current) === null || _currentPeriod$settle2 === void 0 ? void 0 : _currentPeriod$settle2.issued_on;
-  const totalSettlements = currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle3 = currentPeriod.settlements) === null || _currentPeriod$settle3 === void 0 ? void 0 : _currentPeriod$settle3.total_settlements;
-  const debtStatusLabel = billData.debt_status_label;
-  const debtStatusValidation = debtStatusLabel !== null;
-  const multipleSettlements = totalSettlements > 1;
-  const aliases = {
+  var contextApiInfo = _ref.contextApiInfo,
+      billData = _ref.billData;
+  var assets = contextApiInfo.assets,
+      config = contextApiInfo.config;
+  var texts = config.texts;
+
+  var _useScreenSize = (0, _hooks.useScreenSize)(),
+      isDesktopSize = _useScreenSize.isDesktopSize,
+      isMobileOrTablet = _useScreenSize.isMobileOrTablet;
+
+  var currentPeriod = (0, _periods.getCurrentPeriod)(billData);
+  var issuedOnDate = currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : (_currentPeriod$settle2 = _currentPeriod$settle.current) === null || _currentPeriod$settle2 === void 0 ? void 0 : _currentPeriod$settle2.issued_on;
+  var totalSettlements = currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle3 = currentPeriod.settlements) === null || _currentPeriod$settle3 === void 0 ? void 0 : _currentPeriod$settle3.total_settlements;
+  var debtStatusLabel = billData.debt_status_label;
+  var debtStatusValidation = debtStatusLabel !== null;
+  var multipleSettlements = totalSettlements > 1;
+  var aliases = {
     mainAlias: _aliases.MAIN_LIGHT,
     detailAlias: _aliases.DETAIL
   };
 
-  const DebtStatusLabel = () => /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(billData.warning ? _stylesModule.default.pendingDebtLabelContainer : _stylesModule.default.adheredToAutomaticDebtContainer)
-  }, /*#__PURE__*/_react.default.createElement(_DebtState.default, {
-    debtStatusLabel: debtStatusLabel,
-    isWarning: billData.warning
-  }));
+  var DebtStatusLabel = function DebtStatusLabel() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(billData.warning ? _stylesModule.default.pendingDebtLabelContainer : _stylesModule.default.adheredToAutomaticDebtContainer)
+    }, /*#__PURE__*/_react.default.createElement(_DebtState.default, {
+      debtStatusLabel: debtStatusLabel,
+      isWarning: billData.warning
+    }));
+  };
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container

package/dist/components/MainBillData/index.js

@@ -25,15 +25,13 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const MainBillData = _ref => {
+var MainBillData = function MainBillData(_ref) {
   var _currentPeriod$settle;
 
-  let {
-    billData,
-    classes
-  } = _ref;
-  const currentPeriod = (0, _periods.getCurrentPeriod)(billData);
-  const multipleSettlements = (currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.total_settlements) > 1;
+  var billData = _ref.billData,
+      classes = _ref.classes;
+  var currentPeriod = (0, _periods.getCurrentPeriod)(billData);
+  var multipleSettlements = (currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.total_settlements) > 1;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
   }, /*#__PURE__*/_react.default.createElement(_BillHeader.default, {

package/dist/components/MainBillData/theme.js

@@ -7,12 +7,14 @@ exports.retrieveStyle = void 0;
 
 var _seamlessImmutable = require("seamless-immutable");
 
-const retrieveStyle = theme => ({
-  container: {
-    backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['Container', 'backgroundColor']),
-    border: (0, _seamlessImmutable.getIn)(theme, ['Container', 'border']),
-    borderRadius: (0, _seamlessImmutable.getIn)(theme, ['Container', 'borderRadius'])
-  }
-});
+var retrieveStyle = function retrieveStyle(theme) {
+  return {
+    container: {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['Container', 'backgroundColor']),
+      border: (0, _seamlessImmutable.getIn)(theme, ['Container', 'border']),
+      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['Container', 'borderRadius'])
+    }
+  };
+};
 
 exports.retrieveStyle = retrieveStyle;

package/dist/components/MainBillData/utils.js

@@ -7,6 +7,10 @@ exports.getCurrentPeriod = void 0;
 
 var _seamlessImmutable = require("seamless-immutable");
 
-const getCurrentPeriod = billData => (0, _seamlessImmutable.getIn)(billData, ['periods'], []).find(period => period.current) || {};
+var getCurrentPeriod = function getCurrentPeriod(billData) {
+  return (0, _seamlessImmutable.getIn)(billData, ['periods'], []).find(function (period) {
+    return period.current;
+  }) || {};
+};
 
 exports.getCurrentPeriod = getCurrentPeriod;