contentoh-components-library 21.4.135 → 21.4.136

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

@@ -1,21 +0,0 @@
-"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;
-
-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  .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,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getInputsData = exports.getAuditVersion = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
-var _axios = _interopRequireDefault(require("axios"));
-
-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;
-
-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);
-    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;

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

@@ -1,37 +0,0 @@
-"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 = {
-  title: "Components/pages/VerificationCodeResetPassword",
-  component: _index.VerificationCodeResetPassword
-};
-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,121 +0,0 @@
-"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");
-
-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']"));
-  }, []);
-  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,
-      color: _variables.GlobalColors.s5,
-      text: "Ingresa tus credenciales"
-    })
-  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "user",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      text: "Ingresa el código de verificación enviado a:",
-      headerType: "input-name-header"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "verification-code",
-      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"
-    })]
-  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "resend-code",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Reenviar c\xF3digo de verificaci\xF3n"
-    })
-  }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "button-center",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-      buttonType: "general-default-button",
-      label: "Enviar",
-      onClick: function onClick(e) {
-        return (0, _utils.validate)(inputCodeVerificationAll, setEmptyVerificationCode);
-      }
-    })
-  }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "reset-password",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Regresar..."
-    })
-  }, "6")];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "home-retailer",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CarouselImagesLogin.CarouselImagesLogin, {
-        panelImg: imageArrayCarousel,
-        panelText: textCarousel,
-        panelColor: backogroundColorCarousel
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "home-login-retailer",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
-        componentsArray: loginRight,
-        panelType: "home-login",
-        panelColor: _variables.GlobalColors.white
-      })
-    })]
-  });
-};
-
-exports.VerificationCodeResetPassword = VerificationCodeResetPassword;

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

@@ -1,20 +0,0 @@
-"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;
-
-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

@@ -1,69 +0,0 @@
-"use strict";
-
-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)
- */
-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;
-
-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
- */
-
-
-var nextInputFocus = function nextInputFocus(inputsArray, index) {
-  var _inputsArray$index;
-
-  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
- */
-
-
-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,41 +0,0 @@
-"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");
-
-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)(function () {
-    if (showModal) {
-      document.addEventListener("click", closeModal, false);
-    }
-
-    return function () {
-      document.removeEventListener("click", closeModal, false);
-    };
-  }, [showModal]);
-  return [showModal, setShowModal];
-};
-
-exports.useCloseModal = useCloseModal;

package/dist/global-files/data.js

@@ -1,285 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getRetailerServices = exports.getProfilePicture = exports.getPercentage = exports.getNewStatus = exports.getImage = exports.fetchUsers = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
-var _axios = _interopRequireDefault(require("axios"));
-
-var _jsBase = require("js-base64");
-
-var _uuid = require("uuid");
-
-var getRetailerServices = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId, category, categoryId, version, token) {
-    var _images$values, responseArray, datasheets, descriptions, images;
-
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            _context.next = 3;
-            return Promise.all([_axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT, "?idCategory=").concat(categoryId, "&articleId=").concat(articleId, "&version=").concat(version), {}, {
-              headers: {
-                Authorization: token
-              }
-            }), _axios.default.get("".concat(process.env.REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT, "?idCategory=").concat(categoryId, "&articleId=").concat(articleId, "&version=").concat(version)), _axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT, "?articleId=").concat(articleId, "&version=").concat(version), {
-              category: category
-            })]);
-
-          case 3:
-            responseArray = _context.sent;
-            datasheets = JSON.parse(responseArray[0].data.body).data;
-            descriptions = JSON.parse(responseArray[1].data.body).data;
-            images = JSON.parse(responseArray[2].data.body).data;
-            images.values = images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map(function (value) {
-              var _images$inputs$find;
-
-              value.name = (_images$inputs$find = images.inputs.find(function (e) {
-                return e.id === value.image_id;
-              })) === null || _images$inputs$find === void 0 ? void 0 : _images$inputs$find.name;
-              return getImage(value);
-            });
-            return _context.abrupt("return", [datasheets, descriptions, images]);
-
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](0);
-            console.log(_context.t0);
-
-          case 14:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, null, [[0, 11]]);
-  }));
-
-  return function getRetailerServices(_x, _x2, _x3, _x4, _x5) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-exports.getRetailerServices = getRetailerServices;
-
-var getImage = function getImage(imageGeneral) {
-  var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;
-  var height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 250;
-
-  try {
-    var image = imageGeneral;
-    var ext = image.src.split(".");
-    var uuid = ext[0].split("-");
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, image), {}, {
-      version: image.id_version,
-      ext: ext[ext.length - 1],
-      uuid: uuid.reduce(function (prevVal, currVal, idx) {
-        if (idx < 2) return "";else return idx === 2 ? currVal : prevVal + "-" + currVal;
-      }, "") || (0, _uuid.v4)(),
-      srcDB: image.src,
-      src: image.image_id ? "https://d24s337exbt5zr.cloudfront.net/" + _jsBase.Base64.encode(JSON.stringify({
-        bucket: process.env.REACT_APP_IMAGES_BUCKET,
-        key: image.src,
-        edits: {
-          resize: {
-            width: width * 4,
-            height: height * 4,
-            fit: "contain",
-            background: {
-              r: 255,
-              g: 255,
-              b: 255,
-              alpha: 1
-            }
-          }
-        }
-      })) : image.src
-    });
-  } catch (err) {
-    console.log("err", err);
-    return imageGeneral["error"] = err;
-  }
-};
-
-exports.getImage = getImage;
-
-var getPercentage = /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-    var params,
-        func,
-        _args3 = arguments;
-    return _regenerator.default.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            params = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {};
-
-            func = /*#__PURE__*/function () {
-              var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-                var _params$headers$Autho, _params$headers;
-
-                var headers;
-                return _regenerator.default.wrap(function _callee2$(_context2) {
-                  while (1) {
-                    switch (_context2.prev = _context2.next) {
-                      case 0:
-                        headers = {
-                          Authorization: (_params$headers$Autho = params === null || params === void 0 ? void 0 : (_params$headers = params.headers) === null || _params$headers === void 0 ? void 0 : _params$headers.Authorization) !== null && _params$headers$Autho !== void 0 ? _params$headers$Autho : sessionStorage.getItem("jwt")
-                        };
-                        _context2.next = 3;
-                        return _axios.default.post(process.env.REACT_APP_VALID_EXPORT_ENDPOINT, {
-                          data: params.data
-                        }, {
-                          headers: headers
-                        }).then(function (response) {
-                          return [response.data];
-                        }).catch(function (err) {
-                          return console.log(err, "Errror");
-                        });
-
-                      case 3:
-                        return _context2.abrupt("return", _context2.sent);
-
-                      case 4:
-                      case "end":
-                        return _context2.stop();
-                    }
-                  }
-                }, _callee2);
-              }));
-
-              return function func() {
-                return _ref3.apply(this, arguments);
-              };
-            }();
-
-            _context3.next = 4;
-            return func();
-
-          case 4:
-            return _context3.abrupt("return", _context3.sent);
-
-          case 5:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  }));
-
-  return function getPercentage() {
-    return _ref2.apply(this, arguments);
-  };
-}();
-
-exports.getPercentage = getPercentage;
-
-var getProfilePicture = function getProfilePicture(userId, width, height) {
-  try {
-    return "https://d24s337exbt5zr.cloudfront.net/" + _jsBase.Base64.encode(JSON.stringify({
-      bucket: process.env.REACT_APP_IMAGES_PROFILE_BUCKET,
-      key: "id-".concat(userId, "/").concat(userId, ".png"),
-      edits: {
-        resize: {
-          width: width,
-          height: height,
-          fit: "contain",
-          background: {
-            r: 255,
-            g: 255,
-            b: 255,
-            alpha: 0
-          }
-        }
-      }
-    }));
-  } catch (err) {
-    console.log("err", err);
-    return defaultUpdate;
-  }
-};
-
-exports.getProfilePicture = getProfilePicture;
-
-var fetchUsers = /*#__PURE__*/function () {
-  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(auth) {
-    var usersPromises, usersGroups, header, usersResponse;
-    return _regenerator.default.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            usersPromises = [];
-            usersGroups = [];
-            header = {
-              headers: {
-                Authorization: auth
-              }
-            };
-            /**
-             * 7 will fetch all text specialists
-             * 8 will fetch all img specialists
-             * 4 will fetch all text facilitators
-             * 5 will fetch all img facilitators
-             * 6 will fetch all auditors
-             */
-
-            usersPromises.push(_axios.default.get("".concat(process.env.REACT_APP_USER_ENDPOINT, "?fetchRole=7"), header), _axios.default.get("".concat(process.env.REACT_APP_USER_ENDPOINT, "?fetchRole=8"), header), _axios.default.get("".concat(process.env.REACT_APP_USER_ENDPOINT, "?fetchRole=4"), header), _axios.default.get("".concat(process.env.REACT_APP_USER_ENDPOINT, "?fetchRole=5"), header), _axios.default.get("".concat(process.env.REACT_APP_USER_ENDPOINT, "?fetchRole=6"), header));
-            _context4.next = 6;
-            return Promise.all(usersPromises);
-
-          case 6:
-            usersResponse = _context4.sent;
-            usersResponse.forEach(function (item, i) {
-              usersGroups.push(item.data.data);
-            });
-            return _context4.abrupt("return", usersGroups);
-
-          case 9:
-          case "end":
-            return _context4.stop();
-        }
-      }
-    }, _callee4);
-  }));
-
-  return function fetchUsers(_x6) {
-    return _ref4.apply(this, arguments);
-  };
-}();
-
-exports.fetchUsers = fetchUsers;
-
-var getNewStatus = function getNewStatus(statusArray) {
-  var lookupString = "";
-  statusArray.forEach(function (element) {
-    return lookupString += element + "/";
-  });
-  if (lookupString.includes("AS")) return "AS";
-  if (lookupString.includes("RCA")) return "RCA";
-  if (lookupString.includes("RC")) return "RC";
-  if (lookupString.includes("RA")) return "RA";
-  if (lookupString.includes("RP")) return "RP";
-  if (lookupString.includes("ACA")) return "ACA";
-  if (lookupString.includes("PA")) return "PA";
-  if (lookupString.includes("CA")) return "CA";
-  if (lookupString.includes("IE")) return "IE";
-  if (lookupString.includes("AC")) return "AC";
-  if (lookupString.includes("AA")) return "AA";
-  if (lookupString.includes("AP")) return "AP";
-  if (lookupString.includes("R")) return "R";
-  if (lookupString.includes("NA")) return "NA";
-  if (lookupString.includes("Ex")) return "EX";
-  return new Error("Status not found");
-};
-
-exports.getNewStatus = getNewStatus;