contentoh-components-library 21.5.37 → 21.5.38

package/dist/components/atoms/GeneralInput/index.js

@@ -131,10 +131,10 @@ var GeneralInput = function GeneralInput(_ref) {
     }, 0);
   };
 
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     isRequired: requiredEmpty,
     className: auditClass,
-    children: [(optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
+    children: (optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
       id: "dropdown".concat(inputId),
       onChange: function onChange(e) {
         return onHandleChange(e);
@@ -184,9 +184,7 @@ var GeneralInput = function GeneralInput(_ref) {
       maxChar: maxChar,
       isRequired: isRequired,
       disabled: disabled
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: description
-    })]
+    })
   });
 };
 

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

@@ -23,6 +23,12 @@ var _acceptIcon = _interopRequireDefault(require("../../../assets/images/general
 
 var _rejectIcon = _interopRequireDefault(require("../../../assets/images/generalButton/rejectIcon.svg"));
 
+var _infoIcon = _interopRequireDefault(require("../../../assets/images/sliderToolTip/infoIcon.svg"));
+
+var _SliderToolTip = require("../../atoms/SliderToolTip");
+
+var _Tooltip = require("../../atoms/Tooltip");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var TagAndInput = function TagAndInput(_ref) {
@@ -101,9 +107,18 @@ var TagAndInput = function TagAndInput(_ref) {
         text: label,
         headerType: "input-name-header",
         color: color
-      }), showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "tooltip",
-        children: label
+      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
+        componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: description
+          })
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: _infoIcon.default,
+          alt: "info icon",
+          className: 'icon_information'
+        }),
+        classNameTooltip: "container-tooltip"
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GeneralInput, {
       inputId: inputId,

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    .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\n    display: flex;\n    align-items: center;\n    gap: .5rem;\n\n    .icon_information{\n      width: 1.35rem;\n      height: 1.35rem;\n      filter: brightness(.35);\n    }\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 color = _ref.color;
   return color ? color : _variables.GlobalColors.s5;
 }, _variables.FontFamily.Raleway, function (_ref2) {

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

@@ -250,14 +250,14 @@ var ContentChat = function ContentChat(props) {
             case 0:
               paramsQuery = {
                 articleData: JSON.stringify({
-                  articleId: JSON.stringify(dataChat.id),
-                  version: JSON.stringify(dataChat.version),
-                  retailerId: JSON.stringify(dataChat.retailerId),
-                  status: dataChat.status
+                  articleId: JSON.stringify(dataChat === null || dataChat === void 0 ? void 0 : dataChat.id),
+                  version: JSON.stringify(dataChat === null || dataChat === void 0 ? void 0 : dataChat.version),
+                  retailerId: JSON.stringify(dataChat === null || dataChat === void 0 ? void 0 : dataChat.retailerId),
+                  status: dataChat === null || dataChat === void 0 ? void 0 : dataChat.status
                 })
               };
               paramsHeaders = {
-                Authorization: dataChat.userToken
+                Authorization: dataChat === null || dataChat === void 0 ? void 0 : dataChat.userToken
               };
               _context.next = 4;
               return (0, _handle_http.fetchGET)(process.env.REACT_APP_READ_MESSAGES, paramsQuery, paramsHeaders);

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

@@ -1132,9 +1132,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }, [percentages]);
 
   var loadInputs = function loadInputs() {
+    if (!services) return;
+
     if (services.length > 0) {
       var _services$0$activeRet, _services$2, _services$3;
 
+      if (!services[0]) return;
       if ((_services$0$activeRet = services[0][activeRetailer.id]) !== null && _services$0$activeRet !== void 0 && _services$0$activeRet.data) services[0][activeRetailer.id].data = Object.values(services[0][activeRetailer.id].data);
       setActivePercentage(Math.round(activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.percentage, 0));
       var datagroups = services[0][activeRetailer.id];

package/package.json

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

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

@@ -153,7 +153,7 @@ export const GeneralInput = ({
           disabled={disabled}
         />
       )}
-      <p>{description}</p>
+      {/* <p>{description}</p> */}
     </Container>
   );
 };

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

@@ -4,6 +4,9 @@ import { GeneralInput } from "../../atoms/GeneralInput/index";
 import { useState, useEffect } from "react";
 import acceptIcon from "../../../assets/images/generalButton/acceptIcon.svg";
 import rejectIcon from "../../../assets/images/generalButton/rejectIcon.svg";
+import InfoIcon from "../../../assets/images/sliderToolTip/infoIcon.svg";
+import { SliderToolTip } from "../../atoms/SliderToolTip";
+import { Tooltip } from "../../atoms/Tooltip";
 export const TagAndInput = ({
   inputType,
   label,
@@ -77,7 +80,23 @@ export const TagAndInput = ({
             headerType={"input-name-header"}
             color={color}
           />
-          {showTooltip && <span className="tooltip">{label}</span>}
+          {description && (
+            <Tooltip
+              componentTooltip={
+                <>
+                  <p>{description}</p>
+                </>
+              }
+              children={
+                  <img
+                    src={InfoIcon}
+                    alt="info icon"
+                    className={'icon_information'}
+                  />
+              }
+              classNameTooltip={"container-tooltip"}
+            />
+          )}
         </div>
       )}
       <GeneralInput

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

@@ -4,6 +4,17 @@ import { FontFamily, GlobalColors } from "../../../global-files/variables";
 export const Container = styled.div`
   .title-container {
     position: relative;
+
+    display: flex;
+    align-items: center;
+    gap: .5rem;
+
+    .icon_information{
+      width: 1.35rem;
+      height: 1.35rem;
+      filter: brightness(.35);
+    }
+
     .tooltip {
       display: none;
       position: absolute;

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

@@ -142,13 +142,13 @@ export const ContentChat = (props) => {
   const getInitialProductStatus = async () => {
     const paramsQuery = {
       articleData: JSON.stringify({
-        articleId: JSON.stringify(dataChat.id),
-        version: JSON.stringify(dataChat.version),
-        retailerId: JSON.stringify(dataChat.retailerId),
-        status: dataChat.status,
+        articleId: JSON.stringify(dataChat?.id),
+        version: JSON.stringify(dataChat?.version),
+        retailerId: JSON.stringify(dataChat?.retailerId),
+        status: dataChat?.status,
       })
     };
-    const paramsHeaders = { Authorization: dataChat.userToken };
+    const paramsHeaders = { Authorization: dataChat?.userToken };
     const response = await fetchGET(
       process.env.REACT_APP_READ_MESSAGES,
       paramsQuery,

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

@@ -629,7 +629,13 @@ export const ProviderProductEdition = ({
   }, [percentages]);
 
   const loadInputs = () => {
+
+    if(!services) return;
+
     if (services.length > 0) {
+
+      if(!services[0]) return;
+
       if (services[0][activeRetailer.id]?.data)
         services[0][activeRetailer.id].data = Object.values(
           services[0][activeRetailer.id].data