@widergy/utilitygo-smart-bill-web 1.13.4 → 2.0.1

package/dist/components/BillCalculation/index.js

@@ -1,81 +1,54 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _smartBillTypes = require("../../shared/types/smartBillTypes");
-
 var _billDataTypes = require("../../shared/types/billDataTypes");
-
 var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
-
 var _StyledAmount = _interopRequireDefault(require("../StyledAmount"));
-
 var _aliases = require("../../shared/constants/aliases");
-
 var _hooks = require("../../utils/hooks");
-
 var _utils = require("./utils");
-
 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(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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var BillCalculation = function BillCalculation(_ref) {
   var billData = _ref.billData,
-      contextApiInfo = _ref.contextApiInfo;
+    contextApiInfo = _ref.contextApiInfo;
   var Label = contextApiInfo.Label,
-      config = contextApiInfo.config;
+    config = contextApiInfo.config;
   var texts = config.texts,
-      showZeroConcepts = config.showZeroConcepts,
-      stylesConfig = config.stylesConfig,
-      formatters = config.formatters,
-      colors = config.colors;
+    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];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    openedConcept = _useState2[0],
+    setOpenedConcept = _useState2[1];
   var _useScreenSize = (0, _hooks.useScreenSize)(),
-      isDesktopSize = _useScreenSize.isDesktopSize;
-
+    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,
@@ -87,7 +60,6 @@ var BillCalculation = function BillCalculation(_ref) {
       key: concept.title
     });
   };
-
   var GlossaryRenderer = function GlossaryRenderer() {
     return glossaryConcepts.length > 0 && /*#__PURE__*/_react.default.createElement(_Glossary.default, {
       glossaryConcepts: glossaryConcepts,
@@ -95,14 +67,12 @@ var BillCalculation = function BillCalculation(_ref) {
       showZeroConcepts: showZeroConcepts
     });
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.headerSection
   }, /*#__PURE__*/_react.default.createElement(Label, {
-    alias: _aliases.BILL_CALC_CONCEPT_TITLE,
-    className: _stylesModule.default.title
+    alias: _aliases.BILL_CALC_CONCEPT_TITLE
   }, title), isDesktopSize && /*#__PURE__*/_react.default.createElement(GlossaryRenderer, null)), detail.concepts.map(handleRenderConceptCard), /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.totalAmountContainer, " ").concat(stylesConfig === null || stylesConfig === void 0 ? void 0 : stylesConfig.paymentTotal),
     style: {
@@ -117,12 +87,9 @@ var BillCalculation = function BillCalculation(_ref) {
     amount: detail.total_amount
   })), !isDesktopSize && /*#__PURE__*/_react.default.createElement(GlossaryRenderer, null));
 };
-
 BillCalculation.propTypes = {
   billData: _billDataTypes.billDataTypes,
   contextApiInfo: _smartBillTypes.contextApiInfoTypes
 };
-
 var _default = (0, _WithContextApi.default)()(BillCalculation);
-
 exports.default = _default;

package/dist/components/BillCalculation/utils.js

@@ -4,20 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shouldShowConcept = exports.periodToTitleMapper = exports.filterGlossaryConcepts = void 0;
-
 var _string = require("@widergy/web-utils/lib/string");
