contentoh-components-library 21.2.62 → 21.2.65

package/.env.development

@@ -21,11 +21,8 @@ REACT_APP_READ_REQUIRED_ORDERS=https://fc069ovhuk.execute-api.us-east-1.amazonaw
 REACT_APP_CATEGORY_ENDPOINT=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/categories
 REACT_APP_READ_PROVIDERS=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/providers
 REACT_APP_PENDING_INVITATIONS=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/pending-invitations
-REACT_APP_POST_MESSAGE=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/products-chat
-REACT_APP_KEY_UPLOAD_TO_S3=AKIA5CPHLQTT46EQ5TIK
-REACT_APP_ACCESS_KEY_UPLOAD_TO_S3=tZDdrmvwxM1cScspfxFM3XpU4HSYrCNPazyHd0BL
-REACT_APP_IMAGES_BUCKET=content-management-images
 
+REACT_APP_IMAGES_BUCKET=content-management-images
 REACT_APP_KEY_UPLOAD_TO_S3=AKIA5CPHLQTT46EQ5TIK
 REACT_APP_IMAGES_PROFILE_BUCKET=content-management-profile
 REACT_APP_ACCESS_KEY_UPLOAD_TO_S3=tZDdrmvwxM1cScspfxFM3XpU4HSYrCNPazyHd0BL

package/.env.production

@@ -1,4 +1,4 @@
-ºREACT_APP_ARTICLE_DATA_ENDPOINT=https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/articles-data
+REACT_APP_ARTICLE_DATA_ENDPOINT=https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/articles-data
 REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT=https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/articles-data/datasheets
 REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT=https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/articles-data/descriptions
 REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT=https://6jqnpjf841.execute-api.us-east-1.amazonaws.com/prod/articles-data/images

package/dist/components/atoms/GradientPanel/GradientPanel.stories.js

@@ -93,7 +93,7 @@ LoginPanelDefault.args = {
       className: "active-left"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
       className: "active-right",
-      children: "Olvide mi contrase\xF1a"
+      children: "Olvid\xE9 mi contrase\xF1a"
     })]
   }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "button-right",

package/dist/components/molecules/CustomSelect/CustomSelect.stories.js

@@ -11,8 +11,6 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 
 var _index = require("./index");
 
-var _starIcon = _interopRequireDefault(require("../../../assets/images/customSelect/starIcon.svg"));
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
@@ -28,26 +26,29 @@ var Template = function Template(args) {
 var CustomSelectDefault = Template.bind({});
 exports.CustomSelectDefault = CustomSelectDefault;
 CustomSelectDefault.args = {
-  // selectLabel: "Todos los departamentos",
+  selectLabel: "Todos los departamentos",
   defaultOption: "Todos los departamentos",
   options: [{
-    id: 47,
-    name: "Enero 2023",
-    isSelected: true
+    id: 1,
+    value: "Decoración",
+    subOptions: [{
+      id: 1,
+      value: "Espejos"
+    }, {
+      id: 2,
+      value: "Persianas"
+    }]
+  }, {
+    id: 2,
+    value: "Eléctrico"
+  }, {
+    id: 3,
+    value: "Ferretería"
+  }, {
+    id: 4,
+    value: "Herramientas"
   }, {
-    id: 49,
-    name: "Mis Favoritos"
-  }],
-  onClickItem: function onClickItem(v, id) {
-    if (v) {
-      console.log("Agregar a la lista", id);
-    } else {
-      console.log("Eliminar a la lista", id);
-    }
-  },
-  icon: _starIcon.default,
-  showSearchBar: true,
-  customOptions: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-    children: "Esto es un customOptions"
-  })
+    id: 5,
+    value: "Iluminación"
+  }]
 };

package/dist/components/molecules/CustomSelect/SelectItem.js

