contentoh-components-library 21.4.106 → 21.4.108

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.4.106",
+  "version": "21.4.108",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",
@@ -27,8 +27,10 @@
     "babel-preset-react-app": "^10.0.1",
     "caniuse-lite": "^1.0.30001472",
     "chart.js": "^3.7.1",
+    "contentoh-components-library": "^21.4.75",
     "draft-js": "^0.11.7",
     "file-saver": "^2.0.5",
+    "infinite-react-carousel": "^1.2.11",
     "js-base64": "^3.7.2",
     "moment": "^2.29.4",
     "prop-types": "^15.7.2",

package/src/assets/images/Icons/beenhere.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="white" stroke="#E33AA9"/>
+<mask id="mask0_387_1148" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_387_1148)">
+<path d="M17.0833 24L12.15 20.3C12.025 20.2083 11.9271 20.0917 11.8563 19.95C11.7854 19.8083 11.75 19.6583 11.75 19.5V11C11.75 10.7333 11.85 10.5 12.05 10.3C12.25 10.1 12.4833 10 12.75 10H21.4167C21.6833 10 21.9167 10.1 22.1167 10.3C22.3167 10.5 22.4167 10.7333 22.4167 11V19.5C22.4167 19.6583 22.3813 19.8083 22.3104 19.95C22.2396 20.0917 22.1417 20.2083 22.0167 20.3L17.0833 24ZM17.0833 22.75L21.4167 19.4167V11H12.75V19.4167L17.0833 22.75ZM16.3833 18.6667L20.15 14.9L19.4333 14.2L16.3667 17.2667L14.7167 15.6167L14.0167 16.3167L16.3833 18.6667Z" fill="#E33AA9"/>
+</g>
+</svg>

package/src/assets/images/Icons/close-magenta.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="white" stroke="#E33AA9"/>
+<mask id="mask0_346_668" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_346_668)">
+<path d="M11.077 24L10 22.9231L15.9231 17L10 11.0769L11.077 10L17 15.9231L22.9231 10L24 11.0769L18.077 17L24 22.9231L22.9231 24L17 18.0769L11.077 24Z" fill="#E33AA9"/>
+</g>
+</svg>

package/src/assets/images/Icons/closeCircle.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
+  <mask id="mask0_336_331" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="10" height="10">
+    <rect x="0.0588379" y="0.0588226" width="9.88235" height="9.88235" fill="#D9D9D9"/>
+  </mask>
+  <g mask="url(#mask0_336_331)">
+    <path d="M0.819019 9.94121L0.0588379 9.18103L4.23983 5.00003L0.0588379 0.819034L0.819019 0.0588531L5.00001 4.23985L9.18101 0.0588531L9.94119 0.819034L5.7602 5.00003L9.94119 9.18103L9.18101 9.94121L5.00001 5.76021L0.819019 9.94121Z" fill="white"/>
+  </g>
+</svg>

package/src/assets/images/Icons/delete-forever-red.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="white" stroke="#B64545"/>
+<mask id="mask0_346_669" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_346_669)">
+<path d="M14.7833 20.5194L17.0972 18.1667L19.4306 20.5194L20.3444 19.5861L18.0306 17.2333L20.3444 14.8806L19.4306 13.9472L17.0972 16.3L14.7833 13.9472L13.85 14.8806L16.1833 17.2333L13.85 19.5861L14.7833 20.5194ZM12.8389 24C12.5278 24 12.2556 23.8833 12.0222 23.65C11.7889 23.4167 11.6722 23.1444 11.6722 22.8333V11.75H10.875V10.5833H14.5306V10H19.6639V10.5833H23.3194V11.75H22.5222V22.8333C22.5222 23.1444 22.4056 23.4167 22.1722 23.65C21.9389 23.8833 21.6667 24 21.3556 24H12.8389ZM21.3556 11.75H12.8389V22.8333H21.3556V11.75Z" fill="#B64545"/>
+</g>
+</svg>

package/src/assets/images/Icons/delete-forever-white.svg