-
 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) {
   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;
@@ -26,9 +19,9 @@ var periodToTitleMapper = function periodToTitleMapper(billData, texts, periodFo
   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;
+    settlement = _texts$commons.settlement,
+    period = _texts$commons.period,
+    bimester = _texts$commons.bimester;
   var issueedDate = settlements === null || settlements === void 0 ? void 0 : (_settlements$current2 = settlements.current) === null || _settlements$current2 === void 0 ? void 0 : _settlements$current2.issued_on;
   var issuedDateLabel = withBillCalcTitleDate ? " (".concat((0, _dayjs.default)(issueedDate, 'YYYY-MM-DD').format('MM/YYYY'), ")") : '';
   if (periodFormatter) return periodFormatter({
@@ -39,19 +32,14 @@ var periodToTitleMapper = function periodToTitleMapper(billData, texts, periodFo
   if ((0, _string.stringToCompareWithoutAccentsInclusive)(periodicity, _periodicities.PERIODICITY.BIMONTHLY)) return "".concat(settlement, " ").concat(currentSettlement, " ").concat(texts.commons.ofPreposition, " ").concat(totalSettlements, " - ").concat(bimester, " ").concat(periodNumber).concat(issuedDateLabel);
   return '-';
 };
-
 exports.periodToTitleMapper = periodToTitleMapper;
-
 var shouldShowConcept = function shouldShowConcept(concept, showZeroConcepts) {
   return concept.total !== 0 || showZeroConcepts;
 };
-
 exports.shouldShowConcept = shouldShowConcept;
-
 var filterGlossaryConcepts = function filterGlossaryConcepts(concepts, showZeroConcepts) {
   return concepts.filter(function (concept) {
     return concept.description && shouldShowConcept(concept, showZeroConcepts);
   });
 };
-
 exports.filterGlossaryConcepts = filterGlossaryConcepts;

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

@@ -4,53 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = require("prop-types");
-
 var _numeral = _interopRequireDefault(require("config/numeral"));
-
 var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
-
 var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
-
 var _StyledAmount = _interopRequireDefault(require("../../../../../StyledAmount"));
-
 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;
+    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;
-
+    ProgressBar = contextApiInfo.ProgressBar;
   var _useScreenSize = (0, _hooks.useScreenSize)(),
-      isDesktopSize = _useScreenSize.isDesktopSize;
-
+    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);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -90,7 +75,6 @@ var Concept = function Concept(_ref) {
     amount: value
   })));
 };
-
 Concept.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   isFirst: _propTypes.bool,
@@ -103,7 +87,5 @@ Concept.propTypes = {
   showProgressBar: _propTypes.bool,
   color: _propTypes.string
 };
-
 var _default = (0, _WithContextApi.default)()(Concept);
-
 exports.default = _default;

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

@@ -4,29 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = require("prop-types");
-
 var _smartBillTypes = require("../../../../../../shared/types/smartBillTypes");
-
 var _WithContextApi = _interopRequireDefault(require("../../../../../WithContextApi"));
-
 var _utils = require("../../utils");
-
 var _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;