@@ -26,8 +26,7 @@ var SelecItem = function SelecItem(_ref) {
       customSelectId = _ref.customSelectId,
       setParameterArray = _ref.setParameterArray,
       activeFilters = _ref.activeFilters,
-      setActiveFilters = _ref.setActiveFilters,
-      onClickItem = _ref.onClickItem;
+      setActiveFilters = _ref.setActiveFilters;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -47,10 +46,6 @@ var SelecItem = function SelecItem(_ref) {
         id: "main-item-" + option.id,
         label: option.name,
         onChange: function onChange(e) {
-          if (onClickItem) {
-            onClickItem(e.target.checked, option.id);
-          }
-
           var subOptions = option.subOptions;
           var filtersCopy = (0, _objectSpread2.default)({}, activeFilters);
 
@@ -113,10 +108,6 @@ var SelecItem = function SelecItem(_ref) {
             label: sub.name,
             defaultChecked: activeFilters[option.name] && activeFilters[option.name][sub.name],
             onChange: function onChange(e) {
-              if (onClickItem) {
-                onClickItem(e.target.checked, sub.id);
-              }
-
               if (e.target.checked) {
                 setParameterArray(function (current) {
                   return [].concat((0, _toConsumableArray2.default)(current), [sub.id]).sort(function (a, b) {

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

@@ -35,7 +35,7 @@ var GalleryHeader = function GalleryHeader(_ref) {
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
       className: "image-header",
-      children: "Image"
+      children: "Imagen"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
       className: "image-name",
       children: "Nombre"

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

@@ -13,8 +13,6 @@ var _index2 = require("../../atoms/GeneralButton/index");
 
 var _react = require("react");
 
-var _index3 = require("../../atoms/ChatPopUp/index");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var HeaderTop = function HeaderTop(_ref) {
@@ -27,14 +25,11 @@ var HeaderTop = function HeaderTop(_ref) {
     ref: headerTop,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       text: "Edici\xF3n de producto"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "buttons-top",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
-        buttonType: "close-button",
-        onClick: function onClick() {
-          window.location.href = "/products";
-        }
-      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
+      buttonType: "close-button",
+      onClick: function onClick() {
+        window.location.href = "/products";
+      }
     })]
   });
 };

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  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n"])));
 
 exports.Container = Container;

package/dist/components/molecules/TagAndInput/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  .title-container {\n    position: relative;\n\n    .tooltip {\n      display: none;\n      position: absolute;\n      background-color: ", ";\n      color: ", ";\n      font-family: ", ";\n      font-size: 14px;\n      line-height: 19px;\n      left: 0;\n      top: 0;\n      height: fit-content;\n      transition: display 2s;\n    }\n\n    &:hover {\n      .tooltip {\n        display: block;\n      }\n    }\n  }\n\n  & > :first-child {\n    & + * {\n      margin-top: ", "px;\n    }\n  }\n  & + * {\n    margin-top: ", "px;\n  }\n"])), _variables.GlobalColors.white, function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .title-container {\n    //position: relative;\n    .tooltip {\n      display: none;\n      position: absolute;\n      background-color: ", ";\n      color: ", ";\n      font-family: ", ";\n      font-size: 14px;\n      line-height: 19px;\n      left: 0;\n      top: 0;\n      height: fit-content;\n      transition: display 2s;\n    }\n\n    &:hover {\n      .tooltip {\n        display: block;\n      }\n    }\n  }\n\n  & > :first-child {\n    & + * {\n      margin-top: ", "px;\n    }\n  }\n  & + * {\n    margin-top: ", "px;\n  }\n"])), _variables.GlobalColors.white, function (_ref) {
   var color = _ref.color;
   return color ? color : _variables.GlobalColors.s5;
 }, _variables.FontFamily.Raleway, function (_ref2) {

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

@@ -38,7 +38,7 @@ var VersionItem = function VersionItem(_ref) {
 
   if (timestamp !== null) {
     var exportedDate = new Date(timestamp).toLocaleDateString();
-    textExportedDate = "\xD9ltima vez exportado: ".concat(exportedDate);
+    textExportedDate = "\xDAltima vez exportado: ".concat(exportedDate);
   }
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
@@ -57,15 +57,15 @@ var VersionItem = function VersionItem(_ref) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "version-info",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-        text: "Version " + version,
+        text: "Versión " + version,
         headerType: "input-name-header",
         color: _variables.GlobalColors.magenta_s2
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
         children: textExportedDate
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: currentVersion ? "Version actual" : articleStatus ? "Edición Content-oh!" : "Version de " + productOwner
+        children: currentVersion ? "Versión actual" : articleStatus ? "Edición Content-Oh!" : "Versión de " + productOwner
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: articleStatus ? "Content-oh! Digital" : productOwner
+        children: articleStatus ? "Content-Oh! digital" : productOwner
       })]
     })]
   });

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

