contentoh-components-library 21.5.84 → 21.5.86

package/dist/components/organisms/ChangeStatusModal/styles.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.colors = exports.StyledTextArea = exports.StyledSelect = exports.StyledFormControl = exports.StyledDialog = exports.StatusPill = exports.StatusGrid = exports.SectionTitle = exports.Section = exports.ScopeButtonGroup = exports.ScopeButton = exports.ModalHeader = exports.MainSection = exports.ImpactSummary = exports.HelperText = exports.FooterActions = exports.BadgeCircle = exports.ActionButton = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _material = require("@mui/material");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+
+var colors = {
+  background: 'rgba(0, 0, 0, 0.4)',
+  paper: '#FFFFFF',
+  primary: '#E039A7',
+  primaryHover: '#C82A91',
+  textMain: '#121212',
+  textMuted: '#666666',
+  border: '#E0E0E0',
+  inputBg: '#FFFFFF',
+  summaryBg: '#F9F9F9'
+};
+exports.colors = colors;
+var StyledDialog = (0, _styledComponents.default)(_material.Dialog)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .MuiDialog-container {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .MuiDialog-paper {\n    background-color: ", ";\n    color: ", ";\n    border-radius: 5px;\n    padding: 0;\n    max-width: 38.5rem;\n    max-height: 90vh;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    width: 100%;\n    box-shadow: 0 8px 32px rgba(0,0,0,0.15);\n    font-family: \"Raleway\", sans-serif;\n  }\n"])), colors.paper, colors.textMain);
+exports.StyledDialog = StyledDialog;
+var ModalHeader = (0, _styledComponents.default)(_material.Box)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-shrink: 0;\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 20px 24px 16px;\n  gap: 1rem;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n  margin-bottom: 0.5rem;\n\n  .close-icon {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    color: ", ";\n  }\n\n  h2 {\n    font-size: 1.35rem;\n    font-weight: 600;\n  }\n\n  p {\n    margin: 0;\n    color: ", ";\n    font-size: 0.8rem;\n  }\n"])), colors.primary, colors.textMuted);
+exports.ModalHeader = ModalHeader;
+var BadgeCircle = (0, _styledComponents.default)(_material.Box)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  border: 2px solid ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ", ";\n  color: ", ";\n\n  svg {\n    font-size: 1.5rem;\n  }\n"])), colors.primary, colors.paper, colors.primary);
+exports.BadgeCircle = BadgeCircle;
+var MainSection = (0, _styledComponents.default)(_material.Box)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1;\n  overflow-y: auto;\n  padding-bottom: 20px;\n\n  &::-webkit-scrollbar {\n    width: 8px;\n  }\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: #CCCCCC;\n    border-radius: 4px;\n  }\n  &::-webkit-scrollbar-thumb:hover {\n    background: #999999;\n  }\n"])));
+exports.MainSection = MainSection;
+var Section = (0, _styledComponents.default)(_material.Box)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 10px 32px;\n"])));
+exports.Section = Section;
+
+var SectionTitle = _styledComponents.default.h3(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 0.9rem;\n  font-family: \"Raleway-500\", \"Raleway\", sans-serif;\n  color: ", ";\n  margin-bottom: 12px;\n"])), colors.textMuted);
+
+exports.SectionTitle = SectionTitle;
+var ScopeButtonGroup = (0, _styledComponents.default)(_material.Box)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n  margin-bottom: 8px;\n"])));
+exports.ScopeButtonGroup = ScopeButtonGroup;
+var ScopeButton = (0, _styledComponents.default)(_material.Button)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  && {\n    border-radius: 5px;\n    text-transform: none;\n    text-wrap: nowrap;\n    font-weight: 600;\n    font-size: 12px;\n    padding: 0.4rem 1rem;\n    background-color: ", ";\n    color: ", ";\n    border: 1px solid ", ";\n    font-family: \"Raleway-500\", \"Raleway\", sans-serif;\n\n    &:hover {\n      background-color: ", ";\n    }\n\n    svg {\n      margin-right: 8px;\n      font-size: 18px;\n    }\n  }\n"])), function (props) {
+  return props.active ? colors.primary : 'transparent';
+}, function (props) {
+  return props.active ? '#FFFFFF' : colors.textMuted;
+}, function (props) {
+  return props.active ? colors.primary : colors.border;
+}, function (props) {
+  return props.active ? colors.primaryHover : colors.summaryBg;
+});
+exports.ScopeButton = ScopeButton;
+
+var HelperText = _styledComponents.default.p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 0.8rem;\n  color: ", ";\n  margin: 8px 0 0;\n  font-family: \"Raleway\", sans-serif;\n"])), colors.textMuted);
+
+exports.HelperText = HelperText;
+var StatusPill = (0, _styledComponents.default)(_material.Chip)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  && {\n    background-color: ", ";\n    color: ", ";\n    border: 1px solid ", ";\n    font-weight: 600;\n    border-radius: 5px;\n    opacity: 1 !important;\n    cursor: ", ";\n    font-family: \"Raleway\", sans-serif;\n\n    &:hover {\n      background-color: ", ";\n    }\n  }\n"])), function (props) {
+  return props.selected ? colors.primary : props.disabled ? '#603888' : 'transparent';
+}, function (props) {
+  return props.selected ? '#FFFFFF' : props.disabled ? 'white' : 'rgba(0, 0, 0, 0.45)';
+}, function (props) {
+  return props.selected ? colors.primary : 'rgba(0, 0, 0, 0.25)';
+}, function (props) {
+  return props.disabled ? 'not-allowed' : 'pointer';
+}, function (props) {
+  return props.disabled ? 'transparent' : props.selected ? colors.primaryHover : 'rgba(0, 0, 0, 0.05)';
+});
+exports.StatusPill = StatusPill;
+var StatusGrid = (0, _styledComponents.default)(_material.Box)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n"])));
+exports.StatusGrid = StatusGrid;
+var StyledTextArea = (0, _styledComponents.default)(_material.TextField)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  && {\n    width: 100%;\n    background-color: ", ";\n    border-radius: 8px;\n\n    .MuiOutlinedInput-root {\n      font-size: 14px;\n      font-family: \"Raleway\", sans-serif;\n      color: ", ";\n      fieldset {\n        border-color: ", ";\n      }\n      &:hover fieldset {\n        border-color: #BDBDBD;\n      }\n      &.Mui-focused fieldset {\n        border-color: ", ";\n      }\n    }\n  }\n"])), colors.inputBg, colors.textMain, colors.border, colors.primary);
+exports.StyledTextArea = StyledTextArea;
+var StyledSelect = (0, _styledComponents.default)(_material.Select)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  && {\n    width: 100%;\n    background-color: ", ";\n    border-radius: 5px;\n    font-family: \"Raleway\", sans-serif;\n    font-size: 0.85rem;\n    margin-bottom: 12px;\n\n    .MuiSelect-select {\n      padding: 8px 12px;\n      display: flex;\n      align-items: center;\n      min-height: auto !important;\n    }\n\n    .MuiOutlinedInput-notchedOutline {\n      border-color: ", ";\n    }\n    &:hover .MuiOutlinedInput-notchedOutline {\n      border-color: #BDBDBD;\n    }\n    &.Mui-focused .MuiOutlinedInput-notchedOutline {\n      border-color: ", ";\n    }\n\n    .MuiSvgIcon-root {\n      color: ", ";\n      font-size: 1.2rem;\n    }\n  }\n"])), colors.inputBg, colors.border, colors.primary, colors.textMuted);
+exports.StyledSelect = StyledSelect;
+var StyledFormControl = (0, _styledComponents.default)(_material.FormControl)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n  && {\n    .MuiInputLabel-root {\n      font-family: \"Raleway\", sans-serif;\n      font-size: 0.85rem;\n      color: ", ";\n      transform: translate(14px, 10px) scale(1);\n\n      &.MuiInputLabel-shrink {\n        transform: translate(14px, -8px) scale(0.75);\n        color: ", ";\n        background-color: #fff;\n        padding: 0 6px;\n      }\n    }\n  }\n"])), colors.textMuted, colors.primary);
+exports.StyledFormControl = StyledFormControl;
+var FooterActions = (0, _styledComponents.default)(_material.Box)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n  flex-shrink: 0;\n  display: flex;\n  justify-content: flex-end;\n  gap: 16px;\n  padding: 16px 32px;\n  background-color: ", ";\n  border-top: 1px solid ", ";\n"])), colors.paper, colors.border);
+exports.FooterActions = FooterActions;
+var ActionButton = (0, _styledComponents.default)(_material.Button)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n  && {\n    text-transform: none;\n    font-family: \"Raleway-500\", \"Raleway\", sans-serif;\n    padding: 4px 16px;\n    border-radius: 5px;\n\n    &.cancel {\n      color: ", ";\n      border: 1px solid ", ";\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.submit {\n      background-color: ", ";\n      color: #FFFFFF;\n      &:hover {\n        background-color: ", ";\n      }\n      &:disabled {\n        opacity: 0.5;\n        background-color: #CCCCCC;\n        color: #888888;\n      }\n    }\n  }\n"])), colors.textMain, colors.border, colors.summaryBg, colors.primary, colors.primaryHover);
+exports.ActionButton = ActionButton;
+var ImpactSummary = (0, _styledComponents.default)(_material.Box)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 32px 32px;\n  padding: 20px;\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 12px;\n\n  .summary-title {\n    font-family: \"Raleway-500\", \"Raleway\", sans-serif;\n    font-size: 0.9rem;\n    color: ", ";\n    margin-bottom: 16px;\n    display: block;\n  }\n\n  .status-flow {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n    color: ", ";\n  }\n\n  .impact-counts {\n    display: flex;\n    gap: 24px;\n    color: ", ";\n    font-size: 0.85rem;\n\n    div {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n  }\n"])), colors.summaryBg, colors.border, colors.textMuted, colors.textMain, colors.textMuted);
+exports.ImpactSummary = ImpactSummary;

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

