@widergy/utilitygo-smart-bill-web 2.2.1 → 3.0.0

package/dist/components/BillCalculation/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
 });
@@ -17,56 +16,54 @@ var _ConceptCard = _interopRequireDefault(require("./components/ConceptCard"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _Glossary = _interopRequireDefault(require("./components/Glossary"));
 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 BillCalculation = function BillCalculation(_ref) {
-  var billData = _ref.billData,
-    contextApiInfo = _ref.contextApiInfo;
-  var Label = contextApiInfo.Label,
-    config = contextApiInfo.config;
-  var texts = config.texts,
-    showZeroConcepts = config.showZeroConcepts,
-    stylesConfig = config.stylesConfig,
-    formatters = config.formatters,
-    colors = config.colors;
-  var periodFormatter = formatters.periodFormatter;
-  var withBillCalcTitleDate = config.validations.withBillCalcTitleDate;
-  var detail = billData.detail;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    openedConcept = _useState2[0],
-    setOpenedConcept = _useState2[1];
-  var _useScreenSize = (0, _hooks.useScreenSize)(),
-    isDesktopSize = _useScreenSize.isDesktopSize;
-  var handleClick = function handleClick(index) {
-    return setOpenedConcept(openedConcept !== index ? index : null);
-  };
-  var glossaryConcepts = (0, _utils.filterGlossaryConcepts)(detail.concepts, showZeroConcepts);
-  var title = (0, _utils.periodToTitleMapper)(billData, texts, periodFormatter, withBillCalcTitleDate(billData));
-  var handleRenderConceptCard = function handleRenderConceptCard(concept, index) {
-    return (0, _utils.shouldShowConcept)(concept, showZeroConcepts) && /*#__PURE__*/_react.default.createElement(_ConceptCard.default, {
-      titleHeader: concept.title,
-      total: concept.total,
-      lines: concept.lines,
-      index: index,
-      isOpen: openedConcept === index,
-      onClick: handleClick,
-      key: concept.title
-    });
-  };
-  var GlossaryRenderer = function GlossaryRenderer() {
-    return glossaryConcepts.length > 0 && /*#__PURE__*/_react.default.createElement(_Glossary.default, {
-      glossaryConcepts: glossaryConcepts,
-      isDesktopSize: isDesktopSize,
-      showZeroConcepts: showZeroConcepts
-    });
-  };
+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 BillCalculation = _ref => {
+  let {
+    billData,
+    contextApiInfo
+  } = _ref;
+  const {
+    Label,
+    config
+  } = contextApiInfo;
+  const {
+    texts,
+    showZeroConcepts,
+    stylesConfig,
+    formatters,
+    colors
+  } = config;
+  const {
+    periodFormatter
+  } = formatters;
+  const {
+    withBillCalcTitleDate
+  } = config.validations;
+  const {
+    detail
+  } = billData;
+  const [openedConcept, setOpenedConcept] = (0, _react.useState)(null);
+  const {
+    isDesktopSize
+  } = (0, _hooks.useScreenSize)();
+  const handleClick = index => setOpenedConcept(openedConcept !== index ? index : null);
+  const glossaryConcepts = (0, _utils.filterGlossaryConcepts)(detail.concepts, showZeroConcepts);
+  const title = (0, _utils.periodToTitleMapper)(billData, texts, periodFormatter, withBillCalcTitleDate(billData));
+  const handleRenderConceptCard = (concept, index) => (0, _utils.shouldShowConcept)(concept, showZeroConcepts) && /*#__PURE__*/_react.default.createElement(_ConceptCard.default, {
+    titleHeader: concept.title,
+    total: concept.total,
+    lines: concept.lines,
+    index: index,
+    isOpen: openedConcept === index,
+    onClick: handleClick,
+    key: concept.title
+  });
+  const GlossaryRenderer = () => glossaryConcepts.length > 0 && /*#__PURE__*/_react.default.createElement(_Glossary.default, {
+    glossaryConcepts: glossaryConcepts,
+    isDesktopSize: isDesktopSize,
+    showZeroConcepts: showZeroConcepts
+  });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -91,5 +88,4 @@ BillCalculation.propTypes = {
   billData: _billDataTypes.billDataTypes,
   contextApiInfo: _smartBillTypes.contextApiInfoTypes
 };
-var _default = (0, _WithContextApi.default)()(BillCalculation);
-exports.default = _default;
+var _default = exports.default = (0, _WithContextApi.default)()(BillCalculation);

package/dist/components/BillCalculation/utils.js

@@ -9,21 +9,24 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
 var _periodicities = require("../../shared/constants/periodicities");
 var _periods = require("../../shared/utils/periods");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var periodToTitleMapper = function periodToTitleMapper(billData, texts, periodFormatter, withBillCalcTitleDate) {
+const periodToTitleMapper = (billData, texts, periodFormatter, withBillCalcTitleDate) => {
   var _settlements$current, _settlements$current2;
-  var currentPeriod = (0, _periods.getCurrentPeriod)(billData) || {};
-  var settlements = currentPeriod.settlements;
-  var periodicity = settlements === null || settlements === void 0 ? void 0 : settlements.periodicity;
-  var currentSettlement = (settlements === null || settlements === void 0 || (_settlements$current = settlements.current) === null || _settlements$current === void 0 ? void 0 : _settlements$current.number) || '-';
-  var totalSettlements = (settlements === null || settlements === void 0 ? void 0 : settlements.total_settlements) || '-';
-  var periodNumber = (currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.number) || '-';
-  var year = (currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.year) || '-';
-  var _texts$commons = texts.commons,
-    settlement = _texts$commons.settlement,
-    period = _texts$commons.period,
-    bimester = _texts$commons.bimester;
-  var issuedDate = settlements === null || settlements === void 0 || (_settlements$current2 = settlements.current) === null || _settlements$current2 === void 0 ? void 0 : _settlements$current2.issued_on;
-  var issuedDateLabel = withBillCalcTitleDate ? " (".concat((0, _dayjs.default)(issuedDate, 'YYYY-MM-DD').format('MM/YYYY'), ")") : '';
+  const currentPeriod = (0, _periods.getCurrentPeriod)(billData) || {};
+  const {
+    settlements
+  } = currentPeriod;
+  const periodicity = settlements === null || settlements === void 0 ? void 0 : settlements.periodicity;
+  const currentSettlement = (settlements === null || settlements === void 0 || (_settlements$current = settlements.current) === null || _settlements$current === void 0 ? void 0 : _settlements$current.number) || '-';
+  const totalSettlements = (settlements === null || settlements === void 0 ? void 0 : settlements.total_settlements) || '-';
+  const periodNumber = (currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.number) || '-';
+  const year = (currentPeriod === null || currentPeriod === void 0 ? void 0 : currentPeriod.year) || '-';
+  const {
+    settlement,
+    period,
+    bimester
+  } = texts.commons;
+  const issuedDate = settlements === null || settlements === void 0 || (_settlements$current2 = settlements.current) === null || _settlements$current2 === void 0 ? void 0 : _settlements$current2.issued_on;
+  const issuedDateLabel = withBillCalcTitleDate ? " (".concat((0, _dayjs.default)(issuedDate, 'YYYY-MM-DD').format('MM/YYYY'), ")") : '';
   if (periodFormatter) return periodFormatter({
     startDate: settlements === null || settlements === void 0 ? void 0 : settlements.start_date,
     endDate: settlements === null || settlements === void 0 ? void 0 : settlements.end_date
@@ -33,13 +36,7 @@ var periodToTitleMapper = function periodToTitleMapper(billData, texts, periodFo
   return '-';
 };
 exports.periodToTitleMapper = periodToTitleMapper;
-var shouldShowConcept = function shouldShowConcept(concept, showZeroConcepts) {
-  return concept.total !== 0 || showZeroConcepts;
-};
+const shouldShowConcept = (concept, showZeroConcepts) => concept.total !== 0 || showZeroConcepts;
 exports.shouldShowConcept = shouldShowConcept;
-var filterGlossaryConcepts = function filterGlossaryConcepts(concepts, showZeroConcepts) {
-  return concepts.filter(function (concept) {
-    return concept.description && shouldShowConcept(concept, showZeroConcepts);
-  });
-};
+const filterGlossaryConcepts = (concepts, showZeroConcepts) => concepts.filter(concept => concept.description && shouldShowConcept(concept, showZeroConcepts));
 exports.filterGlossaryConcepts = filterGlossaryConcepts;

package/dist/components/BillSummary/components/BilledConcepts/components/Concept/index.js

@@ -14,28 +14,31 @@ var _hooks = require("../../../../../../utils/hooks");
 var _aliases = require("../../../../../../shared/constants/aliases");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Concept = function Concept(_ref) {
-  var contextApiInfo = _ref.contextApiInfo,
-    isFirst = _ref.isFirst,
-    title = _ref.title,
-    percentage = _ref.percentage,
-    progressBarPercentage = _ref.progressBarPercentage,
-    value = _ref.value,
-    showPercentage = _ref.showPercentage,
-    negativeAmmount = _ref.negativeAmmount,
-    showProgressBar = _ref.showProgressBar,
-    color = _ref.color;
-  var Label = contextApiInfo.Label,
-    ProgressBar = contextApiInfo.ProgressBar;
-  var _useScreenSize = (0, _hooks.useScreenSize)(),
-    isDesktopSize = _useScreenSize.isDesktopSize;
-  var alias = isFirst ? _aliases.CONCEPT_FIRST_AMOUNT : _aliases.CONCEPT_SECONDARY_AMOUNT;
-  var aliasDecimal = isFirst ? _aliases.CONCEPT_FIRST_AMOUNT_DECIMAL : _aliases.CONCEPT_SECONDARY_AMOUNT_DECIMAL;
-  var aliasName = isFirst ? _aliases.CONCEPT_FIRST_NAME : _aliases.CONCEPT_SECONDARY_NAME;
-  var percentageValue = "".concat((0, _numeral.default)(percentage).format('0,0.0'), "%");
-  var renderPercentageValidation = function renderPercentageValidation(withProgresBar) {
-    return showPercentage && percentage && (withProgresBar ? showProgressBar : !showProgressBar);
-  };
+const Concept = _ref => {
+  let {
+    contextApiInfo,
+    isFirst,
+    title,
+    percentage,
+    progressBarPercentage,
+    value,
+    showPercentage,
+    negativeAmmount,
+    showProgressBar,
+    color
+  } = _ref;
+  const {
+    Label,
+    ProgressBar
+  } = contextApiInfo;
+  const {
+    isDesktopSize
+  } = (0, _hooks.useScreenSize)();
+  const alias = isFirst ? _aliases.CONCEPT_FIRST_AMOUNT : _aliases.CONCEPT_SECONDARY_AMOUNT;
+  const aliasDecimal = isFirst ? _aliases.CONCEPT_FIRST_AMOUNT_DECIMAL : _aliases.CONCEPT_SECONDARY_AMOUNT_DECIMAL;
+  const aliasName = isFirst ? _aliases.CONCEPT_FIRST_NAME : _aliases.CONCEPT_SECONDARY_NAME;
+  const percentageValue = "".concat((0, _numeral.default)(percentage).format('0,0.0'), "%");
+  const renderPercentageValidation = withProgresBar => showPercentage && percentage && (withProgresBar ? showProgressBar : !showProgressBar);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -87,5 +90,4 @@ Concept.propTypes = {
   showProgressBar: _propTypes.bool,
   color: _propTypes.string
 };
-var _default = (0, _WithContextApi.default)()(Concept);
-exports.default = _default;
+var _default = exports.default = (0, _WithContextApi.default)()(Concept);

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

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PIE_CHART_CUSTOMIZATION = void 0;
-var PIE_CHART_CUSTOMIZATION = {
+const PIE_CHART_CUSTOMIZATION = exports.PIE_CHART_CUSTOMIZATION = {
   animationLength: 800,
   height: 200,
   minAngle: 0.1,
   outerRadius: 100,
   width: 200
-};
-exports.PIE_CHART_CUSTOMIZATION = PIE_CHART_CUSTOMIZATION;
+};

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

@@ -13,18 +13,20 @@ var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? 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 PieChartContainer = function PieChartContainer(_ref) {
-  var concepts = _ref.concepts,
-    additionalInfo = _ref.additionalInfo,
-    contextApiInfo = _ref.contextApiInfo;
-  var PieChart = contextApiInfo.PieChart;
-  var pieConceptsData = concepts.map(function (concept) {
-    return {
-      color: concept.color,
-      name: concept.title,
-      value: concept.total
-    };
-  });
+const PieChartContainer = _ref => {
+  let {
+    concepts,
+    additionalInfo,
+    contextApiInfo
+  } = _ref;
+  const {
+    PieChart
+  } = contextApiInfo;
+  const pieConceptsData = concepts.map(concept => ({
+    color: concept.color,
+    name: concept.title,
+    value: concept.total
+  }));
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, !additionalInfo.negativeAmmount && /*#__PURE__*/_react.default.createElement(PieChart, _extends({
@@ -32,14 +34,11 @@ var PieChartContainer = function PieChartContainer(_ref) {
     data: pieConceptsData,
     withLabels: false,
     withLegend: false
-  }, _constants.PIE_CHART_CUSTOMIZATION)), concepts.map(function (concept, index) {
-    return (0, _utils.renderConcept)(concept, additionalInfo, index === 0);
-  }));
+  }, _constants.PIE_CHART_CUSTOMIZATION)), concepts.map((concept, index) => (0, _utils.renderConcept)(concept, additionalInfo, index === 0)));
 };
 PieChartContainer.propTypes = {
   additionalInfo: (0, _propTypes.shape)((0, _propTypes.objectOf)(_propTypes.any)),
   concepts: (0, _propTypes.shape)((0, _propTypes.objectOf)(_propTypes.any)),
   contextApiInfo: _smartBillTypes.contextApiInfoTypes
 };
-var _default = (0, _WithContextApi.default)()(PieChartContainer);
-exports.default = _default;
+var _default = exports.default = (0, _WithContextApi.default)()(PieChartContainer);

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

@@ -1,10 +1,10 @@
 .container {
-  width: 100%;
-  height: 100%;
   display: flex;
   flex-direction: column;
+  height: 100%;
+  width: 100%;
 }
 
 .pie {
-  margin: auto auto 20px auto;
+  margin: auto auto 20px;
 }

package/dist/components/BillSummary/components/BilledConcepts/constants.js

@@ -5,21 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.toggleOptions = exports.progressBar = exports.pieChart = exports.COLORS = void 0;
 var _colorsExportModule = require("../../../../scss/variables/colorsExport.module.scss");
-var pieChart = 'pieChart';
-exports.pieChart = pieChart;
-var progressBar = 'progressBar';
-exports.progressBar = progressBar;
-var toggleOptions = function toggleOptions(assets) {
-  return [{
-    value: progressBar,
-    Icon: assets.ListGrayIcon,
-    SelectedIcon: assets.ListWhiteIcon
-  }, {
-    value: pieChart,
-    Icon: assets.PieGrayIcon,
-    SelectedIcon: assets.PieWhiteIcon
-  }];
-};
+const pieChart = exports.pieChart = 'pieChart';
+const progressBar = exports.progressBar = 'progressBar';
+const toggleOptions = assets => [{
+  value: progressBar,
+  Icon: assets.ListGrayIcon,
+  SelectedIcon: assets.ListWhiteIcon
+}, {
+  value: pieChart,
+  Icon: assets.PieGrayIcon,
+  SelectedIcon: assets.PieWhiteIcon
+}];
 exports.toggleOptions = toggleOptions;
-var COLORS = [_colorsExportModule.primary, _colorsExportModule.darkGray, _colorsExportModule.pieChartGray, _colorsExportModule.pieChartLightGray];
-exports.COLORS = COLORS;
+const COLORS = exports.COLORS = [_colorsExportModule.primary, _colorsExportModule.darkGray, _colorsExportModule.pieChartGray, _colorsExportModule.pieChartLightGray];

package/dist/components/BillSummary/components/BilledConcepts/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
 });
@@ -15,46 +14,39 @@ var _PieChartContainer = _interopRequireDefault(require("./components/PieChartCo
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _utils = require("./utils");
 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 BilledConcepts = function BilledConcepts(_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 BilledConcepts = _ref => {
   var _billData$detail;
-  var contextApiInfo = _ref.contextApiInfo,
-    billData = _ref.billData;
-  var config = contextApiInfo.config,
-    Label = contextApiInfo.Label,
-    Toggle = contextApiInfo.Toggle,
-    assets = contextApiInfo.assets;
-  var showZeroConcepts = config.showZeroConcepts,
-    colors = config.colors;
-  var billedConceptsTitle = config.texts.billSummary.billedConceptsTitle;
-  var _useState = (0, _react.useState)(_constants.progressBar),
-    _useState2 = _slicedToArray(_useState, 2),
-    toggleOption = _useState2[0],
-    setToggleOption = _useState2[1];
-  var handleChangeToggleOption = function handleChangeToggleOption(newOption) {
-    return setToggleOption(newOption);
-  };
-  var totalAmount = billData === null || billData === void 0 || (_billData$detail = billData.detail) === null || _billData$detail === void 0 ? void 0 : _billData$detail.total_amount;
-  var concepts = (0, _react.useMemo)(function () {
+  let {
+    contextApiInfo,
+    billData
+  } = _ref;
+  const {
+    config,
+    Label,
+    Toggle,
+    assets
+  } = contextApiInfo;
+  const {
+    showZeroConcepts,
+    colors
+  } = config;
+  const {
+    billedConceptsTitle
+  } = config.texts.billSummary;
+  const [toggleOption, setToggleOption] = (0, _react.useState)(_constants.progressBar);
+  const handleChangeToggleOption = newOption => setToggleOption(newOption);
+  const totalAmount = billData === null || billData === void 0 || (_billData$detail = billData.detail) === null || _billData$detail === void 0 ? void 0 : _billData$detail.total_amount;
+  const concepts = (0, _react.useMemo)(() => {
     var _billData$detail2;
     return (0, _utils.getOrderedAndColoredConcepts)(billData === null || billData === void 0 || (_billData$detail2 = billData.detail) === null || _billData$detail2 === void 0 ? void 0 : _billData$detail2.concepts, totalAmount, showZeroConcepts, (0, _utils.getColorsDefinition)(colors));
   }, []);
-  var negativeAmmount = concepts.some(function (concept) {
-    return concept.total < 0;
-  });
-  var additionalInfo = {
+  const negativeAmmount = concepts.some(concept => concept.total < 0);
+  const additionalInfo = {
     showProgressBar: toggleOption === _constants.progressBar,
-    negativeAmmount: concepts.some(function (concept) {
-      return concept.total < 0;
-    }),
-    totalAmount: totalAmount
+    negativeAmmount: concepts.some(concept => concept.total < 0),
+    totalAmount
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
@@ -69,9 +61,7 @@ var BilledConcepts = function BilledConcepts(_ref) {
     className: _stylesModule.default.toggle,
     optionClassName: _stylesModule.default.toggleOption,
     orientation: "horizontal"
-  })), !negativeAmmount && toggleOption === _constants.progressBar ? concepts.map(function (concept, index) {
-    return (0, _utils.renderConcept)(concept, additionalInfo, index === 0);
-  }) : /*#__PURE__*/_react.default.createElement(_PieChartContainer.default, {
+  })), !negativeAmmount && toggleOption === _constants.progressBar ? concepts.map((concept, index) => (0, _utils.renderConcept)(concept, additionalInfo, index === 0)) : /*#__PURE__*/_react.default.createElement(_PieChartContainer.default, {
     concepts: concepts,
     additionalInfo: additionalInfo
   }));
@@ -80,5 +70,4 @@ BilledConcepts.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   billData: _billDataTypes.billDataTypes
 };
-var _default = (0, _WithContextApi.default)()(BilledConcepts);
-exports.default = _default;
+var _default = exports.default = (0, _WithContextApi.default)()(BilledConcepts);

package/dist/components/BillSummary/components/BilledConcepts/utils.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
 });
@@ -9,45 +8,28 @@ var _react = _interopRequireDefault(require("react"));
 var _constants = require("./constants");
 var _Concept = _interopRequireDefault(require("./components/Concept"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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; }
-var roundPercentage = function roundPercentage(value) {
-  return Math.round(value * 10) / 10;
-};
-var calculatePercentages = function calculatePercentages(billConcepts, totalAmount) {
-  var indexToAdjust = billConcepts.findIndex(function (concept) {
-    return concept.total !== 0;
-  });
-  var adjustValue = 100 - billConcepts.reduce(function (accum, concept) {
-    return accum + roundPercentage(concept.total / totalAmount * 100);
-  }, 0);
-  return billConcepts.map(function (concept, index) {
-    return roundPercentage(concept.total / totalAmount * 100 + (index === indexToAdjust ? adjustValue : 0));
-  });
+const roundPercentage = value => Math.round(value * 10) / 10;
+const calculatePercentages = (billConcepts, totalAmount) => {
+  const indexToAdjust = billConcepts.findIndex(concept => concept.total !== 0);
+  const adjustValue = 100 - billConcepts.reduce((accum, concept) => accum + roundPercentage(concept.total / totalAmount * 100), 0);
+  return billConcepts.map((concept, index) => roundPercentage(concept.total / totalAmount * 100 + (index === indexToAdjust ? adjustValue : 0)));
 };
 exports.calculatePercentages = calculatePercentages;
-var getProgressBarPercentage = function getProgressBarPercentage(maxPercentage, percentage) {
-  return percentage / maxPercentage * 100;
-};
-var renderConcept = function renderConcept(conceptData, additionalInfo, isFirst) {
-  var title = conceptData.title,
-    total = conceptData.total,
-    color = conceptData.color,
-    percentage = conceptData.percentage,
-    progressBarPercentage = conceptData.progressBarPercentage;
-  var showProgressBar = additionalInfo.showProgressBar,
-    negativeAmmount = additionalInfo.negativeAmmount,
-    totalAmount = additionalInfo.totalAmount;
-  var showPercentage = !(percentage === 0);
+const getProgressBarPercentage = (maxPercentage, percentage) => percentage / maxPercentage * 100;
+const renderConcept = (conceptData, additionalInfo, isFirst) => {
+  const {
+    title,
+    total,
+    color,
+    percentage,
+    progressBarPercentage
+  } = conceptData;
+  const {
+    showProgressBar,
+    negativeAmmount,
+    totalAmount
+  } = additionalInfo;
+  const showPercentage = !(percentage === 0);
   return /*#__PURE__*/_react.default.createElement(_Concept.default, {
     key: title,
     title: title,
@@ -63,43 +45,37 @@ var renderConcept = function renderConcept(conceptData, additionalInfo, isFirst)
   });
 };
 exports.renderConcept = renderConcept;
-var isZeroConcept = function isZeroConcept(concept) {
-  return concept.total === 0;
-};
-var getSortedData = function getSortedData(concepts, showZeroConcepts) {
-  var nonZeroConcepts = concepts === null || concepts === void 0 ? void 0 : concepts.filter(function (concept) {
-    return !isZeroConcept(concept);
-  });
-  var zeroConcepts = showZeroConcepts && (concepts === null || concepts === void 0 ? void 0 : concepts.filter(isZeroConcept)) || [];
+const isZeroConcept = concept => concept.total === 0;
+const getSortedData = (concepts, showZeroConcepts) => {
+  const nonZeroConcepts = concepts === null || concepts === void 0 ? void 0 : concepts.filter(concept => !isZeroConcept(concept));
+  const zeroConcepts = showZeroConcepts && (concepts === null || concepts === void 0 ? void 0 : concepts.filter(isZeroConcept)) || [];
   return {
-    sortedConcepts: [].concat(_toConsumableArray(nonZeroConcepts), _toConsumableArray(zeroConcepts)),
+    sortedConcepts: [...nonZeroConcepts, ...zeroConcepts],
     nonZeroLength: nonZeroConcepts.length
   };
 };
-var getColorsDefinition = function getColorsDefinition(externalColors) {
-  return [externalColors.primary || _constants.COLORS.primary].concat(_toConsumableArray(_constants.COLORS.slice(1)));
-};
+const getColorsDefinition = externalColors => [externalColors.primary || _constants.COLORS.primary, ..._constants.COLORS.slice(1)];
 exports.getColorsDefinition = getColorsDefinition;
-var getItemColor = function getItemColor(index, nonZeroLength, colorsDefinition) {
-  var colorsLen = _constants.COLORS.length;
-  var colorIndex = index % colorsLen;
-  var isLastNonZero = index === nonZeroLength - 1;
-  var nextColorIndex = (index + 1) % colorsLen;
+const getItemColor = (index, nonZeroLength, colorsDefinition) => {
+  const colorsLen = _constants.COLORS.length;
+  const colorIndex = index % colorsLen;
+  const isLastNonZero = index === nonZeroLength - 1;
+  const nextColorIndex = (index + 1) % colorsLen;
   return colorsDefinition[isLastNonZero && colorsDefinition[colorIndex] === colorsDefinition[0] ? nextColorIndex : colorIndex];
 };
 exports.getItemColor = getItemColor;
-var getOrderedAndColoredConcepts = function getOrderedAndColoredConcepts(concepts, totalAmount, showZeroConcepts, colorsDefinition) {
-  var _getSortedData = getSortedData(concepts, showZeroConcepts),
-    sortedConcepts = _getSortedData.sortedConcepts,
-    nonZeroLength = _getSortedData.nonZeroLength;
-  var percentages = calculatePercentages(sortedConcepts, totalAmount);
-  var maxPercentage = Math.max.apply(Math, _toConsumableArray(percentages));
-  return sortedConcepts.map(function (concept, index) {
-    return _objectSpread(_objectSpread({}, concept), {}, {
-      percentage: percentages[index],
-      progressBarPercentage: getProgressBarPercentage(maxPercentage, percentages[index]),
-      color: !isZeroConcept(concept) && getItemColor(index, nonZeroLength, colorsDefinition)
-    });
-  });
+const getOrderedAndColoredConcepts = (concepts, totalAmount, showZeroConcepts, colorsDefinition) => {
+  const {
+    sortedConcepts,
+    nonZeroLength
+  } = getSortedData(concepts, showZeroConcepts);
+  const percentages = calculatePercentages(sortedConcepts, totalAmount);
+  const maxPercentage = Math.max(...percentages);
+  return sortedConcepts.map((concept, index) => ({
+    ...concept,
+    percentage: percentages[index],
+    progressBarPercentage: getProgressBarPercentage(maxPercentage, percentages[index]),
+    color: !isZeroConcept(concept) && getItemColor(index, nonZeroLength, colorsDefinition)
+  }));
 };
 exports.getOrderedAndColoredConcepts = getOrderedAndColoredConcepts;