contentoh-components-library 21.3.27 → 21.3.29

package/dist/assets/images/generalButton/Icono AB.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19.995" height="14.282" viewBox="0 0 19.995 14.282">
+  <g id="Grupo_608" data-name="Grupo 608" transform="translate(-1323 -104)">
+    <g id="Rectángulo_432" data-name="Rectángulo 432" transform="translate(1323 104)" fill="#fff" stroke="#e33aa9" stroke-width="1">
+      <rect width="11.426" height="11.426" rx="2" stroke="none"/>
+      <rect x="0.5" y="0.5" width="10.426" height="10.426" rx="1.5" fill="none"/>
+    </g>
+    <path id="Trazado_8" data-name="Trazado 8" d="M4.44-8.819H2.007l-.463,1.4H.068l2.508-6.8H3.862l2.521,6.8H4.908ZM2.382-9.954H4.066L3.219-12.5Z" transform="translate(1325.487 120.531)" fill="#e33aa9"/>
+    <g id="Rectángulo_431" data-name="Rectángulo 431" transform="translate(1331.569 106.856)" fill="#e33aa9" stroke="#e33aa9" stroke-width="1">
+      <rect width="11.426" height="11.426" rx="2" stroke="none"/>
+      <rect x="0.5" y="0.5" width="10.426" height="10.426" rx="1.5" fill="none"/>
+    </g>
+    <path id="Trazado_7" data-name="Trazado 7" d="M1.27-7.418v-6.8h2.29a2.918,2.918,0,0,1,1.8.474,1.647,1.647,0,0,1,.615,1.39,1.582,1.582,0,0,1-.247.88,1.437,1.437,0,0,1-.687.558,1.376,1.376,0,0,1,.792.528,1.6,1.6,0,0,1,.29.972,1.829,1.829,0,0,1-.6,1.485,2.635,2.635,0,0,1-1.715.514Zm1.347-2.961v1.836H3.77a1.085,1.085,0,0,0,.743-.236.824.824,0,0,0,.267-.652.837.837,0,0,0-.929-.948Zm0-.99h1q1.019-.019,1.019-.845a.8.8,0,0,0-.258-.666,1.317,1.317,0,0,0-.815-.2H2.616Z" transform="translate(1333.823 123.387)" fill="#fff"/>
+  </g>
+</svg>

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

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,14 +15,15 @@ var _index2 = require("../../atoms/GeneralButton/index");
 
 var _react = require("react");
 
