contentoh-components-library 21.4.102 → 21.4.104

package/dist/components/pages/RetailerProductEdition/styles.js

@@ -1,16 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  overflow: auto;\n\n  .data-container {\n    display: flex;\n    flex: 0%;\n    height: calc(100% - ", "px);\n    .image-data-panel {\n      width: 340px;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    .product-information {\n      width: calc(100% - 341px);\n      display: flex;\n      flex-direction: column;\n\n      .services-information-container {\n        height: 100%;\n        overflow: auto;\n      }\n\n      .image-services {\n        aside {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, 179px);\n          column-gap: 15px;\n          row-gap: 15px;\n          padding: 20px;\n        }\n      }\n\n      .commentary-box {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n        padding: 10px;\n        padding-left: 0;\n\n        .commentary {\n          display: flex;\n          align-items: flex-end;\n\n          .input-container {\n            width: 500px;\n\n            .quill {\n              height: 100px;\n            }\n\n            & + * {\n              margin-left: 5px;\n            }\n          }\n\n          .buttons-box {\n            display: flex;\n            width: 210px;\n            flex-wrap: wrap;\n\n            .general-transparent-button {\n              & + * {\n                margin-top: 5px;\n              }\n            }\n\n            .general-transparent-button,\n            .general-green-button,\n            .general-button-disabled {\n              width: fit-content;\n              min-width: 201px;\n              height: 40px;\n            }\n          }\n        }\n      }\n\n      .feedback-box {\n        display: flex;\n      }\n    }\n  }\n  #modal-message-box {\n    width: 400px;\n    height: 100px;\n  }\n  .container {\n    width: 100%;\n    height: 100%;\n    .dropzone {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), _ref => {
-  let {
-    headerTop
-  } = _ref;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  overflow: auto;\n\n  .data-container {\n    display: flex;\n    flex: 0%;\n    height: calc(100% - ", "px);\n    .image-data-panel {\n      width: 340px;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    .product-information {\n      width: calc(100% - 341px);\n      display: flex;\n      flex-direction: column;\n\n      .services-information-container {\n        height: 100%;\n        overflow: auto;\n      }\n\n      .image-services {\n        aside {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, 179px);\n          column-gap: 15px;\n          row-gap: 15px;\n          padding: 20px;\n        }\n      }\n\n      .commentary-box {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n        padding: 10px;\n        padding-left: 0;\n\n        .commentary {\n          display: flex;\n          align-items: flex-end;\n\n          .input-container {\n            width: 500px;\n\n            .quill {\n              height: 100px;\n            }\n\n            & + * {\n              margin-left: 5px;\n            }\n          }\n\n          .buttons-box {\n            display: flex;\n            width: 210px;\n            flex-wrap: wrap;\n\n            .general-transparent-button {\n              & + * {\n                margin-top: 5px;\n              }\n            }\n\n            .general-transparent-button,\n            .general-green-button,\n            .general-button-disabled {\n              width: fit-content;\n              min-width: 201px;\n              height: 40px;\n            }\n          }\n        }\n      }\n\n      .feedback-box {\n        display: flex;\n      }\n    }\n  }\n  #modal-message-box {\n    width: 400px;\n    height: 100px;\n  }\n  .container {\n    width: 100%;\n    height: 100%;\n    .dropzone {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), function (_ref) {
+  var headerTop = _ref.headerTop;
   return headerTop;
-});
+});
+
+exports.Container = Container;

package/dist/components/pages/RetailerProductEdition/utils.js

@@ -1,59 +1,126 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.translateService = exports.sendMessage = exports.getInputsData = exports.getAuditVersion = exports.createMessage = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
 var _axios = _interopRequireDefault(require("axios"));
+
 var _handle_http = require("../../../global-files/handle_http");
