contentoh-components-library 21.4.41 → 21.4.44

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

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BoxAttribute = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _styles = require("./styles");
 
 var _info = _interopRequireDefault(require("../../../assets/images/Icons/info.svg"));
@@ -25,7 +29,20 @@ var BoxAttribute = function BoxAttribute(props) {
       borderType = props.borderType,
       isEditEnabled = props.isEditEnabled,
       titletool = props.titletool,
-      texttool = props.texttool;
+      texttool = props.texttool,
+      atributos = props.atributos,
+      setAtributos = props.setAtributos;
+
+  var handleInputChange = function handleInputChange(event) {
+    var _event$target = event.target,
+        name = _event$target.name,
+        value = _event$target.value;
+    setAtributos(function (prevAtributos) {
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prevAtributos), {}, (0, _defineProperty2.default)({}, name, value));
+    });
+  };
+
+  console.log(atributos);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
       id: id,
@@ -54,14 +71,18 @@ var BoxAttribute = function BoxAttribute(props) {
         children: text
       }), isEditEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
         hiddenLabel: true,
-        id: "caja-borde",
-        defaultValue: text,
+        name: props.id,
+        value: atributos[props.id],
+        onChange: handleInputChange,
+        className: "caja-borde",
         variant: "outlined",
         size: "small"
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
         hiddenLabel: true,
-        id: "caja-borde",
-        defaultValue: text,
+        name: props.id,
+        value: atributos[props.id],
+        onChange: handleInputChange,
+        className: "caja-borde",
         variant: "outlined",
         size: "small",
         disabled: true

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