-var _Chat = require("../../organisms/Chat");
+var _IconoAB = _interopRequireDefault(require("../../../../src/assets/images/generalButton/Icono AB.svg"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
 var HeaderTop = function HeaderTop(_ref) {
   var setHeaderTop = _ref.setHeaderTop,
       auditableVersion = _ref.auditableVersion,
-      setCompare = _ref.setCompare;
+      setCompare = _ref.setCompare,
+      isAuditor = _ref.isAuditor;
   var headerTop = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     setHeaderTop && setHeaderTop(headerTop.current.clientHeight);
@@ -31,14 +34,14 @@ var HeaderTop = function HeaderTop(_ref) {
       text: "Edici\xF3n de producto"
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "buttons-container",
-      children: [auditableVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
+      children: [isAuditor && auditableVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
         buttonType: "general-white-button circular-button",
-        label: "A|B",
         onClick: function onClick() {
           setCompare(function (current) {
             return !current;
           });
-        }
+        },
+        image: _IconoAB.default
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
         buttonType: "general-white-button close-button",
         onClick: function onClick() {

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

@@ -13,6 +13,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  .buttons-top {\n    display: flex;\n    align-items: center;\n    padding-top: 10px;\n  }\n\n  .buttons-container {\n    display: flex;\n\n    button {\n      width: 30px;\n      height: 30px;\n      border: 1px solid #f0f0f0;\n      background-size: 20px;\n      padding: 0;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  .buttons-top {\n    display: flex;\n    align-items: center;\n    padding-top: 10px;\n  }\n\n  .buttons-container {\n    display: flex;\n\n    button {\n      width: 30px;\n      height: 30px;\n      border: 1px solid #f0f0f0;\n      background-size: 20px;\n      padding: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      img {\n        height: 15px;\n      }\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n  }\n"])));
 
 exports.Container = Container;

package/dist/components/organisms/Chat/ContainerItems/index.js

@@ -409,13 +409,24 @@ var ContainerItems = function ContainerItems(props) {
 
       if (!date) {
         date = (0, _utils.getFullDate)(new Date(item.date));
-        [ticketCompany, 254].includes(currentUser.companyId) && jsxItems.push(renderGrayLabel(date, "itemDate-".concat(countDate++)));
+
+        if (item.type === "statusTicket") {
+          [ticketCompany, 254].includes(currentUser.companyId) && jsxItems.push(renderGrayLabel(date, "itemDate-".concat(countDate++)));
+        } else {
+          jsxItems.push(renderGrayLabel(date, "itemDate-".concat(countDate++)));
+        }
+
         lastUserId = undefined;
       } else {
         var newDate = (0, _utils.getFullDate)(new Date(item.date));
 
         if (newDate !== date) {
-          jsxItems.push(renderGrayLabel(newDate, "itemDate-".concat(countDate++)));
+          if (item.type === "statusTicket") {
+            [ticketCompany, 254].includes(currentUser.companyId) && jsxItems.push(renderGrayLabel(date, "itemDate-".concat(countDate++)));
+          } else {
+            jsxItems.push(renderGrayLabel(date, "itemDate-".concat(countDate++)));
+          }
+
           date = newDate;
           lastUserId = undefined;
         }

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

@@ -1896,7 +1896,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTop.HeaderTop, {
       setHeaderTop: setHeaderTop,
       auditableVersion: auditableVersion,
-      setCompare: setCompare
+      setCompare: setCompare,
+      isAuditor: [1, 6].includes(user.id_role)
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "data-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/package.json

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

package/src/assets/images/generalButton/Icono AB.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19.995" height="14.282" viewBox="0 0 19.995 14.282">
+  <g id="Grupo_608" data-name="Grupo 608" transform="translate(-1323 -104)">
+    <g id="Rectángulo_432" data-name="Rectángulo 432" transform="translate(1323 104)" fill="#fff" stroke="#e33aa9" stroke-width="1">
+      <rect width="11.426" height="11.426" rx="2" stroke="none"/>
+      <rect x="0.5" y="0.5" width="10.426" height="10.426" rx="1.5" fill="none"/>
+    </g>
+    <path id="Trazado_8" data-name="Trazado 8" d="M4.44-8.819H2.007l-.463,1.4H.068l2.508-6.8H3.862l2.521,6.8H4.908ZM2.382-9.954H4.066L3.219-12.5Z" transform="translate(1325.487 120.531)" fill="#e33aa9"/>
+    <g id="Rectángulo_431" data-name="Rectángulo 431" transform="translate(1331.569 106.856)" fill="#e33aa9" stroke="#e33aa9" stroke-width="1">
+      <rect width="11.426" height="11.426" rx="2" stroke="none"/>
+      <rect x="0.5" y="0.5" width="10.426" height="10.426" rx="1.5" fill="none"/>
+    </g>
+    <path id="Trazado_7" data-name="Trazado 7" d="M1.27-7.418v-6.8h2.29a2.918,2.918,0,0,1,1.8.474,1.647,1.647,0,0,1,.615,1.39,1.582,1.582,0,0,1-.247.88,1.437,1.437,0,0,1-.687.558,1.376,1.376,0,0,1,.792.528,1.6,1.6,0,0,1,.29.972,1.829,1.829,0,0,1-.6,1.485,2.635,2.635,0,0,1-1.715.514Zm1.347-2.961v1.836H3.77a1.085,1.085,0,0,0,.743-.236.824.824,0,0,0,.267-.652.837.837,0,0,0-.929-.948Zm0-.99h1q1.019-.019,1.019-.845a.8.8,0,0,0-.258-.666,1.317,1.317,0,0,0-.815-.2H2.616Z" transform="translate(1333.823 123.387)" fill="#fff"/>
+  </g>
+</svg>

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

@@ -1,10 +1,15 @@
 import { Container } from "./styles";
 import { ScreenHeader } from "../../atoms/ScreenHeader/index";
 import { Button } from "../../atoms/GeneralButton/index";
-import { useEffect, useRef, useState } from "react";
-import { Chat } from "../../organisms/Chat";
+import { useEffect, useRef } from "react";
+import auditIcon from "../../../../src/assets/images/generalButton/Icono AB.svg";
 
-export const HeaderTop = ({ setHeaderTop, auditableVersion, setCompare }) => {
+export const HeaderTop = ({
+  setHeaderTop,
+  auditableVersion,
+  setCompare,
+  isAuditor,
+}) => {
   const headerTop = useRef();
 
   useEffect(() => {
@@ -15,13 +20,13 @@ export const HeaderTop = ({ setHeaderTop, auditableVersion, setCompare }) => {
     <Container ref={headerTop}>
       <ScreenHeader text="Edición de producto" />
       <div className="buttons-container">
-        {auditableVersion && (
+        {isAuditor && auditableVersion && (
           <Button
             buttonType="general-white-button circular-button"
-            label={"A|B"}
             onClick={() => {
               setCompare((current) => !current);
             }}
+            image={auditIcon}
           />
         )}
         <Button

package/src/components/molecules/HeaderTop/styles.js

@@ -18,6 +18,12 @@ export const Container = styled.div`
       border: 1px solid #f0f0f0;
       background-size: 20px;
       padding: 0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      img {
+        height: 15px;
+      }
 
       & + * {
         margin-left: 10px;

package/src/components/organisms/Chat/ContainerItems/index.js

@@ -421,13 +421,22 @@ export const ContainerItems = (props) => {
       // manejo de las etiquetas fechas
       if (!date) {
         date = getFullDate(new Date(item.date));
-        [ticketCompany, 254].includes(currentUser.companyId) &&
+        if (item.type === "statusTicket") {
+          [ticketCompany, 254].includes(currentUser.companyId) &&
+            jsxItems.push(renderGrayLabel(date, `itemDate-${countDate++}`));
+        } else {
           jsxItems.push(renderGrayLabel(date, `itemDate-${countDate++}`));
+        }
         lastUserId = undefined;
       } else {
         let newDate = getFullDate(new Date(item.date));
         if (newDate !== date) {
-          jsxItems.push(renderGrayLabel(newDate, `itemDate-${countDate++}`));
+          if (item.type === "statusTicket") {
+            [ticketCompany, 254].includes(currentUser.companyId) &&
+              jsxItems.push(renderGrayLabel(date, `itemDate-${countDate++}`));
+          } else {
+            jsxItems.push(renderGrayLabel(date, `itemDate-${countDate++}`));
+          }
           date = newDate;
           lastUserId = undefined;
         }

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

@@ -1268,6 +1268,7 @@ export const RetailerProductEdition = ({
         setHeaderTop={setHeaderTop}
         auditableVersion={auditableVersion}
         setCompare={setCompare}
+        isAuditor={[1, 6].includes(user.id_role)}
       />
       <div className="data-container">
         <div className="image-data-panel">