@@ -0,0 +1,10 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="delete-forever-white">
+<mask id="mask0_498_688" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="10" height="10">
+<rect id="Bounding box" x="0.0588379" y="0.0588379" width="9.88235" height="9.88235" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_498_688)">
+<path id="delete-forever" d="M3.43534 7.48433L5.06867 5.82354L6.71573 7.48433L7.36083 6.8255L5.72749 5.16472L7.36083 3.50394L6.71573 2.84511L5.06867 4.5059L3.43534 2.84511L2.77651 3.50394L4.42357 5.16472L2.77651 6.8255L3.43534 7.48433ZM2.06279 9.94119C1.84318 9.94119 1.65102 9.85884 1.48632 9.69413C1.32161 9.52943 1.23926 9.33727 1.23926 9.11766V1.29413H0.676514V0.470603H3.25691V0.0588379H6.88044V0.470603H9.46083V1.29413H8.89808V9.11766C8.89808 9.33727 8.81573 9.52943 8.65102 9.69413C8.48632 9.85884 8.29416 9.94119 8.07455 9.94119H2.06279ZM8.07455 1.29413H2.06279V9.11766H8.07455V1.29413Z" fill="white"/>
+</g>
+</g>
+</svg>

package/src/assets/images/Icons/fullscreen.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+  <path d="M0 12V7.71111H1.33333V10.6667H4.28889V12H0ZM7.71111 12V10.6667H10.6667V7.71111H12V12H7.71111ZM0 4.28889V0H4.28889V1.33333H1.33333V4.28889H0ZM10.6667 4.28889V1.33333H7.71111V0H12V4.28889H10.6667Z" fill="white"/>
+</svg>

package/src/assets/images/Icons/save-white-gray.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="34" height="34" rx="17" fill="#F0F0F0"/>
+<mask id="mask0_346_670" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_346_670)">
+<path d="M24 13.0528V22.8333C24 23.1444 23.8833 23.4167 23.65 23.65C23.4167 23.8833 23.1444 24 22.8333 24H11.1667C10.8556 24 10.5833 23.8833 10.35 23.65C10.1167 23.4167 10 23.1444 10 22.8333V11.1667C10 10.8556 10.1167 10.5833 10.35 10.35C10.5833 10.1167 10.8556 10 11.1667 10H20.9472L24 13.0528ZM22.8333 13.5778L20.4222 11.1667H11.1667V22.8333H22.8333V13.5778ZM16.9954 21.5694C17.5559 21.5694 18.0338 21.3733 18.4292 20.981C18.8245 20.5886 19.0222 20.1123 19.0222 19.5518C19.0222 18.9913 18.8261 18.5134 18.4337 18.1181C18.0414 17.7227 17.565 17.525 17.0046 17.525C16.4441 17.525 15.9662 17.7212 15.5708 18.1135C15.1755 18.5058 14.9778 18.9822 14.9778 19.5427C14.9778 20.1031 15.1739 20.581 15.5663 20.9764C15.9586 21.3718 16.435 21.5694 16.9954 21.5694ZM12.1972 14.9778H19.1583V12.1972H12.1972V14.9778Z" fill="white"/>
+</g>
+</svg>

package/src/assets/images/Icons/save-white.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="34" height="34" rx="17" fill="#E33AA9"/>
+<mask id="mask0_346_670" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_346_670)">
+<path d="M24 13.0528V22.8333C24 23.1444 23.8833 23.4167 23.65 23.65C23.4167 23.8833 23.1444 24 22.8333 24H11.1667C10.8556 24 10.5833 23.8833 10.35 23.65C10.1167 23.4167 10 23.1444 10 22.8333V11.1667C10 10.8556 10.1167 10.5833 10.35 10.35C10.5833 10.1167 10.8556 10 11.1667 10H20.9472L24 13.0528ZM22.8333 13.5778L20.4222 11.1667H11.1667V22.8333H22.8333V13.5778ZM16.9954 21.5694C17.5559 21.5694 18.0338 21.3733 18.4292 20.981C18.8245 20.5886 19.0222 20.1123 19.0222 19.5518C19.0222 18.9913 18.8261 18.5134 18.4337 18.1181C18.0414 17.7227 17.565 17.525 17.0046 17.525C16.4441 17.525 15.9662 17.7212 15.5708 18.1135C15.1755 18.5058 14.9778 18.9822 14.9778 19.5427C14.9778 20.1031 15.1739 20.581 15.5663 20.9764C15.9586 21.3718 16.435 21.5694 16.9954 21.5694ZM12.1972 14.9778H19.1583V12.1972H12.1972V14.9778Z" fill="white"/>
+</g>
+</svg>