@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  gap:4px;\n  #atr-alto {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  #caja-borde {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    line-height: 1.2;\n    border-radius: ", ";\n  }\n  span {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    line-height: 1.2;\n    font-weight: 600;\n  }\n  .icon {\n    width: 8px;\n    height: 8px;\n  }\n"])), _variables.FontFamily.RobotoMedium, function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  gap:4px;\n  #atr-alto {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .caja-borde {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    line-height: 1.2;\n    border-radius: ", ";\n  }\n  span {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    line-height: 1.2;\n    font-weight: 600;\n  }\n  .icon {\n    width: 8px;\n    height: 8px;\n  }\n"])), _variables.FontFamily.RobotoMedium, function (_ref) {
   var borderType = _ref.borderType;
   return (borderType === null || borderType === void 0 ? void 0 : borderType.toLowerCase()) === "rectangle" ? "5px" : (borderType === null || borderType === void 0 ? void 0 : borderType.toLowerCase()) === "circle" ? "50%" : "none";
 }, _variables.FontFamily.RobotoMedium);

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

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Box = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
@@ -25,7 +27,9 @@ var _BoxButtons = require("../../molecules/BoxButtons");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var Box = function Box() {
+var Box = function Box(_ref) {
+  var onChange = _ref.onChange;
+
   var _useState = (0, _react.useState)(true),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isDeleteDisabled = _useState2[0],
@@ -37,7 +41,8 @@ var Box = function Box() {
       setIsEditEnabled = _useState4[1];
 
   var _useState5 = (0, _react.useState)([{
-    showAdd: true
+    showAdd: true,
+    value: {}
   }]),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       boxOnboardingList = _useState6[0],
@@ -64,6 +69,11 @@ var Box = function Box() {
     setIsEditEnabled(!isEditEnabled);
   };
 
+  (0, _react.useEffect)(function () {
+    onChange && onChange(boxOnboardingList);
+  }, [boxOnboardingList]); // console.log(atributos)
+
+  console.log("onboardinglist", boxOnboardingList);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     fontFamily: _variables.FontFamily.Raleway,
     color: _variables.GlobalColors.original_magenta,
@@ -77,8 +87,22 @@ var Box = function Box() {
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "container-buttons",
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxOnboarding.BoxOnboarding, {
+              index: index,
               showAdd: boxOnboarding.showAdd,
-              isEditEnabled: isEditEnabled
+              isEditEnabled: isEditEnabled,
+              onChange: function onChange(e) {
+                setBoxOnboardingList(function (prev) {
+                  return prev.map(function (box, i) {
+                    if (i != index) {
+                      return box;
+                    }
+
+                    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, box), {}, {
+                      value: e
+                    });
+                  });
+                });
+              }
             }, index), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxButtons.BoxButtons, {
               showAdd: boxOnboarding.showAdd,
               onAdd: handleAddBoxOnboarding,

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

@@ -21,46 +21,69 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var BoxOnboarding = function BoxOnboarding(_ref) {
   var panelColor = _ref.panelColor,
-      isEditEnabled = _ref.isEditEnabled;
+      isEditEnabled = _ref.isEditEnabled,
+      index = _ref.index,
+      onChange = _ref.onChange;
 
   var _useState = (0, _react.useState)(true),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       boxAttributesActive = _useState2[0],
       setBoxAttributesActive = _useState2[1];
 
+  var _useState3 = (0, _react.useState)({
+    largo: '',
+    alto: '',
+    ancho: '',
+    peso: ''
+  }),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      atributos = _useState4[0],
+      setAtributos = _useState4[1];
+
+  (0, _react.useEffect)(function () {
+    onChange && onChange(atributos);
+  }, [atributos]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     panelColor: panelColor,
     fontFamily: _variables.FontFamily.Raleway,
     color: _variables.GlobalColors.original_magenta,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       id: "contenedor-caja",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
         fontFamily: _variables.FontFamily.Raleway,
-        children: "Caja 1, chica"
+        children: ["Caja ", index + 1, ", chica"]
       }), boxAttributesActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxAttribute.BoxAttribute, {
-        id: "atr-alto",
+        id: "largo",
         borderType: "rectangle",
         className: "caja",
         text: "Largo",
-        isEditEnabled: isEditEnabled
+        isEditEnabled: isEditEnabled,
+        atributos: atributos.largo,
+        setAtributos: setAtributos
       }), boxAttributesActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxAttribute.BoxAttribute, {
-        id: "atr-alto",
+        id: "alto",
         borderType: "rectangle",
         className: "caja",
         text: "Alto",
-        isEditEnabled: isEditEnabled
+        isEditEnabled: isEditEnabled,
+        atributos: atributos.alto,
+        setAtributos: setAtributos
       }), boxAttributesActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxAttribute.BoxAttribute, {
-        id: "atr-alto",
+        id: "ancho",
         borderType: "rectangle",
         className: "caja",
         text: "Ancho",
-        isEditEnabled: isEditEnabled
+        isEditEnabled: isEditEnabled,
+        atributos: atributos.ancho,
+        setAtributos: setAtributos
       }), boxAttributesActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxAttribute.BoxAttribute, {
-        id: "atr-alto",
+        id: "peso",
         borderType: "rectangle",
         className: "caja",
         text: "Peso",
-        isEditEnabled: isEditEnabled
+        isEditEnabled: isEditEnabled,
+        atributos: atributos.peso,
+        setAtributos: setAtributos
       })]
     })
   });

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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+
 var _styles = require("./styles");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
@@ -15,6 +19,8 @@ var _BoxOnboarding = require("../BoxOnboarding");
 
 var _Box = require("../Box");
 
