contentoh-components-library 21.3.13 → 21.3.14

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

@@ -28,117 +28,91 @@ exports.RetailerProductEditionDefault = RetailerProductEditionDefault;
 RetailerProductEditionDefault.args = {
   tabsSections: {
     Descripción: true,
-    "Ficha técnica": false,
-    Imágenes: false
+    "Ficha técnica": true,
+    Imágenes: true
   },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhNmM0ZDNkNi0yNGE0LTQxZDQtYWQwZi1kMDg3NDM4YWI1YjYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImE2YzRkM2Q2LTI0YTQtNDFkNC1hZDBmLWQwODc0MzhhYjViNiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI0MmE2OWE4My02OGY0LTRmZjktOGU4Zi1jYzgxODQ5MDU5NGYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2OTkyODUxMSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2OTkzMjExMSwiaWF0IjoxNjY5OTI4NTExLCJlbWFpbCI6ImV0Y0Bjb250ZW50b2guY29tIn0.Mv1hFVjkF2y__7XP0bXzU2Yq8YMc0go9OgB7all5F4HvfK62I0l9rNRqddlaLjDSCmjvyYI-M8WFwHtdlOL1-liazZr8hhu7_9SciapRzkuuHlWwu0g3EEK54NuHR3-YYRax85hKyN9YoV1MY_fTzT9WUVXWoqf4UPj2SH79g_A0l0lm18ODzzdhXFSpubuI8-Ml7MbXUh8klzl7T55S16sj8zPONpesrA01WsG1PWGqfRZI2g37edj_en2_fIcfi49tQjbSjnQOVOPnkO5TPiyoMtZdS53Rx75iSI8-fP-Z7kD-5TI_KK6vK35PHoG1B-N3EzDUjXek4MowNswnGA",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJmMzY2YTdjYi02YjA0LTRiMzAtOTJmYy1iMzY0MmY3ZjEzNmEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3MTc0MzE0OSwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjcxNzQ2NzQ5LCJpYXQiOjE2NzE3NDMxNDksImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.J8kTv1sEotxoicaRclaK1r0tjVbwHPDxIzdDfxYo9J4XwBYYfS180__KYYE0Dh1AfUK_K0mrk2_78_rhTNxCQT85W7XS3ZEcxIOUekqoxaKFl8LSVN_eWz3SlsGG0yRflhJGt6d4gBVByXZbdNiyp1rkjgMln6fhwlRUnuGRbG1WKQvdAPli3qfH8mLzgoTz-6HWs1Jf2Ujheavf3ipGMNtj-OSUdQsh04Ov7jehDWdnPNn2s2DAl4eubgjdXrwIiBPCRkbuFeYZZJpzj1wy__a0nCM7bzly5uTZ2aWujgEJvf9bJb-Y4gkS8TxyJaggJ01ZsMki36aEpIt8J1tJag",
   productSelected: {
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1
-    },
-    orderId: 123,
-    status: "PA",
-    datasheet_status: "PA",
-    prio: "none",
+    articleStatus: "AA",
     version: 3,
-    description_status: "PA",
-    images_status: "PA",
-    statusByRetailer: {
-      4: {
-        datasheet: "PA",
-        description: "PA",
-        images: "PA"
-      },
-      5: {
-        datasheet: "PA",
-        description: "PA",
-        images: "PA"
-      },
-      6: {
-        datasheet: "PA",
-        description: "PA",
-        images: "PA"
-      }
-    },
+    missing: {},
     article: {
-      id_article: 127,
-      id_category: "700",
-      name: "prueba prod flujo",
-      upc: "34234353324",
-      timestamp: "2022-11-23T23:12:30.000Z",
-      id_user: 28,
-      status: "NULL",
-      active: 1,
-      company_id: 1,
+      category: "Ventilación y Calefacción|Ventiladores de Techo|Ventiladores de Techo",
       company_name: "GRUPO BRAHMA",
-      country: "México",
-      id_order: 123,
-      id_datasheet_especialist: 54,
-      id_datasheet_facilitator: 52,
-      id_description_especialist: 54,
-      id_description_facilitator: 52,
-      id_images_especialist: 55,
-      id_images_facilitator: 53,
-      id_auditor: 37,
-      id_recepcionist: null,
-      category: "Salud y Belleza|Cuidado Facial|Cremas, Mascarillas y Tratamientos",
-      missingAttributes: 0,
-      missingDescriptions: 0,
-      missingImages: 0
+      company_id: 1,
+      id_category: "2416",
+      id_article: 221,
+      name: 'DEMO VENTILADOR DE TECHO TRIBECA 52"',
+      upc: "147259"
     },
+    asignations: [],
     retailers: [{
-      id: 4,
-      name: "Walmart Super y Superama"
-    }, {
-      id: 5,
-      name: "Chedraui"
-    }, {
-      id: 6,
-      name: "HEB"
+      id: 59,
+      name: "The Home Depot Platinum",
+      country: "México",
+      id_region: 1,
+      active: 1
     }],
-    country: "México",
-    upc: "34234353324"
+    retailersAvailable: [{
+      id: 59,
+      name: "The Home Depot Platinum",
+      country: "México",
+      id_region: 1,
+      active: 1
+    }],
+    upc: "147259",
+    name: 'DEMO VENTILADOR DE TECHO TRIBECA 52"',
+    categoryName: "Ventilación y Calefacción|Ventiladores de Techo|Ventiladores de Techo",
+    id_category: "2416",
+    id_article: 221,
+    services: [{
+      id_article: 221,
+      service: "datasheet",
+      quantity: 1,
+      price: 0,
+      id_user: 59,
+      datasheet_common: null,
+      discount: null
+    }]
   },
   location: {
     product: {
-      articleId: 109485,
+      articleId: 221,
       versionId: 3
     }
   },
   user: {
-    id_user: 51,
-    name: "ADMIN PRUEBA",
-    last_name: "",
-    email: "etc@contentoh.com",
-    position: "",
-    telephone: "",
-    country: "",
-    id_company: 2,
-    id_cognito: "a6c4d3d6-24a4-41d4-ad0f-d087438ab5b6",
+    id_user: 59,
+    name: "The Home",
+    last_name: "Depot",
+    email: "cadena.ismael@allfreemail.net",
+    position: "Admin",
+    telephone: "+523111366336",
+    country: "México",
+    id_company: 817,
+    id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
     birth_Date: null,
     about_me: "",
     zip_code: "",
     address: "",
     job: "",
     id_stripe: "",
-    id_role: 1,
+    id_role: 0,
     active: 1,
-    is_retailer: 0,
-    email_notify: 1,
+    is_retailer: 1,
+    email_notify: 0,
     is_user_tech: null,
     membership: {
-      id: 2,
-      start_date: "2021-11-05T02:35:12.000Z",
-      end_date: "2022-11-05T02:34:49.000Z",
-      planID: 1,
-      plan: "prod_KtkvuFFLpOdP6e",
-      name: "Plan Free",
-      user_limit: "1",
-      products_limit: "3",
+      id: 47,
+      start_date: "2022-05-25T14:31:12.000Z",
+      end_date: "2023-05-25T14:31:12.000Z",
+      planID: 5,
+      plan: "prod_Ktl6B5Ou2gqTB2",
+      name: "Plan Pro",
+      user_limit: "5",
+      products_limit: "500",
       type: "PyMES"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-51/51.png?1669928511679"
+    src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1671735033010"
   }
 };

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

