contentoh-components-library 21.1.87 → 21.1.90

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

@@ -16,77 +16,114 @@ RetailerProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhNmM0ZDNkNi0yNGE0LTQxZDQtYWQwZi1kMDg3NDM4YWI1YjYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImE2YzRkM2Q2LTI0YTQtNDFkNC1hZDBmLWQwODc0MzhhYjViNiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJmZTM3NjZmNS0zY2E0LTQ2N2MtOTIxMS0yM2Y0NWQ1ZWU4NjgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1ODk5MTc2NSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY1ODk5NTM2NSwiaWF0IjoxNjU4OTkxNzY1LCJlbWFpbCI6ImV0Y0Bjb250ZW50b2guY29tIn0.bQDE_eVpwSBWXqgbX2bicpPTgAoG8mfeA_P0l92vBWV0Q7m7llCNOmLvaaZn-EtYNf3xjVH8pGivJGT5KMOLl9adBl8TnUxD0IS2BJp0wB3m3l79BFAswLbfCAFb-x0XJw4LznnnrlN12ZF-9sPcE4s8RXRxw2cSX3Lt4pdJqi8sOG_DNu3BvxmML3Ckv23aK82zWzskXQb_gNdTM2mqi7SvxvE87yb4X_5cfvP6QtA6hEh1jezbHWdzPDxKkme0ZdVOpqEb3c1JMSIP06EQ9NfnXVt0S19hz6kfppC2laFEwrK2M8tO8EH06k2qlSk3Hp5b6Ga3BACvKAWnfOnC1A",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6IjFmODVjYTI2LTFiZTItNGRmOC04ZDVlLWNkYzdlYzhhNWY5MyIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjU5NDk3MDMyLCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjU5NTAwNjMyLCJpYXQiOjE2NTk0OTcwMzIsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.YMnbVYuC12JcOT0E1FRioMGyUol_eyu9RCfwa0fwB-K9oGTkrOSLbz8jK4sNI4QRgkr5eGqwF2KASmo1DGxOUwgV2s_-BM_tJpKHEcVuQ7z0X46C5EPahSxNPLuzs22WUnf97uoGYj9IrToWfoxV_6zi1Z1jshXwZ-1Kc9zeZvlFnyGeVyLS6uavMxcD06KNLKdWenQVFGcj6LZRjB-Oy-APMF29M1oggGqrsVdY3N8E9otUkws2yYA35dpHd1zHZNEbsX6cgOemGxog7h2f6NQmNXPrnmH4ZQTLS8sLtD_UOEu9_HAdsXLZizBDKQ95cC6be2p4w_sXj22AUw5BKg",
   productSelected: {
     services: {
-      datasheets: 1,
-      descriptions: 1,
+      datasheets: 0,
+      descriptions: 0,
       images: 1,
     },
-    orderId: 2426,
-    status: "AS",
-    datasheet_status: "AS",
+    orderId: 82,
+    status: "AA",
+    datasheet_status: "NS",
     prio: "none",
     version: 2,
-    description_status: "AS",
-    images_status: "AS",
+    description_status: "NS",
+    images_status: "AA",
     article: {
-      id_article: 78738,
-      id_category: "2427",
-      name: "INTERRUPTOR TERMOMAGNETICO IUSA 2P 15A",
-      upc: "157126",
-      timestamp: "2022-08-01T18:28:05.000Z",
-      id_user: 651,
+      id_article: 55147,
+      id_category: "157",
+      name: "Lavatrastes Axion ",
+      upc: "977358",
+      timestamp: "2022-06-21T17:37:05.000Z",
+      id_user: 28,
       status: "NULL",
       active: 1,
-      company_id: 388,
-      SKU: null,
-      Descripcion: null,
-      Proveedor: null,
-      id_proveedor: 0,
-      company_name: "",
-      country: null,
-      id_order: 2426,
-      id_datasheet_especialist: 1248,
-      id_datasheet_facilitator: 1252,
-      id_description_especialist: 1248,
-      id_description_facilitator: 1252,
-      id_images_especialist: 1251,
-      id_images_facilitator: 1286,
-      id_auditor: 1254,
+      company_id: 1,
+      company_name: "COMPANY DEV",
+      country: "México",
+      id_order: 82,
+      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: 30,
       id_recepcionist: null,
       category:
-        "Eléctrico|Centros de Carga e Interruptores|Interruptores de Seguridad",
-      missingAttributes: null,
-      missingDescriptions: null,
-      missingImages: null,
+        "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
+      missingAttributes: 0,
+      missingDescriptions: 0,
+      missingImages: 0,
     },
     retailers: [
       {
-        id: 58,
-        name: "The Home Depot Golden",
-        country: "México",
-        id_region: 1,
-        active: 1,
+        id: 3,
+        name: "Sam´s Club",
+      },
+      {
+        id: 4,
+        name: "Walmart Super y Superama",
+      },
+      {
+        id: 5,
+        name: "Chedraui",
+      },
+      {
+        id: 6,
+        name: "HEB",
+      },
+      {
+        id: 12,
+        name: "La Comer",
+      },
+      {
+        id: 13,
+        name: "Soriana",
+      },
+      {
+        id: 17,
+        name: "Genérico",
+      },
+      {
+        id: 20,
+        name: "Cornershop",
+      },
+      {
+        id: 26,
+        name: "Mercado Libre",
+      },
+      {
+        id: 34,
+        name: "San Pablo",
+      },
+      {
+        id: 38,
+        name: "Del Sol",
+      },
+      {
+        id: 64,
+        name: "Cali",
       },
     ],
-    country: null,
-    upc: "157126",
+    country: "México",
+    upc: "977358",
   },
   location: {
     product: { articleId: 109485, versionId: 3 },
   },
   user: {
-    id_user: 460,
-    name: "Ismael",
-    last_name: "López",
-    email: "ilopez@contentoh.com",
-    position: "Desarrollador",
+    id_user: 30,
+    name: "Admin",
+    last_name: "Ulises",
+    email: "salmeron.5@hotmail.com",
+    position: "Admin",
     telephone: null,
     country: "México",
-    id_company: 254,
-    id_cognito: "9d0cc5c8-a89e-4bdd-9e2d-358a01cc9a62",
-    birth_Date: "1997-08-15T00:00:00.000Z",
+    id_company: 2,
+    id_cognito: "c94a7305-9365-46ff-a423-4b4bc3b8b180",
+    birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
@@ -95,18 +132,18 @@ RetailerProductEditionDefault.args = {
     id_role: 1,
     active: 1,
     is_retailer: 0,
-    email_notify: null,
+    email_notify: 0,
     membership: {
-      id: 750,
-      start_date: "2022-01-07T21:32:54.000Z",
-      end_date: "2023-01-07T21:32:54.000Z",
-      planID: 6,
-      plan: "prod_KvGd6YSTJyR3AP",
-      name: "Plan Small",
-      user_limit: "10",
-      products_limit: "1000",
-      type: "Enterprise",
+      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",
+      type: "PyMES",
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-460/460.png?1659463389000",
+    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1659497033479",
   },
 };

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

@@ -35,10 +35,24 @@ import { useCloseModal } from "../../../global-files/customHooks";
 import { CreateVersion } from "../../organisms/CreateVersion";
 
 const reducerImages = (state, action) => {
-  let { values, attrForImgs } = state;
+  let { values, attrForImgs, inputsByRetailer } = state;
   switch (action.action) {
     case "init":
-      return action.init;
+      const newInputsByRetailer = {};
+      action?.init?.inputsByRetailer?.forEach((inputs) => {
+        inputs?.forEach((input) => {
+          if (!newInputsByRetailer[`${input.id_retailer}`])
+            newInputsByRetailer[`${input.id_retailer}`] = [];
+          newInputsByRetailer[`${input.id_retailer}`].push(input);
+        });
+      });
+      inputsByRetailer = newInputsByRetailer;
+      return {
+        ...action.init,
+        inputsByRetailer,
+        valuesInitial: action.init.values,
+        inputsInitial: action.init.inputs,
+      };
     case "addImg":
       values = [...values, action.img];
       return { ...state, values };
@@ -57,6 +71,25 @@ const reducerImages = (state, action) => {
         (value) => action.selectedImages.indexOf(value) === -1
       );
       return { ...state, values };
+    case "orderImages": {
+      let { inputsByRetailer, valuesInitial, inputsInitial, inputs } = state;
+      const orderedImages = [];
+      const imageIdArray = [];
+      action.retailerId &&
+        inputsByRetailer[action.retailerId]?.filter((input) => {
+          imageIdArray.push(input.id_image);
+          valuesInitial.forEach((value) => {
+            if (value.image_id === input.id_image) orderedImages.push(value);
+          });
+        });
+
+      inputs = inputsInitial?.filter((input) =>
+        imageIdArray.includes(input.id)
+      );
+
+      values = orderedImages.length > 0 ? orderedImages : valuesInitial;
+      return { ...state, values, inputs };
+    }
     default:
       return state;
   }
@@ -356,6 +389,7 @@ export const RetailerProductEdition = ({
       setDatasheets([datagroups, inputs]);
       setDescriptions(descriptions);
     }
+    setImages({ action: "orderImages", retailerId: activeRetailer.id });
   }, [activeRetailer, services]);
 
   const thumbs = () => {
@@ -371,7 +405,7 @@ export const RetailerProductEdition = ({
     return images?.values?.map((image, index) => (
       <GalleryElement
         setCheckAll={setCheckAll}
-        key={index}
+        key={index + "-" + imageType.name}
         image={image}
         gridLayout={imageLayout}
         id={"gallery-element-" + index}
@@ -461,7 +495,7 @@ export const RetailerProductEdition = ({
       value: e?.id,
       name: e?.name,
       required: e?.required,
-      active: images?.values.some((value) => value?.image_id === e?.id),
+      active: images?.values?.some((value) => value?.image_id === e?.id),
     }));
     setSocketType(imageInputs);
   }, [images]);
@@ -1143,6 +1177,8 @@ export const RetailerProductEdition = ({
               product?.services?.images === 1 && updateImages()
             }
             showSaveButton={auditorAssigned() || userAssigned()}
+            setShowVersionSelector={setShowVersionSelector}
+            version={version}
           />
         </div>
         <div className="product-information">