contentoh-components-library 21.0.81 → 21.0.84

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

@@ -27,8 +27,8 @@ RetailerProductEditionDefault.args = {
       images: 1,
     },
     orderId: 233,
-    status: "IN_PROGRESS",
-    datasheet_status: "IN_PROGRESS",
+    status: "QF",
+    datasheet_status: "QF",
     prio: "none",
     version: 2,
     description_status: "QF",
@@ -67,6 +67,7 @@ RetailerProductEditionDefault.args = {
         country: "México",
         id_region: 1,
         active: 1,
+        percentage: 100,
       },
       {
         id: 26,
@@ -74,6 +75,7 @@ RetailerProductEditionDefault.args = {
         country: "México",
         id_region: 1,
         active: 1,
+        percentage: 100,
       },
     ],
     country: "México",
@@ -83,22 +85,22 @@ RetailerProductEditionDefault.args = {
     product: { articleId: 109485, versionId: 3 },
   },
   user: {
-    id_user: 54,
-    name: "ESPECIALISTA TXTS PRUEBA",
+    id_user: 53,
+    name: "FACILITADOR ED PRUEBA",
     last_name: "",
-    email: "rlegorreta@contentoh.com",
+    email: "arojas@contentoh.com",
     position: null,
     telephone: null,
     country: null,
     id_company: 2,
-    id_cognito: "ca1d24ab-e992-4c19-b4e1-2fe6f720c16b",
+    id_cognito: "c106e141-e221-49e8-a382-ce99385c6d88",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
     id_stripe: null,
-    id_role: 7,
+    id_role: 5,
     active: 1,
     is_retailer: 0,
     membership: {
@@ -112,6 +114,6 @@ RetailerProductEditionDefault.args = {
       products_limit: "3",
       type: "PyMES",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-54/54.png?1653425316222",
+    src: "https://content-management-profile.s3.amazonaws.com/id-53/53.png?1655161876316",
   },
 };

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

@@ -150,6 +150,7 @@ export const RetailerProductEdition = ({
   const [loading, setLoading] = useState(true);
   const [retailerStatus, setRetailerStatus] = useState("-");
   const [statusArray, setStatusArray] = useState([]);
+  const [socketType, setSocketType] = useState(null);
 
   useEffect(() => {
     checkAll && setSelectedImages(images.values);
@@ -339,11 +340,7 @@ export const RetailerProductEdition = ({
   }, [activeRetailer, services]);
 
   const thumbs = () => {
-    const imageInputs = images?.inputs?.map((e) => ({
-      value: e?.id,
-      name: e?.name,
-      required: e?.required,
-    }));
+    const imageInputs = socketType.slice();
     const imageType = images?.imageType?.map((e) => ({
       value: e?.id,
       name: e?.name,
@@ -364,6 +361,7 @@ export const RetailerProductEdition = ({
         imageType={imageType}
         imagePackagingType={imagePackagingType}
         imageInputs={imageInputs}
+        setSocketType={setSocketType}
         changeImage={setImages}
         selectedImages={selectedImages}
         setSelectedImages={setSelectedImages}
@@ -432,6 +430,16 @@ export const RetailerProductEdition = ({
     }
   };
 
+  useEffect(() => {
+    const imageInputs = images?.inputs?.map((e) => ({
+      value: e?.id,
+      name: e?.name,
+      required: e?.required,
+      active: images?.values.some((value) => value?.image_id === e?.id),
+    }));
+    setSocketType(imageInputs);
+  }, [images]);
+
   const updateImages = useCallback(async () => {
     const imagesList = images?.values?.slice();
     const imagesListTemp = imagesList?.reduce((acc, image) => {
@@ -591,8 +599,7 @@ export const RetailerProductEdition = ({
   };
 
   const approveRejectButtons = (action) => {
-    let concept = getConcept(activeTab);
-    concept = action ? action : concept;
+    let concept = getConcept(action || activeTab);
 
     const [retailerStatus] = servicesData.filter(
       (srv) => srv.id_retailer === activeRetailer?.id && srv.service === concept
@@ -725,22 +732,10 @@ export const RetailerProductEdition = ({
   };
 
   const userAssigned = (tab, rol) => {
-    let concept = "";
-    switch (tab) {
-      case "Ficha técnica":
-        concept = "datasheet";
-        break;
-      case "Imágenes":
-        concept = "images";
-        break;
-
-      default:
-        concept = "description";
-        break;
-    }
+    let concept = getConcept(activeTab);
 
     const allowedRoles = [1, 4, 5, 6, 7, 8];
-    const validUser = allowedRoles.indexOf(user?.id_role) !== -1;
+    const validUser = allowedRoles.includes(user?.id_role);
 
     if (!rol) {
       switch (user.id_role) {

package/src/index.js

@@ -47,6 +47,7 @@ export * from "./components/molecules/TableRow/index";
 export * from "./components/molecules/TabsMenu/index";
 export * from "./components/molecules/TagAndInput/index";
 export * from "./components/molecules/VerificationCodeResetPasswordLogin/index";
+export * from "./components/molecules/RetailerSelector/index";
 
 //organisms
 export * from "./components/organisms/ChangePassword/index";