contentoh-components-library 21.5.97 → 21.5.99

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

@@ -1,5 +1,4 @@
 import styled from "styled-components";
-import { FontFamily, GlobalColors } from "../../../global-files/variables";
 
 export const Container = styled.div`
   display: flex;
@@ -21,8 +20,7 @@ export const Container = styled.div`
     }
 
     .product-information {
-      width: 100%;
-      height: 100%;
+      width: calc(100% - 341px);
       display: flex;
       flex-direction: column;
 
@@ -48,12 +46,6 @@ export const Container = styled.div`
         padding: 10px;
         padding-left: 0;
 
-        .action-buttons{
-          display: flex;
-          flex-direction: column;
-          gap: 1rem;
-        }
-
         .commentary {
           display: flex;
           align-items: flex-end;
@@ -95,23 +87,6 @@ export const Container = styled.div`
       .feedback-box {
         display: flex;
       }
-
-      .required-inputs-message {
-        font-family: ${FontFamily.AvenirNext};
-        font-size: 13px;
-        color: ${GlobalColors.color_gray};
-        padding: 10px;
-        display: flex;
-        align-items: center;
-
-        p + * {
-          margin-top: 10px;
-        }
-
-        button {
-          min-width: fit-content;
-        }
-      }
     }
   }
   #modal-message-box {
@@ -120,50 +95,10 @@ export const Container = styled.div`
   }
   .container {
     width: 100%;
-    height: 90%;
+    height: 100%;
     .dropzone {
       height: 100%;
       width: 100%;
-      position: relative;
-      transition: all 0.5s ease;
-
-      &.drag-active {
-        background-color: rgba(${GlobalColors.rgb_color_pink}, 0.05);
-        border: 2px dashed ${GlobalColors.color_pink};
-        border-radius: 8px;
-
-        aside {
-          opacity: 0.3;
-          pointer-events: none;
-        }
-      }
-
-      .drag-overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        background-color: rgba(${GlobalColors.rgb_color_pink}, 0.1);
-        border-radius: 8px;
-        pointer-events: none;
-        z-index: 10;
-
-        p {
-          font-family: ${FontFamily.AvenirNext};
-          font-size: 24px;
-          font-weight: 600;
-          color: ${GlobalColors.color_pink};
-          text-align: center;
-          padding: 20px;
-          background-color: ${GlobalColors.white};
-          border-radius: 8px;
-          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-        }
-      }
     }
   }
 `;

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

@@ -69,243 +69,3 @@ export const sendMessage = async (data) => {
     paramsHeader
   );
 };
