@widergy/utilitygo-smart-bill-web 1.7.3 → 1.10.1

package/dist/shared/types/billDataTypes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.billDataTypes = exports.periodTypes = exports.settlementsTypes = exports.consumptionTypes = void 0;
+exports.settlementsTypes = exports.periodTypes = exports.consumptionTypes = exports.billDataTypes = void 0;
 
 var _propTypes = require("prop-types");
 

package/dist/shared/types/componentsTypes.js

@@ -21,7 +21,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var componentTypes = (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.node, _propTypes.func, _propTypes.any]);
 exports.componentTypes = componentTypes;
-var componentsTypes = (0, _propTypes.shape)((_shape = {}, _defineProperty(_shape, COMPONENTS.BUTTON, componentTypes), _defineProperty(_shape, COMPONENTS.DIALOG, componentTypes), _defineProperty(_shape, COMPONENTS.EXTERNAL_LINK, componentTypes), _defineProperty(_shape, COMPONENTS.LABEL, componentTypes), _defineProperty(_shape, COMPONENTS.PROGRESS_BAR, componentTypes), _defineProperty(_shape, COMPONENTS.TOOLTIP, componentTypes), _defineProperty(_shape, COMPONENTS.TOUCHABLE, componentTypes), _defineProperty(_shape, COMPONENTS.CARD, componentTypes), _defineProperty(_shape, COMPONENTS.MARKDOWN, componentTypes), _defineProperty(_shape, COMPONENTS.TOGGLE, componentTypes), _shape));
+var componentsTypes = (0, _propTypes.shape)((_shape = {}, _defineProperty(_shape, COMPONENTS.BUTTON, componentTypes), _defineProperty(_shape, COMPONENTS.DIALOG, componentTypes), _defineProperty(_shape, COMPONENTS.EXTERNAL_LINK, componentTypes), _defineProperty(_shape, COMPONENTS.LABEL, componentTypes), _defineProperty(_shape, COMPONENTS.PROGRESS_BAR, componentTypes), _defineProperty(_shape, COMPONENTS.TOOLTIP, componentTypes), _defineProperty(_shape, COMPONENTS.TOUCHABLE, componentTypes), _defineProperty(_shape, COMPONENTS.CARD, componentTypes), _defineProperty(_shape, COMPONENTS.MARKDOWN, componentTypes), _defineProperty(_shape, COMPONENTS.TOGGLE, componentTypes), _defineProperty(_shape, COMPONENTS.BAR_CHART, componentTypes), _shape));
 exports.componentsTypes = componentsTypes;
 var unpackedComponentsTypes = {
   Button: componentTypes,
@@ -32,6 +32,8 @@ var unpackedComponentsTypes = {
   Touchable: componentTypes,
   Card: componentTypes,
   Markdown: componentTypes,
-  Toggle: componentTypes
+  Toggle: componentTypes,
+  BarChart: componentTypes,
+  PieChart: componentTypes
 };
 exports.unpackedComponentsTypes = unpackedComponentsTypes;

package/dist/shared/types/rateStagesTypes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.rateStagesTypes = exports.stageType = exports.subStageType = void 0;
+exports.subStageType = exports.stageType = exports.rateStagesTypes = void 0;
 
 var _propTypes = require("prop-types");
 

package/dist/shared/utils/consumptions.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.consumptionDataMapper = exports.getConsumptionHistoryData = exports.getDailyConsumption = exports.getTotalConsumption = exports.getRemainingConsumption = exports.getCurrentConsumption = void 0;
+exports.getTotalConsumption = exports.getRemainingConsumption = exports.getDailyConsumption = exports.getCurrentConsumption = exports.getConsumptionHistoryData = exports.consumptionDataMapper = void 0;
 
-var _moment = _interopRequireDefault(require("moment"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 
 var _lodash = _interopRequireDefault(require("lodash"));
 
@@ -71,7 +71,7 @@ var getDailyConsumption = function getDailyConsumption(period, energyType) {
 exports.getDailyConsumption = getDailyConsumption;
 
 var formatPeriod = function formatPeriod(period) {
-  return period.number && period.year && "".concat(period.number, "/").concat((0, _moment.default)(period.year, 'YYYY').format('YY'));
+  return period.number && period.year && "".concat(period.number, "/").concat((0, _dayjs.default)(period.year, 'YYYY').format('YY'));
 };
 
 var getConsumptionHistoryData = function getConsumptionHistoryData(billDataParameter, energyType, showPeriodsInChronologicalOrder) {

package/dist/shared/utils/context.js

@@ -25,7 +25,9 @@ var unpackComponents = function unpackComponents(contextApiInfo) {
     Touchable: components[COMPONENTS.TOUCHABLE],
     Card: components[COMPONENTS.CARD],
     Markdown: components[COMPONENTS.MARKDOWN],
-    Toggle: components[COMPONENTS.TOGGLE]
+    Toggle: components[COMPONENTS.TOGGLE],
+    BarChart: components[COMPONENTS.BAR_CHART],
+    PieChart: components[COMPONENTS.PIE_CHART]
   };
 };
 

package/dist/shared/utils/periods.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSavingsPercentage = exports.comparePeriods = exports.areSamePeriods = exports.getLastYearPeriod = exports.getCurrentPeriod = void 0;
+exports.getSavingsPercentage = exports.getLastYearPeriod = exports.getCurrentPeriod = exports.comparePeriods = exports.areSamePeriods = void 0;
 
 var _seamlessImmutable = require("seamless-immutable");
 

package/dist/shared/utils/readings.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getActiveEnergyRecord = exports.getReadingPeriod = void 0;
+exports.getReadingPeriod = exports.getActiveEnergyRecord = void 0;
 
 var _seamlessImmutable = require("seamless-immutable");
 

package/dist/shared/utils/stagesGraph.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSubStageWidth = exports.getStageRangeWidth = exports.getSubStageRangeWidth = exports.getCurrentStage = void 0;
+exports.getSubStageWidth = exports.getSubStageRangeWidth = exports.getStageRangeWidth = exports.getCurrentStage = void 0;
 
 var _stagesGraph = require("../constants/stagesGraph");
 

package/dist/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatNumber = exports.numberOrDash = exports.stringOrDash = void 0;
+exports.stringOrDash = exports.numberOrDash = exports.formatNumber = void 0;
 
 var _numeral = _interopRequireDefault(require("config/numeral"));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/utilitygo-smart-bill-web",
-  "version": "1.7.3",
+  "version": "1.10.1",
   "description": "UtilityGO SmartBill Web",
   "license": "MIT",
   "main": "dist/index.js",
@@ -52,14 +52,13 @@
   ],
   "dependencies": {
     "@widergy/web-utils": ">=0.4.1",
+    "dayjs": "^1.10.7",
     "lodash": ">=4.17.4",
-    "moment": ">=2.19.1",
     "node-sass": "^4.11.0",
     "numeral": ">=2.0.6",
     "react-jss": "^8.6.1",
     "react-perfect-scrollbar": "^1.5.3",
     "react-responsive": "^4.1.0",
-    "recharts": "github:widergy/recharts#master",
     "sass-loader": "^7.1.0",
     "seamless-immutable": "^7.1.4",
     "yarn": "^1.22.10"

package/dist/components/BarChart/components/CustomBar/index.js

@@ -1,111 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = require("prop-types");
-
-var _numeral = _interopRequireDefault(require("config/numeral"));
-
-var _utils = require("../../utils");
-
-var _styles = require("../../styles");
-
-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 _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); }
-
-var CustomBar = function CustomBar(_ref) {
-  var x = _ref.x,
-      y = _ref.y,
-      width = _ref.width,
-      height = _ref.height,
-      payload = _ref.payload,
-      currentPeriod = _ref.currentPeriod,
-      lastYearPeriod = _ref.lastYearPeriod,
-      isDesktop = _ref.isDesktop,
-      font = _ref.font,
-      fontSize = _ref.fontSize,
-      rotateNumbers = _ref.rotateNumbers;
-  var period = payload.period;
-  var bar = _styles.styles.bar,
-      label = _styles.styles.label;
-
-  var getBarStyles = function getBarStyles() {
-    switch (period) {
-      case currentPeriod:
-        return {
-          color: bar.currentPeriodBarColor,
-          border: bar.currentPeriodBarBorderColor
-        };
-
-      case lastYearPeriod:
-        return {
-          color: bar.lastYearBarColor,
-          border: bar.lastYearBarBorderColor
-        };
-
-      default:
-        return {
-          color: bar.baseBarColor,
-          border: bar.baseBarBorderColor
-        };
-    }
-  };
-
-  var barStyles = (0, _react.useMemo)(getBarStyles, [period, currentPeriod, lastYearPeriod]);
-  var labelColor = (0, _react.useMemo)((0, _utils.getLabelColor)(period, currentPeriod, lastYearPeriod), [period, currentPeriod, lastYearPeriod]);
-  var transformProps = !rotateNumbers ? {
-    x: x + (isDesktop ? bar.desktopSize : bar.mobileSize) / 2,
-    y: y - label.barLabel.marginBottom,
-    textAnchor: 'middle'
-  } : {
-    x: x + label.barLabel.marginBottom,
-    y: y + (isDesktop ? bar.desktopSize : bar.mobileSize) / 2,
-    transform: 'rotate(-90)',
-    dominantBaseline: 'middle',
-    'transform-origin': "".concat(x, " ").concat(y)
-  };
-  return /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("text", _extends({
-    fontWeight: period === currentPeriod && 'bold',
-    fill: labelColor,
-    fontFamily: font,
-    fontSize: fontSize,
-    opacity: period === currentPeriod ? 1 : label.opacity
-  }, transformProps), (0, _numeral.default)(payload.consumption).format('0,0')), /*#__PURE__*/_react.default.createElement("rect", {
-    x: x,
-    y: y,
-    width: width,
-    height: height,
-    fill: barStyles.color,
-    stroke: barStyles.border
-  }));
-};
-
-CustomBar.propTypes = {
-  x: _propTypes.number,
-  y: _propTypes.number,
-  width: _propTypes.number,
-  height: _propTypes.number,
-  payload: (0, _propTypes.shape)({
-    period: _propTypes.string
-  }),
-  currentPeriod: _propTypes.string,
-  lastYearPeriod: _propTypes.string,
-  isDesktop: _propTypes.bool,
-  font: _propTypes.string,
-  fontSize: _propTypes.number,
-  rotateNumbers: _propTypes.bool
-};
-var _default = CustomBar;
-exports.default = _default;

package/dist/components/BarChart/components/CustomLabelText/index.js

@@ -1,48 +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 _styles = require("../../styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function CustomLabelText(_ref) {
-  var x = _ref.x,
-      y = _ref.y,
-      text = _ref.text,
-      color = _ref.color,
-      bold = _ref.bold,
-      opacity = _ref.opacity,
-      fontFamily = _ref.fontFamily;
-  var label = _styles.styles.label;
-  return /*#__PURE__*/_react.default.createElement("text", {
-    x: x,
-    y: y,
-    alignmentBaseline: "central",
-    fill: color,
-    fontFamily: fontFamily,
-    fontSize: label.fontSize,
-    fontWeight: bold && 'bold',
-    textAnchor: "middle",
-    opacity: opacity
-  }, text);
-}
-
-CustomLabelText.propTypes = {
-  x: _propTypes.number.isRequired,
-  y: _propTypes.number.isRequired,
-  text: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number]).isRequired,
-  color: _propTypes.string.isRequired,
-  bold: _propTypes.bool,
-  fontFamily: _propTypes.string,
-  opacity: _propTypes.number
-};
-var _default = CustomLabelText;
-exports.default = _default;