@@ -97,7 +97,7 @@ var VersionSelector = function VersionSelector(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "versions-header",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-        text: "Version del producto",
+        text: "Versión del producto",
         headerType: "input-name-header",
         color: _variables.GlobalColors.white,
         fontFamily: _variables2.FontFamily.Lato

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

@@ -435,7 +435,7 @@ var Dashboard = function Dashboard(_ref) {
         showFilterString: true,
         options: dateOptions,
         selectLabel: "Todo el tiempo",
-        placeHolder: "Buscar Fecha",
+        placeHolder: "Buscar fecha",
         customSelectId: "dates-select",
         parameterArray: datesRange,
         setParameterArray: setDatesRange
@@ -444,7 +444,7 @@ var Dashboard = function Dashboard(_ref) {
         showSearchBar: true,
         options: providers,
         selectLabel: "Todos los proveedores",
-        placeHolder: "Buscar Proveedor",
+        placeHolder: "Buscar proveedor",
         customSelectId: "providers-select",
         parameterArray: companyId,
         setParameterArray: setCompanyId,
@@ -454,7 +454,7 @@ var Dashboard = function Dashboard(_ref) {
         showSearchBar: true,
         options: categories,
         selectLabel: "Todas las categor\xEDas",
-        placeHolder: "Buscar Departamento",
+        placeHolder: "Buscar categor\xEDa",
         customSelectId: "category-select",
         parameterArray: categoryId,
         setParameterArray: setCategoryId,
@@ -463,12 +463,12 @@ var Dashboard = function Dashboard(_ref) {
         showFilterString: true,
         showSearchBar: true,
         options: retailers,
-        selectLabel: "Todos los alcances",
-        placeHolder: "Buscar Cadena",
+        selectLabel: "Todas las cadenas",
+        placeHolder: "Buscar cadena",
         customSelectId: "retailers-select",
         parameterArray: retailerId,
         setParameterArray: setRetailerId,
-        defaultOption: "Todos los alcances"
+        defaultOption: "Todas las cadenas"
       }), user.is_retailer === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
         showFilterString: true,
         options: applicants,

package/package.json

@@ -1,15 +1,11 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.2.62",
+  "version": "21.2.65",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",
     "@aws-amplify/ui-react": "^2.17.0",
     "@babel/runtime": "^7.17.2",
-    "@emotion/react": "^11.10.4",
-    "@emotion/styled": "^11.10.4",
-    "@mui/material": "^5.10.8",
-    "@mui/styled-engine-sc": "^5.10.6",
     "@storybook/addon-postcss": "^2.0.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
@@ -23,7 +19,6 @@
     "draft-js": "^0.11.7",
     "file-saver": "^2.0.5",
     "js-base64": "^3.7.2",
-    "moment": "^2.29.4",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
     "react-chartjs-2": "^4.0.1",

package/src/components/atoms/GradientPanel/GradientPanel.stories.js

@@ -69,7 +69,7 @@ LoginPanelDefault.args = {
         id={"chk-default"}
         className="active-left"
       />
-      <p className="active-right">Olvide mi contraseña</p>
+      <p className="active-right">Olvidé mi contraseña</p>
     </div>,
     <div className="button-right" key="6">
       <Button buttonType={"general-default-button"} label={"Iniciar sesión"} />

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

@@ -1,5 +1,4 @@
 import { CustomSelect } from "./index";
-import iconStar from "../../../assets/images/customSelect/starIcon.svg";
 
 export default {
   title: "Components/molecules/CustomSelect",
@@ -9,27 +8,20 @@ export default {
 const Template = (args) => <CustomSelect {...args} />;
 export const CustomSelectDefault = Template.bind({});
 CustomSelectDefault.args = {
-  // selectLabel: "Todos los departamentos",
+  selectLabel: "Todos los departamentos",
   defaultOption: "Todos los departamentos",
   options: [
     {
-      id: 47,
-      name: "Enero 2023",
-      isSelected: true,
-    },
-    {
-      id: 49,
-      name: "Mis Favoritos",
+      id: 1,
+      value: "Decoración",
+      subOptions: [
+        { id: 1, value: "Espejos" },
+        { id: 2, value: "Persianas" },
+      ],
     },
+    { id: 2, value: "Eléctrico" },
+    { id: 3, value: "Ferretería" },
+    { id: 4, value: "Herramientas" },
+    { id: 5, value: "Iluminación" },
   ],
-  onClickItem: (v, id) => {
-    if (v) {
-      console.log("Agregar a la lista", id);
-    } else {
-      console.log("Eliminar a la lista", id);
-    }
-  },
-  icon: iconStar,
-  showSearchBar: true,
-  customOptions: <p>Esto es un customOptions</p>
 };

package/src/components/molecules/CustomSelect/SelectItem.js

@@ -7,7 +7,6 @@ export const SelecItem = ({
   setParameterArray,
   activeFilters,
   setActiveFilters,
-  onClickItem,
 }) => {
   const [showSubOptions, setShowSubOptions] = useState(false);
   const [chkGlobal, setChkGlobal] = useState(false);
@@ -18,9 +17,6 @@ export const SelecItem = ({
           id={"main-item-" + option.id}
           label={option.name}
           onChange={(e) => {
-            if (onClickItem) {
-              onClickItem(e.target.checked, option.id)
-            }
             const subOptions = option.subOptions;
             const filtersCopy = { ...activeFilters };
             if (subOptions) {
@@ -81,9 +77,6 @@ export const SelecItem = ({
                   activeFilters[option.name][sub.name]
                 }
                 onChange={(e) => {
-                  if (onClickItem) {
-                    onClickItem(e.target.checked, sub.id)
-                  }
                   if (e.target.checked) {
                     setParameterArray((current) =>
                       [...current, sub.id].sort((a, b) => a - b)

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

@@ -13,7 +13,7 @@ export const GalleryHeader = ({ setCheckAll, setSelectedImages, shotThd }) => {
       <div>
         <CheckBox id="check-all-images" onChange={(e) => checkAll(e)} />
       </div>
-      <p className="image-header">Image</p>
+      <p className="image-header">Imagen</p>
       <p className="image-name">Nombre</p>
       <p className="image-size">Tamaño</p>
       <p className="image-format">Formato</p>

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

@@ -2,7 +2,6 @@ import { Container } from "./styles";
 import { ScreenHeader } from "../../atoms/ScreenHeader/index";
 import { Button } from "../../atoms/GeneralButton/index";
 import { useEffect, useRef } from "react";
-import { ChatPopUp } from "../../atoms/ChatPopUp/index";
 
 export const HeaderTop = ({ setHeaderTop }) => {
   const headerTop = useRef();
@@ -14,15 +13,12 @@ export const HeaderTop = ({ setHeaderTop }) => {
   return (
     <Container ref={headerTop}>
       <ScreenHeader text="Edición de producto" />
-      <div className="buttons-top">
-        {/* <ChatPopUp /> */}
-        <Button
-          buttonType="close-button"
-          onClick={() => {
-            window.location.href = `/products`;
-          }}
-        />
-      </div>
+      <Button
+        buttonType="close-button"
+        onClick={() => {
+          window.location.href = `/products`;
+        }}
+      />
     </Container>
   );
 };

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

@@ -3,8 +3,4 @@ import styled from "styled-components";
 export const Container = styled.div`
   display: flex;
   justify-content: space-between;
-  .buttons-top {
-    display: flex;
-    align-items: center;
-  }
 `;

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

@@ -3,8 +3,7 @@ import { FontFamily, GlobalColors } from "../../../global-files/variables";
 
 export const Container = styled.div`
   .title-container {
-    position: relative;
-
+    //position: relative;
     .tooltip {
       display: none;
       position: absolute;

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

@@ -18,7 +18,7 @@ export const VersionItem = ({
   let textExportedDate = "";
   if (timestamp !== null) {
     const exportedDate = new Date(timestamp).toLocaleDateString();
-    textExportedDate = `Ùltima vez exportado: ${exportedDate}`;
+    textExportedDate = `Última vez exportado: ${exportedDate}`;
   }
 
   return (
@@ -36,19 +36,19 @@ export const VersionItem = ({
       </div>
       <div className="version-info">
         <ScreenHeader
-          text={"Version " + version}
+          text={"Versión " + version}
           headerType={"input-name-header"}
           color={GlobalColors.magenta_s2}
         />
         <p>{textExportedDate}</p>
         <p>
           {currentVersion
-            ? "Version actual"
+            ? "Versión actual"
             : articleStatus
-            ? "Edición Content-oh!"
-            : "Version de " + productOwner}
+            ? "Edición Content-Oh!"
+            : "Versión de " + productOwner}
         </p>
-        <p>{articleStatus ? "Content-oh! Digital" : productOwner}</p>
+        <p>{articleStatus ? "Content-Oh! digital" : productOwner}</p>
       </div>
     </Container>
   );

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

@@ -47,7 +47,7 @@ export const VersionSelector = ({
     <Container id={modalId}>
       <div className="versions-header">
         <ScreenHeader
-          text={"Version del producto"}
+          text={"Versión del producto"}
           headerType={"input-name-header"}
           color={GlobalColors.white}
           fontFamily={FontFamily.Lato}

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

@@ -235,7 +235,7 @@ export const Dashboard = ({ jwt, user, company }) => {
           showFilterString={true}
           options={dateOptions}
           selectLabel="Todo el tiempo"
-          placeHolder="Buscar Fecha"
+          placeHolder="Buscar fecha"
           customSelectId="dates-select"
           parameterArray={datesRange}
           setParameterArray={setDatesRange}
@@ -245,7 +245,7 @@ export const Dashboard = ({ jwt, user, company }) => {
           showSearchBar={true}
           options={providers}
           selectLabel="Todos los proveedores"
-          placeHolder="Buscar Proveedor"
+          placeHolder="Buscar proveedor"
           customSelectId="providers-select"
           parameterArray={companyId}
           setParameterArray={setCompanyId}
@@ -256,7 +256,7 @@ export const Dashboard = ({ jwt, user, company }) => {
           showSearchBar={true}
           options={categories}
           selectLabel="Todas las categorías"
-          placeHolder="Buscar Departamento"
+          placeHolder="Buscar categoría"
           customSelectId="category-select"
           parameterArray={categoryId}
           setParameterArray={setCategoryId}
@@ -266,12 +266,12 @@ export const Dashboard = ({ jwt, user, company }) => {
           showFilterString={true}
           showSearchBar={true}
           options={retailers}
-          selectLabel="Todos los alcances"
-          placeHolder="Buscar Cadena"
+          selectLabel="Todas las cadenas"
+          placeHolder="Buscar cadena"
           customSelectId="retailers-select"
           parameterArray={retailerId}
           setParameterArray={setRetailerId}
-          defaultOption={"Todos los alcances"}
+          defaultOption={"Todas las cadenas"}
         />
         {user.is_retailer === 1 && (
           <CustomSelect

package/dist/assets/images/chatPopup/close.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
-  <path id="close_FILL0_wght400_GRAD0_opsz48" d="M6.385,19.308,5.308,18.231l5.923-5.923L5.308,6.385,6.385,5.308l5.923,5.923,5.923-5.923,1.077,1.077-5.923,5.923,5.923,5.923-1.077,1.077-5.923-5.923Z" transform="translate(-5.308 -5.308)" fill="#fff"/>
-</svg>

package/dist/assets/images/chatPopup/doc.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 51 65" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><use xlink:href="#C" x=".5" y=".5"/><defs><filter id="A" x="-6%" y="-4.6875%" width="116%" height="112.5%"><feGaussianBlur in="SourceAlpha" stdDeviation="1"/><feOffset dx="2" dy="2" result="B"/><feFlood flood-color="#000" flood-opacity=".2"/><feComposite in2="B" operator="in" result="C"/><feMerge><feMergeNode in="C"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="B" x="-27.5%" y="-32.5%" width="160%" height="160%"><feGaussianBlur in="SourceAlpha" stdDeviation="2"/><feOffset dx="1" dy="-1" result="B"/><feFlood flood-color="#000" flood-opacity=".2"/><feComposite in2="B" operator="in" result="C"/><feMerge><feMergeNode in="C"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><symbol id="C" overflow="visible"><path d="M50 20L30 0H5a4.99 4.99 0 0 0-5 5v54a4.99 4.99 0 0 0 5 5h40a4.99 4.99 0 0 0 5-5z" fill="#2196f3" stroke="none" filter="url(#A)"/><defs/><g transform="matrix(-1 0 0 -1 50 20)"><path d="M20 20L0 0h15a4.99 4.99 0 0 1 5 5z" fill="#90caf9" stroke="none" filter="url(#B)"/><defs/></g><path d="M10 17.5h17.5V20H10zm0 10h27.5V30H10zm0 10h27.5V40H10zm0 10h27.5V50H10z" stroke="none"/></symbol></svg>

package/dist/assets/images/chatPopup/document.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 66 81" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><use xlink:href="#A" x=".5" y=".5"/><symbol id="A" overflow="visible"><path d="M44.674 0H0v79.977h65V20.012L44.674 0zM60.93 75.993H4.07V4.007h38.593v18.008h18.291v53.978zm-10.151-40H14.221v-3.984h36.558zm0 9.995H14.221v-3.984h36.558zm0 10.017H14.221v-4.007h36.558zm0 9.994H14.221v-4.007h36.558z" fill="#2a3282" stroke="none"/></symbol></svg>

package/dist/assets/images/chatPopup/iconChat.svg

@@ -1,19 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 14 14">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #707070;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-path);
-      }
-    </style>
-    <clipPath id="clip-path">
-      <rect id="Rectángulo_368" data-name="Rectángulo 368" class="cls-1" width="14" height="14" transform="translate(1737 869)"/>
-    </clipPath>
-  </defs>
-  <g id="Enmascarar_grupo_83" data-name="Enmascarar grupo 83" class="cls-2" transform="translate(-1737 -869)">
-    <path id="forum_FILL0_wght400_GRAD0_opsz48" class="cls-1" d="M1.4,11.9V2.135a.728.728,0,0,1,.228-.49A.651.651,0,0,1,2.1,1.4h9.082a.675.675,0,0,1,.49.236.714.714,0,0,1,.227.5v6.23a.728.728,0,0,1-.227.49.666.666,0,0,1-.49.245H4.2Zm3.518.7a.678.678,0,0,1-.481-.245.716.716,0,0,1-.236-.49V10.15h8.75V4.2H14.7a.651.651,0,0,1,.472.245.744.744,0,0,1,.227.508v10.43L12.617,12.6ZM10.85,2.45H2.45V9.363L3.763,8.05H10.85Zm-8.4,0v0Z" transform="translate(1735.6 867.609)"/>
-  </g>
-</svg>

package/dist/assets/images/chatPopup/iconPlus.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
-  <path id="Icono_cargar_más" data-name="Icono, cargar más" d="M18,28a9.64,9.64,0,0,1-7.078-2.922A9.64,9.64,0,0,1,8,18a9.64,9.64,0,0,1,2.922-7.078A9.64,9.64,0,0,1,18,8a9.665,9.665,0,0,1,4.656,1.078,11.027,11.027,0,0,1,3.469,2.953V8H28v7.938H20.063V14.063h5.25a9.572,9.572,0,0,0-3.031-3.031A7.888,7.888,0,0,0,18,9.875,8.056,8.056,0,0,0,9.875,18,8.056,8.056,0,0,0,18,26.125a8.2,8.2,0,0,0,4.75-1.484,7.72,7.72,0,0,0,3-3.922h1.937A9.576,9.576,0,0,1,24.094,26,9.947,9.947,0,0,1,18,28Z" transform="translate(-8 -8)" fill="#8a6caa"/>
-</svg>