-
-export const normalizeProduct = (product) => {
-  // Handle case where product might be wrapped in a product property
-  const productData = product.product || product;
-  const article = productData.article || {};
-
-  const categoryRetailer =
-    productData.categoryRetailer || article.categoryRetailer;
-
-  const categoryRetailerNormalized = categoryRetailer
-    ? categoryRetailer.map((rel) => ({
-        id_retailer: rel.id_retailer || rel.retailer_id,
-        retailer: rel.retailer_name || rel.retailerName,
-        name: rel.retailer_name || rel.retailerName,
-        id_category: rel.id_category,
-        category: rel.category_name || rel.categoryName,
-        image: `https://content-management-images.s3.amazonaws.com/retailers/${
-          rel.id_retailer || rel.retailer_id
-        }.png`,
-      }))
-    : null;
-
-  // extraer los retailer_id de statusByRetailer donde task_group_id no sea nulo
-  const retailersIdsInOrder = productData.statusByRetailer
-    ? productData.statusByRetailer.map((status) => status.retailer_id)
-    : [];
-
-  const categoryRetailerInOrder = categoryRetailerNormalized.filter((rel) =>
-    retailersIdsInOrder.includes(rel.id_retailer)
-  );
-
-  return {
-    id_article: productData.id_article || article.id_article || 0,
-    upc: productData.upc || article.upc || null,
-    sku: productData.sku || article.sku || null,
-    name: productData.name || article.name || null,
-    timestamp: productData.timestamp || article.timestamp || null,
-    id_user: productData.id_user || article.id_user || null,
-    categoryName: productData.category || article.category || null,
-    id_category: productData.id_category || article.id_category || null,
-    retailersAvailable: productData.retailersAvailable || null,
-    categoryRetailer: categoryRetailerNormalized || null,
-    percentages: productData.percentages || null,
-    summary: productData.summary || null,
-    version: productData.version || 0,
-    id_order: productData.orderId || 0,
-    status: productData.status || null,
-    datasheet_status: productData.datasheet_status || null,
-    description_status: productData.description_status || null,
-    images_status: productData.images_status || null,
-    brand: productData.brand || null,
-    services: productData.services || null,
-    country: article.country || null,
-    id_company: article.company_id || null,
-    company: article.company_name || null,
-    id_datasheet_especialist: article.id_datasheet_especialist || 0,
-    id_datasheet_facilitator: article.id_datasheet_facilitator || null,
-    id_description_especialist: article.id_description_especialist || 0,
-    id_description_facilitator: article.id_description_facilitator || null,
-    id_images_especialist: article.id_images_especialist || 0,
-    id_images_facilitator: article.id_images_facilitator || null,
-    id_auditor: article.id_auditor || 0,
-    statusByRetailer: productData.statusByRetailer || null,
-    categoryRetailerInOrder: categoryRetailerInOrder || null,
-  };
-};
-
-const TAB_TO_CONCEPT = {
-  Descripción: "description",
-  "Ficha técnica": "datasheet",
-  Imágenes: "images",
-};
-
-const CONCEPT_TO_TAB = {
-  description: "Descripción",
-  datasheet: "Ficha técnica",
-  images: "Imágenes",
-};
-
-export const getConceptByTab = (tab) => TAB_TO_CONCEPT[tab];
-
-export const translateConcept = (concept) => CONCEPT_TO_TAB[concept];
-
-export const getStatusArrayByRole = (idRole) => {
-  switch (idRole) {
-    case 7:
-    case 8:
-      return ["PA", "AS", "CA", "RC", "RA", "RP", "RCA"];
-    case 4:
-    case 5:
-      return ["RC", "AC", "AA", "AP", "ACA"];
-    case 6:
-      return ["RP", "RCA", "AC", "RA"];
-    default:
-      return [];
-  }
-};
-
-export const getConceptsByRole = (idRole) => {
-  switch (idRole) {
-    case 4:
-      return ["description", "datasheet"];
-    case 5:
-      return ["images"];
-    default:
-      return ["description", "datasheet", "images"];
-  }
-};
-
-export const buildCollaboratorAssignations = (product, users) => ({
-  Descripción: {
-    assignations: [
-      {
-        collaboratorType: "especialist",
-        id: product.id_description_especialist,
-      },
-      {
-        collaboratorType: "facilitator",
-        id: product.id_description_facilitator,
-      },
-    ],
-    collaborators: {
-      especialist: users[0] || [],
-      facilitator: users[2] || [],
-    },
-  },
-  "Ficha técnica": {
-    assignations: [
-      {
-        collaboratorType: "especialist",
-        id: product.id_datasheet_especialist,
-      },
-      {
-        collaboratorType: "facilitator",
-        id: product.id_datasheet_facilitator,
-      },
-    ],
-    collaborators: {
-      especialist: users[0] || [],
-      facilitator: users[2] || [],
-    },
-  },
-  Imágenes: {
-    assignations: [
-      {
-        collaboratorType: "especialist",
-        id: product.id_images_especialist,
-      },
-      {
-        collaboratorType: "facilitator",
-        id: product.id_images_facilitator,
-      },
-    ],
-    collaborators: {
-      especialist: users[1] || [],
-      facilitator: users[3] || [],
-    },
-  },
-});
-
-export const calculateRequiredNull = (services, servicesData, activeRetailerId) => {
-  const result = {
-    "Ficha técnica": 0,
-    Descripción: 0,
-    Imágenes: 0,
-  };
-
-  const isServiceRequested = (retailerId, concept) =>
-    servicesData?.some(
-      (srv) => srv.id_retailer === retailerId && srv.service === concept
-    );
-
-  // Ficha técnica: contar inputs requeridos sin valor
-  const datasheetInputs = services[0]?.inputs || {};
-  const datasheetsByRetailer = Object.values(services[0]).filter(
-    (item) => item?.retailer?.id === activeRetailerId
-  );
-
-  datasheetsByRetailer.forEach((datasheet) => {
-    if (!isServiceRequested(datasheet.retailer?.id, "datasheet")) return;
-
-    Object.values(datasheet.data || {}).forEach((dataGroup) => {
-      dataGroup.inputs?.forEach((inputId) => {
-        const input = datasheetInputs[inputId];
-        if (
-          input?.required &&
-          input?.id_retailer === activeRetailerId &&
-          !input?.value
-        ) {
-          result["Ficha técnica"]++;
-        }
-      });
-    });
-  });
-
-  // Descripción: contar inputs requeridos sin valor
-  const htmlTagsRegex = /(<\/?p>)|(<\/?strong>)|(<br>)/gm;
-  const descriptions = services[1]?.filter(
-    (desc) => desc.id === activeRetailerId
-  );
-
-  descriptions?.forEach((description) => {
-    if (!isServiceRequested(description.id, "description")) return;
-
-    description.inputs?.forEach((input) => {
-      const valueClean = input.value?.replace(htmlTagsRegex, "") || "";
-      if (input.required && !valueClean) {
-        result["Descripción"]++;
-      }
-    });
-  });
-
-  // Imágenes: contar imágenes requeridas sin valor
-  const retailerMandatories = services[2]?.retailerMandatories?.flat() || [];
-  const requestedRetailers = retailerMandatories.filter((rm) =>
-    servicesData?.some((srv) => srv.id_retailer === rm.id_retailer)
-  );
-
-  const requiredImageIds = new Set(
-    requestedRetailers
-      .filter((rm) =>
-        services[2]?.inputs?.some(
-          (input) => input.id === rm.id_image && input.required === 1
-        )
-      )
-      .map((rm) => rm.id_image)
-  );
-
-  const existingImageIds = new Set(
-    services[2]?.values?.map((img) => img.image_id) || []
-  );
-
-  requiredImageIds.forEach((imageId) => {
-    if (!existingImageIds.has(imageId)) {
-      result["Imágenes"]++;
-    }
-  });
-
-  return result;
-};

