@widergy/utilitygo-smart-bill-web 1.10.2 → 1.13.1

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Bars/components/Stage/components/LimitsLine/styles.module.scss

@@ -1,15 +0,0 @@
-@import '../../../../../../../../../../../../scss/variables/_colorsExport.scss';
-
-$lines-color: $black;
-
-.lateralLines {
-  border-left: 1px solid $lines-color;
-  border-right: 1px solid $lines-color;
-  min-height: 8px;
-  width: 100%;
-}
-
-.middleLine {
-  border-bottom: 1px solid $lines-color;
-  height: 50%;
-}

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Bars/components/Stage/components/SubStage/index.js

@@ -1,63 +0,0 @@
-"use strict";
-
-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 _rateStagesTypes = require("../../../../../../../../../../../../shared/types/rateStagesTypes");
-
-var _WithContextApi = _interopRequireDefault(require("../../../../../../../../../../../WithContextApi"));
-
-var _constants = require("../../../../../../constants");
-
-var _aliases = require("../../../../../../../../../../../../shared/constants/aliases");
-
-var _utils = require("./utils");
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var SubStage = function SubStage(_ref) {
-  var contextApiInfo = _ref.contextApiInfo,
-      stage = _ref.stage,
-      subStage = _ref.subStage,
-      isLast = _ref.isLast,
-      isDesktop = _ref.isDesktop,
-      index = _ref.index,
-      totalSubStages = _ref.totalSubStages;
-  var Label = contextApiInfo.Label;
-  var getStageColor = contextApiInfo.config.getStageColor;
-  var width = isDesktop ? "calc(".concat((0, _utils.getSubStageWidth)(stage, subStage), "%)") : "calc(100% / ".concat(stage.sub_rate_stages.length || 1, ")");
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      marginRight: isLast ? _constants.LAST_SUB_STAGE_MARGIN : isDesktop ? _constants.SUB_STAGE_MARGIN_DESKTOP : _constants.SUB_STAGE_MARGIN_MOBILE,
-      backgroundColor: subStage.color || getStageColor && getStageColor(index, totalSubStages),
-      width: width
-    },
-    className: _stylesModule.default.container
-  }, /*#__PURE__*/_react.default.createElement(Label, {
-    alias: _aliases.SUBSTAGE
-  }, subStage.name));
-};
-
-SubStage.propTypes = {
-  contextApiInfo: _smartBillTypes.contextApiInfoTypes,
-  stage: _rateStagesTypes.stageType,
-  totalSubStages: _propTypes.number,
-  index: _propTypes.number,
-  subStage: _rateStagesTypes.subStageType,
-  isLast: _propTypes.bool,
-  isDesktop: _propTypes.bool
-};
-
-var _default = (0, _WithContextApi.default)()(SubStage);
-
-exports.default = _default;

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Bars/components/Stage/components/SubStage/styles.module.scss