package/dist/components/BarChart/components/CustomXAxisLabel/index.js

@@ -1,58 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = require("prop-types");
-
-var _CustomLabelText = _interopRequireDefault(require("../CustomLabelText"));
-
-var _utils = require("../../utils");
-
-var _styles = require("../../styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var CustomXAxisLabel = function CustomXAxisLabel(_ref) {
-  var x = _ref.x,
-      y = _ref.y,
-      currentPeriod = _ref.currentPeriod,
-      lastYearPeriod = _ref.lastYearPeriod,
-      payload = _ref.payload,
-      fontFamily = _ref.fontFamily;
-  var label = _styles.styles.label;
-  var period = payload.value;
-  var labelColor = (0, _react.useMemo)((0, _utils.getLabelColor)(period, currentPeriod, lastYearPeriod), [period, currentPeriod, lastYearPeriod]);
-  return /*#__PURE__*/_react.default.createElement("svg", null, /*#__PURE__*/_react.default.createElement(_CustomLabelText.default, {
-    x: x,
-    y: y + label.x.tickMarginTop,
-    bold: true,
-    color: labelColor,
-    opacity: period === currentPeriod ? 1 : label.opacity,
-    text: period,
-    fontFamily: fontFamily
-  }));
-};
-
-CustomXAxisLabel.propTypes = {
-  x: _propTypes.number,
-  y: _propTypes.number,
-  currentPeriod: _propTypes.string,
-  lastYearPeriod: _propTypes.string,
-  fontFamily: _propTypes.string,
-  payload: (0, _propTypes.shape)({
-    value: _propTypes.string
-  })
-};
-var _default = CustomXAxisLabel;
-exports.default = _default;