-const getAuditVersion = async (articleId, setState, token) => {
-  const auditResponse = await _axios.default.get("".concat(process.env.REACT_APP_GET_AUDIT, "?articleId=").concat(articleId), {
-    headers: {
-      Authorization: token
-    }
-  });
-  if (auditResponse.status === 200) {
-    setState(JSON.parse(auditResponse.data.body).data || "{}");
-  }
-};
+
+var getAuditVersion = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId, setState, token) {
+    var auditResponse;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return _axios.default.get("".concat(process.env.REACT_APP_GET_AUDIT, "?articleId=").concat(articleId), {
+              headers: {
+                Authorization: token
+              }
+            });
+
+          case 2:
+            auditResponse = _context.sent;
+
+            if (auditResponse.status === 200) {
+              setState(JSON.parse(auditResponse.data.body).data || "{}");
+            }
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function getAuditVersion(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
 exports.getAuditVersion = getAuditVersion;
-const getInputsData = (services, activeRetailer, setDatasheetState, setDescriptionState) => {
+
+var getInputsData = function getInputsData(services, activeRetailer, setDatasheetState, setDescriptionState) {
   if (services.length > 0) {
     var _services$0$activeRet, _services$, _services$2;
+
     if ((_services$0$activeRet = services[0][activeRetailer.id]) !== null && _services$0$activeRet !== void 0 && _services$0$activeRet.data) services[0][activeRetailer.id].data = Object.values(services[0][activeRetailer.id].data);
-    const datagroups = services[0][activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id];
-    const inputs = (_services$ = services[0]) === null || _services$ === void 0 ? void 0 : _services$.inputs;
-    const descriptions = (_services$2 = services[1]) === null || _services$2 === void 0 ? void 0 : _services$2.filter(service => (service === null || service === void 0 ? void 0 : service.id) === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id));
+    var datagroups = services[0][activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id];
+    var inputs = (_services$ = services[0]) === null || _services$ === void 0 ? void 0 : _services$.inputs;
+    var descriptions = (_services$2 = services[1]) === null || _services$2 === void 0 ? void 0 : _services$2.filter(function (service) {
+      return (service === null || service === void 0 ? void 0 : service.id) === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id);
+    });
     setDatasheetState([datagroups, inputs]);
     setDescriptionState(descriptions);
   }
 };
+
 exports.getInputsData = getInputsData;
-const translateService = tab => {
+
+var translateService = function translateService(tab) {
   switch (tab) {
     case "description":
     case "Descripción":
       return "Descripciones";
+
     case "datasheet":
     case "Ficha técnica":
       return "Fichas técnicas";
+
     case "images":
     case "Imágenes":
       return "Imágenes";
   }
 };
+
 exports.translateService = translateService;
-const createMessage = (retailers, idRetailer, oldStatus, newStatus, service) => {
-  const [retailer] = (retailers === null || retailers === void 0 ? void 0 : retailers.filter(ret => ret.id === idRetailer)) || [];
+
+var createMessage = function createMessage(retailers, idRetailer, oldStatus, newStatus, service) {
+  var _ref2 = (retailers === null || retailers === void 0 ? void 0 : retailers.filter(function (ret) {
+    return ret.id === idRetailer;
+  })) || [],
+      _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
+      retailer = _ref3[0];
+
   return "".concat(translateService(service), " de ").concat(retailer.name, " |").concat(oldStatus, "| a |").concat(newStatus);
 };
+
 exports.createMessage = createMessage;
-const sendMessage = async data => {
-  const {
-    paramsBody,
-    paramsHeader
-  } = data;
-  return (0, _handle_http.fetchPOST)(process.env.REACT_APP_CREATE_MESSAGES, paramsBody, paramsHeader);
-};
+
+var sendMessage = /*#__PURE__*/function () {
+  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(data) {
+    var paramsBody, paramsHeader;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            paramsBody = data.paramsBody, paramsHeader = data.paramsHeader;
+            return _context2.abrupt("return", (0, _handle_http.fetchPOST)(process.env.REACT_APP_CREATE_MESSAGES, paramsBody, paramsHeader));
+
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function sendMessage(_x4) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+
 exports.sendMessage = sendMessage;

package/dist/components/pages/VerificationCodeResetPassword/VerificationCodeResetPassword.stories.js

@@ -1,23 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.VerificationCodeResetPasswordDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
+
 var _login = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login2.svg"));
+
 var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/pages/VerificationCodeResetPassword",
   component: _index.VerificationCodeResetPassword
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.VerificationCodeResetPassword, {
-  ...args
-});
-const VerificationCodeResetPasswordDefault = exports.VerificationCodeResetPasswordDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.VerificationCodeResetPassword, (0, _objectSpread2.default)({}, args));
+};
+
+var VerificationCodeResetPasswordDefault = Template.bind({});
+exports.VerificationCodeResetPasswordDefault = VerificationCodeResetPasswordDefault;
 VerificationCodeResetPasswordDefault.args = {
   imageArrayCarousel: [_loginImage.default, _login.default, _login2.default],
   textCarousel: "Elige la plataforma que conecta proovedores y retailers"

package/dist/components/pages/VerificationCodeResetPassword/index.js

@@ -1,33 +1,57 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VerificationCodeResetPassword = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
+
 var _GradientPanel = require("../../atoms/GradientPanel");
+
 var _CarouselImagesLogin = require("../../molecules/CarouselImagesLogin");
+
 var _react = require("react");
+
 var _LogoImage = require("../../atoms/LogoImage");
+
 var _ScreenHeader = require("../../atoms/ScreenHeader");
+
 var _variables = require("../../../global-files/variables");
+
 var _GeneralInput = require("../../atoms/GeneralInput");
+
 var _GeneralButton = require("../../atoms/GeneralButton");
+
 var _utils = require("./utils");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const VerificationCodeResetPassword = _ref => {
-  let {
-    imageArrayCarousel = [],
-    textCarousel,
-    backogroundColorCarousel
-  } = _ref;
-  const [emptyVerificationCode, setEmptyVerificationCode] = (0, _react.useState)(false);
-  const [inputCodeVerificationAll, setInputCodeVerificationAll] = (0, _react.useState)();
-  const inputPositions = [1, 2, 3, 4, 5, 6];
-  (0, _react.useEffect)(() => {
+
+var VerificationCodeResetPassword = function VerificationCodeResetPassword(_ref) {
+  var _ref$imageArrayCarous = _ref.imageArrayCarousel,
+      imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
+      textCarousel = _ref.textCarousel,
+      backogroundColorCarousel = _ref.backogroundColorCarousel;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      emptyVerificationCode = _useState2[0],
+      setEmptyVerificationCode = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      inputCodeVerificationAll = _useState4[0],
+      setInputCodeVerificationAll = _useState4[1];
+
+  var inputPositions = [1, 2, 3, 4, 5, 6];
+  (0, _react.useEffect)(function () {
     setInputCodeVerificationAll(document.querySelectorAll("[id^='verificationCodeInput']"));
   }, []);
-  const loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "credenciales",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       fontFamily: _variables.FontFamily.AvenirNext,
@@ -41,15 +65,17 @@ const VerificationCodeResetPassword = _ref => {
       headerType: "input-name-header"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "verification-code",
-      children: inputPositions.map(position => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralInput.GeneralInput, {
-        inputId: "verificationCodeInput".concat(position),
-        inputType: "text",
-        inputPlaceholder: "X",
-        validateInput: _utils.validateInput,
-        inputsArray: inputCodeVerificationAll,
-        position: position,
-        maxChar: 1
-      }))
+      children: inputPositions.map(function (position) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralInput.GeneralInput, {
+          inputId: "verificationCodeInput".concat(position),
+          inputType: "text",
+          inputPlaceholder: "X",
+          validateInput: _utils.validateInput,
+          inputsArray: inputCodeVerificationAll,
+          position: position,
+          maxChar: 1
+        });
+      })
     }), emptyVerificationCode && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
       children: "Ingrese su c\xF3digo de verificaci\xF3n"
     })]
