intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/UI/Modal/ModalHOC.js

@@ -1,51 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactFeather = require("react-feather");
-
 require("./Modal.scss");
-
-var _Modal2 = require("./Modal");
-
-var _ModalTitle = _interopRequireDefault(require("./partials/ModalTitle"));
-
-var Modal = function Modal(_ref) {
-  var _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? 100 : _ref$zIndex,
-      isOpen = _ref.isOpen,
-      closeModal = _ref.closeModal,
-      children = _ref.children,
-      className = _ref.className,
-      size = _ref.size,
-      testId = _ref.testId;
+const Modal = _ref => {
+  let {
+    zIndex = 100,
+    isOpen,
+    closeModal,
+    children,
+    className,
+    size,
+    testId
+  } = _ref;
   if (!isOpen) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      zIndex: zIndex
+      zIndex
     },
     "data-testid": testId,
     className: "modal-box j5"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'modal-closeOverlay',
+    "data-testid": "modal-closeOverlay",
     className: "modal-overlay",
     onClick: closeModal
   }), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       width: size
     },
-    className: (0, _classnames.default)(className, 'modal')
+    className: (0, _classnames.default)(className, "modal")
   }, children));
 };
-
-var _default = Modal;
-exports.default = _default;
+var _default = exports.default = Modal;

package/dist/Atomic/UI/Modal/ModalMobile.scss

@@ -8,30 +8,36 @@
   }
 }
 
-@media only screen and (max-width:767px) {
+@media only screen and (max-width: 767px) {
   .modal-mobile-container {
-    height: 100dvh;
-    width: 100dvw;
     position: relative;
+    z-index: 100;
+
     overflow-y: auto;
+
     box-sizing: border-box;
+    width: 100dvw;
+    height: 100dvh;
+
     border-radius: 16px 16px 0 0;
-    z-index: 100;
 
     .modal {
-      margin-top: 16px!important;
-      max-height: unset!important;
       max-width: 100vw;
+      max-height: unset !important;
+      margin-top: 16px !important;
+
       border-radius: 16px 16px 0 0;
-      animation-duration: 0.4s;
+
       animation-name: slideup;
+      animation-duration: 0.4s;
 
       &__header,
       &__footer {
+        z-index: 2;
         left: 0;
-        width: 100%;
+
         box-sizing: border-box;
-        z-index: 2;
+        width: 100%;
 
         &--hidden {
           position: relative;
@@ -39,6 +45,7 @@
 
         &--sticky {
           position: sticky;
+
           box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
         }
       }
@@ -48,7 +55,7 @@
       }
 
       &__footer {
-        border-radius: 0!important;
+        border-radius: 0 !important;
       }
 
       &__footer {
@@ -57,7 +64,7 @@
     }
 
     .modal:not(.modal--no-header) .modal__body {
-      border-radius: 0!important;
+      border-radius: 0 !important;
     }
   }
 }

package/dist/Atomic/UI/Modal/partials/ModalFooter.js

@@ -1,26 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
-var ModalFooter = function ModalFooter(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      children = _ref.children,
-      wrapperRef = _ref.wrapperRef;
+const ModalFooter = _ref => {
+  let {
+    className = "",
+    children,
+    wrapperRef
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: wrapperRef,
-    className: (0, _classnames.default)('modal__footer', className)
+    className: (0, _classnames.default)("modal__footer", className)
   }, children);
 };
-
-var _default = ModalFooter;
-exports.default = _default;
+var _default = exports.default = ModalFooter;

package/dist/Atomic/UI/Modal/partials/ModalTitle.js

@@ -1,44 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
-var ModalTitle = function ModalTitle(_ref) {
-  var _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
-      children = _ref.children,
-      isForced = _ref.isForced,
-      onClose = _ref.onClose,
-      noHeaderCloseBtn = _ref.noHeaderCloseBtn,
-      className = _ref.className,
-      wrapperRef = _ref.wrapperRef;
+const ModalTitle = _ref => {
+  let {
+    variant = "primary",
+    children,
+    isForced,
+    onClose,
+    noHeaderCloseBtn,
+    className,
+    wrapperRef
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: wrapperRef,
-    className: (0, _classnames.default)('modal__header', className, (0, _defineProperty2.default)({}, "modal__header-".concat(variant), variant))
+    className: (0, _classnames.default)("modal__header", className, {
+      ["modal__header-".concat(variant)]: variant
+    })
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)('modal__header-title', (0, _defineProperty2.default)({}, "modal__header-".concat(variant, "-title"), variant))
+    className: (0, _classnames.default)("modal__header-title", {
+      ["modal__header-".concat(variant, "-title")]: variant
+    })
   }, children), !isForced && /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'modal--button-closeCross',
+    "data-testid": "modal--button-closeCross",
     onClick: onClose,
-    className: (0, _classnames.default)('modal-close-icon-box', {
-      'modal-close-icon-box-primary': variant === 'primary'
+    className: (0, _classnames.default)("modal-close-icon-box", {
+      "modal-close-icon-box-primary": variant === "primary"
     })
   }, !noHeaderCloseBtn && /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
     className: "modal-close-icon"
   })));
 };