@@ -33,194 +33,71 @@ RetailerProductEditionDefault.args = {
   },
   token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI4ZDAxMDIxNC01YmZhLTQzYzMtOTZmYi1jNTU2ZGMwNTc3NGIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjhkMDEwMjE0LTViZmEtNDNjMy05NmZiLWM1NTZkYzA1Nzc0YiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI1MDgwMTVmMy1mZGVkLTQ2ODUtYTIxNy1mYzgyMTg0ZWRmNGMiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTc2ODI1MzE3NywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTc2ODI1Njc3NywiaWF0IjoxNzY4MjUzMTc3LCJlbWFpbCI6ImthcmFmZTMyMThAbW9tMmtpZC5jb20ifQ.QiZiscuTvrur0g328Zmh2bI-kZyg7YO_T5jT63096JNuSxGnX9wpK87cVTV1dED4ruD-2NMsgLShUIMcklAg17FL6i5_vCuB1dSIDY0LaybvSpriFJaVVdMUIMGFi_1Q7bI9qqyXYkevcf-HO33vVPdU-_-4-u8YRd-QganUk35vPYPh9vFJWbC0Qtvv25ZR4L2xuRIXx4e7StlTvZXysnYL8A84jkK1zn6d77V-9GqQQW8exO6sBW7R6cGt55vnF80NIfG_9lAqCK0PcZH4o50aqrAVhtfV5edlEmXBHeGK5R3Sz5iTeKb51QF3TWVFZCYGvQJ7FShulUWHcm3X2Q",
   productSelected: {
-    "articleId": 18193,
+    "articleId": 145186,
     "services": {
       "datasheets": 1,
       "descriptions": 1,
       "images": 1
     },
-    "orderId": 10284,
-    "city": "CDMX",
-    "status": "AP",
-    "datasheet_status": "AP",
+    "orderId": 10449,
+    "city": "CDMX, México",
+    "status": "AS",
+    "datasheet_status": "AC",
     "prio": "none",
-    "version": 34,
-    "description_status": "AP",
-    "images_status": "AP",
+    "version": 3,
+    "description_status": "AS",
+    "images_status": "AC",
     "statusByRetailer": [{
-      "status": "AP",
+      "status": "AC",
       "service": "datasheet",
-      "retailer_id": 24,
-      "task_user_group_id": 6
+      "retailer_id": 70,
+      "task_user_group_id": 4
     }, {
-      "status": "AP",
+      "status": "AS",
       "service": "description",
-      "retailer_id": 24,
-      "task_user_group_id": 6
+      "retailer_id": 70,
+      "task_user_group_id": 2
     }, {
-      "status": "AP",
+      "status": "AC",
       "service": "images",
-      "retailer_id": 24,
-      "task_user_group_id": 6
+      "retailer_id": 70,
+      "task_user_group_id": 4
     }],
     "article": {
-      "id_article": 18193,
-      "id_category": "157",
-      "brand": "Axion",
-      "name": "Detergente lavatrastes líquido Axion limón 900 ml",
-      "upc": "7509546052977",
-      "sku": null,
-      "timestamp": "2021-10-09T16:33:17.000Z",
+      "id_article": 145186,
+      "id_category": "4007",
+      "brand": null,
+      "name": "Mayonesa",
+      "upc": "098928",
+      "sku": "899",
+      "timestamp": "2026-04-23T16:02:14.000Z",
       "active": 1,
-      "company_id": 226,
-      "company_name": "COLGATE PALMOLIVE S.A. DE C.V.",
+      "company_id": 291,
+      "company_name": "LATAM LOGISTICS",
       "country": "México",
-      "id_order": 10284,
+      "id_order": 10449,
       "id_datasheet_especialist": 426,
       "id_datasheet_facilitator": null,
       "id_description_especialist": 426,
       "id_description_facilitator": null,
-      "id_images_especialist": 3008,
+      "id_images_especialist": 427,
       "id_images_facilitator": null,
-      "id_auditor": 495,
+      "id_auditor": 425,
       "id_recepcionist": null,
-      "category": "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
+      "category": "Abarrotes Procesados|Abarrotes Básicos y Procesados|Abarrotes Básicos y Procesados",
       "categoryRetailer": [{
-        "id_category": 157,
-        "id_retailer": 17,
-        "category_name": "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
-        "retailer_name": "Genérico"
-      }, {
-        "id_category": 3430,
-        "id_retailer": 12,
-        "category_name": "Departamento General La Comer|Departamento General|Departamento General",
-        "retailer_name": "La Comer"
-      }, {
-        "id_category": 3433,
-        "id_retailer": 24,
-        "category_name": "Limpieza Del Hogar|Limpieza Del Hogar|Limpieza Del Hogar",
-        "retailer_name": "Alsuper"
-      }, {
-        "id_category": 3456,
-        "id_retailer": 41,
-        "category_name": "Categoría Genérica Chapa|Categoría Genérica|Categoría Genérica",
-        "retailer_name": "Chapa"
-      }, {
-        "id_category": 3499,
-        "id_retailer": 20,
-        "category_name": "Consumibles Cornershop|Consumibles|Consumibles",
-        "retailer_name": "Cornershop"
-      }, {
-        "id_category": 3507,
-        "id_retailer": 38,
-        "category_name": "Hogar|Artículos de Limpieza|Multiusos",
-        "retailer_name": "Del Sol"
-      }, {
-        "id_category": 3562,
-        "id_retailer": 29,
-        "category_name": "Consumibles Farmacias del Ahorro|Consumibles|Consumibles",
-        "retailer_name": "Farmacias del Ahorro"
-      }, {
-        "id_category": 3588,
-        "id_retailer": 8,
-        "category_name": "Hogar|Limpieza|Lavatrastes",
-        "retailer_name": "Fragua"
-      }, {
-        "id_category": 3604,
-        "id_retailer": 18,
-        "category_name": "Categoría Genérica Google|Categoría Genérica|Categoría Genérica",
-        "retailer_name": "Google"
-      }, {
-        "id_category": 3741,
-        "id_retailer": 6,
-        "category_name": "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
-        "retailer_name": "HEB"
-      }, {
-        "id_category": 4780,
-        "id_retailer": 27,
-        "category_name": "Categoría Genérica IMPIRA México|Categoría Genérica|Categoría Genérica",
-        "retailer_name": "IMPIRA México"
-      }, {
-        "id_category": 4796,
-        "id_retailer": 39,
-        "category_name": "Limpieza y Hogar|Limpieza General|Limpieza General",
-        "retailer_name": "Justo"
-      }, {
-        "id_category": 4835,
-        "id_retailer": 7,
-        "category_name": "Categoría Genérica Mega|Categoría Genérica|Categoría Genérica",
-        "retailer_name": "Mega"
-      }, {
-        "id_category": 4853,
-        "id_retailer": 33,
-        "category_name": "Cuidado Hogar|Lavatrastes|Lavatrastes Liquidos",
-        "retailer_name": "Merza"
-      }, {
-        "id_category": 4873,
-        "id_retailer": 36,
-        "category_name": "Productos del Hogar|Productos del Hogar|Productos del Hogar",
-        "retailer_name": "Oxxo"
-      }, {
-        "id_category": 4911,
-        "id_retailer": 16,
-        "category_name": "Categoría Genérica Rappi|Categoría Genérica|Categoría Genérica",
-        "retailer_name": "Rappi"
-      }, {
-        "id_category": 5918,
-        "id_retailer": 4,
-        "category_name": "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
-        "retailer_name": "Walmart Super y Superama"
-      }, {
-        "id_category": 7126,
-        "id_retailer": 13,
-        "category_name": "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
-        "retailer_name": "Soriana"
-      }, {
-        "id_category": 7196,
-        "id_retailer": 5,
-        "category_name": "Categoría Consumibles Chedraui|Consumibles|Productos de Limpieza y Lavandería",
-        "retailer_name": "Chedraui"
+        "id_category": 4007,
+        "id_retailer": 70,
+        "category_name": "Abarrotes Procesados|Abarrotes Básicos y Procesados|Abarrotes Básicos y Procesados",
+        "retailer_name": "Bodega Aurrera"
       }]
     },
     "retailers": [{
-      "id": 4,
-      "name": "Walmart Super y Superama"
-    }, {
-      "id": 5,
-      "name": "Chedraui"
-    }, {
-      "id": 6,
-      "name": "HEB"
-    }, {
-      "id": 8,
-      "name": "Fragua"
-    }, {
-      "id": 12,
-      "name": "La Comer"
-    }, {
-      "id": 13,
-      "name": "Soriana"
-    }, {
-      "id": 16,
-      "name": "Rappi"
-    }, {
-      "id": 17,
-      "name": "Genérico"
-    }, {
-      "id": 20,
-      "name": "Cornershop"
-    }, {
-      "id": 24,
-      "name": "Alsuper"
-    }, {
-      "id": 29,
-      "name": "Farmacias del Ahorro"
-    }, {
-      "id": 36,
-      "name": "Oxxo"
+      "id": 70,
+      "name": "Bodega Aurrera"
     }],
     "country": "México",
-    "upc": "7509546052977"
+    "upc": "098928"
   },
   // location: {
   //     product: { articleId: 126855, versionId: 3 },