+    additionalInfo = _ref.additionalInfo,
+    contextApiInfo = _ref.contextApiInfo;
   var PieChart = contextApiInfo.PieChart;
   var pieConceptsData = concepts.map(function (concept) {
     return {
@@ -46,13 +36,10 @@ var PieChartContainer = function PieChartContainer(_ref) {
     return (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;

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

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toggleOptions = exports.progressBar = exports.pieChart = exports.COLORS = void 0;
-
 var _colorsExport = require("../../../../scss/variables/_colorsExport.scss");
-
 var pieChart = 'pieChart';
 exports.pieChart = pieChart;
 var progressBar = 'progressBar';
 exports.progressBar = progressBar;
-
 var toggleOptions = function toggleOptions(assets) {
   return [{
     value: progressBar,
@@ -23,7 +20,6 @@ var toggleOptions = function toggleOptions(assets) {
     SelectedIcon: assets.PieWhiteIcon
   }];
 };
-
 exports.toggleOptions = toggleOptions;
 var COLORS = [_colorsExport.primary, _colorsExport.darkGray, _colorsExport.pieChartGray, _colorsExport.pieChartLightGray];
 exports.COLORS = COLORS;

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

@@ -1,74 +1,49 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _aliases = require("../../../../shared/constants/aliases");
-
 var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
-
 var _billDataTypes = require("../../../../shared/types/billDataTypes");
-
 var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
-
 var _constants = require("./constants");
-
 var _PieChartContainer = _interopRequireDefault(require("./components/PieChartContainer"));
-
 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(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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var BilledConcepts = function BilledConcepts(_ref) {
   var _billData$detail;
-
   var contextApiInfo = _ref.contextApiInfo,
-      billData = _ref.billData;
+    billData = _ref.billData;
   var config = contextApiInfo.config,
-      Label = contextApiInfo.Label,
-      Toggle = contextApiInfo.Toggle,
-      assets = contextApiInfo.assets;
+    Label = contextApiInfo.Label,
+    Toggle = contextApiInfo.Toggle,
+    assets = contextApiInfo.assets;
   var showZeroConcepts = config.showZeroConcepts,
-      colors = config.colors;
+    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];
-
+    _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 ? void 0 : (_billData$detail = billData.detail) === null || _billData$detail === void 0 ? void 0 : _billData$detail.total_amount;
   var concepts = (0, _react.useMemo)(function () {
     var _billData$detail2;
-
     return (0, _utils.getOrderedAndColoredConcepts)(billData === null || billData === void 0 ? 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) {
@@ -86,8 +61,7 @@ var BilledConcepts = function BilledConcepts(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.header
   }, /*#__PURE__*/_react.default.createElement(Label, {
-    alias: _aliases.TITLE,
-    className: _stylesModule.default.title
+    alias: _aliases.TITLE
   }, billedConceptsTitle), !negativeAmmount && /*#__PURE__*/_react.default.createElement(Toggle, {
     options: (0, _constants.toggleOptions)(assets),
     selectedOption: toggleOption,
@@ -102,12 +76,9 @@ var BilledConcepts = function BilledConcepts(_ref) {
     additionalInfo: additionalInfo
   }));
 };
-
 BilledConcepts.propTypes = {
   contextApiInfo: _smartBillTypes.contextApiInfoTypes,
   billData: _billDataTypes.billDataTypes
 };
-
 var _default = (0, _WithContextApi.default)()(BilledConcepts);
-
 exports.default = _default;

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

@@ -28,8 +28,8 @@ $toggle-size: 30px;
 }
 
 .pieChart {
-  width: auto;
   height: auto;
+  width: auto;
 }
 
 .toggle {

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

@@ -1,40 +1,28 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderConcept = exports.getOrderedAndColoredConcepts = exports.getItemColor = exports.getColorsDefinition = exports.calculatePercentages = void 0;
-
 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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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; }
-
+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;
@@ -46,22 +34,19 @@ var calculatePercentages = function calculatePercentages(billConcepts, totalAmou
     return 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;
+    total = conceptData.total,
+    color = conceptData.color,
+    percentage = conceptData.percentage,
+    progressBarPercentage = conceptData.progressBarPercentage;
   var showProgressBar = additionalInfo.showProgressBar,
-      negativeAmmount = additionalInfo.negativeAmmount,
-      totalAmount = additionalInfo.totalAmount;
+    negativeAmmount = additionalInfo.negativeAmmount,
+    totalAmount = additionalInfo.totalAmount;
   var showPercentage = !(percentage === 0);
   return /*#__PURE__*/_react.default.createElement(_Concept.default, {
     key: title,
@@ -77,13 +62,10 @@ var renderConcept = function renderConcept(conceptData, additionalInfo, isFirst)
     color: !showProgressBar && color
   });
 };
-
 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);
@@ -94,13 +76,10 @@ var getSortedData = function getSortedData(concepts, showZeroConcepts) {
     nonZeroLength: nonZeroConcepts.length
   };
 };
-
 var getColorsDefinition = function getColorsDefinition(externalColors) {
   return [externalColors.primary || _constants.COLORS.primary].concat(_toConsumableArray(_constants.COLORS.slice(1)));
 };
-
 exports.getColorsDefinition = getColorsDefinition;
-
 var getItemColor = function getItemColor(index, nonZeroLength, colorsDefinition) {
   var colorsLen = _constants.COLORS.length;
   var colorIndex = index % colorsLen;
@@ -108,14 +87,11 @@ var getItemColor = function getItemColor(index, nonZeroLength, colorsDefinition)
   var 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;
-
+    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) {
@@ -126,5 +102,4 @@ var getOrderedAndColoredConcepts = function getOrderedAndColoredConcepts(concept
     });
   });
 };
-
 exports.getOrderedAndColoredConcepts = getOrderedAndColoredConcepts;