package/src/ai/utils/compare-strings.js

@@ -1,45 +0,0 @@
-
-//Calcula el porcentaje de similitud entre la descripción generada por IA y la versión editada por el usuario.
-
-export function getTextSimilarityPercentage(originalText, candidateText) {
-
-  if(!originalText || !candidateText) return;
-
-  const normalize = (text) => {
-    return text
-    .trim()
-    .toLowerCase()
-    .replace(/\s+/g, ' ');
-  };
-
-  const source = normalize(originalText);
-  const target = normalize(candidateText);
-
-  if (source === target) return 100;
-  if (source.length === 0 || target.length === 0) return 0;
-
-  const sourceLength = source.length;
-  const targetLength = target.length;
-  const distanceMatrix = Array(targetLength + 1).fill(null).map(() => []);
-
-  for (let i = 0; i <= sourceLength; i++) distanceMatrix[0][i] = i;
-  for (let j = 0; j <= targetLength; j++) distanceMatrix[j][0] = j;
-
-  for (let j = 1; j <= targetLength; j++) {
-    for (let i = 1; i <= sourceLength; i++) {
-      const substitutionCost = (source[i - 1] === target[j - 1]) ? 0 : 1;
-
-      distanceMatrix[j][i] = Math.min(
-        distanceMatrix[j - 1][i] + 1,
-        distanceMatrix[j][i - 1] + 1,
-        distanceMatrix[j - 1][i - 1] + substitutionCost
-      );
-    }
-  }
-
-  const editDistance = distanceMatrix[targetLength][sourceLength];
-  const maxLength = Math.max(sourceLength, targetLength);
-  const similarityScore = 1 - (editDistance / maxLength);
-
-  return similarityScore * 100;
-}

package/src/assets/images/Icons/loading.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="283" height="283" style="shape-rendering: auto; display: block; background: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g>
-  <path stroke-width="10" stroke="#e13aa7" fill="none" d="M50 27A23 23 0 1 0 69.9785248320784 38.604450626054636"></path>
-  <path fill="#e13aa7" d="M49 15L49 39L61 27L49 15"></path>
-  <animateTransform keyTimes="0;1" values="0 50 50;360 50 50" dur="0.9803921568627451s" repeatCount="indefinite" type="rotate" attributeName="transform"></animateTransform>
-</g><g></g></g><!-- [ldio] generated by https://loading.io --></svg>

package/src/components/atoms/RetailerSelector/RetailerSelector.stories.js

@@ -1,10 +0,0 @@
-import { RetailerSelector } from ".";
-
-export default {
-  component: RetailerSelector,
-  parameters: {
-    layout: "centered",
-  },
-};
-
-export const Default = {};

package/src/components/atoms/RetailerSelector/index.js

@@ -1,3 +0,0 @@
-export const RetailerSelector = () => {
-  return <div>RetailerSelector Component</div>;
-};