package/src/assets/images/Icons/upload-file-white.svg

@@ -0,0 +1,4 @@
+
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="48" viewBox="0 0 40 48" fill="none">
+  <path d="M18.32 40.68H21.92V28.62L26.8401 33.54L29.3601 31.02L20 21.9L10.76 31.14L13.2801 33.66L18.32 28.62V40.68ZM4.40005 48C3.44005 48 2.60005 47.64 1.88005 46.92C1.16005 46.2 0.800049 45.36 0.800049 44.4V3.6C0.800049 2.64 1.16005 1.8 1.88005 1.08C2.60005 0.36 3.44005 0 4.40005 0H26.0601L39.2001 13.14V44.4C39.2001 45.36 38.84 46.2 38.1201 46.92C37.4001 47.64 36.5601 48 35.6001 48H4.40005ZM24.2601 14.76V3.6H4.40005V44.4H35.6001V14.76H24.2601Z" fill="#E33AA9"/>
+</svg>

package/src/assets/images/Icons/upload-file.svg

@@ -0,0 +1,10 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="upload_file">
+<mask id="mask0_498_701" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12">
+<rect id="Bounding box" x="0.5" y="0.5" width="11" height="11" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_498_701)">
+<path id="upload_file_2" d="M5.61485 9.8225H6.43985V7.05875L7.56735 8.18625L8.14485 7.60875L5.99985 5.51875L3.88235 7.63625L4.45985 8.21375L5.61485 7.05875V9.8225ZM2.42485 11.5C2.20485 11.5 2.01235 11.4175 1.84735 11.2525C1.68235 11.0875 1.59985 10.895 1.59985 10.675V1.325C1.59985 1.105 1.68235 0.9125 1.84735 0.7475C2.01235 0.5825 2.20485 0.5 2.42485 0.5H7.3886L10.3999 3.51125V10.675C10.3999 10.895 10.3174 11.0875 10.1524 11.2525C9.98735 11.4175 9.79485 11.5 9.57485 11.5H2.42485ZM6.9761 3.8825V1.325H2.42485V10.675H9.57485V3.8825H6.9761Z" fill="white"/>
+</g>
+</g>
+</svg>

package/src/assets/images/Icons/upload_file.svg

@@ -0,0 +1,10 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="upload_file">
+<mask id="mask0_496_1928" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48">
+<rect id="Bounding box" width="48" height="48" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_496_1928)">
+<path id="upload_file_2" d="M22.32 40.68H25.92V28.62L30.8401 33.54L33.3601 31.02L24 21.9L14.76 31.14L17.2801 33.66L22.32 28.62V40.68ZM8.40005 48C7.44005 48 6.60005 47.64 5.88005 46.92C5.16005 46.2 4.80005 45.36 4.80005 44.4V3.6C4.80005 2.64 5.16005 1.8 5.88005 1.08C6.60005 0.36 7.44005 0 8.40005 0H30.0601L43.2001 13.14V44.4C43.2001 45.36 42.84 46.2 42.1201 46.92C41.4001 47.64 40.5601 48 39.6001 48H8.40005ZM28.2601 14.76V3.6H8.40005V44.4H39.6001V14.76H28.2601Z" fill="#E33AA9"/>
+</g>
+</g>
+</svg>

package/src/components/atoms/SliderToolTip/index.js