package/dist/components/BarChart/styles.js

@@ -1,90 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = void 0;
-
-var _colorsExport = _interopRequireDefault(require("../../scss/variables/_colorsExport.scss"));
-
-var _fontFamilies = _interopRequireDefault(require("../../scss/variables/_fontFamilies.scss"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = {
-  chart: {
-    desktop: {
-      size: {
-        width: 600,
-        height: 200
-      },
-      margin: {
-        right: 20,
-        left: -20,
-        bottom: 40,
-        top: 40
-      }
-    },
-    mobile: {
-      size: {
-        width: 350,
-        height: 200
-      },
-      margin: {
-        right: 15,
-        left: -35,
-        bottom: 30,
-        top: 30
-      }
-    },
-    mobileMonthly: {
-      size: {
-        width: 350,
-        height: 250
-      },
-      margin: {
-        right: 15,
-        left: -35,
-        bottom: 30,
-        top: 60
-      }
-    }
-  },
-  xAxis: {
-    color: _colorsExport.default.axisColor
-  },
-  yAxis: {
-    labelAngle: -90
-  },
-  label: {
-    baseColor: _colorsExport.default.gray,
-    currentPeriodColor: _colorsExport.default.primary,
-    lastYearColor: _colorsExport.default.lightPrimary,
-    fontFamily: _fontFamilies.default.nunito,
-    fontSize: 11,
-    opacity: 0.8,
-    x: {
-      tickMarginTop: 5,
-      axisLabelOffset: 10
-    },
-    y: {
-      axisLabelOffset: 15
-    },
-    barLabel: {
-      marginBottom: 7,
-      fontSize: 14,
-      smallFontSize: 10
-    }
-  },
-  bar: {
-    desktopSize: 30,
-    mobileSize: 25,
-    baseBarColor: _colorsExport.default.grayBar,
-    currentPeriodBarColor: _colorsExport.default.primaryBar,
-    lastYearBarColor: _colorsExport.default.lightPrimaryBar,
-    baseBarBorderColor: _colorsExport.default.transparent,
-    currentPeriodBarBorderColor: _colorsExport.default.primary,
-    lastYearBarBorderColor: _colorsExport.default.transparent
-  }
-};
-exports.styles = styles;

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

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderCustomizedLabel = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _constants = require("./constants");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var renderCustomizedLabel = function renderCustomizedLabel(cx, cy, midAngle, innerRadius, outerRadius, percent) {
-  var radius = innerRadius + (outerRadius - innerRadius) * 0.5;
-  var x = cx + radius * Math.cos(-midAngle * _constants.RADIAN);
-  var y = cy + radius * Math.sin(-midAngle * _constants.RADIAN);
-  return /*#__PURE__*/_react.default.createElement("text", {
-    x: x,
-    y: y,
-    fill: "white",
-    textAnchor: x > cx ? 'start' : 'end',
-    dominantBaseline: "central"
-  }, "".concat((percent * 100).toFixed(0), "%"));
-};
-
-exports.renderCustomizedLabel = renderCustomizedLabel;

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

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _smartBillTypes = require("../../../../shared/types/smartBillTypes");
-
-var _billDataTypes = require("../../../../shared/types/billDataTypes");
-
-var _WithContextApi = _interopRequireDefault(require("../../../WithContextApi"));
-
-var _RateAndCategory = _interopRequireDefault(require("../../../RateAndCategory"));
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Rate = function Rate(_ref) {
-  var _billData$rate, _billData$rate2;
-
-  var contextApiInfo = _ref.contextApiInfo,
-      billData = _ref.billData;
-  var config = contextApiInfo.config,
-      Label = contextApiInfo.Label;
-  var rateTitle = config.texts.billSummary.rateTitle;
-  var rate = billData === null || billData === void 0 ? void 0 : (_billData$rate = billData.rate) === null || _billData$rate === void 0 ? void 0 : _billData$rate.purchased;
-  var category = billData === null || billData === void 0 ? void 0 : (_billData$rate2 = billData.rate) === null || _billData$rate2 === void 0 ? void 0 : _billData$rate2.category;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.container
-  }, /*#__PURE__*/_react.default.createElement(Label, {
-    bold: true,
-    large: true,
-    className: _stylesModule.default.title
-  }, rateTitle), /*#__PURE__*/_react.default.createElement(_RateAndCategory.default, {
-    rate: rate,
-    category: category,
-    classes: {
-      container: _stylesModule.default.rateAndCategoryContainer,
-      purchasedRate: _stylesModule.default.purchasedRate,
-      category: _stylesModule.default.category
-    }
-  }));
-};
-
-Rate.propTypes = {
-  contextApiInfo: _smartBillTypes.contextApiInfoTypes,
-  billData: _billDataTypes.billDataTypes
-};
-
-var _default = (0, _WithContextApi.default)()(Rate);
-
-exports.default = _default;

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

@@ -1,43 +0,0 @@
-@import '../../../../scss/variables/_colorsExport.scss';
-@import '../../../../scss/variables/_fontSizes';
-@import '../../../../scss/variables/_mediaQueries';
-@import '../../../..scss/variables/_sizes';
-
-.container {
-  background-color: $white;
-  border: 1px solid $borders-gray;
-  border-radius: $default-container-border-radius;
-  display: flex;
-  flex-flow: column;
-  justify-content: space-between;
-  padding: $default-container-padding;
-  width: 50%;
-
-  @media #{$tablet-mobile} {
-    padding: $default-container-padding;
-  }
-}
-
-.title {
-  margin-bottom: 15px;
-
-  @media #{$tablet-mobile} {
-    margin-bottom: 0;
-  }
-}
-
-.rateAndCategoryContainer {
-  @media #{$tablet-mobile} {
-    align-items: flex-start;
-  }
-}
-
-.purchasedRate {
-  font-size: $xxlarge;
-  margin-bottom: 9px;
-}
-
-.category {
-  font-size: $small;
-  padding: 7px 10px;
-}