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

package/dist/components/Magnitude/index.js

@@ -13,18 +13,21 @@ var _utils = require("../../utils");
 var _utils2 = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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);
+const Magnitude = props => {
+  const {
+    contextApiInfo,
+    numberAlias,
+    unitAlias,
+    value,
+    unit,
+    disableUnit,
+    Icon,
+    classes = {}
+  } = props;
+  const {
+    Label
+  } = contextApiInfo;
+  const 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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getVariantProps = void 0;
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var variants = [{
+const variants = [{
   id: 'small',
   unitLabelStyles: _stylesModule.default.unitSmall
 }, {
@@ -19,10 +19,5 @@ var variants = [{
   id: 'xxxlarge',
   unitLabelStyles: _stylesModule.default.unitxxxLarge
 }];
-var getVariantProps = exports.getVariantProps = function getVariantProps(props) {
-  return variants.find(function (variant) {
-    return props[variant.id];
-  }) || variants.find(function (variant) {
-    return variant.id === 'medium';
-  });
-};
+const getVariantProps = props => variants.find(variant => props[variant.id]) || variants.find(variant => variant.id === 'medium');
+exports.getVariantProps = getVariantProps;

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

@@ -11,13 +11,19 @@ var _WithContextApi = _interopRequireDefault(require("../../../../../WithContext
 var _aliases = require("../../../../../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var BillParticularConditions = function BillParticularConditions(_ref) {
-  var contextApiInfo = _ref.contextApiInfo,
-    particularConditions = _ref.particularConditions;
-  var assets = contextApiInfo.assets,
-    config = contextApiInfo.config,
-    Label = contextApiInfo.Label;
-  var texts = config.texts;
+const BillParticularConditions = _ref => {
+  let {
+    contextApiInfo,
+    particularConditions
+  } = _ref;
+  const {
+    assets,
+    config,
+    Label
+  } = contextApiInfo;
+  const {
+    texts
+  } = config;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement(assets.ParticularConditionsIcon, {
@@ -30,13 +36,11 @@ var BillParticularConditions = function BillParticularConditions(_ref) {
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.PARTICULAR_CONDITIONS_LIST_TITLE,
     className: _stylesModule.default.marginBottom
-  }, 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));
-  })));
+  }, texts.mainBillData.particularConditionsListTitle), particularConditions.map(particularCondition => /*#__PURE__*/_react.default.createElement(Label, {
+    alias: _aliases.PARTICULAR_CONDITION,
+    key: particularCondition,
+    className: _stylesModule.default.item
+  }, "* ".concat(particularCondition)))));
 };
 BillParticularConditions.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,

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

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,36 +12,30 @@ var _aliases = require("../../../../shared/constants/aliases");
 var _BillParticularConditions = _interopRequireDefault(require("./components/BillParticularConditions"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var 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);
-  };
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const 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);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(billAlertContainer)
   }, /*#__PURE__*/_react.default.createElement(Dialog, {

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

@@ -14,17 +14,25 @@ var _WithContextApi = _interopRequireDefault(require("../../../../../WithContext
 var _IconAndDetails = _interopRequireDefault(require("../../../../../IconAndDetails"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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'], {});
+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'], {});
   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

@@ -16,17 +16,20 @@ var _PowerProgresBar = _interopRequireDefault(require("../../../../../PowerProgr
 var _ConsumptionEnergyDetails = _interopRequireDefault(require("../../../../../ConsumptionEnergyDetails"));
 var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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);
+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);
   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

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

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

@@ -14,21 +14,29 @@ var _billDataTypes = require("../../../../../../shared/types/billDataTypes");
 var _utils = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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;
+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;
   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/styles.module.scss

@@ -13,13 +13,14 @@
   background-color: $white;
   border: 1px solid $borders-gray;
   border-radius: $default-container-border-radius;
+  box-sizing: border-box;
   padding: $default-container-padding;
   width: 100%;
 
   @media #{$tablet-mobile} {
-    place-content: space-between;
     margin-bottom: $default-spacing;
     padding: $default-container-padding;
+    place-content: space-between;
   }
 }
 
@@ -74,7 +75,7 @@
 
   @media #{$tablet-mobile} {
     flex-direction: column;
-    margin-top: 20px;
     margin-bottom: 10px;
+    margin-top: 20px;
   }
 }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mainText = void 0;
 var _readings = require("../../../../../../shared/constants/readings");
-var mainText = exports.mainText = function mainText(readingType, texts) {
+const 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;
@@ -14,4 +14,5 @@ var mainText = exports.mainText = function mainText(readingType, texts) {
     default:
       return undefined;
   }
-};
+};
+exports.mainText = mainText;

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

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,50 +22,49 @@ var _Consumption = _interopRequireDefault(require("./components/Consumption"));
 var _ClientData = _interopRequireDefault(require("./components/ClientData"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var BillBody = function BillBody(_ref) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const BillBody = _ref => {
   var _billData$client, _billData$client2;
-  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
-    }));
-  };
+  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
+  }));
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -12,17 +12,22 @@ 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 }; }
-var TypeAndNumber = function TypeAndNumber(_ref) {
-  var contextApiInfo = _ref.contextApiInfo,
-    billType = _ref.billType,
-    billNumber = _ref.billNumber,
-    mainAlias = _ref.mainAlias,
-    detailAlias = _ref.detailAlias,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes;
-  var config = contextApiInfo.config,
-    Label = contextApiInfo.Label;
-  var texts = config.texts;
+const TypeAndNumber = _ref => {
+  let {
+    contextApiInfo,
+    billType,
+    billNumber,
+    mainAlias,
+    detailAlias,
+    classes = {}
+  } = _ref;
+  const {
+    config,
+    Label
+  } = contextApiInfo;
+  const {
+    texts
+  } = config;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -18,34 +18,39 @@ var _TypeAndNumber = _interopRequireDefault(require("./components/TypeAndNumber"
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var BillHeader = function BillHeader(_ref) {
+const BillHeader = _ref => {
   var _currentPeriod$settle, _currentPeriod$settle2;
-  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 || (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 || (_currentPeriod$settle = _currentPeriod$settle.current) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.issued_on;
-  var totalSettlements = currentPeriod === null || currentPeriod === void 0 || (_currentPeriod$settle2 = currentPeriod.settlements) === null || _currentPeriod$settle2 === void 0 ? void 0 : _currentPeriod$settle2.total_settlements;
-  var debtStatusLabel = billData.debt_status_label;
-  var debtStatusValidation = debtStatusLabel !== null;
-  var multipleSettlements = totalSettlements > 1;
-  var aliases = {
+  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 || (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 || (_currentPeriod$settle = _currentPeriod$settle.current) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.issued_on;
+  const totalSettlements = currentPeriod === null || currentPeriod === void 0 || (_currentPeriod$settle2 = currentPeriod.settlements) === null || _currentPeriod$settle2 === void 0 ? void 0 : _currentPeriod$settle2.total_settlements;
+  const debtStatusLabel = billData.debt_status_label;
+  const debtStatusValidation = debtStatusLabel !== null;
+  const multipleSettlements = totalSettlements > 1;
+  const aliases = {
     mainAlias: _aliases.MAIN_LIGHT,
     detailAlias: _aliases.DETAIL
   };
-  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
-    }));
-  };
+  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
+  }));
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/MainBillData/components/BillHeader/styles.module.scss

@@ -28,7 +28,7 @@
   margin-right: 24px;
 }
 
-.typeAndNumber{
+.typeAndNumber {
   margin-bottom: 11px;
 }
 

package/dist/components/MainBillData/index.js

@@ -14,12 +14,14 @@ var _BillHeader = _interopRequireDefault(require("./components/BillHeader"));
 var _BillBody = _interopRequireDefault(require("./components/BillBody"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var MainBillData = function MainBillData(_ref) {
+const MainBillData = _ref => {
   var _currentPeriod$settle;
-  var billData = _ref.billData,
-    classes = _ref.classes;
-  var currentPeriod = (0, _periods.getCurrentPeriod)(billData);
-  var multipleSettlements = (currentPeriod === null || currentPeriod === void 0 || (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.total_settlements) > 1;
+  let {
+    billData,
+    classes
+  } = _ref;
+  const currentPeriod = (0, _periods.getCurrentPeriod)(billData);
+  const multipleSettlements = (currentPeriod === null || currentPeriod === 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

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
-var retrieveStyle = exports.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'])
-    }
-  };
-};
+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'])
+  }
+});
+exports.retrieveStyle = retrieveStyle;

package/dist/components/MainBillData/utils.js

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