+var _react = require("react");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var InputGroup = function InputGroup(_ref) {
@@ -36,8 +42,13 @@ var InputGroup = function InputGroup(_ref) {
       version = _ref.version,
       dinamicHeight = _ref.dinamicHeight,
       compare = _ref.compare,
-      _ref$dataGroup = _ref.dataGroup,
-      dataGroup = _ref$dataGroup === void 0 ? 12 : _ref$dataGroup;
+      _ref$groupData = _ref.groupData,
+      groupData = _ref$groupData === void 0 ? [] : _ref$groupData,
+      isShowbox = _ref.isShowbox,
+      index = _ref.index,
+      setUpdatedBoxData = _ref.setUpdatedBoxData;
+  console.log('groupData: ', (0, _typeof2.default)(groupData));
+  console.log('groupData: ', groupData);
 
   var inputTypeValue = function inputTypeValue(type) {
     switch (type) {
@@ -52,9 +63,19 @@ var InputGroup = function InputGroup(_ref) {
     }
   };
 
-  var isOnboarding = function isOnboarding(dataGroup, group) {
-    var result = dataGroup === group;
-    return result;
+  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 isEquals = function isEquals(dataInputsVal, auditInputsVal) {
@@ -115,7 +136,9 @@ var InputGroup = function InputGroup(_ref) {
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
       className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
-      children: isOnboarding && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.Box, {})
+      children: isShowbox && isOnboarding && index == 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.Box, {
+        onChange: setUpdatedBoxData
+      })
     })]
   });
 };

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

@@ -32,128 +32,48 @@ ProviderProductEditionDefault.args = {
     Imágenes: false
   },
   token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyM2Q1NTlmYi1jMzIwLTRhMjItYjJmNy1lOThhYTFhZGEyNmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MzkyNjgyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODM5MzA0MjEsImlhdCI6MTY4MzkyNjgyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.TvCoaKoctj5mypXWMz3NyV1Vm1ToBV0vJmpVyZSQw4-ikTChkxcZ5tFYvqhk1GdvNCFttfSQIqM-14dAYYBc28YwwKP86gqOuzB1fG41rN5x1Yx3tkJq6hiVRgiBbSHWtThA9c8VnxNQbrJiaRTvvkDiM5KNTEst1oxQHL5Ct9_iKQMJMRFie7Xv0xnyS0qZ6QHK4Q2A9OHsnDkAuumALZJcE19Zh6VgSitgWrZiz3x5Text4Q-U-R48NUAzUFirAzYZzJN_fCme5pGf1AnUaZjeUjPsmrV5TBVzPEYwXO0KG8lYjL8id80D7tbGs28ZIK6B4rf3-eqI_ngmBB4CjQ",
-  articleId: 238,
-  category: 846,
-  version: 2,
+  articleId: 39550,
+  category: 287,
+  version: 1,
   productSelected: {
-    orderId: 15275,
-    status: "AA",
-    datasheet_status: "AA",
-    prio: "none",
-    version: 3,
-    description_status: "AA",
-    images_status: "AA",
-    brand: null,
-    retailerOrder: 0,
-    missing: {
-      datasheet: null,
-      descriptions: null,
-      images: null
-    },
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1
-    },
-    article: {
-      category: "Abarrotes|Abarrotes Secos|Frutos Secos",
-      company_name: "GRUPO BRAHMA",
-      country: "México",
-      id_category: "11",
-      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_order: 15275,
-      id_article: 39485,
-      id_auditor: 37,
-      name: "Mix de nueces",
-      timestamp: "2023-07-14T21:03:19.000Z",
-      upc: "7543453453"
-    },
-    retailers: [{
-      id: 34,
-      name: "San Pablo"
-    }],
-    statusByRetailer: {
-      34: {
-        datasheet: "AA",
-        description: "AA",
-        images: "AA"
-      }
-    },
+    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: [{
-      id: 34,
-      name: "San Pablo"
+      name: "The Home Depot Golden",
+      "id": 58
+    }, {
+      name: "The Home Depot Onboarding",
+      "id": 68
     }],
