contentoh-components-library 21.4.51 → 21.4.52

package/dist/components/molecules/BoxAttribute/BoxAttribute.stories.js

@@ -27,7 +27,6 @@ var BoxAttributeDefault = Template.bind({});
 exports.BoxAttributeDefault = BoxAttributeDefault;
 BoxAttributeDefault.args = {
   text: "texto prueba",
-  isEditEnabled: true,
   titletool: "Porcentaje de requeridos",
   texttool: "Este porcentaje indica la completitud de los atributos requeridos para todos los servicios."
 };

package/dist/components/molecules/BoxAttribute/index.js

@@ -32,7 +32,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["className"];
 
 var BoxAttribute = function BoxAttribute(props) {
-  // console.log({ props });
   var id = props.id,
       key = props.key,
       className = props.className,
@@ -70,14 +69,6 @@ var BoxAttribute = function BoxAttribute(props) {
       fontFamily: "".concat(_variables.FontFamily.Roboto, ", sans-serif")
     });
   });
-  var formattedData = Object.keys(atributos).reduce(function (result, id) {
-    result["box".concat(id)] = atributos[id];
-    return result;
-  }, {});
-  console.log("description", description); //escucha los cambios
-  // console.log(formattedData);
-  // console.log("atributos id", atributos[props.id]);
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
       id: id,

package/dist/components/organisms/Box/index.js

