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

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+# [1.12.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.11.0...v1.12.0) (2022-01-17)
+
+
+### Features
+
+* rate stages step redesign and refactor ([#24](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/24)) ([3ac585b](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/3ac585b57ce1e426979cac80bcf4980978399339))
+
+# [1.11.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.10.2...v1.11.0) (2022-01-04)
+
+
+### Features
+
+* 🌟 Migrated hooks to library 🌟 ([#17](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/17)) ([464d5c8](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/464d5c8f32de3d1b2255fd8a458a0bee540862bb))
+
+## [1.10.2](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.10.1...v1.10.2) (2022-01-04)
+
+
+### Bug Fixes
+
+* color priority in rate stages ([#22](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/22)) ([7062efa](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/7062efa3dcc0f6ff792e822e0dabf8fa8cd1b5da))
+
+## [1.10.1](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.10.0...v1.10.1) (2021-12-10)
+
+
+### Bug Fixes
+
+* removed recharts ([#20](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/20)) ([01a9e74](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/01a9e74da24ae7788f92c20719690450559985a8))
+
 # [1.10.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v1.9.0...v1.10.0) (2021-11-17)
 
 

package/dist/components/Advice/index.js

@@ -19,16 +19,12 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Advice = _ref => {
-  let {
-    contextApiInfo,
-    title,
-    contentText
-  } = _ref;
-  const {
-    assets,
-    Label
-  } = contextApiInfo;
+var Advice = function Advice(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      title = _ref.title,
+      contentText = _ref.contentText;
+  var assets = contextApiInfo.assets,
+      Label = contextApiInfo.Label;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/Amount/index.js

@@ -27,32 +27,25 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Amount = _ref => {
+var Amount = function Amount(_ref) {
   var _expirations$;
 
-  let {
-    contextApiInfo,
-    billData,
-    containerClassName,
-    withBottomMargin
-  } = _ref;
-  const {
-    config,
-    Label
-  } = contextApiInfo;
-  const {
-    useBriefExpiration
-  } = config;
-  const {
-    amountTitle,
-    firstExpirationDate,
-    firstExpirationDateBrief,
-    secondExpirationDateBrief,
-    currency
-  } = config.texts.commons;
-  const isBrief = useBriefExpiration && firstExpirationDateBrief && secondExpirationDateBrief;
-  const firstText = isBrief ? firstExpirationDateBrief : firstExpirationDate;
-  const expirations = [{
+  var contextApiInfo = _ref.contextApiInfo,
+      billData = _ref.billData,
+      containerClassName = _ref.containerClassName,
+      withBottomMargin = _ref.withBottomMargin;
+  var config = contextApiInfo.config,
+      Label = contextApiInfo.Label;
+  var useBriefExpiration = config.useBriefExpiration;
+  var _config$texts$commons = config.texts.commons,
+      amountTitle = _config$texts$commons.amountTitle,
+      firstExpirationDate = _config$texts$commons.firstExpirationDate,
+      firstExpirationDateBrief = _config$texts$commons.firstExpirationDateBrief,
+      secondExpirationDateBrief = _config$texts$commons.secondExpirationDateBrief,
+      currency = _config$texts$commons.currency;
+  var isBrief = useBriefExpiration && firstExpirationDateBrief && secondExpirationDateBrief;
+  var firstText = isBrief ? firstExpirationDateBrief : firstExpirationDate;
+  var expirations = [{
     text: firstText,
     expiration: (0, _expirations.getExpiration)(billData, 1)
   }, isBrief && {
@@ -60,7 +53,7 @@ const Amount = _ref => {
     expiration: (0, _expirations.getExpiration)(billData, 2)
   }];
 
-  const getExpirationComponent = item => {
+  var getExpirationComponent = function getExpirationComponent(item) {
     var _item$expiration;
 
     return (item === null || item === void 0 ? void 0 : (_item$expiration = item.expiration) === null || _item$expiration === void 0 ? void 0 : _item$expiration.date) && /*#__PURE__*/_react.default.createElement("div", {
@@ -87,7 +80,9 @@ const Amount = _ref => {
     amount: (_expirations$ = expirations[0]) === null || _expirations$ === void 0 ? void 0 : _expirations$.expiration.amount
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.expirations
-  }, expirations.map(exp => getExpirationComponent(exp))));
+  }, expirations.map(function (exp) {
+    return getExpirationComponent(exp);
+  })));
 };
 
 Amount.propTypes = {

package/dist/components/Amount/utils.js

@@ -7,6 +7,10 @@ exports.getFirstExpiration = void 0;
 
 var _seamlessImmutable = require("seamless-immutable");
 
-const getFirstExpiration = billData => (0, _seamlessImmutable.getIn)(billData, ['expirations'], []).find(expiration => expiration.number === 1) || {};
+var getFirstExpiration = function getFirstExpiration(billData) {
+  return (0, _seamlessImmutable.getIn)(billData, ['expirations'], []).find(function (expiration) {
+    return expiration.number === 1;
+  }) || {};
+};
 
 exports.getFirstExpiration = getFirstExpiration;

package/dist/components/Banner/index.js

@@ -15,16 +15,12 @@ var _WithContextApi = _interopRequireDefault(require("../WithContextApi"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Banner = _ref => {
-  let {
-    contextApiInfo,
-    image,
-    styleBanner,
-    externalLink
-  } = _ref;
-  const {
-    ExternalLink
-  } = contextApiInfo;
+var Banner = function Banner(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      image = _ref.image,
+      styleBanner = _ref.styleBanner,
+      externalLink = _ref.externalLink;
+  var ExternalLink = contextApiInfo.ExternalLink;
   return /*#__PURE__*/_react.default.createElement(ExternalLink, {
     key: externalLink,
     url: externalLink

package/dist/components/BarChart/constants.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RESPONSIVE_BAR_WIDTH = exports.DESKTOP_BAR_WIDTH = exports.BAR_CHART_CONFIG = void 0;
-const BAR_CHART_CONFIG = {
+var BAR_CHART_CONFIG = {
   spacingOptions: {
     axisPadding: 10,
     scrollPadding: 0,
@@ -18,7 +18,7 @@ const BAR_CHART_CONFIG = {
   hideYAxis: true
 };
 exports.BAR_CHART_CONFIG = BAR_CHART_CONFIG;
-const DESKTOP_BAR_WIDTH = 40;
+var DESKTOP_BAR_WIDTH = 40;
 exports.DESKTOP_BAR_WIDTH = DESKTOP_BAR_WIDTH;
-const RESPONSIVE_BAR_WIDTH = 90;
+var RESPONSIVE_BAR_WIDTH = 90;
 exports.RESPONSIVE_BAR_WIDTH = RESPONSIVE_BAR_WIDTH;

package/dist/components/BarChart/index.js

@@ -1,5 +1,7 @@
 "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
 });
@@ -23,40 +25,35 @@ var _constants = require("./constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const BarChartSection = _ref => {
+var BarChartSection = function BarChartSection(_ref) {
   var _colors$barChart;
 
-  let {
-    contextApiInfo,
-    data,
-    isDesktop,
-    unit
-  } = _ref;
-  const {
-    BarChart,
-    Label,
-    config,
-    assets
-  } = contextApiInfo;
-  const {
-    CalendarIcon,
-    EnergyIcon
-  } = assets;
-  const {
-    texts,
-    colors
-  } = config;
-  const {
-    processedData,
-    xAxisDefinition
-  } = (0, _react.useMemo)(() => (0, _utils.getProcessedData)(data, colors.barChart), [data]);
-  const yAxisLabel = unit && "".concat(texts.consumptionPeriod.consumption, " (").concat(unit, ")");
+  var contextApiInfo = _ref.contextApiInfo,
+      data = _ref.data,
+      isDesktop = _ref.isDesktop,
+      unit = _ref.unit;
+  var BarChart = contextApiInfo.BarChart,
+      Label = contextApiInfo.Label,
+      config = contextApiInfo.config,
+      assets = contextApiInfo.assets;
+  var CalendarIcon = assets.CalendarIcon,
+      EnergyIcon = assets.EnergyIcon;
+  var texts = config.texts,
+      colors = config.colors;
+
+  var _useMemo = (0, _react.useMemo)(function () {
+    return (0, _utils.getProcessedData)(data, colors.barChart);
+  }, [data]),
+      processedData = _useMemo.processedData,
+      xAxisDefinition = _useMemo.xAxisDefinition;
+
+  var yAxisLabel = unit && "".concat(texts.consumptionPeriod.consumption, " (").concat(unit, ")");
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.sectionContainer
   }, /*#__PURE__*/_react.default.createElement(Label, {

package/dist/components/BarChart/utils.js

@@ -5,18 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getProcessedData = void 0;
 
-const getProcessedData = function (data) {
-  let colors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+var getProcessedData = function getProcessedData(data) {
+  var colors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-  const getBarColor = index => index === 0 ? colors.first : index === data.length - 1 ? colors.last : colors.main;
+  var getBarColor = function getBarColor(index) {
+    return index === 0 ? colors.first : index === data.length - 1 ? colors.last : colors.main;
+  };
 
-  const getLabelColor = index => index === 0 ? colors.valueFirst : index === data.length - 1 ? colors.last : colors.valueMain;
+  var getLabelColor = function getLabelColor(index) {
+    return index === 0 ? colors.valueFirst : index === data.length - 1 ? colors.last : colors.valueMain;
+  };
 
-  const processedData = data.map((_ref, index) => {
-    let {
-      period,
-      consumption
-    } = _ref;
+  var processedData = data.map(function (_ref, index) {
+    var period = _ref.period,
+        consumption = _ref.consumption;
     return {
       value: consumption,
       mainLabel: period,
@@ -25,18 +27,16 @@ const getProcessedData = function (data) {
       onTopLabelColor: getLabelColor(index)
     };
   });
-  const xAxisDefinition = processedData.map((_ref2, index) => {
-    let {
-      mainLabel
-    } = _ref2;
+  var xAxisDefinition = processedData.map(function (_ref2, index) {
+    var mainLabel = _ref2.mainLabel;
     return {
-      mainLabel,
+      mainLabel: mainLabel,
       color: getLabelColor(index)
     };
   });
   return {
     processedData: [processedData],
-    xAxisDefinition
+    xAxisDefinition: xAxisDefinition
   };
 };
 

package/dist/components/BillCalculation/components/ConceptCard/index.js

@@ -23,34 +23,29 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ConceptCard = _ref => {
-  let {
-    contextApiInfo,
-    isOpen,
-    onClick,
-    index,
-    titleHeader,
-    total,
-    lines = []
-  } = _ref;
-  const {
-    Card,
-    Label,
-    config,
-    assets
-  } = contextApiInfo;
-  const {
-    showZeroConcepts,
-    colors
-  } = config;
-  const {
-    ArrowDownwardIcon,
-    ArrowUpwardIcon
-  } = assets;
-
-  const handleOnClick = () => onClick(index);
-
-  const Header = /*#__PURE__*/_react.default.createElement("div", {
+var ConceptCard = function ConceptCard(_ref) {
+  var contextApiInfo = _ref.contextApiInfo,
+      isOpen = _ref.isOpen,
+      onClick = _ref.onClick,
+      index = _ref.index,
+      titleHeader = _ref.titleHeader,
+      total = _ref.total,
+      _ref$lines = _ref.lines,
+      lines = _ref$lines === void 0 ? [] : _ref$lines;
+  var Card = contextApiInfo.Card,
+      Label = contextApiInfo.Label,
+      config = contextApiInfo.config,
+      assets = contextApiInfo.assets;
+  var showZeroConcepts = config.showZeroConcepts,
+      colors = config.colors;
+  var ArrowDownwardIcon = assets.ArrowDownwardIcon,
+      ArrowUpwardIcon = assets.ArrowUpwardIcon;
+
+  var handleOnClick = function handleOnClick() {
+    return onClick(index);
+  };
+
+  var Header = /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.headerContainer
   }, /*#__PURE__*/_react.default.createElement(Label, {
     alias: _aliases.BILL_CALC_CONCEPT
@@ -61,30 +56,36 @@ const ConceptCard = _ref => {
     variant: "xlarge"
   }));
 
-  const handleRenderLines = list => (list.amount !== 0 || showZeroConcepts) && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.lineContainer,
-    key: list.title
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.conceptLineContainer
-  }, /*#__PURE__*/_react.default.createElement(Label, {
-    alias: _aliases.CONCEPT_TITLE
-  }, list.title), /*#__PURE__*/_react.default.createElement(_StyledAmount.default, {
-    alias: _aliases.CONCEPT_LIST_AMOUNT,
-    aliasDecimal: _aliases.CONCEPT_LIST_AMOUNT_DECIMAL,
-    amount: list.amount,
-    variant: "large"
-  })), list.description && /*#__PURE__*/_react.default.createElement(Label, {
-    alias: _aliases.LINE_DESCRIPTION
-  }, list.description));
-
-  const iconsStyle = {
+  var handleRenderLines = function handleRenderLines(list) {
+    return (list.amount !== 0 || showZeroConcepts) && /*#__PURE__*/_react.default.createElement("div", {
+      className: _stylesModule.default.lineContainer,
+      key: list.title
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: _stylesModule.default.conceptLineContainer
+    }, /*#__PURE__*/_react.default.createElement(Label, {
+      alias: _aliases.CONCEPT_TITLE
+    }, list.title), /*#__PURE__*/_react.default.createElement(_StyledAmount.default, {
+      alias: _aliases.CONCEPT_LIST_AMOUNT,
+      aliasDecimal: _aliases.CONCEPT_LIST_AMOUNT_DECIMAL,
+      amount: list.amount,
+      variant: "large"
+    })), list.description && /*#__PURE__*/_react.default.createElement(Label, {
+      alias: _aliases.LINE_DESCRIPTION
+    }, list.description));
+  };
+
+  var iconsStyle = {
     fill: colors.primary
   };
   return /*#__PURE__*/_react.default.createElement(Card, {
     className: "".concat(_stylesModule.default.container, " ").concat((0, _array.isEmpty)(lines) && _stylesModule.default.containerWithoutLines),
     expandableIconButtonClassName: _stylesModule.default.expandIcon,
-    ExpandedIcon: ArrowUpwardIcon && (() => /*#__PURE__*/_react.default.createElement(ArrowUpwardIcon, iconsStyle)),
-    NonExpandedIcon: ArrowDownwardIcon && (() => /*#__PURE__*/_react.default.createElement(ArrowDownwardIcon, iconsStyle)),
+    ExpandedIcon: ArrowUpwardIcon && function () {
+      return /*#__PURE__*/_react.default.createElement(ArrowUpwardIcon, iconsStyle);
+    },
+    NonExpandedIcon: ArrowDownwardIcon && function () {
+      return /*#__PURE__*/_react.default.createElement(ArrowDownwardIcon, iconsStyle);
+    },
     expandableContentClassName: "".concat(isOpen && _stylesModule.default.expandableContent),
     header: Header,
     horizontal: true,

package/dist/components/BillCalculation/constants.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SQUARE_SIZE = void 0;
-const SQUARE_SIZE = 10;
+var SQUARE_SIZE = 10;
 exports.SQUARE_SIZE = SQUARE_SIZE;

package/dist/components/BillCalculation/index.js

@@ -1,5 +1,7 @@
 "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
 });
@@ -25,50 +27,58 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const 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 handleClick = index => setOpenedConcept(openedConcept !== index ? index : null);
-
-  const title = (0, _utils.periodToTitleMapper)(billData, texts, periodFormatter, withBillCalcTitleDate(billData));
-
-  const handleRenderConceptCard = (concept, index) => (concept.total !== 0 || 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
-  });
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var 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 handleClick = function handleClick(index) {
+    return setOpenedConcept(openedConcept !== index ? index : null);
+  };
+
+  var title = (0, _utils.periodToTitleMapper)(billData, texts, periodFormatter, withBillCalcTitleDate(billData));
+
+  var handleRenderConceptCard = function handleRenderConceptCard(concept, index) {
+    return (concept.total !== 0 || 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
+    });
+  };
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container

package/dist/components/BillCalculation/utils.js

@@ -15,25 +15,22 @@ var _periods = require("../../shared/utils/periods");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const periodToTitleMapper = (billData, texts, periodFormatter, withBillCalcTitleDate) => {
+var periodToTitleMapper = function periodToTitleMapper(billData, texts, periodFormatter, withBillCalcTitleDate) {
   var _settlements$current, _settlements$current2;
 
-  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 ? 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 issueedDate = settlements === null || settlements === void 0 ? void 0 : (_settlements$current2 = settlements.current) === null || _settlements$current2 === void 0 ? void 0 : _settlements$current2.issued_on;
-  const issuedDateLabel = withBillCalcTitleDate ? " (".concat((0, _dayjs.default)(issueedDate, 'YYYY-MM-DD').format('MM/YYYY'), ")") : '';
+  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 ? 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 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({
     startDate: settlements === null || settlements === void 0 ? void 0 : settlements.start_date,
     endDate: settlements === null || settlements === void 0 ? void 0 : settlements.end_date