contentoh-components-library 21.0.63 → 21.0.64

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

@@ -26,100 +26,356 @@ var Template = function Template(args) {
 var RetailerProductEditionDefault = Template.bind({});
 exports.RetailerProductEditionDefault = RetailerProductEditionDefault;
 RetailerProductEditionDefault.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: {
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1
+  productData: {
+    imagesData: {
+      image: {
+        src: "https://www.thestar.com/content/dam/thestar/columnist_logos/francis_angelyn_logo2020.jpg",
+        name: "Hero.jpg"
+      }
     },
-    orderId: 152,
-    status: "ASSIGNED",
-    datasheet_status: "IN_PROGRESS",
-    prio: "none",
-    version: 3,
-    description_status: "IN_PROGRESS",
-    images_status: "IN_PROGRESS",
-    article: {
-      id_article: 343,
-      id_category: "2898",
-      name: "Producto prueba dos ",
-      upc: "2004202212",
-      timestamp: "2022-04-20T17:01:17.000Z",
-      id_user: 28,
-      status: "NULL",
-      active: 1,
-      company_id: 1,
-      company_name: "COMPANY DEV",
-      country: "México",
-      id_order: 152,
-      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: "HALLOWEN|DECORACIÓN E INFLABLES|DECORACIÓN E INFLABLES",
-      missingAttributes: null,
-      missingDescriptions: null,
-      missingImages: null
+    headerData: {
+      name: "Nombre del producto",
+      status: "P",
+      percent: 20,
+      backgroundColor: "in_progress",
+      priority: "low",
+      date: new Date().toLocaleDateString(),
+      features: [{
+        feature: "Prov",
+        value: "Unilever"
+      }, {
+        feature: "Vendor",
+        value: "1234567890"
+      }, {
+        feature: "SKU",
+        value: "1234567890"
+      }, {
+        feature: "UPC",
+        value: "1234567890"
+      }, {
+        feature: "Categoría",
+        value: "Desodorantes Caballero y Dama"
+      }],
+      validation: "null-button"
     },
-    retailers: [{
-      id: 58,
-      name: "The Home Depot",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }],
-    country: "México",
-    upc: "2004202212"
-  },
-  location: {
-    product: {
-      articleId: 109485,
-      versionId: 3
+    status: "AA",
+    image: {
+      src: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg"
+    },
+    services: {
+      Descripción: [{
+        inputGroup: {
+          name: "Información básica del producto",
+          inputs: [{
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }]
+        }
+      }],
+      "Ficha técnica": [{
+        inputGroup: {
+          name: "Información básica del producto",
+          inputs: [{
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }]
+        }
+      }, {
+        inputGroup: {
+          name: "Información básica del producto",
+          inputs: [{
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }]
+        }
+      }, {
+        inputGroup: {
+          name: "Información básica del producto",
+          inputs: [{
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }]
+        }
+      }, {
+        inputGroup: {
+          name: "Información básica del producto",
+          inputs: [{
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }]
+        }
+      }],
+      Imágenes: [{
+        img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+        alt: "img",
+        name: "Hero",
+        data: [{
+          feature: "Tamaño de imagen",
+          value: "1000x10000"
+        }, {
+          feature: "Formato",
+          value: "jpg"
+        }, {
+          feature: "Resolución",
+          value: "300dpi"
+        }, {
+          feature: "Tipo de imagen",
+          value: "Tipo de imagen"
+        }, {
+          feature: "Identificador",
+          value: "F261"
+        }]
+      }, {
+        img: "https://www.muycomputer.com/wp-content/uploads/2020/12/google.png",
+        alt: "img",
+        name: "Hero2",
+        data: [{
+          feature: "Tamaño de imagen",
+          value: "1000x10000"
+        }, {
+          feature: "Formato",
+          value: "jpg"
+        }, {
+          feature: "Resolución",
+          value: "300dpi"
+        }, {
+          feature: "Tipo de imagen",
+          value: "Tipo de imagen"
+        }, {
+          feature: "Identificador",
+          value: "F261"
+        }]
+      }, {
+        img: "https://www.ionos.es/digitalguide/fileadmin/DigitalGuide/Teaser/bildergalerie-online-t.jpg",
+        alt: "img",
+        name: "Hero3",
+        data: [{
+          feature: "Tamaño de imagen",
+          value: "1000x10000"
+        }, {
+          feature: "Formato",
+          value: "jpg"
+        }, {
+          feature: "Resolución",
+          value: "300dpi"
+        }, {
+          feature: "Tipo de imagen",
+          value: "Tipo de imagen"
+        }, {
+          feature: "Identificador",
+          value: "F261"
+        }]
+      }, {
+        img: "https://i.pinimg.com/originals/d0/b9/28/d0b928df15d3a3bf1905865a8fedb257.jpg",
+        alt: "img",
+        name: "Hero4",
+        data: [{
+          feature: "Tamaño de imagen",
+          value: "1000x10000"
+        }, {
+          feature: "Formato",
+          value: "jpg"
+        }, {
+          feature: "Resolución",
+          value: "300dpi"
+        }, {
+          feature: "Tipo de imagen",
+          value: "Tipo de imagen"
+        }, {
+          feature: "Identificador",
+          value: "F261"
+        }]
+      }, {
+        img: "https://memegenerator.net/img/images/72798198.jpg",
+        alt: "img",
+        name: "Hero5",
+        data: [{
+          feature: "Tamaño de imagen",
+          value: "1000x10000"
+        }, {
+          feature: "Formato",
+          value: "jpg"
+        }, {
+          feature: "Resolución",
+          value: "300dpi"
+        }, {
+          feature: "Tipo de imagen",
+          value: "Tipo de imagen"
+        }, {
+          feature: "Identificador",
+          value: "F261"
+        }]
+      }, {
+        img: "http://www.dumpaday.com/wp-content/uploads/2016/02/funny-pictures-621.jpg",
+        alt: "img",
+        name: "Hero6",
+        data: [{
+          feature: "Tamaño de imagen",
+          value: "1000x10000"
+        }, {
+          feature: "Formato",
+          value: "jpg"
+        }, {
+          feature: "Resolución",
+          value: "300dpi"
+        }, {
+          feature: "Tipo de imagen",
+          value: "Tipo de imagen"
+        }, {
+          feature: "Identificador",
+          value: "F261"
+        }]
+      }]
     }
   },
-  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"
+  tabsSections: {
+    Descripción: true,
+    "Ficha técnica": false,
+    Imágenes: false
   }
 };