@@ -1,5 +0,0 @@
-.container {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-}

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Bars/components/Stage/components/SubStage/utils.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getSubStageWidth = void 0;
-
-var _utils = require("../../../../../../utils");
-
-var getSubStageWidth = function getSubStageWidth(stage, subStage) {
-  return (0, _utils.getSubStageRangeWidth)(subStage) / (0, _utils.getStageRangeWidth)(stage) * 100;
-};
-
-exports.getSubStageWidth = getSubStageWidth;

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Bars/components/Stage/index.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = require("prop-types");
-
-var _rateStagesTypes = require("../../../../../../../../../../shared/types/rateStagesTypes");
-
-var _constants = require("../../../../constants");
-
-var _LegendItem = _interopRequireDefault(require("../../../LegendItem"));
-
-var _LimitsLine = _interopRequireDefault(require("./components/LimitsLine"));
-
-var _SubStage = _interopRequireDefault(require("./components/SubStage"));
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Stage = function Stage(_ref) {
-  var stage = _ref.stage,
-      isLast = _ref.isLast,
-      totalStages = _ref.totalStages,
-      totalSubStages = _ref.totalSubStages,
-      legendNumber = _ref.legendNumber,
-      isDesktop = _ref.isDesktop;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      marginRight: isLast ? _constants.LAST_STAGE_MARGIN : isDesktop ? _constants.STAGE_MARGIN_DESKTOP : _constants.STAGE_MARGIN_MOBILE,
-      width: "calc(".concat(100 / totalStages, "%)")
-    },
-    className: _stylesModule.default.container
-  }, totalStages !== 1 && /*#__PURE__*/_react.default.createElement(_LegendItem.default, {
-    stage: isDesktop && stage,
-    stagesLength: totalStages,
-    legendNumber: legendNumber,
-    showNumber: !isDesktop
-  }), /*#__PURE__*/_react.default.createElement(_LimitsLine.default, null), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.bars
-  }, stage.sub_rate_stages.map(function (subStage, index) {
-    return /*#__PURE__*/_react.default.createElement(_SubStage.default, {
-      key: subStage.category,
-      index: subStage.category,
-      stage: stage,
-      totalSubStages: totalSubStages,
-      subStage: subStage,
-      isLast: index === stage.sub_rate_stages.length - 1,
-      isDesktop: isDesktop
-    });
-  })));
-};
-
-Stage.propTypes = {
-  stage: _rateStagesTypes.stageType,
-  legendNumber: _propTypes.number,
-  isLast: _propTypes.bool,
-  totalStages: _propTypes.number,
-  totalSubStages: _propTypes.number,
-  isDesktop: _propTypes.bool
-};
-var _default = Stage;
-exports.default = _default;

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Bars/components/Stage/styles.module.scss

@@ -1,32 +0,0 @@
-@import '../../../../../../../../../../scss/variables/_mediaQueries';
-@import '../../../../../../../../../../scss/variables/_colors';
-
-$icon-size: 21px;
-
-.container {
-  align-items: center;
-  display: flex;
-  flex-flow: column;
-  width: 100%;
-}
-
-.header {
-  display: flex;
-  white-space: nowrap;
-}
-
-.bars {
-  display: flex;
-  margin: 24px 0;
-  min-height: 33px;
-  width: 100%;
-}
-
-.icon {
-  height: $icon-size;
-  width: $icon-size;
-
-  > g {
-    fill: $black;
-  }
-}

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Bars/index.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = require("prop-types");
-
-var _rateStagesTypes = require("../../../../../../../../shared/types/rateStagesTypes");
-
-var _constants = require("../../constants");
-
-var _Stage = _interopRequireDefault(require("./components/Stage"));
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Bars = function Bars(_ref) {
-  var rateStages = _ref.rateStages,
-      isDesktop = _ref.isDesktop;
-  var barsMargin = isDesktop ? _constants.BARS_MARGIN_DESKTOP : _constants.BARS_MARGIN_MOBILE;
-
-  var accumSubStages = function accumSubStages(count, currStage) {
-    var _currStage$sub_rate_s;
-
-    return count + ((_currStage$sub_rate_s = currStage.sub_rate_stages) === null || _currStage$sub_rate_s === void 0 ? void 0 : _currStage$sub_rate_s.length) || 1;
-  };
-
-  var totalSubStages = rateStages.reduce(accumSubStages, 0);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      margin: "0 ".concat(barsMargin),
-      width: "calc(100% - 2 * ".concat(barsMargin, ")")
-    },
-    className: _stylesModule.default.container
-  }, rateStages.map(function (stage, index) {
-    return /*#__PURE__*/_react.default.createElement(_Stage.default, {
-      key: stage.group,
-      stage: stage,
-      isFirst: index === 0,
-      legendNumber: index + 1,
-      isLast: index === rateStages.length - 1,
-      totalStages: rateStages.length,
-      totalSubStages: totalSubStages,
-      isDesktop: isDesktop
-    });
-  }));
-};
-
-Bars.propTypes = {
-  rateStages: _rateStagesTypes.rateStagesTypes,
-  isDesktop: _propTypes.bool
-};
-var _default = Bars;
-exports.default = _default;

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Bars/styles.module.scss

