contentoh-components-library 21.5.33 → 21.5.35

package/src/components/pages/ProductEditionv2/styles.js

@@ -1,154 +1,154 @@
-import styled from "styled-components";
-import { FontFamily, GlobalColors } from "../../../global-files/variables";
-
-export const Container = styled.div`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  flex: 1;
-  overflow: auto;
-
-  .data-container {
-    display: flex;
-    flex-direction:row-reverse;
-    flex: 0%;
-    height: calc(100% - ${({ headerTop }) => headerTop}px);
-    margin-top:15px;
-    .image-data-panel {
-      width: 192px;
-      height: 192px;
-
-      & + * {
-        margin-left: 10px;
-      }
-    }
-
-    .product-information {
-      width: 100%;
-      display: flex;
-      flex-direction: column;
-
-      .services-information-container {
-        height: 100%;
-        overflow: auto;
-        padding: 0 20px;
-      }
-
-      .product-information-image{
-        display:flex;
-        width: 100%;
-        margin-bottom:10px;
-      }
-
-      .product-image{
-        display:flex;
-        flex-direction: column;
-        justify-content: space-between;
-        padding: 0 20px;
-        gap:20px;
-        width:100%;
-      }
-
-      .image-services {
-        aside {
-          display: grid;
-          grid-template-columns: repeat(auto-fill, 179px);
-          column-gap: 15px;
-          row-gap: 15px;
-          padding: 20px;
-        }
-      }
-
-      .commentary-box {
-        display: flex;
-        justify-content: space-between;
-        align-items: flex-end;
-        padding: 10px;
-        padding-left: 0;
-
-        .commentary {
-          display: flex;
-          align-items: flex-end;
-
-          .input-container {
-            width: 500px;
-
-            .quill {
-              height: 100px;
-            }
-
-            & + * {
-              margin-left: 5px;
-            }
-          }
-
-          .buttons-box {
-            display: flex;
-            width: 210px;
-            flex-wrap: wrap;
-
-            .general-transparent-button {
-              & + * {
-                margin-top: 5px;
-              }
-            }
-
-            .general-transparent-button,
-            .general-green-button,
-            .general-button-disabled {
-              width: fit-content;
-              min-width: 201px;
-              height: 40px;
-            }
-          }
-        }
-      }
-
-      .feedback-box {
-        display: flex;
-      }
-
-      .required-inputs-message {
-        font-family: ${FontFamily.AvenirNext};
-        font-size: 13px;
-        color: ${GlobalColors.s4};
-        padding: 10px;
-        display: flex;
-        align-items: center;
-
-        p + * {
-          margin-top: 10px;
-        }
-
-        button {
-          min-width: fit-content;
-        }
-      }
-    }
-  }
-  #modal-message-box {
-    width: 400px;
-    height: 100px;
-  }
-  .container {
-    width: 100%;
-    height: auto;
-    border:1px solid ${GlobalColors.gray_light};
-    .dropzone {
-      height: 100%;
-      width: 100%;
-    }
-  }
-
-  .container-imagesM{
-    display:flex;
-    flex-direction: column;
-    gap: 12px;
-  }
-
-  .container-bars{
-    display:flex;
-    gap:20px;
-    margin:10px 0;
-  }
-`;
+import styled from "styled-components";
+import { FontFamily, GlobalColors } from "../../../global-files/variables";
+
+export const Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  flex: 1;
+  overflow: auto;
+
+  .data-container {
+    display: flex;
+    flex-direction:row-reverse;
+    flex: 0%;
+    height: calc(100% - ${({ headerTop }) => headerTop}px);
+    margin-top:15px;
+    .image-data-panel {
+      width: 192px;
+      height: 192px;
+
+      & + * {
+        margin-left: 10px;
+      }
+    }
+
+    .product-information {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+
+      .services-information-container {
+        height: 100%;
+        overflow: auto;
+        padding: 0 20px;
+      }
+
+      .product-information-image{
+        display:flex;
+        width: 100%;
+        margin-bottom:10px;
+      }
+
+      .product-image{
+        display:flex;
+        flex-direction: column;
+        justify-content: space-between;
+        padding: 0 20px;
+        gap:20px;
+        width:100%;
+      }
+
+      .image-services {
+        aside {
+          display: grid;
+          grid-template-columns: repeat(auto-fill, 179px);
+          column-gap: 15px;
+          row-gap: 15px;
+          padding: 20px;
+        }
+      }
+
+      .commentary-box {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-end;
+        padding: 10px;
+        padding-left: 0;
+
+        .commentary {
+          display: flex;
+          align-items: flex-end;
+
+          .input-container {
+            width: 500px;
+
+            .quill {
+              height: 100px;
+            }
+
+            & + * {
+              margin-left: 5px;
+            }
+          }
+
+          .buttons-box {
+            display: flex;
+            width: 210px;
+            flex-wrap: wrap;
+
+            .general-transparent-button {
+              & + * {
+                margin-top: 5px;
+              }
+            }
+
+            .general-transparent-button,
+            .general-green-button,
+            .general-button-disabled {
+              width: fit-content;
+              min-width: 201px;
+              height: 40px;
+            }
+          }
+        }
+      }
+
+      .feedback-box {
+        display: flex;
+      }
+
+      .required-inputs-message {
+        font-family: ${FontFamily.AvenirNext};
+        font-size: 13px;
+        color: ${GlobalColors.s4};
+        padding: 10px;
+        display: flex;
+        align-items: center;
+
+        p + * {
+          margin-top: 10px;
+        }
+
+        button {
+          min-width: fit-content;
+        }
+      }
+    }
+  }
+  #modal-message-box {
+    width: 400px;
+    height: 100px;
+  }
+  .container {
+    width: 100%;
+    height: auto;
+    border:1px solid ${GlobalColors.gray_light};
+    .dropzone {
+      height: 100%;
+      width: 100%;
+    }
+  }
+
+  .container-imagesM{
+    display:flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .container-bars{
+    display:flex;
+    gap:20px;
+    margin:10px 0;
+  }
+`;

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

@@ -1,139 +1,139 @@
-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: false,
-    "Ficha técnica": true,
-    Imágenes: false,
-  },
-  token:
-    "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYmJjMWJjYi0yODJkLTRjYzYtYjcwZS0wNWNhY2JiYjU1NjMiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjBiYmMxYmNiLTI4MmQtNGNjNi1iNzBlLTA1Y2FjYmJiNTU2MyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJmMTdlYTVlOS0wZmE2LTQ1YmUtYjE5MS1iNTViZjgxYWRiNzkiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxOTUwNDg0OSwibmFtZSI6IlByb3ZlZWRvciBSYWRpb3NoYWNrIiwicGhvbmVfbnVtYmVyIjoiKzUyMTIzNDU2Nzg5NzgiLCJleHAiOjE3MTk1MDg0NDksImlhdCI6MTcxOTUwNDg0OSwiZW1haWwiOiJwcm92ZWVkb3JyYWRpb3NoYWNrQGFsbGZyZWVtYWlsLm5ldCJ9.M0Pm70YhdG1JARzamruJKSzJPjGl_tXAYCwQHGiIRYLHo4X05B95VgCLXVvetadrH7dsp6PviJ3MuF2JPzBVXMAP_N26zSeJFIx1ywqVp-nehwE3TUiF8L0P_MTLCBJzHcHf41HzTDHr546nBBgF64W3bZNd_J-jSFW3xZxgu6dq_RZ5fywVlzs6sZgDAenOtzcB9-Ig97mpdTil8ag8wgbf2LlcypaWGsEESbHhus-_hx58tosjwQ_a0rvsz47X9HI9YMe6rD0xFR9cQCub6WG7d65fMyqaCl-X4DsFE1a4z2AnWcmgXmAdwZTqCjvo8TPKJjxMBvptlShL753UaQ",
-  articleId: 128483,
-  category: "1139",
-  version: 1,
-  productSelected: {
-    id_article: 128483,
-    upc: "1010101010122",
-    name: "Prueba 26-jun-24",
-    timestamp: "2024-06-26T17:06:17.000Z",
-    categoryName: "Audio|Audífonos|In Ear",
-    id_category: 1139,
-    version: 1,
-    reviewState: "rejected_to_provider",
-    retailersAvailable: [
-      {
-        name: "Radioshack",
-        id: 74,
-      },
-    ],
-    percentage: 100,
-  },
-  productToEdit: {
-    idCategory: 1139,
-    ArticleId: 128483,
-    product: [
-      {
-        id_article: 128483,
-        upc: "1010101010122",
-        name: "Prueba 26-jun-24",
-        timestamp: "2024-06-26T17:06:17.000Z",
-        categoryName: "Audio|Audífonos|In Ear",
-        id_category: 1139,
-        version: 1,
-        reviewState: "rejected_to_provider",
-        retailersAvailable: [
-          {
-            name: "Radioshack",
-            id: 74,
-            percentage: 100,
-          },
-        ],
-        percentage: 100,
-      },
-    ],
-  },
-  location: {
-    pathname: "/EditProducts",
-    search: "",
-    hash: "",
-    state: {
-      withChat: true,
-      chatType: "product_status",
-      origin: "RequestWithContentoh",
-    },
-    key: "24vwut",
-  },
-  user: {
-    id_user: 2130,
-    name: "Proveedor",
-    last_name: "Radioshack",
-    email: "proveedorradioshack@allfreemail.net",
-    position: "Onboarding",
-    telephone: "+5212345678978",
-    country: "México",
-    id_company: 1169,
-    id_cognito: "0bbc1bcb-282d-4cc6-b70e-05cacbbb5563",
-    birth_Date: null,
-    about_me: null,
-    zip_code: null,
-    address: null,
-    job: null,
-    id_stripe: null,
-    id_role: 0,
-    active: 1,
-    is_retailer: 0,
-    email_notify: 1,
-    is_user_tech: null,
-    is_onboarding: 0,
-    membership: {
-      id: 1649,
-      start_date: "2023-11-09T19:57:43.000Z",
-      end_date: "2024-11-09T19:57:43.000Z",
-      planID: 8,
-      plan: "prod_KvGeJs0E9cSO4y",
-      name: "Plan Pro",
-      user_limit: "50",
-      products_limit: "5000",
-      type: "Enterprise",
-    },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-2130/2130.png?1719504850190",
-  },
-  company: {
-    id_company: 1169,
-    trade_name: "Radioshack Onboarding",
-    company_name: "Onboarding",
-    rfc: "ASDASD",
-    adress: "CDMX",
-    about_company: null,
-    telephone: null,
-    web_site: null,
-    zip_code: null,
-    email: null,
-    social_link: null,
-    is_retailer: 1,
-    financedRetailers: [
-      {
-        id: 74,
-        name: "Radioshack",
-        country: "México",
-      },
-    ],
-    retailers: [
-      {
-        id: 74,
-        name: "Radioshack",
-        country: "México",
-      },
-    ],
-  },
-  showSurvey: (v) => v && alert("se muestra"),
-};
+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: false,
+    "Ficha técnica": true,
+    Imágenes: false,
+  },
+  token:
+    "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYmJjMWJjYi0yODJkLTRjYzYtYjcwZS0wNWNhY2JiYjU1NjMiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjBiYmMxYmNiLTI4MmQtNGNjNi1iNzBlLTA1Y2FjYmJiNTU2MyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJmMTdlYTVlOS0wZmE2LTQ1YmUtYjE5MS1iNTViZjgxYWRiNzkiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcxOTUwNDg0OSwibmFtZSI6IlByb3ZlZWRvciBSYWRpb3NoYWNrIiwicGhvbmVfbnVtYmVyIjoiKzUyMTIzNDU2Nzg5NzgiLCJleHAiOjE3MTk1MDg0NDksImlhdCI6MTcxOTUwNDg0OSwiZW1haWwiOiJwcm92ZWVkb3JyYWRpb3NoYWNrQGFsbGZyZWVtYWlsLm5ldCJ9.M0Pm70YhdG1JARzamruJKSzJPjGl_tXAYCwQHGiIRYLHo4X05B95VgCLXVvetadrH7dsp6PviJ3MuF2JPzBVXMAP_N26zSeJFIx1ywqVp-nehwE3TUiF8L0P_MTLCBJzHcHf41HzTDHr546nBBgF64W3bZNd_J-jSFW3xZxgu6dq_RZ5fywVlzs6sZgDAenOtzcB9-Ig97mpdTil8ag8wgbf2LlcypaWGsEESbHhus-_hx58tosjwQ_a0rvsz47X9HI9YMe6rD0xFR9cQCub6WG7d65fMyqaCl-X4DsFE1a4z2AnWcmgXmAdwZTqCjvo8TPKJjxMBvptlShL753UaQ",
+  articleId: 128483,
+  category: "1139",
+  version: 1,
+  productSelected: {
+    id_article: 128483,
+    upc: "1010101010122",
+    name: "Prueba 26-jun-24",
+    timestamp: "2024-06-26T17:06:17.000Z",
+    categoryName: "Audio|Audífonos|In Ear",
+    id_category: 1139,
+    version: 1,
+    reviewState: "rejected_to_provider",
+    retailersAvailable: [
+      {
+        name: "Radioshack",
+        id: 74,
+      },
+    ],
+    percentage: 100,
+  },
+  productToEdit: {
+    idCategory: 1139,
+    ArticleId: 128483,
+    product: [
+      {
+        id_article: 128483,
+        upc: "1010101010122",
+        name: "Prueba 26-jun-24",
+        timestamp: "2024-06-26T17:06:17.000Z",
+        categoryName: "Audio|Audífonos|In Ear",
+        id_category: 1139,
+        version: 1,
+        reviewState: "rejected_to_provider",
+        retailersAvailable: [
+          {
+            name: "Radioshack",
+            id: 74,
+            percentage: 100,
+          },
+        ],
+        percentage: 100,
+      },
+    ],
+  },
+  location: {
+    pathname: "/EditProducts",
+    search: "",
+    hash: "",
+    state: {
+      withChat: true,
+      chatType: "product_status",
+      origin: "RequestWithContentoh",
+    },
+    key: "24vwut",
+  },
+  user: {
+    id_user: 2130,
+    name: "Proveedor",
+    last_name: "Radioshack",
+    email: "proveedorradioshack@allfreemail.net",
+    position: "Onboarding",
+    telephone: "+5212345678978",
+    country: "México",
+    id_company: 1169,
+    id_cognito: "0bbc1bcb-282d-4cc6-b70e-05cacbbb5563",
+    birth_Date: null,
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
+    id_role: 0,
+    active: 1,
+    is_retailer: 0,
+    email_notify: 1,
+    is_user_tech: null,
+    is_onboarding: 0,
+    membership: {
+      id: 1649,
+      start_date: "2023-11-09T19:57:43.000Z",
+      end_date: "2024-11-09T19:57:43.000Z",
+      planID: 8,
+      plan: "prod_KvGeJs0E9cSO4y",
+      name: "Plan Pro",
+      user_limit: "50",
+      products_limit: "5000",
+      type: "Enterprise",
+    },
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-2130/2130.png?1719504850190",
+  },
+  company: {
+    id_company: 1169,
+    trade_name: "Radioshack Onboarding",
+    company_name: "Onboarding",
+    rfc: "ASDASD",
+    adress: "CDMX",
+    about_company: null,
+    telephone: null,
+    web_site: null,
+    zip_code: null,
+    email: null,
+    social_link: null,
+    is_retailer: 1,
+    financedRetailers: [
+      {
+        id: 74,
+        name: "Radioshack",
+        country: "México",
+      },
+    ],
+    retailers: [
+      {
+        id: 74,
+        name: "Radioshack",
+        country: "México",
+      },
+    ],
+  },
+  showSurvey: (v) => v && alert("se muestra"),
+};