contentoh-components-library 21.0.64 → 21.0.65

package/src/components/organisms/ProductImageModal/index.js

@@ -5,17 +5,16 @@ import { ImageSelector } from "../../molecules/ImageSelector";
 import { useState, useEffect } from "react";
 import { ValidationPanel } from "../../atoms/ValidationPanel";
 import { Button } from "../../atoms/GeneralButton";
-import { getImage } from "../../../global-files/data";
 
 export const ProductImageModal = ({
   images = [],
   headerInfo,
   validation,
   setShowModal,
+  sendToFacilitator,
+  approveRejectButtons,
 }) => {
-  const [activeImage, setActiveImage] = useState(
-    getImage(images?.values[0], 710, 710)
-  );
+  const [activeImage, setActiveImage] = useState(0);
   const [buttonType, setButtonType] = useState(
     validation ? validation : "null-button"
   );
@@ -42,18 +41,25 @@ export const ProductImageModal = ({
       <div className="modal-container">
         <div className="modal-image-container">
           <ProductImage
-            img={activeImage.src}
-            altText={activeImage?.name}
+            img={
+              "https://" +
+              process.env.REACT_APP_IMAGES_BUCKET +
+              ".s3.amazonaws.com/" +
+              images?.values[activeImage]?.srcDB
+            }
+            altText={images?.values[activeImage]?.name}
             imageType={"expanded-modal-image"}
           />
         </div>
         <div className="modal-data-container">
           <div className="validation-and-table-container">
             <div className="validation-panel">
-              <Button
-                buttonType={`circular-button ${buttonType}`}
-                onClick={() => setShowValidationPanel(true)}
-              />
+              {approveRejectButtons("images") && (
+                <Button
+                  buttonType={`circular-button ${buttonType}`}
+                  onClick={() => setShowValidationPanel(true)}
+                />
+              )}
               <Button
                 buttonType={"close-button"}
                 onClick={() => {
@@ -66,14 +72,16 @@ export const ProductImageModal = ({
                   id="validation-panel"
                   setOptionClicked={setButtonType}
                   setShowValidationPanel={setShowValidationPanel}
+                  sendToFacilitator={sendToFacilitator}
                 />
               )}
             </div>
             <ImageDataTable
-              imageData={activeImage.data}
+              imageData={images?.values[activeImage]?.data}
               headerInfo={headerInfo}
-              activeImage={activeImage}
+              activeImage={images?.values[activeImage]}
               darkMode={true}
+              lists={images}
             />
           </div>
           <ImageSelector

package/src/components/organisms/ProductImageModal/styles.js

@@ -11,6 +11,9 @@ export const Container = styled.div`
   position: fixed;
   background-color: rgba(59, 59, 59, 0.53);
   backdrop-filter: blur(4px);
+  left: 0;
+  top: 0;
+  z-index: 100;
 
   .modal-container {
     display: flex;

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

@@ -0,0 +1,89 @@
+import { ProviderProductEdition } from "./index";
+
+export default {
+  title: "Components/pages/ProviderProductEdition",
+  component: ProviderProductEdition,
+};
+
+const Template = (args) => <ProviderProductEdition {...args} />;
+
+export const ProviderProductEditionDefault = Template.bind({});
+
+ProviderProductEditionDefault.args = {
+  tabsSections: {
+    Descripción: true,
+    "Ficha técnica": false,
+    Imágenes: false,
+  },
+  token:
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6IjcxNWU4ZTc3LTAwMmMtNGMyNC1hNjM2LTYxNDkxYzQ0MzI2MSIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjUyMzA3MTUzLCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjUyMzEwNzUzLCJpYXQiOjE2NTIzMDcxNTMsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.Ov1kjVt1sWrNu-8gPhBvnS6SpCuPmOYcqBwJVIoz-YJvuyNx0lMeRflG99cpgj4SojZqgMfPMQ8gJg5263fhj9oynolP7kh08AS_uoTf6_FK2KCaY8gVF4OJnoJJaX7J12JxzmRMI-lQJftvvoPxo5KYHCf7uZSj-5C5z6yIdk59T3U7vziYiKVtJFvVpA6IEB-oIS57MSdg27kwOtYjWvkfZ5vDRfkoOBGmBBELI9uFbKQS0cmWaLSBhd8ptbXWkAprxm-nkJnH9KQKmCsCLBthqmZTsMDw3ok0RsVpEE7_x4X0Hg0756ebqDe1kLCVuTIBpPx4ySvCdlewvi9bYA",
+  articleId: 238,
+  category: 846,
+  version: 2,
+  productSelected: {
+    id_article: 109492,
+    id_category: "636",
+    name: "Playera negra básica",
+    upc: "23802394",
+    timestamp: "2022-05-05T16:45:25.000Z",
+    status: "NULL",
+    categoryName:
+      "ROPA, ACCESORIOS, FRAGANCIAS Y JOYERÍA|ROPA CABALLERO|CASUAL",
+    asignations: [],
+    version: 2,
+    version_status: "RF",
+    retailersAvailable: [
+      {
+        id: 2,
+        name: "Walmart Mercancías Generales",
+        country: "México",
+        id_region: 1,
+        active: 1,
+      },
+    ],
+    missing: {},
+  },
+  location: {
+    product: { articleId: 109485, versionId: 3 },
+  },
+  assignations: [
+    {
+      id_user: 25,
+      name: "Proveedor",
+      last_name: "Uriel",
+      position: "Prov Admin",
+    },
+  ],
+  user: {
+    id_user: 54,
+    name: "ESPECIALISTA TXTS PRUEBA",
+    last_name: "",
+    email: "rlegorreta@contentoh.com",
+    position: null,
+    telephone: null,
+    country: null,
+    id_company: 2,
+    id_cognito: "ca1d24ab-e992-4c19-b4e1-2fe6f720c16b",
+    birth_Date: null,
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
+    id_role: 7,
+    active: 1,
+    is_retailer: 0,
+    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",
+      type: "PyMES",
+    },
+    src: "https://content-management-profile.s3.amazonaws.com/id-54/54.png?1653425316222",
+  },
+};