contentoh-components-library 21.6.52 → 21.6.54

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

@@ -0,0 +1,211 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DigitalAssetsTray = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _reactDropzone = require("react-dropzone");
+
+var _styles = require("./styles");
+
+var _GalleryAssetElement = require("../../molecules/GalleryAssetElement");
+
+var _GalleryHeader = require("../../molecules/GalleryHeader");
+
+var _ButtonV = require("../../atoms/ButtonV2");
+
+var _assetTypes = require("../../../global-files/digital-assets/assetTypes");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var CHECK_ALL_ID = "check-all-assets";
+var ITEM_SELECTOR = "[id^='gallery-asset-']";
+/**
+ * Bandeja de activos digitales: soltar archivos, verlos, reetiquetarlos y
+ * quitarlos.
+ *
+ * Tiene su propio dropzone en vez de compartir el de las imágenes porque los
+ * formatos aceptados son distintos: mezclarlos dejaría soltar un PDF sobre la
+ * bandeja de fotos y un JPG sobre la de activos.
+ *
+ * No guarda ni sube nada. Recibe el estado ya armado por `useDigitalAssets`,
+ * así que cuando se defina el contrato del backend solo hay que conectarle las
+ * llamadas; la interfaz no cambia.
+ */
+
+var DigitalAssetsTray = function DigitalAssetsTray(_ref) {
+  var _ref$assets = _ref.assets,
+      assets = _ref$assets === void 0 ? [] : _ref$assets,
+      _ref$notices = _ref.notices,
+      notices = _ref$notices === void 0 ? [] : _ref$notices,
+      _ref$unsaved = _ref.unsaved,
+      unsaved = _ref$unsaved === void 0 ? {
+    nuevos: 0,
+    modificados: 0,
+    borrados: 0,
+    total: 0
+  } : _ref$unsaved,
+      _ref$remaining = _ref.remaining,
+      remaining = _ref$remaining === void 0 ? _assetTypes.MAX_ASSETS_PER_PRODUCT : _ref$remaining,
+      addFiles = _ref.addFiles,
+      removeAsset = _ref.removeAsset,
+      changeAssetType = _ref.changeAssetType,
+      clearNotices = _ref.clearNotices,
+      _ref$selectedAssets = _ref.selectedAssets,
+      selectedAssets = _ref$selectedAssets === void 0 ? [] : _ref$selectedAssets,
+      setSelectedAssets = _ref.setSelectedAssets,
+      setCheckAll = _ref.setCheckAll,
+      _ref$gridLayout = _ref.gridLayout,
+      gridLayout = _ref$gridLayout === void 0 ? false : _ref$gridLayout,
+      _ref$readOnly = _ref.readOnly,
+      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+      _ref$emptyMessage = _ref.emptyMessage,
+      emptyMessage = _ref$emptyMessage === void 0 ? "Este producto no tiene activos digitales" : _ref$emptyMessage;
+
+  var _useDropzone = (0, _reactDropzone.useDropzone)({
+    accept: (0, _assetTypes.buildDropzoneAccept)(),
+    noKeyboard: true,
+    multiple: true,
+    noClick: true,
+    disabled: readOnly,
+    onDrop: function onDrop(acceptedFiles) {
+      return addFiles === null || addFiles === void 0 ? void 0 : addFiles(acceptedFiles);
+    }
+  }),
+      getRootProps = _useDropzone.getRootProps,
+      getInputProps = _useDropzone.getInputProps,
+      isDragActive = _useDropzone.isDragActive,
+      open = _useDropzone.open;
+
+  var noticesBy = function noticesBy(level) {
+    return notices.filter(function (item) {
+      return item.level === level;
+    });
+  };
+  /*
+    Se desglosa en vez de mostrar solo el número: "3 cambios sin guardar" no le
+    dice al usuario qué perdería si se va, y no es lo mismo dejar sin guardar un
+    borrado que un archivo nuevo.
+  */
+
+
+  var detalleSinGuardar = [unsaved.nuevos && "".concat(unsaved.nuevos, " nuevo").concat(unsaved.nuevos > 1 ? "s" : ""), unsaved.modificados && "".concat(unsaved.modificados, " modificado").concat(unsaved.modificados > 1 ? "s" : ""), unsaved.borrados && "".concat(unsaved.borrados, " por borrar")].filter(Boolean).join(" · ");
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "tray-toolbar",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+        className: "tray-hint",
+        title: "Formatos permitidos: ".concat((0, _assetTypes.acceptedFormatsLabel)()),
+        children: ["Arrastra aqu\xED videos, 360, GIF, documentos, hojas de c\xE1lculo o archivos editables. Quedan ", remaining, " de ", _assetTypes.MAX_ASSETS_PER_PRODUCT, "."]
+      }), !readOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
+        label: "Agregar activos",
+        type: "pink",
+        size: 12,
+        onClick: open
+      })]
+    }), unsaved.total > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "tray-unsaved",
+      role: "status",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "tray-unsaved-dot"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("strong", {
+          children: [unsaved.total, " cambio", unsaved.total > 1 ? "s" : "", " sin guardar"]
+        }), detalleSinGuardar && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          className: "tray-unsaved-detail",
+          children: [" \u2014 ", detalleSinGuardar]
+        })]
+      })]
+    }), noticesBy("error").length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "tray-notice tray-notice-error",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "tray-notice-head",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+          children: ["No se pudieron agregar ", noticesBy("error").length, " archivo(s):"]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          onClick: clearNotices,
+          title: "Cerrar",
+          children: "\xD7"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        children: noticesBy("error").map(function (item, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: item.message
+          }, "err-".concat(item.name, "-").concat(index));
+        })
+      })]
+    }), noticesBy("warning").length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "tray-notice tray-notice-warning",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "tray-notice-head",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: "Se agregaron, pero ten en cuenta:"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          onClick: clearNotices,
+          title: "Cerrar",
+          children: "\xD7"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        children: noticesBy("warning").map(function (item, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: item.message
+          }, "warn-".concat(item.name, "-").concat(index));
+        })
+      })]
+    }), !gridLayout && assets.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
+      variant: "asset",
+      checkAllId: CHECK_ALL_ID,
+      itemSelector: ITEM_SELECTOR,
+      setCheckAll: setCheckAll,
+      setSelectedImages: setSelectedAssets
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, getRootProps({
+      className: "dropzone ".concat(isDragActive ? "drag-active" : "").trim()
+    })), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread2.default)({}, getInputProps())), isDragActive && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "drag-overlay",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: "Suelta los activos aqu\xED"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
+        className: gridLayout ? "tray-grid" : "tray-rows",
+        children: assets.map(function (asset, index) {
+          var _asset$id;
+
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryAssetElement.GalleryAssetElement, {
+            asset: asset,
+            index: index,
+            gridLayout: gridLayout,
+            checkAllId: CHECK_ALL_ID,
+            itemSelector: ITEM_SELECTOR,
+            selectedAssets: selectedAssets,
+            setSelectedAssets: setSelectedAssets,
+            setCheckAll: setCheckAll,
+            changeAsset: function changeAsset(_ref2) {
+              var value = _ref2.value;
+              return changeAssetType === null || changeAssetType === void 0 ? void 0 : changeAssetType(index, value);
+            },
+            onRemove: removeAsset,
+            readOnly: readOnly
+          }, (_asset$id = asset.id) !== null && _asset$id !== void 0 ? _asset$id : asset.tempId);
+        })
+      }), assets.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "tray-empty",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: emptyMessage
+        }), !readOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          className: "tray-empty-hint",
+          children: "Arr\xE1stralos aqu\xED o usa \xABAgregar activos\xBB."
+        })]
+      })]
+    }))]
+  });
+};
+
+exports.DigitalAssetsTray = DigitalAssetsTray;

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

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject;
+
+/* El dropzone replica el de la bandeja de imágenes para que arrastrar se sienta
+   igual en las dos. */
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  .tray-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n  }\n\n  .tray-hint {\n    margin: 0;\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 18px;\n    color: ", ";\n  }\n\n  /*\n    Aviso de cambios sin guardar. Va arriba del listado y no junto al bot\xF3n de\n    guardar, que vive en otra barra: el usuario mira la bandeja, no el men\xFA.\n  */\n  .tray-unsaved {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 12px;\n    border-radius: 6px;\n    border: 1px solid ", ";\n    background: rgba(237, 154, 77, 0.08);\n\n    p {\n      margin: 0;\n      font-family: ", ";\n      font-size: 12px;\n      line-height: 18px;\n      color: ", ";\n    }\n\n    strong {\n      font-family: ", ";\n      color: ", ";\n    }\n  }\n\n  .tray-unsaved-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: ", ";\n    flex-shrink: 0;\n  }\n\n  .tray-unsaved-detail {\n    color: ", ";\n  }\n\n  .tray-notice {\n    border-radius: 6px;\n    padding: 8px 12px;\n    border: 1px solid;\n\n    .tray-notice-head {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      p {\n        margin: 0;\n        font-family: ", ";\n        font-size: 12px;\n      }\n\n      button {\n        border: none;\n        background: none;\n        cursor: pointer;\n        font-size: 16px;\n        line-height: 1;\n        color: inherit;\n      }\n    }\n\n    ul {\n      margin: 4px 0 0;\n      padding-left: 18px;\n    }\n\n    li {\n      font-family: ", ";\n      font-size: 12px;\n      line-height: 18px;\n      color: ", ";\n    }\n  }\n\n  /* Rojo = no entr\xF3. \xC1mbar = entr\xF3, pero hay algo que saber. */\n  .tray-notice-error {\n    border-color: ", ";\n    background: rgba(", ", 0.05);\n    color: ", ";\n  }\n\n  .tray-notice-warning {\n    border-color: ", ";\n    background: rgba(237, 154, 77, 0.08);\n    color: ", ";\n  }\n\n  .dropzone {\n    position: relative;\n    width: 100%;\n    min-height: 160px;\n    transition: all 0.5s ease;\n\n    &.drag-active {\n      background-color: rgba(", ", 0.05);\n      border: 2px dashed ", ";\n      border-radius: 8px;\n\n      aside {\n        opacity: 0.3;\n        pointer-events: none;\n      }\n    }\n\n    .drag-overlay {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 1;\n\n      p {\n        font-family: ", ";\n        font-size: 16px;\n        color: ", ";\n      }\n    }\n  }\n\n  .tray-rows {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .tray-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .tray-empty {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    text-align: center;\n    width: 80%;\n\n    p {\n      margin: 0;\n      font-family: ", ";\n      font-size: 16px;\n      color: ", ";\n    }\n\n    .tray-empty-hint {\n      margin-top: 6px;\n      font-size: 13px;\n      color: ", ";\n    }\n  }\n"])), _variables.FontFamily.Lato, _variables.GlobalColors.s4, _variables.GlobalColors.in_progress, _variables.FontFamily.Lato, _variables.GlobalColors.s5, _variables.FontFamily.Raleway_600, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.s4, _variables.FontFamily.Raleway_600, _variables.FontFamily.Lato, _variables.GlobalColors.s5, _variables.GlobalColors.secondary_magenta, _variables.GlobalColors.rgb_color_pink, _variables.GlobalColors.secondary_magenta, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.rgb_color_pink, _variables.GlobalColors.color_pink, _variables.FontFamily.AvenirNext, _variables.GlobalColors.color_pink, _variables.FontFamily.Lato, _variables.GlobalColors.gray, _variables.GlobalColors.s4);
+
+exports.Container = Container;

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

@@ -1156,8 +1156,10 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
     // tal cual, y el especialista que además es auditor alcanza la segunda fase.
 
     var canEvaluateAsFacilitator = retailerStatus === "IE" && ([1, 4, 5].includes(user.id_role) || isAssignedAs("facilitator", concept));
-    var canEvaluateAsAuditor = ["AC", "RP", "RCA", "SAC"].includes(retailerStatus) && ([1, 6].includes(user.id_role) || isAuditorAssigned());
-    return canEvaluateAsFacilitator || canEvaluateAsAuditor;
+    var canEvaluateAsAuditor = ["AC", "RP", "RCA", "SAC"].includes(retailerStatus) && ([1, 6].includes(user.id_role) || isAuditorAssigned()); // Los roles 7 y 8 también pueden validar/rechazar lo que está en AC.
+
+    var canEvaluateAC = retailerStatus === "AC" && [7, 8].includes(user.id_role);
+    return canEvaluateAsFacilitator || canEvaluateAsAuditor || canEvaluateAC;
   };
 
   var canShowBulkEvaluationButtons = function canShowBulkEvaluationButtons() {
@@ -1179,7 +1181,12 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
       return ["AC", "RP", "RCA"].includes(srv === null || srv === void 0 ? void 0 : (_srv$status2 = srv.status) === null || _srv$status2 === void 0 ? void 0 : _srv$status2.replace(/.*\//, ""));
     }) && ([1, 6].includes(user.id_role) || isAuditorAssigned());
-    return canEvaluateAsFacilitator || canEvaluateAsAuditor;
+    var canEvaluateAC = services.length > 0 && services.every(function (srv) {
+      var _srv$status3;
+
+      return (srv === null || srv === void 0 ? void 0 : (_srv$status3 = srv.status) === null || _srv$status3 === void 0 ? void 0 : _srv$status3.replace(/.*\//, "")) === "AC";
+    }) && [7, 8].includes(user.id_role);
+    return canEvaluateAsFacilitator || canEvaluateAsAuditor || canEvaluateAC;
   };
 
   var getStatusByCurrentServiceAndRetailer = function getStatusByCurrentServiceAndRetailer() {
@@ -2715,7 +2722,8 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
     switch (id_rol) {
       case 7:
       case 8:
-        var canSendEvaluation = statusArray.includes(statusBySelectedRetailerService); // const conditionTwo = statusArray.includes(product?.status);
+        // AC se valida/rechaza desde el panel, no se reenvía con "Enviar evaluación".
+        var canSendEvaluation = statusBySelectedRetailerService !== "AC" && statusArray.includes(statusBySelectedRetailerService); // const conditionTwo = statusArray.includes(product?.status);
         // const conditionThree =
         //   servicesByTab.filter((service) =>
         //     statusArray.includes(service.status?.replace(/.*\//, "")),

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

@@ -33,164 +33,74 @@ TextEditor.args = {
   },
   token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI4ZDAxMDIxNC01YmZhLTQzYzMtOTZmYi1jNTU2ZGMwNTc3NGIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjhkMDEwMjE0LTViZmEtNDNjMy05NmZiLWM1NTZkYzA1Nzc0YiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzYzc3Y2JjMC02ZTM0LTRhZDQtOGJjMy02MmJmNGRhOTYxMTUiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTc2ODQ5NjU3NywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTc2ODUwMDE3NywiaWF0IjoxNzY4NDk2NTc3LCJlbWFpbCI6ImthcmFmZTMyMThAbW9tMmtpZC5jb20ifQ.FhBvgESIAX90v1_2auyejto5NrMetq5qHoFxzh9lRr07UsYw2iKdDG29VyJLZ_bPStSUx-424U7FR1ctSD9mU831TKuwSyGyGKLz0mO70Ume7pgt8zfN0C_YWv5MFG4thcMrvMfEuyzfUhvQ944HBjXvqzyjcOdCjsFx9gVEnLh1bsXe1MJrUx8H1KN5gNrrkkTE7Qo3ybyr_WZF1002JsdMaoFg2UP3H5gzcbcuxgtjNuyhqaXGnoCBsPhu6SOAwWLEu1pZMty88OFteEWEdxJxCbzKaj8IomT8U4Tjiti4tshMkXRnxHBqAkGzLDu3ypbG4S31CR7RgDxRIVqntw",
   productSelected: {
-    orderId: 10424,
-    status: "CA",
-    datasheet_status: "CA",
-    prio: "none",
-    version: 3,
-    description_status: "CA",
-    images_status: "CA",
-    brand: "Marca",
-    retailerOrder: 0,
-    missing: {
-      datasheet: null,
-      descriptions: null,
-      images: null
-    },
+    articleId: 150504,
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1
     },
+    orderId: 11130,
+    city: "CDMX, México",
+    status: "AC",
+    datasheet_status: "AC",
+    prio: "none",
+    version: 3,
+    description_status: "AC",
+    images_status: "AC",
+    statusByRetailer: [{
+      status: "AC",
+      service: "datasheet",
+      retailer_id: 9,
+      task_user_group_id: 4
+    }, {
+      status: "AC",
+      service: "description",
+      retailer_id: 9,
+      task_user_group_id: 4
+    }, {
+      status: "AC",
+      service: "images",
+      retailer_id: 9,
+      task_user_group_id: 4
+    }],
     article: {
-      category: "Categoría Genérica Rappi|Categoría Genérica|Categoría Genérica",
+      id_article: 150504,
+      id_category: 6103,
+      brand: "Generico",
+      name: "Pruebas Tech",
+      upc: "43876912836",
+      sku: "43876912836",
+      timestamp: "2026-09-26T03:09:13.000Z",
+      active: 1,
+      company_id: 1116,
       company_name: "Walmart SA de CV",
       country: "México",
-      id_category: "4911",
+      id_order: 11130,
       id_datasheet_especialist: 426,
       id_datasheet_facilitator: null,
       id_description_especialist: 426,
       id_description_facilitator: null,
       id_images_especialist: 427,
       id_images_facilitator: null,
-      id_order: 10424,
-      id_article: 144832,
-      id_auditor: 425,
-      name: "Copia prod cadenas 1",
-      timestamp: "2025-11-16T00:32:13.000Z",
-      upc: "100023",
-      sku: "900006",
+      id_auditor: 426,
+      id_recepcionist: null,
+      category: "Alimentos y Bebidas|Amazon Súper|Abarrotes",
       categoryRetailer: [{
-        id_category: 3431,
-        id_retailer: 24,
-        category_name: "Abarrotes Básicos Alsuper|Abarrotes Básicos|Abarrotes Básicos",
-        retailer_name: "Alsuper"
-      }, {
-        id_category: 3435,
-        id_retailer: 21,
-        category_name: "Bebés Cuidado e Higiene|Bebés Cuidado e Higiene|Bebés Cuidado e Higiene",
-        retailer_name: "Anicetos"
-      }, {
-        id_category: 3438,
-        id_retailer: 1008,
-        category_name: "Categoría Genérica App Olímpica|Categoría Genérica|Categoría Genérica",
-        retailer_name: "App Olímpica"
-      }, {
-        id_category: 3439,
-        id_retailer: 2004,
-        category_name: "Categoría Genérica Automercado|Categoría Genérica Automercado|Categoría Genérica Automercado",
-        retailer_name: "Automercado"
-      }, {
-        id_category: 4774,
-        id_retailer: 1032,
-        category_name: "Categoría Genérica IMPIRA Colombia|Categoría Genérica|Categoría Genérica",
-        retailer_name: "IMPIRA Colombia"
-      }, {
-        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: 6103,
         id_retailer: 9,
         category_name: "Alimentos y Bebidas|Amazon Súper|Abarrotes",
         retailer_name: "Amazon"
-      }, {
-        id_category: 6792,
-        id_retailer: 32,
-        category_name: "Categoría Salud y Belleza Coppel|Categoría Salud y Belleza|Categoría Salud y Belleza",
-        retailer_name: "Coppel"
-      }, {
-        id_category: 7008,
-        id_retailer: 3,
-        category_name: "Bebés|Accesorios para Bebés|Accesorios para Bebés",
-        retailer_name: "Sam´s Club"
       }]
     },
     retailers: [{
-      id: 3,
-      name: "Sam´s Club"
-    }, {
-      id: 16,
-      name: "Rappi"
-    }, {
-      id: 32,
-      name: "Coppel"
-    }, {
-      id: 1008,
-      name: "App Olímpica"
+      id: 9,
+      name: "Amazon"
     }],
-    statusByRetailer: [{
-      status: "RA/AS",
-      service: "datasheet",
-      retailer_id: 3
-    }, {
-      status: "RA/AS",
-      service: "description",
-      retailer_id: 3
-    }, {
-      status: "AA",
-      service: "images",
-      retailer_id: 3
-    }, {
-      status: "AC",
-      service: "datasheet",
-      retailer_id: 16
-    }, {
-      status: "AC",
-      service: "description",
-      retailer_id: 16
-    }, {
-      status: "AC",
-      service: "images",
-      retailer_id: 16
-    }, {
-      status: "AC",
-      service: "datasheet",
-      retailer_id: 32
-    }, {
-      status: "AC",
-      service: "description",
-      retailer_id: 32
-    }, {
-      status: "AC",
-      service: "images",
-      retailer_id: 32
-    }, {
-      status: "PA",
-      service: "datasheet",
-      retailer_id: 1032
-    }, {
-      status: "PA",
-      service: "description",
-      retailer_id: 1032
-    }, {
-      status: "PA",
-      service: "images",
-      retailer_id: 1032
-    }, {
-      status: "PA",
-      service: "datasheet",
-      retailer_id: 2004
-    }, {
-      status: "PA",
-      service: "description",
-      retailer_id: 2004
-    }, {
-      status: "PA",
-      service: "images",
-      retailer_id: 2004
-    }]
+    variantsCount: 0,
+    parent: null,
+    parentArticleId: null,
+    country: "México",
+    upc: "43876912836"
   },
   user: {
     id_user: 426,

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

@@ -228,7 +228,7 @@ var getStatusArrayByRole = function getStatusArrayByRole(idRole) {
 
     case 7:
     case 8:
-      return ["PA", "AS", "CA", "RC", "RA", "RP", "RCA"];
+      return ["PA", "AS", "CA", "RC", "RA", "RP", "RCA", "AC"];
 
     case 4:
     case 5: