contentoh-components-library 21.2.83 → 21.2.85

package/dist/components/organisms/Modal/index.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Modal;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styles = require("./styles");
+
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+
+var _material = require("@mui/material");
+
+var _ButtonV = _interopRequireDefault(require("../../atoms/ButtonV2"));
+
+var _CustomIcon = _interopRequireDefault(require("../../atoms/CustomIcon"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function Modal(props) {
+  var className = props.className,
+      show = props.show,
+      title = props.title,
+      message = props.message,
+      icon = props.icon,
+      customComponent = props.customComponent,
+      buttons = props.buttons,
+      onClickModal = props.onClickModal,
+      onClickBtnDefault = props.onClickBtnDefault;
+  var icons = {
+    error: _freeSolidSvgIcons.faClose,
+    warning: _freeSolidSvgIcons.faExclamationTriangle,
+    info: _freeSolidSvgIcons.faExclamation,
+    success: _freeSolidSvgIcons.faCheck
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Backdrop, {
+    open: show,
+    className: "container-backgroundModal",
+    timeout: 400,
+    style: {
+      backgroundColor: "transparent",
+      zIndex: 10
+    },
+    onClick: function onClick(event) {
+      return onClickModal && onClickModal(event);
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Fade, {
+      in: show,
+      timeout: 400,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerModal, {
+        className: className ? className : "",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "contentModal",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
+            children: ![null, undefined, ""].includes(title === null || title === void 0 ? void 0 : title.trim()) && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+              className: "label-title",
+              children: title.trim()
+            })
+          }), icons[icon === null || icon === void 0 ? void 0 : icon.toLowerCase()] && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.default, {
+            type: "white",
+            className: "iconModal " + "iconModal-" + icon.toLowerCase(),
+            size: 35,
+            borderType: "circle",
+            icon: icons[icon.toLowerCase()]
+          }), ![null, undefined, ""].includes(message === null || message === void 0 ? void 0 : message.trim()) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+            className: "label-message",
+            children: [" ", message.trim(), " "]
+          }), customComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "container-customComponent",
+            children: customComponent
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "container-buttons",
+            children: buttons !== null && buttons !== void 0 && buttons.length ? buttons : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.default, {
+              type: "white",
+              borderType: "oval",
+              label: "Aceptar",
+              size: 12,
+              onClick: function onClick(event) {
+                return onClickBtnDefault && onClickBtnDefault(event);
+              }
+            }, "btn-Aceptar")
+          })]
+        })
+      })
+    })
+  });
+}

package/dist/components/organisms/Modal/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContainerModal = 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 ContainerModal = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  display: grid;\n  place-items: center;\n  background-color: rgba(0, 0, 0, 0.4);\n\n  .contentModal {\n    width: fit-content;\n    max-width: 80%;\n    min-width: 80px;\n    height: fit-content;\n    max-height: 90%;\n    min-height: 120px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background-color: white;\n    border-radius: 10px;\n    padding: 25px 25px 20px 25px;\n    box-shadow: 0px 2px 4px 0px #00000040;\n\n    header {\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 6px;\n      margin-bottom: 20px;\n\n      .label-title {\n        width: 100%;\n        text-align: center;\n        font-family: ", ", sans-serif;\n        font-size: 17px;\n        line-height: 1.2;\n        color: #262626;\n        white-space: pre-wrap;\n      }\n    }\n\n    .iconModal {\n      width: 50px;\n      height: 50px;\n      font-size: 30px;\n      border-width: 4px;\n      margin-bottom: 20px;\n      overflow: hidden;\n\n      &.iconModal-error {\n        background-color: #953737;\n        border-color: #953737;\n        color: white;\n      }\n      &.iconModal-warning {\n        font-size: 27px;\n        padding-bottom: 8px;\n        color: #af9647;\n        border-color: #af9647;\n      }\n      &.iconModal-info {\n        border-color: #9e3e26;\n        color: #9e3e26;\n      }\n      &.iconModal-success {\n      }\n    }\n\n    .label-message {\n      width: 100%;\n      text-align: center;\n      font-family: ", ", sans-serif;\n      font-size: 13px;\n      color: #707070;\n      white-space: pre-wrap;\n    }\n\n    .container-customComponent {\n      width: 100%;\n      max-height: 50vh;\n      display: flex;\n      flex-direction: column;\n      margin-top: 20px;\n      padding: 0px 0px;\n      //border: 1px solid red;\n    }\n\n    .container-buttons {\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      gap: 12px;\n      margin-top: 20px;\n      //border: 1px solid red;\n    }\n  }\n"])), _variables.FontFamily.RobotoMedium, _variables.FontFamily.RobotoRegular);
+
+exports.ContainerModal = ContainerModal;

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

@@ -106,7 +106,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 var reducerImages = function reducerImages(state, action) {
   var _action$init, _action$init$inputsBy;
 
-  var values = state.values,
+  var _state$values = state.values,
+      values = _state$values === void 0 ? [] : _state$values,
       attrForImgs = state.attrForImgs,
       inputsByRetailer = state.inputsByRetailer;
 
@@ -182,7 +183,7 @@ var reducerImages = function reducerImages(state, action) {
           inputs = inputsInitial === null || inputsInitial === void 0 ? void 0 : inputsInitial.filter(function (input) {
             return imageIdArray.includes(input.id);
           });
-          values = orderedImages.length > 0 ? orderedImages : [];
+          if (orderedImages.length > 0) values = orderedImages;
         } catch (error) {
           console.log(error);
         }

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

@@ -84,7 +84,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 var reducerImages = function reducerImages(state, action) {
   var _action$init, _action$init$inputsBy;
 
-  var values = state.values,
+  var _state$values = state.values,
+      values = _state$values === void 0 ? [] : _state$values,
       attrForImgs = state.attrForImgs,
       inputsByRetailer = state.inputsByRetailer;
 
@@ -156,11 +157,7 @@ var reducerImages = function reducerImages(state, action) {
 
           var orderedImages = [];
           var imageIdArray = [];
-
-          if (action !== null && action !== void 0 && action.retailerId && !_inputsByRetailer[action.retailerId]) {
-            _inputsByRetailer[action.retailerId] = [];
-          }
-
+          if (action !== null && action !== void 0 && action.retailerId && !_inputsByRetailer[action.retailerId]) _inputsByRetailer[action.retailerId] = [];
           action.retailerId && ((_inputsByRetailer$act = _inputsByRetailer[action.retailerId]) === null || _inputsByRetailer$act === void 0 ? void 0 : _inputsByRetailer$act.filter(function (input) {
             imageIdArray.push(input.id_image);
             valuesInitial.forEach(function (value) {
@@ -170,7 +167,7 @@ var reducerImages = function reducerImages(state, action) {
           inputs = inputsInitial === null || inputsInitial === void 0 ? void 0 : inputsInitial.filter(function (input) {
             return imageIdArray.includes(input.id);
           });
-          values = orderedImages.length > 0 ? orderedImages : [];
+          if (orderedImages.length > 0) values = orderedImages;
         } catch (error) {
           console.log(error);
         }

package/dist/global-files/fonts.css

@@ -43,3 +43,21 @@
   src: url("../assets/fonts/raleway/Raleway-Black.ttf");
   font-weight: 900;
 }
+
+@font-face {
+  font-family: "RobotoMedium";
+  src: url("../assets/fonts/Roboto/Roboto-Medium.ttf");
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: "RobotoRegular";
+  src: url("../assets/fonts/Roboto/Roboto-Regular.ttf");
+  font-weight: 400;
+}
+
+.prueba {
+  color: #9e3e26;
+  color: #b42983;
+  color: #e7e7e7;
+}

package/dist/global-files/handle_http.js

@@ -0,0 +1,383 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fetchPUT = exports.fetchPOST = exports.fetchGET = exports.fetchDELETE = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _axios = _interopRequireDefault(require("axios"));
+
+//============================================================
+
+/**
+ *	funcion que realiza un axios GET
+ *	
+ *	Si <body> es undefined significa que hubo error
+
+ * @returns { Promise<{
+ * 	body: {} | undefined , 
+ * 	message: string, 
+ * 	errorDetail: string
+ * }> }
+ *  
+ */
+//============================================================
+var fetchGET = function fetchGET() {
+  var endpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  var paramsQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var paramsHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return new Promise( /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(response) {
+      var URL, keysParamsQuery, respHTTPjson, body, _body$message, _body$errorDetail;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              URL = endpoint;
+              keysParamsQuery = Object.keys(paramsQuery); // agregar cada param query a la URL
+
+              keysParamsQuery.forEach(function (key, index) {
+                if (index == 0) {
+                  URL += "?".concat(key, "=").concat(paramsQuery[key]);
+                } else {
+                  URL += "&".concat(key, "=").concat(paramsQuery[key]);
+                }
+              }); //console.log("URL:", URL);
+
+              _context.next = 6;
+              return _axios.default.get(URL, {
+                headers: paramsHeaders
+              });
+
+            case 6:
+              respHTTPjson = _context.sent;
+
+              if (!(respHTTPjson.status !== 200)) {
+                _context.next = 9;
+                break;
+              }
+
+              return _context.abrupt("return", response({
+                message: "No fue posible llevar a cabo la operación",
+                errorDetail: respHTTPjson.statusText
+              }));
+
+            case 9:
+              // obtener body backend
+              body = JSON.parse(respHTTPjson.data.body); // verificar si existe error desde el backend
+
+              if (!(respHTTPjson.data.statusCode !== 200)) {
+                _context.next = 12;
+                break;
+              }
+
+              return _context.abrupt("return", response({
+                message: (_body$message = body.message) !== null && _body$message !== void 0 ? _body$message : "",
+                errorDetail: (_body$errorDetail = body.errorDetail) !== null && _body$errorDetail !== void 0 ? _body$errorDetail : ""
+              }));
+
+            case 12:
+              return _context.abrupt("return", response({
+                body: body
+              }));
+
+            case 15:
+              _context.prev = 15;
+              _context.t0 = _context["catch"](0);
+              return _context.abrupt("return", response({
+                message: "Error al obtener los datos",
+                errorDetail: _context.t0.message
+              }));
+
+            case 18:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 15]]);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+}; //============================================================
+
+/**
+ *	funcion que realiza un axios POST
+ *	
+ *	Si <body> es undefined significa que hubo error
+
+ * @returns { Promise<{
+ * 	body: {} | undefined , 
+ * 	message: string, 
+ * 	errorDetail: string
+ * }> }
+ *  
+ */
+//============================================================
+
+
+exports.fetchGET = fetchGET;
+
+var fetchPOST = function fetchPOST() {
+  var endpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  var paramsBody = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var paramsHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return new Promise( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(response) {
+      var respHTTPjson, body, _body$message2, _body$errorDetail2;
+
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              _context2.next = 3;
+              return _axios.default.post(endpoint, paramsBody, {
+                headers: paramsHeaders
+              });
+
+            case 3:
+              respHTTPjson = _context2.sent;
+
+              if (!(respHTTPjson.status !== 200)) {
+                _context2.next = 6;
+                break;
+              }
+
+              return _context2.abrupt("return", response({
+                message: "No fue posible llevar a cabo la operación",
+                errorDetail: respHTTPjson.statusText
+              }));
+
+            case 6:
+              // obtener body backend
+              body = JSON.parse(respHTTPjson.data.body); // verificar si existe error desde el backend
+
+              if (!(respHTTPjson.data.statusCode !== 200)) {
+                _context2.next = 10;
+                break;
+              }
+
+              console.log(body);
+              return _context2.abrupt("return", response({
+                message: (_body$message2 = body.message) !== null && _body$message2 !== void 0 ? _body$message2 : "",
+                errorDetail: (_body$errorDetail2 = body.errorDetail) !== null && _body$errorDetail2 !== void 0 ? _body$errorDetail2 : ""
+              }));
+
+            case 10:
+              return _context2.abrupt("return", response({
+                body: body
+              }));
+
+            case 13:
+              _context2.prev = 13;
+              _context2.t0 = _context2["catch"](0);
+              return _context2.abrupt("return", response({
+                message: "Error al guardar los datos",
+                errorDetail: _context2.t0.message
+              }));
+
+            case 16:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[0, 13]]);
+    }));
+
+    return function (_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }());
+}; //============================================================
+
+/**
+ *	funcion que realiza un axios GET
+ *	
+ *	Si <body> es undefined significa que hubo error
+
+ * @returns { Promise<{
+ * 	body: {} | undefined , 
+ * 	message: string, 
+ * 	errorDetail: string
+ * }> }
+ *  
+ */
+//============================================================
+
+
+exports.fetchPOST = fetchPOST;
+
+var fetchPUT = function fetchPUT() {
+  var endpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  var paramsBody = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var paramsHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return new Promise( /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(response) {
+      var respHTTPjson, body, _body$message3, _body$errorDetail3;
+
+      return _regenerator.default.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+              _context3.next = 3;
+              return _axios.default.put(endpoint, paramsBody, {
+                headers: paramsHeaders
+              });
+
+            case 3:
+              respHTTPjson = _context3.sent;
+
+              if (!(respHTTPjson.status !== 200)) {
+                _context3.next = 6;
+                break;
+              }
+
+              return _context3.abrupt("return", response({
+                message: "No fue posible llevar a cabo la operación",
+                errorDetail: respHTTPjson.statusText
+              }));
+
+            case 6:
+              // obtener body backend
+              body = JSON.parse(respHTTPjson.data.body); // verificar si existe error desde el backend
+
+              if (!(respHTTPjson.data.statusCode !== 200)) {
+                _context3.next = 9;
+                break;
+              }
+
+              return _context3.abrupt("return", response({
+                message: (_body$message3 = body.message) !== null && _body$message3 !== void 0 ? _body$message3 : "",
+                errorDetail: (_body$errorDetail3 = body.errorDetail) !== null && _body$errorDetail3 !== void 0 ? _body$errorDetail3 : ""
+              }));
+
+            case 9:
+              return _context3.abrupt("return", response({
+                body: body
+              }));
+
+            case 12:
+              _context3.prev = 12;
+              _context3.t0 = _context3["catch"](0);
+              return _context3.abrupt("return", response({
+                message: "Error al actualizar los datos",
+                errorDetail: _context3.t0.message
+              }));
+
+            case 15:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3, null, [[0, 12]]);
+    }));
+
+    return function (_x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }());
+}; //============================================================
+
+/**
+ *	funcion que realiza un axios GET
+ *	
+ *	Si <body> es undefined significa que hubo error
+
+ * @returns { Promise<{
+ * 	body: {} | undefined , 
+ * 	message: string, 
+ * 	errorDetail: string
+ * }> }
+ *  
+ */
+//============================================================
+
+
+exports.fetchPUT = fetchPUT;
+
+var fetchDELETE = function fetchDELETE() {
+  var endpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  var paramsBody = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var paramsHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return new Promise( /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(response) {
+      var respHTTPjson, body, _body$message4, _body$errorDetail4;
+
+      return _regenerator.default.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.prev = 0;
+              _context4.next = 3;
+              return _axios.default.delete(endpoint, {
+                data: paramsBody,
+                headers: paramsHeaders
+              });
+
+            case 3:
+              respHTTPjson = _context4.sent;
+
+              if (!(respHTTPjson.status !== 200)) {
+                _context4.next = 6;
+                break;
+              }
+
+              return _context4.abrupt("return", response({
+                message: "No fue posible llevar a cabo la operación",
+                errorDetail: respHTTPjson.statusText
+              }));
+
+            case 6:
+              // obtener body backend
+              body = JSON.parse(respHTTPjson.data.body); // verificar si existe error desde el backend
+
+              if (!(respHTTPjson.data.statusCode !== 200)) {
+                _context4.next = 9;
+                break;
+              }
+
+              return _context4.abrupt("return", response({
+                message: (_body$message4 = body.message) !== null && _body$message4 !== void 0 ? _body$message4 : "",
+                errorDetail: (_body$errorDetail4 = body.errorDetail) !== null && _body$errorDetail4 !== void 0 ? _body$errorDetail4 : ""
+              }));
+
+            case 9:
+              return _context4.abrupt("return", response({
+                body: body
+              }));
+
+            case 12:
+              _context4.prev = 12;
+              _context4.t0 = _context4["catch"](0);
+              return _context4.abrupt("return", response({
+                message: "Error al actualizar los datos",
+                errorDetail: _context4.t0.message
+              }));
+
+            case 15:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4, null, [[0, 12]]);
+    }));
+
+    return function (_x4) {
+      return _ref4.apply(this, arguments);
+    };
+  }());
+};
+
+exports.fetchDELETE = fetchDELETE;