@widergy/utilitygo-smart-bill-web 2.1.1 → 2.2.0

package/dist/components/ConsumptionIncluded/components/TimelineRow/styles.module.scss

@@ -1,5 +1,5 @@
-@import '../../../../scss/variables/_mediaQueries';
-@import '../../../../scss/variables/_colors';
+@import '../../../../scss/variables/mediaQueries.module.scss';
+@import '../../../../scss/variables/colors.module.scss';
 
 $widht-check-icon: 24px;
 $height-check-icon: 24px;

package/dist/components/ConsumptionIncluded/index.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/dist/components/ConsumptionIncluded/styles.module.scss

@@ -1,4 +1,4 @@
-@import '../../scss/variables/_mediaQueries';
+@import '../../scss/variables/mediaQueries.module.scss';
 
 .timelineRowContainer {
   display: flex;

package/dist/components/ConsumptionIncluded/utils.js

@@ -28,12 +28,12 @@ var getBimesterDate = function getBimesterDate(periods, text) {
 exports.getBimesterDate = getBimesterDate;
 var getTotalDaysDescriptionComsumption = function getTotalDaysDescriptionComsumption(period, texts) {
   var _period$settlements;
-  var totalDays = period === null || period === void 0 ? void 0 : (_period$settlements = period.settlements) === null || _period$settlements === void 0 ? void 0 : _period$settlements.total_settlements_days;
+  var totalDays = period === null || period === void 0 || (_period$settlements = period.settlements) === null || _period$settlements === void 0 ? void 0 : _period$settlements.total_settlements_days;
   return "".concat(totalDays, " ").concat(texts.days);
 };
 var getTotalDaysDescriptionSettlement = function getTotalDaysDescriptionSettlement(period, texts, dataRetriver) {
   var _period$settlements2;
-  var totalDays = period === null || period === void 0 ? void 0 : (_period$settlements2 = period.settlements) === null || _period$settlements2 === void 0 ? void 0 : _period$settlements2.total_settlements_days;
+  var totalDays = period === null || period === void 0 || (_period$settlements2 = period.settlements) === null || _period$settlements2 === void 0 ? void 0 : _period$settlements2.total_settlements_days;
   var currentConsumptionDays = dataRetriver(period).days;
   return currentConsumptionDays && totalDays ? "".concat(currentConsumptionDays, " ").concat(texts.of, " ").concat(totalDays, " ").concat(texts.days) : '-';
 };
@@ -44,16 +44,16 @@ var getConsumptionDescriptionSettlement = function getConsumptionDescriptionSett
 var getCardSubtitleSettlement = function getCardSubtitleSettlement(period, text, dataRetriver) {
   var _period$settlements3;
   var currentSettlement = dataRetriver(period).number || 0;
-  var totalSettlements = (period === null || period === void 0 ? void 0 : (_period$settlements3 = period.settlements) === null || _period$settlements3 === void 0 ? void 0 : _period$settlements3.total_settlements) || 0;
+  var totalSettlements = (period === null || period === void 0 || (_period$settlements3 = period.settlements) === null || _period$settlements3 === void 0 ? void 0 : _period$settlements3.total_settlements) || 0;
   return "".concat(text.settlement, " ").concat(currentSettlement, " ").concat(text.of, " ").concat(totalSettlements);
 };
 var getCurrent = function getCurrent(period) {
   var _period$settlements4;
-  return (period === null || period === void 0 ? void 0 : (_period$settlements4 = period.settlements) === null || _period$settlements4 === void 0 ? void 0 : _period$settlements4.current) || {};
+  return (period === null || period === void 0 || (_period$settlements4 = period.settlements) === null || _period$settlements4 === void 0 ? void 0 : _period$settlements4.current) || {};
 };
 var getRemaining = function getRemaining(period) {
-  var _period$settlements5, _period$settlements5$;
-  return (period === null || period === void 0 ? void 0 : (_period$settlements5 = period.settlements) === null || _period$settlements5 === void 0 ? void 0 : (_period$settlements5$ = _period$settlements5.remaining) === null || _period$settlements5$ === void 0 ? void 0 : _period$settlements5$[0]) || {};
+  var _period$settlements5;
+  return (period === null || period === void 0 || (_period$settlements5 = period.settlements) === null || _period$settlements5 === void 0 || (_period$settlements5 = _period$settlements5.remaining) === null || _period$settlements5 === void 0 ? void 0 : _period$settlements5[0]) || {};
 };
 var consumptionMapper = function consumptionMapper(period, texts) {
   var _period$settlements6, _period$settlements7;
@@ -70,7 +70,7 @@ var consumptionMapper = function consumptionMapper(period, texts) {
   };
 };
 var settlementCurrentMapper = function settlementCurrentMapper(period, texts) {
-  var _period$settlements8, _period$settlements8$, _period$settlements9, _period$settlements9$, _period$settlements10, _period$settlements11;
+  var _period$settlements8, _period$settlements9, _period$settlements10;
   return {
     cardTitle: texts.billing,
     cardSubtitle: getCardSubtitleSettlement(period, texts, getCurrent),
@@ -78,14 +78,14 @@ var settlementCurrentMapper = function settlementCurrentMapper(period, texts) {
     cardDescription2: getTotalDaysDescriptionSettlement(period, texts, getCurrent),
     value: (0, _consumptions.getCurrentConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).value,
     unit: (0, _consumptions.getCurrentConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
-    date: period !== null && period !== void 0 && (_period$settlements8 = period.settlements) !== null && _period$settlements8 !== void 0 && (_period$settlements8$ = _period$settlements8.current) !== null && _period$settlements8$ !== void 0 && _period$settlements8$.issued_on ? (0, _dayjs.default)(period.settlements.current.issued_on, 'YYYY-MM-DD').format('DD/MM/YYYY') : '-',
-    settlementNumber: (period === null || period === void 0 ? void 0 : (_period$settlements9 = period.settlements) === null || _period$settlements9 === void 0 ? void 0 : (_period$settlements9$ = _period$settlements9.current) === null || _period$settlements9$ === void 0 ? void 0 : _period$settlements9$.number) || '-',
+    date: period !== null && period !== void 0 && (_period$settlements8 = period.settlements) !== null && _period$settlements8 !== void 0 && (_period$settlements8 = _period$settlements8.current) !== null && _period$settlements8 !== void 0 && _period$settlements8.issued_on ? (0, _dayjs.default)(period.settlements.current.issued_on, 'YYYY-MM-DD').format('DD/MM/YYYY') : '-',
+    settlementNumber: (period === null || period === void 0 || (_period$settlements9 = period.settlements) === null || _period$settlements9 === void 0 || (_period$settlements9 = _period$settlements9.current) === null || _period$settlements9 === void 0 ? void 0 : _period$settlements9.number) || '-',
     isCurrent: true,
-    order: period === null || period === void 0 ? void 0 : (_period$settlements10 = period.settlements) === null || _period$settlements10 === void 0 ? void 0 : (_period$settlements11 = _period$settlements10.current) === null || _period$settlements11 === void 0 ? void 0 : _period$settlements11.number
+    order: period === null || period === void 0 || (_period$settlements10 = period.settlements) === null || _period$settlements10 === void 0 || (_period$settlements10 = _period$settlements10.current) === null || _period$settlements10 === void 0 ? void 0 : _period$settlements10.number
   };
 };
 var settlementRemainingMapper = function settlementRemainingMapper(period, texts) {
-  var _period$settlements12, _period$settlements13, _period$settlements14, _period$settlements15, _period$settlements16, _period$settlements17, _period$settlements18, _period$settlements19;
+  var _period$settlements11, _period$settlements12, _period$settlements13;
   return {
     cardTitle: texts.billing,
     cardSubtitle: getCardSubtitleSettlement(period, texts, getRemaining),
@@ -93,10 +93,10 @@ var settlementRemainingMapper = function settlementRemainingMapper(period, texts
     cardDescription2: getTotalDaysDescriptionSettlement(period, texts, getRemaining),
     value: (0, _consumptions.getRemainingConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).value,
     unit: (0, _consumptions.getRemainingConsumption)(period, _consumptions2.ENERGY_TYPES.ACTIVE).unit,
-    date: (period === null || period === void 0 ? void 0 : (_period$settlements12 = period.settlements) === null || _period$settlements12 === void 0 ? void 0 : (_period$settlements13 = _period$settlements12.remaining) === null || _period$settlements13 === void 0 ? void 0 : _period$settlements13.length) > 0 ? (0, _dayjs.default)(period.settlements.remaining[0].issued_on, 'YYYY-MM-DD').format('DD/MM/YYYY') : '-',
-    settlementNumber: (period === null || period === void 0 ? void 0 : (_period$settlements14 = period.settlements) === null || _period$settlements14 === void 0 ? void 0 : (_period$settlements15 = _period$settlements14.remaining) === null || _period$settlements15 === void 0 ? void 0 : (_period$settlements16 = _period$settlements15[0]) === null || _period$settlements16 === void 0 ? void 0 : _period$settlements16.number) || '-',
+    date: (period === null || period === void 0 || (_period$settlements11 = period.settlements) === null || _period$settlements11 === void 0 || (_period$settlements11 = _period$settlements11.remaining) === null || _period$settlements11 === void 0 ? void 0 : _period$settlements11.length) > 0 ? (0, _dayjs.default)(period.settlements.remaining[0].issued_on, 'YYYY-MM-DD').format('DD/MM/YYYY') : '-',
+    settlementNumber: (period === null || period === void 0 || (_period$settlements12 = period.settlements) === null || _period$settlements12 === void 0 || (_period$settlements12 = _period$settlements12.remaining) === null || _period$settlements12 === void 0 || (_period$settlements12 = _period$settlements12[0]) === null || _period$settlements12 === void 0 ? void 0 : _period$settlements12.number) || '-',
     isRemaining: true,
-    order: period === null || period === void 0 ? void 0 : (_period$settlements17 = period.settlements) === null || _period$settlements17 === void 0 ? void 0 : (_period$settlements18 = _period$settlements17.remaining) === null || _period$settlements18 === void 0 ? void 0 : (_period$settlements19 = _period$settlements18[0]) === null || _period$settlements19 === void 0 ? void 0 : _period$settlements19.number
+    order: period === null || period === void 0 || (_period$settlements13 = period.settlements) === null || _period$settlements13 === void 0 || (_period$settlements13 = _period$settlements13.remaining) === null || _period$settlements13 === void 0 || (_period$settlements13 = _period$settlements13[0]) === null || _period$settlements13 === void 0 ? void 0 : _period$settlements13.number
   };
 };
 var dataMapper = function dataMapper() {

package/dist/components/ConsumptionPeriod/components/ConsumptionSummary/components/ReadingRow/styles.module.scss

@@ -1,4 +1,4 @@
-@import '../../../../../../scss/variables/_colorsExport.scss';
+@import '../../../../../../scss/variables/colorsExport.module.scss';
 
 .container {
   align-items: center;

package/dist/components/ConsumptionPeriod/components/ConsumptionSummary/styles.module.scss

@@ -1,5 +1,5 @@
-@import '../../../../scss/variables/_colorsExport.scss';
-@import '../../../../scss/variables/_sizes.scss';
+@import '../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../scss/variables/sizes.module.scss';
 
 .container {
   align-items: center;

package/dist/components/ConsumptionPeriod/components/HistoryGraph/index.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -21,7 +21,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 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 = 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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var HistoryGraph = function HistoryGraph(_ref) {
   var billData = _ref.billData,

package/dist/components/ConsumptionPeriod/components/HistoryGraph/styles.module.scss

@@ -1,5 +1,5 @@
-@import '../../../../scss/variables/_colorsExport.scss';
-@import '../../../../scss/variables/_sizes.scss';
+@import '../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../scss/variables/sizes.module.scss';
 
 .container {
   align-items: center;

package/dist/components/ConsumptionPeriod/components/Reading/styles.module.scss

@@ -1,6 +1,6 @@
-@import '../../../../scss/variables/_colorsExport.scss';
-@import '../../../../scss/variables/_sizes.scss';
-@import '../../../../scss/variables/_mediaQueries';
+@import '../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../scss/variables/sizes.module.scss';
+@import '../../../../scss/variables/mediaQueries.module.scss';
 
 .container {
   background-color: $white;

package/dist/components/ConsumptionPeriod/index.js

@@ -33,7 +33,7 @@ var ConsumptionPeriod = function ConsumptionPeriod(_ref) {
     className: _stylesModule.default.readingsAndDesktopSummaryContainer
   }, /*#__PURE__*/_react.default.createElement(_Reading.default, {
     title: texts.consumptionPeriod.initialReading,
-    date: currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.start_date,
+    date: currentPeriod === null || currentPeriod === void 0 || (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.start_date,
     readingType: initialReading.type,
     readingValue: (0, _readings.getActiveEnergyRecord)(initialReading).value,
     classes: {
@@ -45,7 +45,7 @@ var ConsumptionPeriod = function ConsumptionPeriod(_ref) {
     }
   })), /*#__PURE__*/_react.default.createElement(_Reading.default, {
     title: texts.consumptionPeriod.finalReading,
-    date: currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle2 = currentPeriod.settlements) === null || _currentPeriod$settle2 === void 0 ? void 0 : _currentPeriod$settle2.end_date,
+    date: currentPeriod === null || currentPeriod === void 0 || (_currentPeriod$settle2 = currentPeriod.settlements) === null || _currentPeriod$settle2 === void 0 ? void 0 : _currentPeriod$settle2.end_date,
     readingType: finalReading.type,
     readingValue: (0, _readings.getActiveEnergyRecord)(finalReading).value,
     classes: {

package/dist/components/ConsumptionPeriod/styles.module.scss

@@ -1,4 +1,4 @@
-@import '../../scss/variables/_mediaQueries';
+@import '../../scss/variables/mediaQueries.module.scss';
 
 .container {
   align-items: center;

package/dist/components/DebtState/styles.module.scss

@@ -1,4 +1,4 @@
-@import '../../scss/variables/_colorsExport.scss';
+@import '../../scss/variables/colorsExport.module.scss';
 
 .container {
   align-items: center;

package/dist/components/MainBillData/components/BillAlert/components/BillParticularConditions/styles.module.scss

@@ -1,4 +1,4 @@
-@import '../../../../../../scss/variables/_colorsExport.scss';
+@import '../../../../../../scss/variables/colorsExport.module.scss';
 
 $disc: '\2022';
 

package/dist/components/MainBillData/components/BillAlert/index.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,7 +19,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 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 = 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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var BillAlert = function BillAlert(_ref) {
   var contextApiInfo = _ref.contextApiInfo,

package/dist/components/MainBillData/components/BillAlert/styles.module.scss

@@ -1,6 +1,6 @@
-@import '../../../../scss/variables/_colorsExport.scss';
-@import '../../../../scss/variables/_mediaQueries';
-@import '../../../../scss/variables/_sizes.scss';
+@import '../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../scss/variables/mediaQueries.module.scss';
+@import '../../../../scss/variables/sizes.module.scss';
 
 .container {
   align-items: center;

package/dist/components/MainBillData/components/BillBody/components/ClientData/styles.module.scss

@@ -1,6 +1,6 @@
-@import '../../../../../../scss/variables/_colorsExport.scss';
-@import '../../../../../../scss/variables/_mediaQueries';
-@import '../../../../../../scss/variables/_sizes';
+@import '../../../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../../../scss/variables/mediaQueries.module.scss';
+@import '../../../../../../scss/variables/sizes.module.scss';
 
 %assets-styles {
   fill: $dark-gray !important;

package/dist/components/MainBillData/components/BillBody/components/Consumption/styles.module.scss

@@ -1,5 +1,5 @@
-@import '../../../../../../scss/variables/_colorsExport.scss';
-@import '../../../../../../scss/variables/_sizes';
+@import '../../../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../../../scss/variables/sizes.module.scss';
 
 .container {
   background-color: $white;

package/dist/components/MainBillData/components/BillBody/components/ReadingDetails/styles.module.scss

@@ -1,6 +1,6 @@
-@import '../../../../../../scss/variables/_mediaQueries';
-@import '../../../../../../scss/variables/_colorsExport.scss';
-@import '../../../../../../scss/variables/_sizes';
+@import '../../../../../../scss/variables/mediaQueries.module.scss';
+@import '../../../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../../../scss/variables/sizes.module.scss';
 
 %svg-styles {
   > svg {

package/dist/components/MainBillData/components/BillBody/index.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/dist/components/MainBillData/components/BillBody/styles.module.scss

@@ -1,4 +1,4 @@
-@import '.../../../../../../scss/variables/_mediaQueries';
+@import '.../../../../../../scss/variables/mediaQueries.module.scss';
 
 .container {
   display: flex;

package/dist/components/MainBillData/components/BillHeader/components/TypeAndNumber/styles.module.scss

@@ -1,5 +1,5 @@
-@import '../../../../../../scss/variables/_colorsExport.scss';
-@import '../../../../../../scss/variables/_mediaQueries';
+@import '../../../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../../../scss/variables/mediaQueries.module.scss';
 
 .container {
   align-items: flex-start;

package/dist/components/MainBillData/components/BillHeader/index.js

@@ -19,7 +19,7 @@ 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 BillHeader = function BillHeader(_ref) {
-  var _currentPeriod$settle, _currentPeriod$settle2, _currentPeriod$settle3;
+  var _currentPeriod$settle, _currentPeriod$settle2;
   var contextApiInfo = _ref.contextApiInfo,
     billData = _ref.billData;
   var assets = contextApiInfo.assets,
@@ -29,8 +29,8 @@ var BillHeader = function BillHeader(_ref) {
     isDesktopSize = _useScreenSize.isDesktopSize,
     isMobileOrTablet = _useScreenSize.isMobileOrTablet;
   var currentPeriod = (0, _periods.getCurrentPeriod)(billData);
-  var issuedOnDate = currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : (_currentPeriod$settle2 = _currentPeriod$settle.current) === null || _currentPeriod$settle2 === void 0 ? void 0 : _currentPeriod$settle2.issued_on;
-  var totalSettlements = currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle3 = currentPeriod.settlements) === null || _currentPeriod$settle3 === void 0 ? void 0 : _currentPeriod$settle3.total_settlements;
+  var issuedOnDate = currentPeriod === null || currentPeriod === void 0 || (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 || (_currentPeriod$settle = _currentPeriod$settle.current) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.issued_on;
+  var totalSettlements = currentPeriod === null || currentPeriod === void 0 || (_currentPeriod$settle2 = currentPeriod.settlements) === null || _currentPeriod$settle2 === void 0 ? void 0 : _currentPeriod$settle2.total_settlements;
   var debtStatusLabel = billData.debt_status_label;
   var debtStatusValidation = debtStatusLabel !== null;
   var multipleSettlements = totalSettlements > 1;

package/dist/components/MainBillData/components/BillHeader/styles.module.scss

@@ -1,6 +1,6 @@
-@import '../../../../scss/variables/_mediaQueries';
-@import '../../../../scss/variables/_colorsExport.scss';
-@import '../../../../scss/variables/_sizes.scss';
+@import '../../../../scss/variables/mediaQueries.module.scss';
+@import '../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../scss/variables/sizes.module.scss';
 
 .container {
   background-color: $white;

package/dist/components/MainBillData/index.js

@@ -19,7 +19,7 @@ var MainBillData = function MainBillData(_ref) {
   var billData = _ref.billData,
     classes = _ref.classes;
   var currentPeriod = (0, _periods.getCurrentPeriod)(billData);
-  var multipleSettlements = (currentPeriod === null || currentPeriod === void 0 ? void 0 : (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.total_settlements) > 1;
+  var multipleSettlements = (currentPeriod === null || currentPeriod === void 0 || (_currentPeriod$settle = currentPeriod.settlements) === null || _currentPeriod$settle === void 0 ? void 0 : _currentPeriod$settle.total_settlements) > 1;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
   }, /*#__PURE__*/_react.default.createElement(_BillHeader.default, {

package/dist/components/MainBillData/styles.module.scss

@@ -1,6 +1,6 @@
-@import '../../scss/variables/_colorsExport.scss';
-@import '../../scss/variables/_sizes.scss';
-@import '../../scss/variables/_mediaQueries.scss';
+@import '../../scss/variables/colorsExport.module.scss';
+@import '../../scss/variables/sizes.module.scss';
+@import '../../scss/variables/mediaQueries.module.scss';
 
 .container {
   align-items: center;

package/dist/components/Period/index.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -52,7 +52,7 @@ var Period = function Period(_ref) {
   var periodicity = settlements === null || settlements === void 0 ? void 0 : settlements.periodicity;
   var periodNumber = currentPeriod.number,
     year = currentPeriod.year;
-  var currentSettlement = settlements === null || settlements === void 0 ? void 0 : (_settlements$current = settlements.current) === null || _settlements$current === void 0 ? void 0 : _settlements$current.number;
+  var currentSettlement = settlements === null || settlements === void 0 || (_settlements$current = settlements.current) === null || _settlements$current === void 0 ? void 0 : _settlements$current.number;
   var totalSettlements = settlements === null || settlements === void 0 ? void 0 : settlements.total_settlements;
   var startDate = (0, _dayjs.default)(settlements === null || settlements === void 0 ? void 0 : settlements.start_date).format('DD/MM');
   var endDate = (0, _dayjs.default)(settlements === null || settlements === void 0 ? void 0 : settlements.end_date).format('DD/MM');

package/dist/components/Period/styles.module.scss

@@ -1,7 +1,7 @@
-@import '../../scss/variables/_colorsExport.scss';
-@import '../../scss/variables/_fontSizes.scss';
-@import '../../scss/variables/_mediaQueries';
-@import '../../scss/variables/_sizes';
+@import '../../scss/variables/colorsExport.module.scss';
+@import '../../scss/variables/fontSizes.module.scss';
+@import '../../scss/variables/mediaQueries.module.scss';
+@import '../../scss/variables/sizes.module.scss';
 
 .withIssuedDateContainer {
   background-color: $white;

package/dist/components/PowerProgresBar/index.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/dist/components/PowerProgresBar/styles.module.scss

@@ -1,6 +1,6 @@
-@import '../../scss/variables/_colorsExport.scss';
-@import '../../scss/variables/_sizes';
-@import '../../scss/variables/_mediaQueries.scss';
+@import '../../scss/variables/colorsExport.module.scss';
+@import '../../scss/variables/sizes.module.scss';
+@import '../../scss/variables/mediaQueries.module.scss';
 
 %exceededPower {
   display: flex;

package/dist/components/RateAndCategory/index.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/dist/components/RateAndCategory/styles.module.scss

@@ -1,5 +1,5 @@
-@import '../../scss/variables/_colorsExport.scss';
-@import '../../scss/variables/_sizes.scss';
+@import '../../scss/variables/colorsExport.module.scss';
+@import '../../scss/variables/sizes.module.scss';
 
 .container {
   align-items: center;

package/dist/components/RatesDefinition/components/BillRate/components/RatePrices/styles.module.scss

@@ -1,4 +1,4 @@
-@import '../../../../../../scss/variables/_colorsExport.scss';
+@import '../../../../../../scss/variables/colorsExport.module.scss';
 
 .container {
   align-items: center;

package/dist/components/RatesDefinition/components/BillRate/styles.module.scss

@@ -1,6 +1,6 @@
-@import '../../../../scss/variables/_colorsExport.scss';
-@import '../../../../scss/variables/_mediaQueries';
-@import '../../../../scss/variables/_sizes.scss';
+@import '../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../scss/variables/mediaQueries.module.scss';
+@import '../../../../scss/variables/sizes.module.scss';
 
 .container {  
   align-items: center;

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/Category/styles.module.scss

@@ -1,6 +1,6 @@
-@import '../../../../../../scss/variables/_colorsExport.scss';
-@import '../../../../../../scss/variables/_mediaQueries';
-@import '../../../../../../scss/variables/_sizes.scss';
+@import '../../../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../../../scss/variables/mediaQueries.module.scss';
+@import '../../../../../../scss/variables/sizes.module.scss';
 
 .container {
   align-items: center;

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/components/Indicator/components/IndicatorLabel/styles.module.scss

@@ -1,4 +1,4 @@
-@import '../../../../../../../../../../scss/variables/_colors';
+@import '../../../../../../../../../../scss/variables/colors.module.scss';
 
 .container {
   display: flex;

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

@@ -1,5 +1,5 @@
-@import '../../../../../../../../scss/variables/_colorsExport.scss';
-@import '../../../../../../../../scss/variables/_mediaQueries';
+@import '../../../../../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../../../../../scss/variables/mediaQueries.module.scss';
 
 .legendContainer {
   border-top: 1px solid $borders-gray;

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

@@ -1,5 +1,5 @@
-@import '../../../../../../../../scss/variables/_colorsExport.scss';
-@import '../../../../../../../../scss/variables/_mediaQueries';
+@import '../../../../../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../../../../../scss/variables/mediaQueries.module.scss';
 
 $substage-spacing: 4px;
 $substage-spacing-responsive: 2px;

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

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -22,7 +22,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 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 = 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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var RateStagesGraph = function RateStagesGraph(_ref) {
   var value = _ref.value,

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

@@ -1,6 +1,6 @@
-@import '../../../../../../scss/variables/_colorsExport.scss';
-@import '../../../../../../scss/variables/_mediaQueries';
-@import '../../../../../../scss/variables/_sizes.scss';
+@import '../../../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../../../scss/variables/mediaQueries.module.scss';
+@import '../../../../../../scss/variables/sizes.module.scss';
 
 .container {
   display: flex;

package/dist/components/RatesDefinition/components/CategoryByConsumption/components/RateStagesGraph/utils.js

@@ -7,9 +7,9 @@ exports.getStagesFormattedData = void 0;
 var _lodash = _interopRequireDefault(require("lodash"));
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }

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

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -22,7 +22,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 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 = 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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var CategoryByConsumption = function CategoryByConsumption(_ref) {
   var contextApiInfo = _ref.contextApiInfo,

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

@@ -1,6 +1,6 @@
-@import '../../../../scss/variables/_colorsExport.scss';
-@import '../../../../scss/variables/_mediaQueries';
-@import '../../../../scss/variables/_sizes.scss';
+@import '../../../../scss/variables/colorsExport.module.scss';
+@import '../../../../scss/variables/mediaQueries.module.scss';
+@import '../../../../scss/variables/sizes.module.scss';
 
 .container {
   background-color: $white;