@@ -1,5 +1,4 @@
 import { Container, Slider } from "./styles";
-import { useEffect, useState } from "react";
 import { useCloseModal } from "../../../global-files/customHooks";
 
 export const SliderToolTip = ({

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

@@ -0,0 +1,12 @@
+import EditionTabs from "./index";
+import { BrowserRouter } from "react-router-dom";
+
+export default {
+  title: "Components/molecules/EditionTabs",
+  component: EditionTabs,
+};
+
+const Template = (args) => <EditionTabs {...args} />;
+
+export const EditionTabsDefault = Template.bind({});
+EditionTabsDefault.args = {};

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

@@ -0,0 +1,33 @@
+import React, { useState } from "react";
+import { Button } from "./styles";
+
+const options = [
+  { label: "Descripción", key: "description" },
+  { label: "Ficha técnica", key: "datasheet" },
+  { label: "Imágenes", key: "images" },
+];
+
+function EditionTabs(props) {
+  const [section, setSection] = useState("description");
+
+  function changeSection(section = "description") {
+    setSection(section);
+    if (props.getSection) props.getSection(section);
+  }
+
+  return (
+    <>
+      {options.map(({ label, key }, i) => (
+        <Button
+          key={key}
+          onClick={() => changeSection(key)}
+          isActive={section === key}
+        >
+          {label}
+        </Button>
+      ))}
+    </>
+  );
+}
+
+export default EditionTabs;

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

@@ -0,0 +1,24 @@
+import styled from "styled-components";
+
+export const Button = styled.button`
+  background: var(--grey-light, #F0F0F0);
+  color: var(--black-main, #262626);
+
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  padding: 10px 20px;
+  border: 0;
+  cursor: pointer;
+  &:first-child {
+    border-radius: 17px 0 0 17px;
+  }
+  &:last-child {
+    border-radius: 0 17px 17px 0;
+  }
+  ${({ isActive }) => isActive && `
+    color: #FFFFFF;
+    background: var(--purple-medium, #8A6CAA);
+  `}
+`;

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

@@ -11,7 +11,6 @@ import InfoIcon from "../../../assets/images/sliderToolTip/infoIcon.svg";
 import Slide1 from "../../../assets/images/sliderToolTip/slide21.svg";
 import Slide2 from "../../../assets/images/sliderToolTip/slide22.svg";
 import Slide3 from "../../../assets/images/sliderToolTip/slide23.svg";
-import { FinancedCompanies } from "./FinancedCompanies"
 
 export const StatusAsignationInfo = ({
   status = "-",
@@ -29,12 +28,10 @@ export const StatusAsignationInfo = ({
   canAssign,
   version,
   setShowVersionSelector,
-  user
 }) => {
   const [showAsignationPanel, setShowAsignationPanel] = useState(false);
   const [layout, setLayout] = useState(false);
   const [assignationType, setAssignationType] = useState("facilitator");
-  const isFinanced = FinancedCompanies.includes(user?.id_company)
 
   const closeAsignations = (e) => {
     if (!e.target.closest("#default-id") && showAsignationPanel) {
@@ -90,12 +87,11 @@ export const StatusAsignationInfo = ({
       )}
       {status !== "-" && <StatusTag statusType={status} ovalForm={true} />}
       {showSaveButton && (
-        !isFinanced && (
         <Button
           buttonType={"circular-button save-button"}
           onClick={onClickSave}
         />
-      ))}
+      )}
       {imagesSection && (
         <div className="images-buttons">
           {showSaveButton && (

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

@@ -27,7 +27,6 @@ export const FullTabsMenu = ({
   setUpdatedDescriptions,
   setUpdatedDatasheets,
   setImages,
-  user,
 }) => {
   const [imagesSection, setImagesSection] = useState(false);
 
@@ -62,7 +61,6 @@ export const FullTabsMenu = ({
         showSaveButton={showSaveButton}
         version={version}
         setShowVersionSelector={setShowVersionSelector}
-        user={user}
       />
     </Container>
   );