contentoh-components-library 21.1.47 → 21.1.48

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

@@ -18,27 +18,12 @@ var StatusTag = function StatusTag(_ref) {
       case "COMPLETED":
         return "C";
 
-      case "RECEPTION":
-        return "Pr";
-
       case "NULL":
-        return "-";
-
-      case "RECEIVED":
-        return "Rc";
-
-      case "IN_PROGRESS":
-        return "P";
-
-      case "ASSIGNED":
-        return "As";
+        return "--";
 
       case "APPROVED":
         return "Ap";
 
-      case "VALIDATING":
-        return "V";
-
       case "PAID_OUT":
         return "Po";
 
@@ -48,7 +33,7 @@ var StatusTag = function StatusTag(_ref) {
   };
 
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: "status-".concat(getShortStatus(statusType), " ").concat(ovalForm && "oval-form"),
+    className: "status-".concat(getShortStatus(statusType === null || statusType === void 0 ? void 0 : statusType.replace(/\/.*/, "")), " ").concat(ovalForm && "oval-form"),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
       children: getShortStatus(statusType)
     })

package/dist/components/atoms/StatusTag/styles.js

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: fit-content;\n  padding: 0 10px;\n  height: 20px;\n  background-color: ", ";\n  border-radius: 3px;\n\n  p {\n    text-align: center;\n    color: ", ";\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 20px;\n  }\n\n  &.status-As,\n  &.status-P,\n  &.status-IN_PROGRESS,\n  &.status-QF {\n    background-color: ", ";\n  }\n\n  &.status-Pr,\n  &.status-Rr,\n  &.status-Rc {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP,\n  &.status-AC,\n  &.status-AF {\n    background-color: ", ";\n  }\n\n  &.status-RA,\n  &.status-RF,\n  &.status-RP,\n  &.status-RC {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-Ex {\n    background-color: ", ";\n  }\n\n  &.status-DDI {\n    background-color: ", ";\n  }\n\n  &.status-GLD {\n    background-color: ", ";\n  }\n\n  &.status-TAB {\n    background-color: ", ";\n  }\n\n  &.status-Pt {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.oval-form {\n    border-radius: 10px;\n  }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.white, _variables.FontFamily.Lato, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: fit-content;\n  padding: 0 10px;\n  height: 20px;\n  background-color: ", ";\n  border-radius: 3px;\n\n  p {\n    text-align: center;\n    color: ", ";\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 20px;\n  }\n\n  &.status-AS,\n  &.status-CA,\n  &.status-IE {\n    background-color: ", ";\n  }\n\n  &.status-R {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP,\n  &.status-ACA,\n  &.status-AC {\n    background-color: ", ";\n  }\n\n  &.status-RA,\n  &.status-RC,\n  &.status-RP,\n  &.status-RCA {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-Ex {\n    background-color: ", ";\n  }\n\n  &.status-DDI {\n    background-color: ", ";\n  }\n\n  &.status-GLD {\n    background-color: ", ";\n  }\n\n  &.status-TAB {\n    background-color: ", ";\n  }\n\n  &.status-Pt {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.oval-form {\n    border-radius: 10px;\n  }\n  &.delThis {\n    color: red;\n  }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.white, _variables.FontFamily.Lato, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
 
 exports.Container = Container;

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

@@ -1666,7 +1666,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
             return (product === null || product === void 0 ? void 0 : (_product$services = product.services) === null || _product$services === void 0 ? void 0 : _product$services.images) === 1 && updateImages();
           },
-          showSaveButton: auditorAssigned() || userAssigned()
+          showSaveButton: userAssigned()
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "product-information",

package/package.json

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

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

@@ -0,0 +1,27 @@
+import { Container } from "./styles";
+
+export const StatusTag = ({ statusType, ovalForm }) => {
+  const getShortStatus = (status) => {
+    switch (status) {
+      case "COMPLETED":
+        return "C";
+      case "NULL":
+        return "--";
+      case "APPROVED":
+        return "Ap";
+      case "PAID_OUT":
+        return "Po";
+      default:
+        return status;
+    }
+  };
+  return (
+    <Container
+      className={`status-${getShortStatus(statusType?.replace(/\/.*/, ""))} ${
+        ovalForm && "oval-form"
+      }`}
+    >
+      <p>{getShortStatus(statusType)}</p>
+    </Container>
+  );
+};

package/src/components/atoms/StatusTag/styles.js

@@ -0,0 +1,76 @@
+import styled from "styled-components";
+import { FontFamily, GlobalColors } from "../../../global-files/variables";
+
+export const Container = styled.div`
+  width: fit-content;
+  padding: 0 10px;
+  height: 20px;
+  background-color: ${GlobalColors.s3};
+  border-radius: 3px;
+
+  p {
+    text-align: center;
+    color: ${GlobalColors.white};
+    font-family: ${FontFamily.Lato};
+    font-size: 12px;
+    line-height: 20px;
+  }
+
+  &.status-AS,
+  &.status-CA,
+  &.status-IE {
+    background-color: ${GlobalColors.in_progress};
+  }
+
+  &.status-R {
+    background-color: ${GlobalColors.reception};
+  }
+
+  &.status-AA,
+  &.status-AP,
+  &.status-ACA,
+  &.status-AC {
+    background-color: ${GlobalColors.finished};
+  }
+
+  &.status-RA,
+  &.status-RC,
+  &.status-RP,
+  &.status-RCA {
+    background-color: ${GlobalColors.rejected_status};
+  }
+
+  &.status-Dat,
+  &.status-Dsc,
+  &.status-Imgs {
+    background-color: ${GlobalColors.s4};
+  }
+
+  &.status-Ex {
+    background-color: ${GlobalColors.exported};
+  }
+
+  &.status-DDI {
+    background-color: ${GlobalColors.original_purpura};
+  }
+
+  &.status-GLD {
+    background-color: ${GlobalColors.in_progress};
+  }
+
+  &.status-TAB {
+    background-color: ${GlobalColors.deep_gray};
+  }
+
+  &.status-Pt {
+    background-color: ${GlobalColors.s2};
+    color: ${GlobalColors.s4};
+  }
+
+  &.oval-form {
+    border-radius: 10px;
+  }
+  &.delThis {
+    color: red;
+  }
+`;

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

@@ -778,7 +778,7 @@ export const RetailerProductEdition = ({
     const data = {
       articleId: product?.article?.id_article,
       orderId: product?.orderId,
-      message: body?.replace(/<.*?\/?>/gm, ""),
+      message: body?.replace(/<.*?\/?>/gm,""),
       concept: concept,
       version: version,
     };
@@ -1134,7 +1134,7 @@ export const RetailerProductEdition = ({
             onClickSave={() =>
               product?.services?.images === 1 && updateImages()
             }
-            showSaveButton={auditorAssigned() || userAssigned()}
+            showSaveButton={userAssigned()}
           />
         </div>
         <div className="product-information">
@@ -1364,7 +1364,7 @@ export const RetailerProductEdition = ({
                 ) : (
                   <div className="feedback-box">
                     <Commentary
-                      comment={comment?.message?.replace(/<.*?\/?>/gm, "")}
+                      comment={comment?.message?.replace(/<.*?\/?>/gm,"")}
                       reviewed={crossComment}
                     />
                     <Button