@@ -230,42 +107,41 @@ RetailerProductEditionDefault.args = {
   //     },
   // },
   // EDICION IMAGENES
-  // user: {
-  //     "id_user": 427,
-  //     "name": "Especialista Edición",
-  //     "last_name": null,
-  //     "email": "kikije1467@mtlcz.com",
-  //     "position": "Tester",
-  //     "telephone": null,
-  //     "country": null,
-  //     "id_company": 254,
-  //     "id_cognito": "c7e5a6a4-2b3f-4d54-af98-9e09a4cbc01e",
-  //     "birth_Date": null,
-  //     "about_me": null,
-  //     "zip_code": null,
-  //     "address": null,
-  //     "job": null,
-  //     "id_stripe": null,
-  //     "id_role": 8,
-  //     "active": 1,
-  //     "is_retailer": 0,
-  //     "email_notify": null,
-  //     "is_user_tech": null,
-  //     "is_onboarding": 0,
-  //     "membership": {
-  //         "id": 750,
-  //         "start_date": "2022-01-07T21:32:54.000Z",
-  //         "end_date": "2023-01-07T21:32:54.000Z",
-  //         "planID": 6,
-  //         "plan": "prod_KvGd6YSTJyR3AP",
-  //         "name": "Plan Small",
-  //         "user_limit": "10",
-  //         "products_limit": "1000",
-  //         "type": "Enterprise"
-  //     },
-  //     "src": "https://content-management-profile-prod.s3.amazonaws.com/id-427/427.png?1775592220312"
-  // },
-  //TEXTOS
+  user: {
+    "id_user": 427,
+    "name": "Especialista Edición",
+    "last_name": null,
+    "email": "kikije1467@mtlcz.com",
+    "position": "Tester",
+    "telephone": null,
+    "country": null,
+    "id_company": 254,
+    "id_cognito": "c7e5a6a4-2b3f-4d54-af98-9e09a4cbc01e",
+    "birth_Date": null,
+    "about_me": null,
+    "zip_code": null,
+    "address": null,
+    "job": null,
+    "id_stripe": null,
+    "id_role": 8,
+    "active": 1,
+    "is_retailer": 0,
+    "email_notify": null,
+    "is_user_tech": null,
+    "is_onboarding": 0,
+    "membership": {
+      "id": 750,
+      "start_date": "2022-01-07T21:32:54.000Z",
+      "end_date": "2023-01-07T21:32:54.000Z",
+      "planID": 6,
+      "plan": "prod_KvGd6YSTJyR3AP",
+      "name": "Plan Small",
+      "user_limit": "10",
+      "products_limit": "1000",
+      "type": "Enterprise"
+    },
+    "src": "https://content-management-profile-prod.s3.amazonaws.com/id-427/427.png?1775592220312"
+  } //TEXTOS
   // user: {
   //     "id_user": 442,
   //     "name": "Especialista",
@@ -302,39 +178,40 @@ RetailerProductEditionDefault.args = {
   //     },
   //     "src": "https://content-management-profile.s3.amazonaws.com/id-442/442.png?1760636567736"
   // },
-  user: {
-    id_user: 426,
-    name: "Especialista Textos",
-    last_name: null,
-    email: "karafe3218@mom2kid.com",
-    position: "Tester",
-    telephone: null,
-    country: null,
-    id_company: 254,
-    id_cognito: "8d010214-5bfa-43c3-96fb-c556dc05774b",
-    birth_Date: null,
-    about_me: null,
-    zip_code: null,
-    address: null,
-    job: null,
-    id_stripe: null,
-    id_role: 7,
-    active: 1,
-    is_retailer: 0,
-    email_notify: null,
-    is_user_tech: null,
-    is_onboarding: 0,
-    membership: {
-      id: 750,
-      start_date: "2022-01-07T21:32:54.000Z",
-      end_date: "2023-01-07T21:32:54.000Z",
-      planID: 6,
-      plan: "prod_KvGd6YSTJyR3AP",
-      name: "Plan Small",
-      user_limit: "10",
-      products_limit: "1000",
-      type: "Enterprise"
-    },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-426/426.png?1768253179478"
-  }
+  // user: {
+  //     id_user: 426,
+  //     name: "Especialista Textos",
+  //     last_name: null,
+  //     email: "karafe3218@mom2kid.com",
+  //     position: "Tester",
+  //     telephone: null,
+  //     country: null,
+  //     id_company: 254,
+  //     id_cognito: "8d010214-5bfa-43c3-96fb-c556dc05774b",
+  //     birth_Date: null,
+  //     about_me: null,
+  //     zip_code: null,
+  //     address: null,
+  //     job: null,
+  //     id_stripe: null,
+  //     id_role: 7,
+  //     active: 1,
+  //     is_retailer: 0,
+  //     email_notify: null,
+  //     is_user_tech: null,
+  //     is_onboarding: 0,
+  //     membership: {
+  //     id: 750,
+  //     start_date: "2022-01-07T21:32:54.000Z",
+  //     end_date: "2023-01-07T21:32:54.000Z",
+  //     planID: 6,
+  //     plan: "prod_KvGd6YSTJyR3AP",
+  //     name: "Plan Small",
+  //     user_limit: "10",
+  //     products_limit: "1000",
+  //     type: "Enterprise",
+  //     },
+  //     src: "https://content-management-profile-prod.s3.amazonaws.com/id-426/426.png?1768253179478",
+  // },
+
 };

package/dist/components/pages/RetailerProductEdition/context/reducers/product.js

@@ -9,6 +9,8 @@ exports.productReducer = exports.productInitialState = exports.PRODUCT_ACTIONS =
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
+var _statusDictionary = require("../../../../../global-files/statusDictionary");
+
 var productInitialState = {
   product: null,
   services: null,
@@ -20,7 +22,8 @@ var PRODUCT_ACTIONS = {
   SET_SERVICES: "SET_SERVICES",
   SET_SERVICES_DATA: "SET_SERVICES_DATA",
   SET_PRODUCT_VERSION: "SET_PRODUCT_VERSION",
-  SET_PERCENTAGES: "SET_PERCENTAGES"
+  SET_PERCENTAGES: "SET_PERCENTAGES",
+  SET_RETAILER_STATUS: "SET_RETAILER_STATUS"
 };
 exports.PRODUCT_ACTIONS = PRODUCT_ACTIONS;
 
@@ -40,6 +43,33 @@ var productReducer = function productReducer(state, action) {
         });
       }
 