@@ -51,8 +51,6 @@ var Box = function Box(_ref) {
       setBoxOnboardingList = _useState6[1];
 
   (0, _react.useEffect)(function () {
-    console.log("dataInputs:", dataInputs);
-    console.log("inputGroup:", inputGroup);
     var temp = {};
     var maxBoxId = 0;
     inputGroup.inputs.forEach(function (attrId) {

package/dist/components/organisms/InputGroup/index.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputGroup = void 0;
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
@@ -20,7 +24,7 @@ var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
 
 var InputGroup = function InputGroup(_ref) {
-  var _inputGroup$inputs;
+  var _activeRetailer$retai3, _inputGroup$inputs, _activeRetailer$retai4, _inputGroup$inputs2;
 
   var _ref$inputGroup = _ref.inputGroup,
       inputGroup = _ref$inputGroup === void 0 ? {} : _ref$inputGroup,
@@ -40,8 +44,8 @@ var InputGroup = function InputGroup(_ref) {
       compare = _ref.compare,
       _ref$groupData = _ref.groupData,
       groupData = _ref$groupData === void 0 ? [] : _ref$groupData,
-      isShowbox = _ref.isShowbox,
-      setUpdatedBoxData = _ref.setUpdatedBoxData;
+      setUpdatedBoxData = _ref.setUpdatedBoxData,
+      activeRetailer = _ref.activeRetailer;
 
   var inputTypeValue = function inputTypeValue(type) {
     switch (type) {
@@ -56,28 +60,47 @@ var InputGroup = function InputGroup(_ref) {
     }
   };
 
-  var isOnboarding = function isOnboarding() {
-    var contentBoxAttribute = groupData.find(function (_ref2) {
-      var dataGroup = _ref2.dataGroup;
-      return dataGroup === "Caja";
-    });
-
-    if (contentBoxAttribute) {
-      console.log("content box attribute");
-    } else {
-      console.log("dont content box attribute");
-    }
-
-    return contentBoxAttribute;
-  };
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showBox = _useState2[0],
+      setShowBox = _useState2[1];
 
   var isEquals = function isEquals(dataInputsVal, auditInputsVal) {
     var result = dataInputsVal === auditInputsVal;
     return result;
   };
 
-  return inputGroup.groupId !== "16" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+  (0, _react.useEffect)(function () {
+    var _activeRetailer$retai;
+
+    if (inputGroup.groupId === "16" && activeRetailer && activeRetailer !== null && activeRetailer !== void 0 && (_activeRetailer$retai = activeRetailer.retailer) !== null && _activeRetailer$retai !== void 0 && _activeRetailer$retai.id) {
+      var _activeRetailer$retai2;
+
+      if ((activeRetailer === null || activeRetailer === void 0 ? void 0 : (_activeRetailer$retai2 = activeRetailer.retailer) === null || _activeRetailer$retai2 === void 0 ? void 0 : _activeRetailer$retai2.id) === 68) {
+        setShowBox(true);
+      } else {
+        setShowBox(false);
+      }
+    }
+  }, [activeRetailer, inputGroup.groupId]); // useEffect(() => {
+  //   if (showBox) {
+  //     // Realiza la acción que deseas cuando showBox es true
+  //     console.log("showBox es true");
+  //   } else {
+  //     // Realiza la acción que deseas cuando showBox es false
+  //     console.log("showBox es false");
+  //   }
+  // }, [showBox]);
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [inputGroup.groupId === "16" && (activeRetailer === null || activeRetailer === void 0 ? void 0 : (_activeRetailer$retai3 = activeRetailer.retailer) === null || _activeRetailer$retai3 === void 0 ? void 0 : _activeRetailer$retai3.id) === 68 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+      className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.Box, {
+        inputGroup: inputGroup,
+        dataInputs: dataInputs,
+        onChange: setUpdatedBoxData
+      })
+    }), inputGroup.groupId !== "16" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
       className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
       children: [(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
         headerType: "retailer-name-header",
@@ -127,14 +150,57 @@ var InputGroup = function InputGroup(_ref) {
           }, index + "-" + (input === null || input === void 0 ? void 0 : input.value) + "-" + compare);
         })
       })]
-    })
-  }) : isShowbox && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.Box, {
-      inputGroup: inputGroup,
-      dataInputs: dataInputs,
-      onChange: setUpdatedBoxData
-    })
+    }), inputGroup.groupId === "16" && (activeRetailer === null || activeRetailer === void 0 ? void 0 : (_activeRetailer$retai4 = activeRetailer.retailer) === null || _activeRetailer$retai4 === void 0 ? void 0 : _activeRetailer$retai4.id) === 74 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+      className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
+      children: [(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "retailer-name-header",
+        text: "".concat(inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "inputs-container",
+        children: inputGroup === null || inputGroup === void 0 ? void 0 : (_inputGroup$inputs2 = inputGroup.inputs) === null || _inputGroup$inputs2 === void 0 ? void 0 : _inputGroup$inputs2.map(function (input, index) {
+          var _dataInputs$input13, _dataInputs$input14, _dataInputs$input15, _dataInputs$input16, _dataInputs$input17, _dataInputs$input18, _auditInputs$input2, _dataInputs$input19, _dataInputs$input20, _dataInputs$input21, _dataInputs$input22, _dataInputs$input23, _dataInputs$input24, _auditInputGroup$inpu3, _auditInputGroup$inpu4;
+
+          return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+              //disabled={input === 40001}
+              disabled: false,
+              inputId: (_dataInputs$input15 = dataInputs[input]) === null || _dataInputs$input15 === void 0 ? void 0 : _dataInputs$input15.id,
+              version: version,
+              inputType: inputTypeValue((_dataInputs$input16 = dataInputs[input]) === null || _dataInputs$input16 === void 0 ? void 0 : _dataInputs$input16.type),
+              label: ((_dataInputs$input17 = dataInputs[input]) === null || _dataInputs$input17 === void 0 ? void 0 : _dataInputs$input17.name) + ((_dataInputs$input18 = dataInputs[input]) !== null && _dataInputs$input18 !== void 0 && _dataInputs$input18.required ? "*" : ""),
+              value: compare ? (_auditInputs$input2 = auditInputs[input]) === null || _auditInputs$input2 === void 0 ? void 0 : _auditInputs$input2.value : (_dataInputs$input19 = dataInputs[input]) === null || _dataInputs$input19 === void 0 ? void 0 : _dataInputs$input19.value,
+              inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
+              articleId: articleId,
+              isRequired: (_dataInputs$input20 = dataInputs[input]) === null || _dataInputs$input20 === void 0 ? void 0 : _dataInputs$input20.required,
+              updatedDatasheets: updatedDatasheets,
+              setUpdatedDatasheets: setUpdatedDatasheets,
+              maxChar: (_dataInputs$input21 = dataInputs[input]) !== null && _dataInputs$input21 !== void 0 && _dataInputs$input21.max_chars ? (_dataInputs$input22 = dataInputs[input]) === null || _dataInputs$input22 === void 0 ? void 0 : _dataInputs$input22.max_chars : 999,
+              optionList: (_dataInputs$input23 = dataInputs[input]) === null || _dataInputs$input23 === void 0 ? void 0 : _dataInputs$input23.option_list,
+              description: (_dataInputs$input24 = dataInputs[input]) === null || _dataInputs$input24 === void 0 ? void 0 : _dataInputs$input24.description,
+              showTooltip: true,
+              auditClass: compare && !isEquals(dataInputs[input].value, auditInputs[input].value) ? "audit-class" : ""
+            }, index + "-" + ((_dataInputs$input13 = dataInputs[input]) === null || _dataInputs$input13 === void 0 ? void 0 : _dataInputs$input13.value) + "-" + ((_dataInputs$input14 = dataInputs[input]) === null || _dataInputs$input14 === void 0 ? void 0 : _dataInputs$input14.id) + "-" + compare)
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+            inputId: input.id,
+            index: index,
+            inputType: "textarea",
+            label: (input === null || input === void 0 ? void 0 : input.name) + (input.required ? "*" : ""),
+            value: compare ? auditInputGroup === null || auditInputGroup === void 0 ? void 0 : (_auditInputGroup$inpu3 = auditInputGroup.inputs[index]) === null || _auditInputGroup$inpu3 === void 0 ? void 0 : _auditInputGroup$inpu3.value : input === null || input === void 0 ? void 0 : input.value,
+            isRequired: input.required,
+            maxChar: input.max_chars,
+            inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder,
+            updatedDescriptions: updatedDescriptions,
+            setUpdatedDescriptions: setUpdatedDescriptions,
+            articleId: articleId,
+            version: version,
+            dinamicHeight: dinamicHeight,
+            description: input === null || input === void 0 ? void 0 : input.description,
+            showTooltip: true,
+            auditClass: compare && !isEquals(input === null || input === void 0 ? void 0 : input.value, auditInputGroup === null || auditInputGroup === void 0 ? void 0 : (_auditInputGroup$inpu4 = auditInputGroup.inputs[index]) === null || _auditInputGroup$inpu4 === void 0 ? void 0 : _auditInputGroup$inpu4.value) ? "audit-class" : ""
+          }, index + "-" + (input === null || input === void 0 ? void 0 : input.value) + "-" + compare);
+        })
+      })]
+    })]
   });
 };
 

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