-    categoryName: "Abarrotes|Abarrotes Secos|Frutos Secos",
-    upc: "7543453453",
-    id_article: 39485,
-    id_order: 15275
+    percentage: "89"
   },
   productToEdit: {
-    ArticleId: 39485,
-    idCategory: "11",
-    product: {
-      orderId: 15275,
-      status: "AA",
-      datasheet_status: "AA",
-      prio: "none",
-      version: 3,
-      description_status: "AA",
-      images_status: "AA",
-      brand: null,
-      retailerOrder: 0,
-      missing: {
-        datasheet: null,
-        descriptions: null,
-        images: null
-      },
-      services: {
-        datasheets: 1,
-        descriptions: 1,
-        images: 1
-      },
-      article: {
-        category: "Abarrotes|Abarrotes Secos|Frutos Secos",
-        company_name: "GRUPO BRAHMA",
-        country: "México",
-        id_category: "11",
-        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_order: 15275,
-        id_article: 39485,
-        id_auditor: 37,
-        name: "Mix de nueces",
-        timestamp: "2023-07-14T21:03:19.000Z",
-        upc: "7543453453"
-      },
-      retailers: [{
-        id: 34,
-        name: "San Pablo"
-      }],
-      statusByRetailer: {
-        34: {
-          datasheet: "AA",
-          description: "AA",
-          images: "AA"
-        }
-      },
+    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: [{
-        id: 34,
-        name: "San Pablo"
+        name: "The Home Depot Golden",
+        id: 58,
+        percentage: 100
+      }, {
+        name: "The Home Depot Onboarding",
+        id: 68,
+        percentage: 78
       }],
-      categoryName: "Abarrotes|Abarrotes Secos|Frutos Secos",
-      upc: "7543453453",
-      id_article: 39485,
-      id_order: 15275
-    }
+      percentage: "89"
+    }]
   },
   location: {
     pathname: "/EditProducts",
@@ -167,30 +87,30 @@ ProviderProductEditionDefault.args = {
     key: "24vwut"
   },
   user: {
-    id_user: 28,
-    name: "Ismael",
-    last_name: "López",
-    email: "ilopez@contentoh.com",
-    position: "Test States",
-    telephone: "+523111366336",
+    id_user: 191,
+    name: "Demo",
+    last_name: "Demo",
+    email: "merchants24feb@allfreemail.net",
+    position: "Test",
+    telephone: "+52123456789",
     country: "México",
-    id_company: 1,
-    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
+    id_company: 923,
+    id_cognito: "c3cd160c-76c2-497c-9357-5ef949307e1e",
     birth_Date: null,
-    about_me: "",
-    zip_code: "",
-    address: "",
-    job: "",
-    id_stripe: "cus_KuEt6R6vwmN09f",
+    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: "ADMIN-AS",
+    is_user_tech: null,
     membership: {
-      id: 76,
-      start_date: "2022-01-18T17:25:35.000Z",
-      end_date: "2023-01-18T17:25:35.000Z",
+      id: 114,
+      start_date: "2023-02-24T18:14:43.000Z",
+      end_date: "2024-02-24T18:14:43.000Z",
       planID: 8,
       plan: "prod_KtlhECVSFG2iro",
       name: "Plan Pro",
@@ -198,23 +118,37 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1693338334183"
+    src: "https://content-management-profile.s3.amazonaws.com/id-191/191.png?1697171804447"
   },
   company: {
-    id_company: 1,
-    trade_name: "GRUPO BRAHMA",
-    company_name: "GRUPO BRAHMA",
-    rfc: "XAXX010101000",
-    adress: "AA",
-    about_company: "",
-    telephone: "",
-    web_site: "",
-    zip_code: "",
+    id_company: 923,
+    trade_name: "Demo",
+    company_name: "Demo",
+    rfc: "Demo",
+    adress: "Demo",
+    about_company: null,
+    telephone: null,
+    web_site: null,
+    zip_code: null,
     email: null,
-    social_link: "",
+    social_link: null,
     is_retailer: 0,
-    financedRetailers: [],
-    retailers: []
+    financedRetailers: [{
+      id: 68,
+      name: "The Home Depot Onboarding",
+      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
+    }]
   },
   showSurvey: function showSurvey(v) {
     return v && alert("se muestra");