+    case PRODUCT_ACTIONS.SET_RETAILER_STATUS:
+      {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          product: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.product), {}, {
+            status: getMinorStatus(action.payload.map(function (status) {
+              return status === null || status === void 0 ? void 0 : status.status;
+            })),
+            description_status: action.payload.find(function (status) {
+              var _state$active_retaile;
+
+              return (status === null || status === void 0 ? void 0 : status.service) === "description" && (status === null || status === void 0 ? void 0 : status.retailer_id) === (state === null || state === void 0 ? void 0 : (_state$active_retaile = state.active_retailer) === null || _state$active_retaile === void 0 ? void 0 : _state$active_retaile.id_retailer);
+            }).status || "NS",
+            datasheet_status: action.payload.find(function (status) {
+              var _state$active_retaile2;
+
+              return (status === null || status === void 0 ? void 0 : status.service) === "datasheet" && (status === null || status === void 0 ? void 0 : status.retailer_id) === (state === null || state === void 0 ? void 0 : (_state$active_retaile2 = state.active_retailer) === null || _state$active_retaile2 === void 0 ? void 0 : _state$active_retaile2.id_retailer);
+            }).status || "NS",
+            images_status: action.payload.find(function (status) {
+              var _state$active_retaile3;
+
+              return (status === null || status === void 0 ? void 0 : status.service) === "images" && (status === null || status === void 0 ? void 0 : status.retailer_id) === (state === null || state === void 0 ? void 0 : (_state$active_retaile3 = state.active_retailer) === null || _state$active_retaile3 === void 0 ? void 0 : _state$active_retaile3.id_retailer);
+            }).status || "NS",
+            statusByRetailer: action.payload
+          })
+        });
+      }
+
     case PRODUCT_ACTIONS.SET_SERVICES_DATA:
       {
         return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
@@ -72,4 +102,20 @@ var productReducer = function productReducer(state, action) {
   }
 };
 
-exports.productReducer = productReducer;
+exports.productReducer = productReducer;
+
+function getMinorStatus() {
+  var servicesStatus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  if (!servicesStatus || servicesStatus.length === 0) return _statusDictionary.STATUS_DICTIONARY.NS.name;
+  console.log({
+    servicesStatus: servicesStatus
+  });
+  var winner = servicesStatus.reduce(function (minor, current) {
+    var currentObj = typeof current === "string" ? _statusDictionary.STATUS_DICTIONARY[current] : current;
+    var minorObj = typeof minor === "string" ? _statusDictionary.STATUS_DICTIONARY[minor] : minor;
+    if (!currentObj || typeof currentObj.weight === "undefined") return minor;
+    if (!minorObj || typeof minorObj.weight === "undefined") return current;
+    return currentObj.weight < minorObj.weight ? currentObj : minorObj;
+  }, servicesStatus[0] || _statusDictionary.STATUS_DICTIONARY.NS);
+  return (winner === null || winner === void 0 ? void 0 : winner.status) || _statusDictionary.STATUS_DICTIONARY.NS.status;
+}