@@ -318,7 +318,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   })),
       _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
       percentages = _useState24[0],
-      setPercentages = _useState24[1];
+      setPercentages = _useState24[1]; // const [percentages, setPercentages] = useState([{ retailers: {} }]);
+
 
   var _useState25 = (0, _react.useState)(0),
       _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
@@ -462,8 +463,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               _services = _context.sent;
               //Converts the data inside the datasheets object to array
               setServices(_services);
-              getServices(); // setActiveRetailer(product?.retailers[0]);
-
+              getServices();
               setImages({
                 action: "init",
                 init: _services[2]
@@ -472,7 +472,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               (0, _data.getPercentage)({
                 data: [product]
               }).then(function (res) {
-                return setPercentages(res);
+                return setPercentages(res[0]);
               });
               setLoading(false);
               _context.next = 15;
@@ -681,16 +681,17 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     loadAssignations(product);
   }, [userGroups]);
   (0, _react.useEffect)(function () {
-    var _product$retailers2, _product$retailers$;
+    var _Object$keys, _percentages$retailer, _retailers$;
 
-    product === null || product === void 0 ? void 0 : (_product$retailers2 = product.retailers) === null || _product$retailers2 === void 0 ? void 0 : _product$retailers2.forEach(function (retailer) {
-      var _percentages$filter$;
+    var retailers = (product === null || product === void 0 ? void 0 : product.retailersAvailable) || (product === null || product === void 0 ? void 0 : product.retailers);
 
-      retailer["percentage"] = percentages === null || percentages === void 0 ? void 0 : (_percentages$filter$ = percentages.filter(function (percent) {
-        return (retailer === null || retailer === void 0 ? void 0 : retailer.id) === (percent === null || percent === void 0 ? void 0 : percent.id_retailer);
-      })[0]) === null || _percentages$filter$ === void 0 ? void 0 : _percentages$filter$.percentage;
-    });
-    setActivePercentage(product === null || product === void 0 ? void 0 : (_product$retailers$ = product.retailers[0]) === null || _product$retailers$ === void 0 ? void 0 : _product$retailers$.percentage);
+    if (((_Object$keys = Object.keys((_percentages$retailer = percentages === null || percentages === void 0 ? void 0 : percentages.retailers) !== null && _percentages$retailer !== void 0 ? _percentages$retailer : {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) {
+      retailers === null || retailers === void 0 ? void 0 : retailers.forEach(function (retailer) {
+        retailer["percentage"] = Number(percentages === null || percentages === void 0 ? void 0 : percentages.retailers[retailer.id].percentageRequired);
+      });
+    }
+
+    setActivePercentage((_retailers$ = retailers[0]) === null || _retailers$ === void 0 ? void 0 : _retailers$.percentage);
   }, [percentages]);
   (0, _react.useEffect)(function () {
     if (services.length > 0) {

package/dist/global-files/fonts.css

@@ -61,3 +61,9 @@
   src: url("../assets/fonts/roboto/Roboto-Regular.ttf");
   font-weight: 400;
 }
+
+.prueba {
+  color: #9e3e26;
+  color: #b42983;
+  color: #e7e7e7;
+}

package/dist/global-files/utils.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isValidNaturalNumber = exports.isStringEmpty = exports.isObject = exports.isArrayEmpty = exports.getTime = exports.getResizeImgHeight = exports.getImageURL = exports.getImageSize = exports.getFullDate = exports.getFileName = exports.getFileExtension = exports.getDataBuffer = exports.getDataBase64 = exports.getCustomDate = exports.getBase64 = exports.encodeUriJson = exports.decodeJSON = void 0;
+exports.isValidNaturalNumber = exports.isStringEmpty = exports.isObject = exports.isArrayEmpty = exports.getTime = exports.getResizeImgHeight = exports.getImageURL = exports.getImageSize = exports.getFullDate = exports.getFormatedDate = exports.getFileName = exports.getFileExtension = exports.getDataBuffer = exports.getDataBase64 = exports.getCustomDate = exports.getBase64 = exports.encodeUriJson = exports.decodeJSON = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -342,6 +342,26 @@ var getFullDate = function getFullDate() {
 /*------------------------
 Obtener una fecha a partir de 
 un objeto Date() en formato: 
+'aaaa-MM-dd'
+ejemplo: '2022-12-25'
+--------------------------*/
+
+
+exports.getFullDate = getFullDate;
+
+var getFormatedDate = function getFormatedDate() {
+  var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
+  var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "/";
+  if (isNaN(date)) return undefined;
+  var dateString = "";
+  dateString += date.getFullYear() + separator;
+  dateString += date.getMonth() + 1 + separator;
+  dateString += date.getDate();
+  return dateString;
+};
+/*------------------------
+Obtener una fecha a partir de 
+un objeto Date() en formato: 
 'dd de MMMM del aaaa'
 ejemplo: '12 de octubre del 2022'
 => si es la fecha del dia actual:
@@ -353,7 +373,7 @@ devolvera '12 de octubre'
 --------------------------*/
 
 
-exports.getFullDate = getFullDate;
+exports.getFormatedDate = getFormatedDate;
 
 var getCustomDate = function getCustomDate() {
   var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();

package/dist/global-files/variables.js

@@ -32,6 +32,8 @@ var FontFamily = {
   Raleway_700: "Raleway-700",
   Raleway_800: "Raleway-800",
   Raleway_900: "Raleway-900",
+  RobotoMedium: "RobotoMedium",
+  RobotoRegular: "RobotoRegular",
   Roboto: "Roboto"
 };
 exports.FontFamily = FontFamily;