@@ -32,47 +32,40 @@ ProviderProductEditionDefault.args = {
     Imágenes: false
   },
   token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyM2Q1NTlmYi1jMzIwLTRhMjItYjJmNy1lOThhYTFhZGEyNmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MzkyNjgyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODM5MzA0MjEsImlhdCI6MTY4MzkyNjgyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.TvCoaKoctj5mypXWMz3NyV1Vm1ToBV0vJmpVyZSQw4-ikTChkxcZ5tFYvqhk1GdvNCFttfSQIqM-14dAYYBc28YwwKP86gqOuzB1fG41rN5x1Yx3tkJq6hiVRgiBbSHWtThA9c8VnxNQbrJiaRTvvkDiM5KNTEst1oxQHL5Ct9_iKQMJMRFie7Xv0xnyS0qZ6QHK4Q2A9OHsnDkAuumALZJcE19Zh6VgSitgWrZiz3x5Text4Q-U-R48NUAzUFirAzYZzJN_fCme5pGf1AnUaZjeUjPsmrV5TBVzPEYwXO0KG8lYjL8id80D7tbGs28ZIK6B4rf3-eqI_ngmBB4CjQ",
-  articleId: 39550,
-  category: 287,
+  articleId: 112668,
+  category: 905,
   version: 1,
   productSelected: {
-    id_article: 39550,
-    upc: 43654697,
-    name: "Campana de Cocina",
-    timestamp: "2023-08-04T22:23:40.000Z",
-    categoryName: "Ferretería|Ferretería General|Tornillos, Tuercas y Arandelas",
-    id_category: 287,
+    id_article: 112668,
+    upc: "137091",
+    name: "Audifonos Bose",
+    timestamp: "2023-10-14T01:12:45.000Z",
+    categoryName: "Audio|Audífonos|In Ear",
+    id_category: 905,
     version: 1,
     retailersAvailable: [{
-      name: "The Home Depot Golden",
-      "id": 58
-    }, {
-      name: "The Home Depot Onboarding",
-      "id": 68
+      name: "Radioshack",
+      id: 74
     }],
-    percentage: "89"
+    percentage: "33"
   },
   productToEdit: {
-    idCategory: 287,
-    ArticleId: 39550,
+    idCategory: 905,
+    ArticleId: 112668,
     product: [{
-      id_article: 39550,
-      upc: 43654697,
-      name: "Campana de Cocina",
-      timestamp: "2023-08-04T22:23:40.000Z",
-      categoryName: "Ferretería|Ferretería General|Tornillos, Tuercas y Arandelas",
-      id_category: 287,
+      id_article: 112668,
+      upc: "137091",
+      name: "Audifonos Bose",
+      timestamp: "2023-10-14T01:12:45.000Z",
+      categoryName: "Audio|Audífonos|In Ear",
+      id_category: 905,
       version: 1,
       retailersAvailable: [{
-        name: "The Home Depot Golden",
-        id: 58,
-        percentage: 100
-      }, {
-        name: "The Home Depot Onboarding",
-        id: 68,
-        percentage: 78
+        name: "Radioshack",
+        id: 74,
+        percentage: 33
       }],
-      percentage: "89"
+      percentage: "33"
     }]
   },
   location: {
@@ -87,15 +80,15 @@ ProviderProductEditionDefault.args = {
     key: "24vwut"
   },
   user: {
-    id_user: 191,
-    name: "Demo",
-    last_name: "Demo",
-    email: "merchants24feb@allfreemail.net",
-    position: "Test",
-    telephone: "+52123456789",
+    id_user: 350,
+    name: "Proveedor Uno",
+    last_name: "Radioshack",
+    email: "proveedorradioshackuno@allfreemail.net",
+    position: "proveedor",
+    telephone: "+521234567898",
     country: "México",
-    id_company: 923,
-    id_cognito: "c3cd160c-76c2-497c-9357-5ef949307e1e",
+    id_company: 950,
+    id_cognito: "0f4247df-f02f-4cb8-909a-e62649d34782",
     birth_Date: null,
     about_me: null,
     zip_code: null,
@@ -108,9 +101,9 @@ ProviderProductEditionDefault.args = {
     email_notify: 1,
     is_user_tech: null,
     membership: {
-      id: 114,
-      start_date: "2023-02-24T18:14:43.000Z",
-      end_date: "2024-02-24T18:14:43.000Z",
+      id: 146,
+      start_date: "2023-10-14T00:49:16.000Z",
+      end_date: "2024-10-14T00:49:16.000Z",
       planID: 8,
       plan: "prod_KtlhECVSFG2iro",
       name: "Plan Pro",
@@ -118,14 +111,14 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-191/191.png?1697171804447"
+    src: "https://content-management-profile.s3.amazonaws.com/id-350/350.png?1697569749878"
   },
   company: {
-    id_company: 923,
-    trade_name: "Demo",
-    company_name: "Demo",
-    rfc: "Demo",
-    adress: "Demo",
+    id_company: 950,
+    trade_name: "Radioshack",
+    company_name: "Radioshack",
+    rfc: "ASDASD",
+    adress: "CDMX",
     about_company: null,
     telephone: null,
     web_site: null,
@@ -134,19 +127,19 @@ ProviderProductEditionDefault.args = {
     social_link: null,
     is_retailer: 0,
     financedRetailers: [{
-      id: 68,
-      name: "The Home Depot Onboarding",
+      id: 74,
+      name: "Radioshack",
       country: "México",
       id_region: 1,
       active: 1,
       flow: 1
     }],
     retailers: [{
-      id: 68,
-      name: "The Home Depot Onboarding",
+      id: 74,
+      name: "Radioshack",
       country: "México",
       id_region: 1,
-      "active": 1,
+      active: 1,
       flow: 1
     }]
   },

package/dist/components/pages/ProviderProductEdition/index.js

@@ -2225,6 +2225,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                   updatedDatasheets: updatedDatasheets,
                   setUpdatedDatasheets: setUpdatedDatasheets,
                   isShowbox: true,
+                  activeRetailer: services[0][activeRetailer.id],
                   groupData: services[0][activeRetailer.id].data,
                   setUpdatedBoxData: function setUpdatedBoxData(e) {
                     setBoxData(e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.4.51",
+  "version": "21.4.52",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/molecules/BoxAttribute/BoxAttribute.stories.js

@@ -11,7 +11,6 @@ export const BoxAttributeDefault = Template.bind({});
 
 BoxAttributeDefault.args = {
     text:"texto prueba",
-    isEditEnabled:true,
     titletool:"Porcentaje de requeridos",
     texttool:"Este porcentaje indica la completitud de los atributos requeridos para todos los servicios.",
 };

package/src/components/molecules/BoxAttribute/index.js

@@ -6,7 +6,6 @@ import { styled } from '@mui/material/styles';
 import { FontFamily, GlobalColors } from "../../../global-files/variables";
 
 export const BoxAttribute = (props) => {
-  // console.log({ props });
   const {
     id,
     key,
@@ -36,15 +35,6 @@ export const BoxAttribute = (props) => {
       fontFamily: `${FontFamily.Roboto}, sans-serif`,
     },
   }));
-
-  const formattedData = Object.keys(atributos).reduce((result, id) => {
-    result[`box${id}`] = atributos[id];
-    return result;
-  }, {});
-  console.log("description",description)
-  //escucha los cambios
-  // console.log(formattedData);
-  // console.log("atributos id", atributos[props.id]);
   return (
     <>
       <Container

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

@@ -15,8 +15,6 @@ export const Box = ({ onChange, dataInputs, inputGroup }) => {
   ]);
 
   useEffect(() => {
-    console.log("dataInputs:", dataInputs);
-    console.log("inputGroup:", inputGroup);
     const temp = {};
     let maxBoxId = 0;
     inputGroup.inputs.forEach((attrId) => {

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

@@ -1,4 +1,4 @@
-import { Container, ContainerIcon } from "./styles";
+import { Container } from "./styles";
 import { FontFamily, GlobalColors } from "../../../global-files/variables";
 import { BoxAttribute } from "../../molecules/BoxAttribute";
 import { useState, useEffect, memo } from "react";

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

@@ -3,7 +3,7 @@ import { ScreenHeader } from "../../atoms/ScreenHeader";
 import { TagAndInput } from "../../molecules/TagAndInput";
 import { BoxOnboarding } from "../BoxOnboarding";
 import { Box } from "../Box";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 
 export const InputGroup = ({
   inputGroup = {},
@@ -20,8 +20,8 @@ export const InputGroup = ({
   dinamicHeight,
   compare,
   groupData = [],
-  isShowbox,
-  setUpdatedBoxData
+  setUpdatedBoxData,
+  activeRetailer
 }) => {
   const inputTypeValue = (type) => {
     switch (type) {
@@ -33,134 +33,241 @@ export const InputGroup = ({
         return "text";
     }
   };
-
-  const isOnboarding = () => {
-    const contentBoxAttribute = groupData.find(
-      ({ dataGroup }) => dataGroup === "Caja"
-    );
-    if (contentBoxAttribute) {
-      console.log("content box attribute");
-    } else {
-      console.log("dont content box attribute");
-    }
-    return contentBoxAttribute;
-  };
+  const [showBox, setShowBox] = useState(false);
 
   const isEquals = (dataInputsVal, auditInputsVal) => {
     const result = dataInputsVal === auditInputsVal;
     return result;
   };
-  return inputGroup.groupId !== "16" ? (
+
+  
+  useEffect(() => {
+    if (inputGroup.groupId === "16" && activeRetailer && activeRetailer?.retailer?.id) {
+      if (activeRetailer?.retailer?.id === 68) {
+        setShowBox(true);
+      } else {
+        setShowBox(false);
+      }
+    }
+  }, [activeRetailer, inputGroup.groupId]);
+
+  // useEffect(() => {
+  //   if (showBox) {
+  //     // Realiza la acción que deseas cuando showBox es true
+  //     console.log("showBox es true");
+  //   } else {
+  //     // Realiza la acción que deseas cuando showBox es false
+  //     console.log("showBox es false");
+  //   }
+  // }, [showBox]);
+
+  return (
     <>
-      <Container
-        className={
-          activeSection === "Ficha técnica"
-            ? "datasheets-layout"
-            : "descriptions-layout"
-        }
-      >
-        {inputGroup?.dataGroup && (
-          <ScreenHeader
-            headerType={"retailer-name-header"}
-            text={`${inputGroup?.dataGroup}`}
+      {inputGroup.groupId === "16" && activeRetailer?.retailer?.id === 68 && (
+        <Container
+          className={
+            activeSection === "Ficha técnica"
+              ? "datasheets-layout"
+              : "descriptions-layout"
+          }
+        >
+          <Box
+            inputGroup={inputGroup}
+            dataInputs={dataInputs}
+            onChange={setUpdatedBoxData}
           />
-        )}
-        <div className="inputs-container">
-          {inputGroup?.inputs?.map((input, index) =>
-            activeSection === "Ficha técnica" ? (
-              <>
+        </Container>
+      )}
+      {(inputGroup.groupId !== "16") && (
+        <Container
+          className={
+            activeSection === "Ficha técnica"
+              ? "datasheets-layout"
+              : "descriptions-layout"
+          }
+        >
+          {inputGroup?.dataGroup && (
+            <ScreenHeader
+              headerType={"retailer-name-header"}
+              text={`${inputGroup?.dataGroup}`}
+            />
+          )}
+          <div className="inputs-container">
+            {inputGroup?.inputs?.map((input, index) =>
+              activeSection === "Ficha técnica" ? (
+                <>
+                  <TagAndInput
+                    key={
+                      index +
+                      "-" +
+                      dataInputs[input]?.value +
+                      "-" +
+                      dataInputs[input]?.id +
+                      "-" +
+                      compare
+                    }
+                    //disabled={input === 40001}
+                    disabled={false}
+                    inputId={dataInputs[input]?.id}
+                    version={version}
+                    inputType={inputTypeValue(dataInputs[input]?.type)}
+                    label={
+                      dataInputs[input]?.name +
+                      (dataInputs[input]?.required ? "*" : "")
+                    }
+                    value={
+                      compare
+                        ? auditInputs[input]?.value
+                        : dataInputs[input]?.value
+                    }
+                    inputPlaceHolder={input?.placeholder}
+                    articleId={articleId}
+                    isRequired={dataInputs[input]?.required}
+                    updatedDatasheets={updatedDatasheets}
+                    setUpdatedDatasheets={setUpdatedDatasheets}
+                    maxChar={
+                      dataInputs[input]?.max_chars
+                        ? dataInputs[input]?.max_chars
+                        : 999
+                    }
+                    optionList={dataInputs[input]?.option_list}
+                    description={dataInputs[input]?.description}
+                    showTooltip={true}
+                    auditClass={
+                      compare &&
+                      !isEquals(dataInputs[input].value, auditInputs[input].value)
+                        ? "audit-class"
+                        : ""
+                    }
+                  />
+                </>
+              ) : (
                 <TagAndInput
-                  key={
-                    index +
-                    "-" +
-                    dataInputs[input]?.value +
-                    "-" +
-                    dataInputs[input]?.id +
-                    "-" +
-                    compare
+                  key={index + "-" + input?.value + "-" + compare}
+                  inputId={input.id}
+                  index={index}
+                  inputType={"textarea"}
+                  label={input?.name + (input.required ? "*" : "")}
+                  value={
+                    compare ? auditInputGroup?.inputs[index]?.value : input?.value
                   }
-                  //disabled={input === 40001}
-                  disabled={false}
-                  inputId={dataInputs[input]?.id}
+                  isRequired={input.required}
+                  maxChar={input.max_chars}
+                  inputPlaceHolder={input?.placeholder}
+                  updatedDescriptions={updatedDescriptions}
+                  setUpdatedDescriptions={setUpdatedDescriptions}
+                  articleId={articleId}
                   version={version}
-                  inputType={inputTypeValue(dataInputs[input]?.type)}
-                  label={
-                    dataInputs[input]?.name +
-                    (dataInputs[input]?.required ? "*" : "")
+                  dinamicHeight={dinamicHeight}
+                  description={input?.description}
+                  showTooltip={true}
+                  auditClass={
+                    compare &&
+                    !isEquals(input?.value, auditInputGroup?.inputs[index]?.value)
+                      ? "audit-class"
+                      : ""
                   }
+                />
+              )
+            )}
+          </div>
+        </Container>
+      )}
+       {(inputGroup.groupId === "16" && activeRetailer?.retailer?.id === 74) && (
+        <Container
+          className={
+            activeSection === "Ficha técnica"
+              ? "datasheets-layout"
+              : "descriptions-layout"
+          }
+        >
+          {inputGroup?.dataGroup && (
+            <ScreenHeader
+              headerType={"retailer-name-header"}
+              text={`${inputGroup?.dataGroup}`}
+            />
+          )}
+          <div className="inputs-container">
+            {inputGroup?.inputs?.map((input, index) =>
+              activeSection === "Ficha técnica" ? (
+                <>
+                  <TagAndInput
+                    key={
+                      index +
+                      "-" +
+                      dataInputs[input]?.value +
+                      "-" +
+                      dataInputs[input]?.id +
+                      "-" +
+                      compare
+                    }
+                    //disabled={input === 40001}
+                    disabled={false}
+                    inputId={dataInputs[input]?.id}
+                    version={version}
+                    inputType={inputTypeValue(dataInputs[input]?.type)}
+                    label={
+                      dataInputs[input]?.name +
+                      (dataInputs[input]?.required ? "*" : "")
+                    }
+                    value={
+                      compare
+                        ? auditInputs[input]?.value
+                        : dataInputs[input]?.value
+                    }
+                    inputPlaceHolder={input?.placeholder}
+                    articleId={articleId}
+                    isRequired={dataInputs[input]?.required}
+                    updatedDatasheets={updatedDatasheets}
+                    setUpdatedDatasheets={setUpdatedDatasheets}
+                    maxChar={
+                      dataInputs[input]?.max_chars
+                        ? dataInputs[input]?.max_chars
+                        : 999
+                    }
+                    optionList={dataInputs[input]?.option_list}
+                    description={dataInputs[input]?.description}
+                    showTooltip={true}
+                    auditClass={
+                      compare &&
+                      !isEquals(dataInputs[input].value, auditInputs[input].value)
+                        ? "audit-class"
+                        : ""
+                    }
+                  />
+                </>
+              ) : (
+                <TagAndInput
+                  key={index + "-" + input?.value + "-" + compare}
+                  inputId={input.id}
+                  index={index}
+                  inputType={"textarea"}
+                  label={input?.name + (input.required ? "*" : "")}
                   value={
-                    compare
-                      ? auditInputs[input]?.value
-                      : dataInputs[input]?.value
+                    compare ? auditInputGroup?.inputs[index]?.value : input?.value
                   }
+                  isRequired={input.required}
+                  maxChar={input.max_chars}
                   inputPlaceHolder={input?.placeholder}
+                  updatedDescriptions={updatedDescriptions}
+                  setUpdatedDescriptions={setUpdatedDescriptions}
                   articleId={articleId}
-                  isRequired={dataInputs[input]?.required}
-                  updatedDatasheets={updatedDatasheets}
-                  setUpdatedDatasheets={setUpdatedDatasheets}
-                  maxChar={
-                    dataInputs[input]?.max_chars
-                      ? dataInputs[input]?.max_chars
-                      : 999
-                  }
-                  optionList={dataInputs[input]?.option_list}
-                  description={dataInputs[input]?.description}
+                  version={version}
+                  dinamicHeight={dinamicHeight}
+                  description={input?.description}
                   showTooltip={true}
                   auditClass={
                     compare &&
-                    !isEquals(dataInputs[input].value, auditInputs[input].value)
+                    !isEquals(input?.value, auditInputGroup?.inputs[index]?.value)
                       ? "audit-class"
                       : ""
                   }
                 />
-              </>
-            ) : (
-              <TagAndInput
-                key={index + "-" + input?.value + "-" + compare}
-                inputId={input.id}
-                index={index}
-                inputType={"textarea"}
-                label={input?.name + (input.required ? "*" : "")}
-                value={
-                  compare ? auditInputGroup?.inputs[index]?.value : input?.value
-                }
-                isRequired={input.required}
-                maxChar={input.max_chars}
-                inputPlaceHolder={input?.placeholder}
-                updatedDescriptions={updatedDescriptions}
-                setUpdatedDescriptions={setUpdatedDescriptions}
-                articleId={articleId}
-                version={version}
-                dinamicHeight={dinamicHeight}
-                description={input?.description}
-                showTooltip={true}
-                auditClass={
-                  compare &&
-                  !isEquals(input?.value, auditInputGroup?.inputs[index]?.value)
-                    ? "audit-class"
-                    : ""
-                }
-              />
-            )
-          )}
-        </div>
-      </Container>
+              )
+            )}
+          </div>
+        </Container>
+      )}
     </>
-  ) : (
-    isShowbox && (
-      <Container
-        className={
-          activeSection === "Ficha técnica"
-            ? "datasheets-layout"
-            : "descriptions-layout"
-        }
-      >
-        <Box
-          inputGroup={inputGroup}
-          dataInputs={dataInputs}
-          onChange={setUpdatedBoxData}
-        />
-      </Container>
-    )
   );
-};
+                }  

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

@@ -17,42 +17,40 @@ ProviderProductEditionDefault.args = {
   },
   token:
     "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyM2Q1NTlmYi1jMzIwLTRhMjItYjJmNy1lOThhYTFhZGEyNmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MzkyNjgyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODM5MzA0MjEsImlhdCI6MTY4MzkyNjgyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.TvCoaKoctj5mypXWMz3NyV1Vm1ToBV0vJmpVyZSQw4-ikTChkxcZ5tFYvqhk1GdvNCFttfSQIqM-14dAYYBc28YwwKP86gqOuzB1fG41rN5x1Yx3tkJq6hiVRgiBbSHWtThA9c8VnxNQbrJiaRTvvkDiM5KNTEst1oxQHL5Ct9_iKQMJMRFie7Xv0xnyS0qZ6QHK4Q2A9OHsnDkAuumALZJcE19Zh6VgSitgWrZiz3x5Text4Q-U-R48NUAzUFirAzYZzJN_fCme5pGf1AnUaZjeUjPsmrV5TBVzPEYwXO0KG8lYjL8id80D7tbGs28ZIK6B4rf3-eqI_ngmBB4CjQ",
-  articleId: 39550,
-  category: 287,
+  articleId: 112668,
+  category: 905,
   version: 1,
   productSelected: {
-    id_article:39550,
-    upc:43654697,
-    name:"Campana de Cocina",
-    timestamp:"2023-08-04T22:23:40.000Z",
-    categoryName:"Ferretería|Ferretería General|Tornillos, Tuercas y Arandelas",
-    id_category:287,
+    id_article:112668,
+    upc:"137091",
+    name:"Audifonos Bose",
+    timestamp:"2023-10-14T01:12:45.000Z",
+    categoryName:"Audio|Audífonos|In Ear",
+    id_category:905,
     version:1,
     retailersAvailable:[
-      {name:"The Home Depot Golden","id":58},
-      {name:"The Home Depot Onboarding","id":68}],
-      percentage:"89"
-    },
+      {name:"Radioshack",
+      id:74}
+    ],
+    percentage:"33"
+  },
   productToEdit: {
-    idCategory:287,
-    ArticleId:39550,
-    product:[{
-      id_article:39550,
-      upc:43654697,
-      name:"Campana de Cocina",
-      timestamp:"2023-08-04T22:23:40.000Z",
-      categoryName:"Ferretería|Ferretería General|Tornillos, Tuercas y Arandelas",
-      id_category:287,
-      version:1,
-      retailersAvailable:[
-        {name:"The Home Depot Golden",
-        id:58,
-        percentage:100},
-        {name:"The Home Depot Onboarding",
-        id:68,
-        percentage:78}
-      ],
-      percentage:"89"}] 
+      idCategory:905,
+      ArticleId:112668,
+      product:[{
+        id_article:112668,
+        upc:"137091",
+        name:"Audifonos Bose",
+        timestamp:"2023-10-14T01:12:45.000Z",
+        categoryName:"Audio|Audífonos|In Ear",
+        id_category:905,
+        version:1,
+        retailersAvailable:[
+          {name:"Radioshack",
+          id:74,
+          percentage:33}
+        ],
+        percentage:"33"}]
     },
   location: {
     pathname: "/EditProducts",
@@ -66,43 +64,43 @@ ProviderProductEditionDefault.args = {
     key: "24vwut",
   },
   user: {
-    id_user:191,
-    name:"Demo",
-    last_name:"Demo",
-    email:"merchants24feb@allfreemail.net",
-    position:"Test",
-    telephone:"+52123456789",
+    id_user:350,
+    name:"Proveedor Uno",
+    last_name:"Radioshack",
+    email:"proveedorradioshackuno@allfreemail.net",
+    position:"proveedor",
+    telephone:"+521234567898",
     country:"México",
-    id_company:923,
-    id_cognito:"c3cd160c-76c2-497c-9357-5ef949307e1e",
+    id_company:950,
+    id_cognito:"0f4247df-f02f-4cb8-909a-e62649d34782",
     birth_Date:null,
     about_me:null,
     zip_code:null,
     address:null,
-    job:null,
-    id_stripe:null,
+    job:null,id_stripe:null,
     id_role:0,
     active:1,
     is_retailer:0,
     email_notify:1,
     is_user_tech:null,
-    membership:
-    {id:114,
-      start_date:"2023-02-24T18:14:43.000Z",
-      end_date:"2024-02-24T18:14:43.000Z",
+    membership:{
+      id:146,
+      start_date:"2023-10-14T00:49:16.000Z",
+      end_date:"2024-10-14T00:49:16.000Z",
       planID:8,
       plan:"prod_KtlhECVSFG2iro",
       name:"Plan Pro",
       user_limit:"50",
       products_limit:"5000",
       type:"Enterprise"},
-      src:"https://content-management-profile.s3.amazonaws.com/id-191/191.png?1697171804447"},
+      src:"https://content-management-profile.s3.amazonaws.com/id-350/350.png?1697569749878"
+    },
   company: {
-    id_company:923,
-    trade_name:"Demo",
-    company_name:"Demo",
-    rfc:"Demo",
-    adress:"Demo",
+    id_company:950,
+    trade_name:"Radioshack",
+    company_name:"Radioshack",
+    rfc:"ASDASD",
+    adress:"CDMX",
     about_company:null,
     telephone:null,
     web_site:null,
@@ -110,13 +108,22 @@ ProviderProductEditionDefault.args = {
     email:null,
     social_link:null,
     is_retailer:0,
-    financedRetailers:
-    [{id:68,
-      name:"The Home Depot Onboarding",
+    financedRetailers:[
+      {id:74,
+        name:"Radioshack",
+        country:"México",
+        id_region:1,
+        active:1,
+        flow:1}
+    ],
+    retailers:[
+      {id:74,
+      name:"Radioshack",
       country:"México",
       id_region:1,
       active:1,
-      flow:1}],
-      retailers:[{id:68,name:"The Home Depot Onboarding",country:"México",id_region:1,"active":1,flow:1}]},
+      flow:1}
+    ]},
   showSurvey: (v) => v && alert("se muestra"),
 };
+

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

@@ -1484,6 +1484,7 @@ export const ProviderProductEdition = ({
                           updatedDatasheets={updatedDatasheets}
                           setUpdatedDatasheets={setUpdatedDatasheets}
                           isShowbox={true}
+                          activeRetailer={services[0][activeRetailer.id]}
                           groupData={services[0][activeRetailer.id].data}
                           setUpdatedBoxData={(e) => {
                             setBoxData(e);