@@ -63,7 +89,9 @@ const VerificationCodeResetPassword = _ref => {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
       buttonType: "general-default-button",
       label: "Enviar",
-      onClick: e => (0, _utils.validate)(inputCodeVerificationAll, setEmptyVerificationCode)
+      onClick: function onClick(e) {
+        return (0, _utils.validate)(inputCodeVerificationAll, setEmptyVerificationCode);
+      }
     })
   }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "reset-password",
@@ -89,4 +117,5 @@ const VerificationCodeResetPassword = _ref => {
     })]
   });
 };
+
 exports.VerificationCodeResetPassword = VerificationCodeResetPassword;

package/dist/components/pages/VerificationCodeResetPassword/styles.js

@@ -1,12 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _variables = require("../../../global-files/variables");
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  height: 100vh;\n  .button-center {\n    text-align: center;\n    .general-default-button {\n      width: 160px;\n    }\n  }\n  .reset-password {\n    text-align: center;\n    margin: 15px !important;\n    color: ", ";\n    cursor: pointer;\n    font-weight: bold;\n    font-family: ", ";\n    font-size: 13px;\n  }\n  .resend-code {\n    margin-top: 8px !important;\n    color: ", ";\n    font-family: ", ";\n    font-size: 11px;\n    text-decoration: underline rgb(228, 81, 172);\n    cursor: pointer;\n    & + * {\n      margin-top: 30px;\n    }\n  }\n  .verification-code {\n    display: flex;\n    text-align: center;\n    margin: auto;\n    margin-top: 10px;\n    input[type=\"number\"]::-webkit-inner-spin-button,\n    input[type=\"number\"]::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n    input {\n      \n      width: 70%;\n      text-align: center;\n    }\n  }\n  .home-login-retailer,\n  .home-retailer {\n    width: 50%;\n  }\n"])), _variables.GlobalColors.secondary_magenta, _variables.FontFamily.Raleway, _variables.GlobalColors.magenta_s2, _variables.FontFamily.AvenirNext);
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  height: 100vh;\n  .button-center {\n    text-align: center;\n    .general-default-button {\n      width: 160px;\n    }\n  }\n  .reset-password {\n    text-align: center;\n    margin: 15px !important;\n    color: ", ";\n    cursor: pointer;\n    font-weight: bold;\n    font-family: ", ";\n    font-size: 13px;\n  }\n  .resend-code {\n    margin-top: 8px !important;\n    color: ", ";\n    font-family: ", ";\n    font-size: 11px;\n    text-decoration: underline rgb(228, 81, 172);\n    cursor: pointer;\n    & + * {\n      margin-top: 30px;\n    }\n  }\n  .verification-code {\n    display: flex;\n    text-align: center;\n    margin: auto;\n    margin-top: 10px;\n    input[type=\"number\"]::-webkit-inner-spin-button,\n    input[type=\"number\"]::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n    input {\n      \n      width: 70%;\n      text-align: center;\n    }\n  }\n  .home-login-retailer,\n  .home-retailer {\n    width: 50%;\n  }\n"])), _variables.GlobalColors.secondary_magenta, _variables.FontFamily.Raleway, _variables.GlobalColors.magenta_s2, _variables.FontFamily.AvenirNext);
+
+exports.Container = Container;