@@ -1,3 +0,0 @@
-.container {
-  display: flex;
-}

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/LegendItem/index.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = require("prop-types");
-
-var _WithContextApi = _interopRequireDefault(require("../../../../../../../WithContextApi"));
-
-var _smartBillTypes = require("../../../../../../../../shared/types/smartBillTypes");
-
-var _Magnitude = _interopRequireDefault(require("../../../../../../../Magnitude"));
-
-var _aliases = require("../../../../../../../../shared/constants/aliases");
-
-var _rateStagesTypes = require("../../../../../../../../shared/types/rateStagesTypes");
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var LegendItem = function LegendItem(_ref) {
-  var contextApiInfo = _ref.contextApiInfo,
-      legendNumber = _ref.legendNumber,
-      stage = _ref.stage,
-      showNumber = _ref.showNumber,
-      stagesLength = _ref.stagesLength;
-  var Label = contextApiInfo.Label,
-      config = contextApiInfo.config,
-      assets = contextApiInfo.assets;
-  var texts = config.texts;
-  var _texts$ratesDefinitio = texts.ratesDefinition,
-      consumptionUpToDesktop = _texts$ratesDefinitio.consumptionUpToDesktop,
-      consumptionMoreThanDesktop = _texts$ratesDefinitio.consumptionMoreThanDesktop,
-      consumptionStartingFormDesktop = _texts$ratesDefinitio.consumptionStartingFormDesktop;
-
-  var format = function format(text) {
-    return text.toUpperCase();
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: stage ? _stylesModule.default.legendItemContainer : _stylesModule.default.numberItemContainer
-  }, showNumber && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.stageNumber
-  }, /*#__PURE__*/_react.default.createElement(Label, null, legendNumber)), stage && /*#__PURE__*/_react.default.createElement("div", {
-    className: showNumber ? _stylesModule.default.stageDataContainer : _stylesModule.default.noNumberStageDataContainer
-  }, /*#__PURE__*/_react.default.createElement(Label, {
-    alias: _aliases.STAGE_DETAIL,
-    className: _stylesModule.default.header
-  }, format(legendNumber === 1 ? consumptionUpToDesktop : legendNumber === stagesLength ? consumptionMoreThanDesktop : consumptionStartingFormDesktop)), /*#__PURE__*/_react.default.createElement(_Magnitude.default, {
-    numberAlias: _aliases.RATE_STAGE_MAGNITUDE,
-    unitAlias: _aliases.RATE_STAGE_MAGNITUDE,
-    value: legendNumber === 1 ? stage.range.at(-1) : stage.range.at(0),
-    unit: stage.unit,
-    Icon: function Icon() {
-      return /*#__PURE__*/_react.default.createElement(assets.EnergyIcon, {
-        className: _stylesModule.default.rateStagesEnergyIcon
-      });
-    },
-    classes: {
-      container: _stylesModule.default.magnitudeContainer
-    }
-  })));
-};
-
-LegendItem.propTypes = {
-  stage: _rateStagesTypes.stageType,
-  showNumber: true,
-  stagesLength: _propTypes.number,
-  contextApiInfo: _smartBillTypes.contextApiInfoTypes,
-  legendNumber: _propTypes.number
-};
-
-var _default = (0, _WithContextApi.default)()(LegendItem);
-
-exports.default = _default;

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/LegendItem/styles.module.scss

@@ -1,57 +0,0 @@
-@import '../../../../../../../../scss/variables/_colors';
-
-$bubble-number-size: 24px;
-
-.legendItemContainer {
-  align-items: center;
-  display: flex;
-  gap: 8px;
-  justify-content: space-between;
-  width: 100%;
-}
-
-.numberItemContainer {
-  display: flex;
-  justify-content: center;
-  padding-bottom: 8px;
-}
-
-.stageDataContainer {
-  align-items: center;
-  display: flex;
-  gap: 16px;
-  justify-content: space-between;
-  width: 100%;
-}
-
-.noNumberStageDataContainer {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  padding-bottom: 16px;
-  width: 100%;
-}
-
-.magnitudeContainer {
-  gap: 8px;
-}
-
-.stageNumber {
-  align-items: center;
-  background-color: $black;
-  border-radius: 500px;
-  display: flex;
-  justify-content: center;
-  min-width: $bubble-number-size;
-  height: $bubble-number-size;
-  width: $bubble-number-size;
-
-  * {
-    color: $white;
-  }
-}
-
-.rateStagesEnergyIcon {
-  height: 18px;
-}