contentoh-components-library 18.0.0 → 20.0.17

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

@@ -37,106 +37,325 @@ RetailerProductEditionDefault.args = {
     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" },
+          ],
+        },
+      ],
+    },
   },
   tabsSections: {
     Descripción: true,
     "Ficha técnica": false,
     Imágenes: false,
   },
-  token:
-    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6IjU2M2I0NTFlLTVhZDQtNGMzNy1iNjIzLTc3NjMwM2Y3YjJiNSIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjQ4NzYwODcwLCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjQ4NzY0NDcwLCJpYXQiOjE2NDg3NjA4NzAsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.Y2gmN-9KDeYyvvSJOzKJUP-WL8O4AmZhdLnfHxSB_9lAXQFns6uJUbX1nzE75cuqeQ3NeiNZy4hu8y5Y7hckPuQFy01nY3OoY3SfD06W0SciNz0txNSR7oN6KH_c_9FOwQiQ0mnOs9udo9nDM4faFFUuu9UD6RMVfeLW1gfZmtyc3lfmy6YO6feJcS3opSSQpXH4Mgh415fXFjbyz344ssd5nl7Onyh8jq5i-LAex3OPXhKzjrBnDRpGg3BQPIfpsquGZNKBiWqyos--CuohFBeyevMLGoKOcU-Ga-zIdEfonTtDVRe6CQLgOZJ2xTPdswlzRPby1gFoZjNebeeRVw",
-  articleId: 238,
-  category: 846,
-  version: 2,
-  productSelected: {
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1,
-    },
-    orderId: 101,
-    status: "RP",
-    datasheet_status: "AP",
-    prio: "none",
-    version: 2,
-    description_status: "RP",
-    images_status: "AP",
-    article: {
-      id_article: 292,
-      id_category: "697",
-      name: "SHAMPOO ANTIFRIZ",
-      upc: "7491989462",
-      timestamp: "2022-03-09T19:35:51.000Z",
-      id_user: 28,
-      status: "NULL",
-      active: 1,
-      company_id: 1,
-      company_name: "COMPANY DEV",
-      country: "Colombia",
-      id_order: 101,
-      id_datasheet_especialist: 36,
-      id_datasheet_facilitator: 52,
-      id_description_especialist: 36,
-      id_description_facilitator: 52,
-      id_images_especialist: 55,
-      id_images_facilitator: 53,
-      id_auditor: 30,
-      id_recepcionist: null,
-      category:
-        "SALUD Y BELLEZA|CUIDADO DEL CABELLO|SHAMPOOS Y ACONDICIONADORES",
-      missingAttributes: null,
-      missingDescriptions: null,
-      missingImages: null,
-    },
-    retailers: [
-      {
-        id: 4,
-        name: "Walmart Super y Superama",
-        country: "México",
-        id_region: 1,
-        active: 1,
-      },
-      {
-        id: 6,
-        name: "HEB",
-        country: "México",
-        id_region: 1,
-        active: 1,
-      },
-    ],
-    country: "Colombia",
-    upc: "7491989462",
-  },
-  user: {
-    id_user: 30,
-    name: "Admin",
-    last_name: "Ulises",
-    email: "salmeron.5@hotmail.com",
-    position: "Admin",
-    telephone: null,
-    country: "México",
-    id_company: 2,
-    id_cognito: "c94a7305-9365-46ff-a423-4b4bc3b8b180",
-    birth_Date: null,
-    about_me: null,
-    zip_code: null,
-    address: null,
-    job: null,
-    id_stripe: null,
-    id_role: 6,
-    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-30/30.png?1649434410216",
-  },
 };