package/dist/components/pages/VerificationCodeResetPassword/utils.js

@@ -4,57 +4,66 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.validateInput = exports.validate = void 0;
+
 /**
  *
  * @param {event} e event received triggered by verification code input
  * @param {number} index index position from the verification code(VC) input array (i.e. digit 1,2,3 etc...)
  * @param {array<html nodes>} inputsArray array which contains every VC digit input (used to change focus on input change)
  */
-const validateInput = (e, index, inputsArray) => {
-  let isValid = false;
-  const inputNotEmpty = e.target.value.length > 0;
+var validateInput = function validateInput(e, index, inputsArray) {
+  var isValid = false;
+  var inputNotEmpty = e.target.value.length > 0;
+
   if (inputNotEmpty) {
     if (validateInputNumber(e) !== null) {
       isValid = true;
       nextInputFocus(inputsArray, index++);
     }
   }
+
   return isValid ? e.target.value : "";
 };
-
 /**
  *
  * @param {event} e event received triggered by verification code input
  * @returns {boolean} if digit is a number
  */
+
+
 exports.validateInput = validateInput;
-const validateInputNumber = e => {
+
+var validateInputNumber = function validateInputNumber(e) {
   return (e.target.value || String.fromCharCode(e.keyCode)).match(/[0-9]{1}/);
 };
-
 /**
  *
  * @param {array<html nodes>} inputsArray array which contains every VC digit input (used to change focus on input change)
  * @param {number} index index position from the verification code(VC) input array (i.e. digit 1,2,3 etc...)
  * changes focus to next input if digit typed is a number and there wasn't any before
  */
-const nextInputFocus = (inputsArray, index) => {
+
+
+var nextInputFocus = function nextInputFocus(inputsArray, index) {
   var _inputsArray$index;
-  const button = document.getElementsByClassName("general-default-button");
+
+  var button = document.getElementsByClassName("general-default-button");
   inputsArray !== null && inputsArray !== void 0 && inputsArray.length && index === (inputsArray === null || inputsArray === void 0 ? void 0 : inputsArray.length) ? button[0].focus() : (_inputsArray$index = inputsArray[index]) === null || _inputsArray$index === void 0 ? void 0 : _inputsArray$index.focus();
 };
-
 /**
  *
  * @param {array<html nodes>} inputsArray array which contains every VC digit input (used to check if there's any empty)
  * @param {function} setEmptyVerificationCode function to update flag which handles if there's an empty char
  * updates emptyVerificationFlag from father component
  */
-const validate = (inputsArray, setEmptyVerificationCode) => {
-  let contInputEmpty = 0;
-  inputsArray.forEach(element => {
+
+
+var validate = function validate(inputsArray, setEmptyVerificationCode) {
+  var contInputEmpty = 0;
+  inputsArray.forEach(function (element) {
     element.value === "" ? 0 : contInputEmpty++;
   });
   contInputEmpty === inputsArray.length ? setEmptyVerificationCode(false) : setEmptyVerificationCode(true);
 };
+
 exports.validate = validate;

package/dist/global-files/customHooks.js

@@ -1,27 +1,41 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCloseModal = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _react = require("react");
-const useCloseModal = id => {
-  const [showModal, setShowModal] = (0, _react.useState)(false);
-  const closeModal = e => {
+
+var useCloseModal = function useCloseModal(id) {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showModal = _useState2[0],
+      setShowModal = _useState2[1];
+
+  var closeModal = function closeModal(e) {
     e.stopPropagation();
+
     if (!e.target.closest("#".concat(id)) && showModal) {
       document.removeEventListener("click", closeModal, false);
       setShowModal(false);
     }
   };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)(function () {
     if (showModal) {
       document.addEventListener("click", closeModal, false);
     }
-    return () => {
+
+    return function () {
       document.removeEventListener("click", closeModal, false);
     };
   }, [showModal]);
   return [showModal, setShowModal];
 };
+
 exports.useCloseModal = useCloseModal;