-
-var _default = ModalTitle;
-exports.default = _default;
+var _default = exports.default = ModalTitle;

package/dist/Atomic/UI/Modal/partials/useMobileModal.js

@@ -1,204 +1,144 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useMobileModal;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _useIsMobile2 = _interopRequireDefault(require("../../../../Functions/useIsMobile"));
-
-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 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) { (0, _defineProperty2.default)(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; }
-
-var SCROLL_DIRECTION = {
-  UP: 'up',
-  DOWN: 'down'
+var _useIsMobile = _interopRequireDefault(require("../../../../Functions/useIsMobile"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const SCROLL_DIRECTION = {
+  UP: "up",
+  DOWN: "down"
 };
-
 function useMobileModal(_ref) {
-  var _modalMobileHeaderRef5, _modalMobileHeaderRef6, _modalMobileFooterRef5, _modalMobileFooterRef6;
-
-  var _ref$modalRef = _ref.modalRef,
-      modalRef = _ref$modalRef === void 0 ? null : _ref$modalRef,
-      _ref$withMobileLogic = _ref.withMobileLogic,
-      withMobileLogic = _ref$withMobileLogic === void 0 ? false : _ref$withMobileLogic,
-      isOpen = _ref.isOpen;
-  var modalMobileContainerRef = (0, _react.useRef)(null);
-  var modalMobileHeaderRef = (0, _react.useRef)(null);
-  var modalMobileFooterRef = (0, _react.useRef)(null);
-  var modalMobileBodyRef = (0, _react.useRef)(null);
-
-  var _useIsMobile = (0, _useIsMobile2.default)(),
-      isMobile = _useIsMobile.isMobile;
-
-  var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      modalHeight = _useState2[0],
-      setModalHeight = _useState2[1];
-
-  var _useState3 = (0, _react.useState)({
+  var _modalMobileHeaderRef3, _modalMobileFooterRef3;
+  let {
+    modalRef = null,
+    withMobileLogic = false,
+    isOpen
+  } = _ref;
+  const modalMobileContainerRef = (0, _react.useRef)(null);
+  const modalMobileHeaderRef = (0, _react.useRef)(null);
+  const modalMobileFooterRef = (0, _react.useRef)(null);
+  const modalMobileBodyRef = (0, _react.useRef)(null);
+  const {
+    isMobile
+  } = (0, _useIsMobile.default)();
+  const [modalHeight, setModalHeight] = (0, _react.useState)(0);
+  const [modalsLogic, setModalsLogic] = (0, _react.useState)({
     IS_HEADER_HIDDEN: false,
     IS_HEADER_STICKY: false,
     IS_FOOTER_HIDDEN: false,
     IS_FOOTER_STICKY: false
-  }),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      modalsLogic = _useState4[0],
-      setModalsLogic = _useState4[1];
-
-  var _useState5 = (0, _react.useState)({
+  });
+  const [modalsLogicProps, setModalsLogicProps] = (0, _react.useState)({
     headerHeight: 0,
     footerHeight: 0
-  }),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      modalsLogicProps = _useState6[0],
-      setModalsLogicProps = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(SCROLL_DIRECTION.UP),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      scrollDirection = _useState8[0],
-      setScrollDirection = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(0),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      scrollTopPrev = _useState10[0],
-      setScrollTopPrev = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(0),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      scrollTop = _useState12[0],
-      setScrollTop = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(1),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      scrollHeight = _useState14[0],
-      setScrollHeight = _useState14[1];
+  });
+  const [scrollDirection, setScrollDirection] = (0, _react.useState)(SCROLL_DIRECTION.UP);
+  const [scrollTopPrev, setScrollTopPrev] = (0, _react.useState)(0);
+  const [scrollTop, setScrollTop] = (0, _react.useState)(0);
+  const [scrollHeight, setScrollHeight] = (0, _react.useState)(1);
+  const [containerScrollHeight, setContainerScrollHeight] = (0, _react.useState)(1);
 
-  var _useState15 = (0, _react.useState)(1),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      containerScrollHeight = _useState16[0],
-      setContainerScrollHeight = _useState16[1];
   /* MODALS LOGIC | BEGIN */
   // Count ScrollTop
-
-
-  (0, _react.useLayoutEffect)(function () {
-    var el = modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current;
-
+  (0, _react.useLayoutEffect)(() => {
+    const el = modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current;
     if (el) {
-      el.addEventListener('scroll', function () {
-        setScrollTop(function (scrollTop) {
+      el.addEventListener("scroll", () => {
+        setScrollTop(scrollTop => {
           if (scrollTop !== el.scrollTop) setScrollTopPrev(scrollTop);
           return el.scrollTop;
         });
       });
     }
-  }, [modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current]); // Count ScrollDirection
-
-  (0, _react.useEffect)(function () {
-    setScrollDirection(function (prevScrollDirection) {
-      return scrollTop < scrollTopPrev ? SCROLL_DIRECTION.UP : scrollTop > scrollTopPrev ? SCROLL_DIRECTION.DOWN : prevScrollDirection;
-    });
-  }, [scrollTop, scrollTopPrev]); // Dynamic Modal Positioning
-
-  (0, _react.useLayoutEffect)(function () {
+  }, [modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current]);
+  // Count ScrollDirection
+  (0, _react.useEffect)(() => {
+    setScrollDirection(prevScrollDirection => scrollTop < scrollTopPrev ? SCROLL_DIRECTION.UP : scrollTop > scrollTopPrev ? SCROLL_DIRECTION.DOWN : prevScrollDirection);
+  }, [scrollTop, scrollTopPrev]);
+  // Dynamic Modal Positioning
+  (0, _react.useLayoutEffect)(() => {
     if (isOpen) {
-      var modalStyle = modalRef !== null && modalRef !== void 0 && modalRef.current ? (modalRef === null || modalRef === void 0 ? void 0 : modalRef.current.currentStyle) || window.getComputedStyle(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) : {};
-      var computedModalHeight = modalRef !== null && modalRef !== void 0 && modalRef.current ? modalHeight + parseFloat((modalStyle === null || modalStyle === void 0 ? void 0 : modalStyle.marginTop) || 0) : 0;
-      var windowHeight = document.documentElement.clientHeight || window.screen.availHeight || window.screen.height;
-
+      const modalStyle = modalRef !== null && modalRef !== void 0 && modalRef.current ? (modalRef === null || modalRef === void 0 ? void 0 : modalRef.current.currentStyle) || window.getComputedStyle(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) : {};
+      const computedModalHeight = modalRef !== null && modalRef !== void 0 && modalRef.current ? modalHeight + parseFloat((modalStyle === null || modalStyle === void 0 ? void 0 : modalStyle.marginTop) || 0) : 0;
+      const windowHeight = document.documentElement.clientHeight || window.screen.availHeight || window.screen.height;
       if (modalMobileContainerRef !== null && modalMobileContainerRef !== void 0 && modalMobileContainerRef.current) {
         if (computedModalHeight <= windowHeight) {
-          modalMobileContainerRef.current.style.display = 'flex';
-          modalMobileContainerRef.current.style.alignItems = 'flex-end';
+          modalMobileContainerRef.current.style.display = "flex";
+          modalMobileContainerRef.current.style.alignItems = "flex-end";
         } else {
-          var _modalMobileContainer, _modalMobileContainer2, _modalMobileContainer3, _modalMobileContainer4;
-
-          (_modalMobileContainer = modalMobileContainerRef.current) === null || _modalMobileContainer === void 0 ? void 0 : (_modalMobileContainer2 = _modalMobileContainer.style) === null || _modalMobileContainer2 === void 0 ? void 0 : _modalMobileContainer2.removeProperty('display');
-          (_modalMobileContainer3 = modalMobileContainerRef.current) === null || _modalMobileContainer3 === void 0 ? void 0 : (_modalMobileContainer4 = _modalMobileContainer3.style) === null || _modalMobileContainer4 === void 0 ? void 0 : _modalMobileContainer4.removeProperty('align-items');
+          var _modalMobileContainer, _modalMobileContainer2;
+          (_modalMobileContainer = modalMobileContainerRef.current) === null || _modalMobileContainer === void 0 || (_modalMobileContainer = _modalMobileContainer.style) === null || _modalMobileContainer === void 0 || _modalMobileContainer.removeProperty("display");
+          (_modalMobileContainer2 = modalMobileContainerRef.current) === null || _modalMobileContainer2 === void 0 || (_modalMobileContainer2 = _modalMobileContainer2.style) === null || _modalMobileContainer2 === void 0 || _modalMobileContainer2.removeProperty("align-items");
         }
       }
     }
-  }, [modalsLogicProps, isOpen, isMobile, modalHeight]); // Calculating
+  }, [modalsLogicProps, isOpen, isMobile, modalHeight]);
 
-  (0, _react.useLayoutEffect)(function () {
+  // Calculating
+  (0, _react.useLayoutEffect)(() => {
     if (isMobile && isOpen) {
-      var _modalRef$current, _modalRef$current$get;
-
-      var newModalHeight = modalRef === null || modalRef === void 0 ? void 0 : (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 ? void 0 : (_modalRef$current$get = _modalRef$current.getBoundingClientRect()) === null || _modalRef$current$get === void 0 ? void 0 : _modalRef$current$get.height;
-
+      var _modalRef$current;
+      const newModalHeight = modalRef === null || modalRef === void 0 || (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 || (_modalRef$current = _modalRef$current.getBoundingClientRect()) === null || _modalRef$current === void 0 ? void 0 : _modalRef$current.height;
       if (modalHeight !== newModalHeight) {
         setModalHeight(newModalHeight);
       }
     }
   });
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isMobile && withMobileLogic) {
-      var footerHeight = modalsLogicProps.footerHeight,
-          headerHeight = modalsLogicProps.headerHeight;
-      setModalsLogic(function (prevStickyLogic) {
-        return {
-          IS_HEADER_HIDDEN: scrollDirection === SCROLL_DIRECTION.DOWN || scrollTop === 0,
-          IS_HEADER_STICKY: scrollDirection === SCROLL_DIRECTION.UP && scrollTop !== 0 && (scrollTop >= headerHeight || prevStickyLogic.IS_HEADER_STICKY),
-          IS_FOOTER_HIDDEN: scrollDirection === SCROLL_DIRECTION.UP || scrollHeight === Math.round(scrollTop),
-          IS_FOOTER_STICKY: scrollDirection === SCROLL_DIRECTION.DOWN && (scrollHeight - Math.round(scrollTop) >= footerHeight || prevStickyLogic.IS_FOOTER_STICKY)
-        };
-      });
+      const {
+        footerHeight,
+        headerHeight
+      } = modalsLogicProps;
+      setModalsLogic(prevStickyLogic => ({
+        IS_HEADER_HIDDEN: scrollDirection === SCROLL_DIRECTION.DOWN || scrollTop === 0,
+        IS_HEADER_STICKY: scrollDirection === SCROLL_DIRECTION.UP && scrollTop !== 0 && (scrollTop >= headerHeight || prevStickyLogic.IS_HEADER_STICKY),
+        IS_FOOTER_HIDDEN: scrollDirection === SCROLL_DIRECTION.UP || scrollHeight === Math.round(scrollTop),
+        IS_FOOTER_STICKY: scrollDirection === SCROLL_DIRECTION.DOWN && (scrollHeight - Math.round(scrollTop) >= footerHeight || prevStickyLogic.IS_FOOTER_STICKY)
+      }));
     }
   }, [scrollTop, scrollHeight, isMobile, withMobileLogic, scrollDirection, modalsLogicProps, modalHeight, window.innerHeight]);
-  (0, _react.useLayoutEffect)(function () {
-    var _modalMobileHeaderRef, _modalMobileHeaderRef2;
-
-    if ((modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef2 = _modalMobileHeaderRef.getBoundingClientRect()) === null || _modalMobileHeaderRef2 === void 0 ? void 0 : _modalMobileHeaderRef2.height) !== undefined) {
-      setModalsLogicProps(function (state) {
-        var _modalMobileHeaderRef3, _modalMobileHeaderRef4;
-
-        return _objectSpread(_objectSpread({}, state), {}, {
-          headerHeight: modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef3 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef3 === void 0 ? void 0 : (_modalMobileHeaderRef4 = _modalMobileHeaderRef3.getBoundingClientRect()) === null || _modalMobileHeaderRef4 === void 0 ? void 0 : _modalMobileHeaderRef4.height
-        });
+  (0, _react.useLayoutEffect)(() => {
+    var _modalMobileHeaderRef;
+    if ((modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef = _modalMobileHeaderRef.getBoundingClientRect()) === null || _modalMobileHeaderRef === void 0 ? void 0 : _modalMobileHeaderRef.height) !== undefined) {
+      setModalsLogicProps(state => {
+        var _modalMobileHeaderRef2;
+        return {
+          ...state,
+          headerHeight: modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef2 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef2 === void 0 || (_modalMobileHeaderRef2 = _modalMobileHeaderRef2.getBoundingClientRect()) === null || _modalMobileHeaderRef2 === void 0 ? void 0 : _modalMobileHeaderRef2.height
+        };
       });
     }
-  }, [modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef5 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef5 === void 0 ? void 0 : (_modalMobileHeaderRef6 = _modalMobileHeaderRef5.getBoundingClientRect()) === null || _modalMobileHeaderRef6 === void 0 ? void 0 : _modalMobileHeaderRef6.height]);
-  (0, _react.useLayoutEffect)(function () {
-    var _modalMobileFooterRef, _modalMobileFooterRef2;
-
-    if ((modalMobileFooterRef === null || modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef = modalMobileFooterRef.current) === null || _modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef2 = _modalMobileFooterRef.getBoundingClientRect()) === null || _modalMobileFooterRef2 === void 0 ? void 0 : _modalMobileFooterRef2.height) !== undefined) {
-      setModalsLogicProps(function (state) {
-        var _modalMobileFooterRef3, _modalMobileFooterRef4;
-
-        return _objectSpread(_objectSpread({}, state), {}, {
-          footerHeight: modalMobileFooterRef === null || modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef3 = modalMobileFooterRef.current) === null || _modalMobileFooterRef3 === void 0 ? void 0 : (_modalMobileFooterRef4 = _modalMobileFooterRef3.getBoundingClientRect()) === null || _modalMobileFooterRef4 === void 0 ? void 0 : _modalMobileFooterRef4.height
-        });
+  }, [modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef3 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef3 === void 0 || (_modalMobileHeaderRef3 = _modalMobileHeaderRef3.getBoundingClientRect()) === null || _modalMobileHeaderRef3 === void 0 ? void 0 : _modalMobileHeaderRef3.height]);
+  (0, _react.useLayoutEffect)(() => {
+    var _modalMobileFooterRef;
+    if ((modalMobileFooterRef === null || modalMobileFooterRef === void 0 || (_modalMobileFooterRef = modalMobileFooterRef.current) === null || _modalMobileFooterRef === void 0 || (_modalMobileFooterRef = _modalMobileFooterRef.getBoundingClientRect()) === null || _modalMobileFooterRef === void 0 ? void 0 : _modalMobileFooterRef.height) !== undefined) {
+      setModalsLogicProps(state => {
+        var _modalMobileFooterRef2;
+        return {
+          ...state,
+          footerHeight: modalMobileFooterRef === null || modalMobileFooterRef === void 0 || (_modalMobileFooterRef2 = modalMobileFooterRef.current) === null || _modalMobileFooterRef2 === void 0 || (_modalMobileFooterRef2 = _modalMobileFooterRef2.getBoundingClientRect()) === null || _modalMobileFooterRef2 === void 0 ? void 0 : _modalMobileFooterRef2.height
+        };
       });
     }
-  }, [modalMobileFooterRef === null || modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef5 = modalMobileFooterRef.current) === null || _modalMobileFooterRef5 === void 0 ? void 0 : (_modalMobileFooterRef6 = _modalMobileFooterRef5.getBoundingClientRect()) === null || _modalMobileFooterRef6 === void 0 ? void 0 : _modalMobileFooterRef6.height]);
-  (0, _react.useEffect)(function () {
+  }, [modalMobileFooterRef === null || modalMobileFooterRef === void 0 || (_modalMobileFooterRef3 = modalMobileFooterRef.current) === null || _modalMobileFooterRef3 === void 0 || (_modalMobileFooterRef3 = _modalMobileFooterRef3.getBoundingClientRect()) === null || _modalMobileFooterRef3 === void 0 ? void 0 : _modalMobileFooterRef3.height]);
+  (0, _react.useEffect)(() => {
     if (modalMobileContainerRef !== null && modalMobileContainerRef !== void 0 && modalMobileContainerRef.current) {
-      var _modalMobileContainer5, _modalMobileContainer6;
-
+      var _modalMobileContainer3, _modalMobileContainer4;
       // eslint-disable-next-line no-unsafe-optional-chaining
-      setContainerScrollHeight(modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : (_modalMobileContainer5 = modalMobileContainerRef.current) === null || _modalMobileContainer5 === void 0 ? void 0 : _modalMobileContainer5.scrollHeight);
-      setScrollHeight((modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : (_modalMobileContainer6 = modalMobileContainerRef.current) === null || _modalMobileContainer6 === void 0 ? void 0 : _modalMobileContainer6.scrollHeight) - window.innerHeight);
+      setContainerScrollHeight(modalMobileContainerRef === null || modalMobileContainerRef === void 0 || (_modalMobileContainer3 = modalMobileContainerRef.current) === null || _modalMobileContainer3 === void 0 ? void 0 : _modalMobileContainer3.scrollHeight);
+      setScrollHeight((modalMobileContainerRef === null || modalMobileContainerRef === void 0 || (_modalMobileContainer4 = modalMobileContainerRef.current) === null || _modalMobileContainer4 === void 0 ? void 0 : _modalMobileContainer4.scrollHeight) - window.innerHeight);
     }
   }, [scrollTop, modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current, window.innerHeight]);
-  (0, _react.useEffect)(function () {
-    window.addEventListener('resize', function () {
-      setContainerScrollHeight(function (containerScrollHeight) {
+  (0, _react.useEffect)(() => {
+    window.addEventListener("resize", () => {
+      setContainerScrollHeight(containerScrollHeight => {
         setScrollHeight(containerScrollHeight - window.innerHeight);
         return containerScrollHeight;
       });
@@ -206,27 +146,25 @@ function useMobileModal(_ref) {
   }, []);
   /* MODALS LOGIC | END */
 
-  var renderMobileModal = function renderMobileModal(modal) {
+  const renderMobileModal = modal => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "modal-mobile-container",
       ref: modalMobileContainerRef
     }, modal);
   };
-
-  var renderModal = function renderModal(modal) {
+  const renderModal = modal => {
     return isMobile && withMobileLogic ? renderMobileModal(modal) : modal;
   };
-
   return {
-    modalMobileContainerRef: modalMobileContainerRef,
-    modalMobileHeaderRef: modalMobileHeaderRef,
-    modalMobileBodyRef: modalMobileBodyRef,
-    modalMobileFooterRef: modalMobileFooterRef,
+    modalMobileContainerRef,
+    modalMobileHeaderRef,
+    modalMobileBodyRef,
+    modalMobileFooterRef,
     MODALS_LOGIC: modalsLogic,
-    SCROLL_DIRECTION: SCROLL_DIRECTION,
-    scrollTop: scrollTop,
-    scrollHeight: scrollHeight,
-    renderModal: renderModal,
-    isMobile: isMobile
+    SCROLL_DIRECTION,
+    scrollTop,
+    scrollHeight,
+    renderModal,
+    isMobile
   };
 }