contentoh-components-library 21.1.68 → 21.1.71

package/dist/global-files/customHooks.js

@@ -18,15 +18,15 @@ var closeModals = function closeModals(id) {
       setShowModal = _useState2[1];
 
   (0, _react.useEffect)(function () {
+    var closeModal = function closeModal(e) {
+      if ((!e.target.closest("#".concat(id)) || e.target.closest("#close-button") || e.target.closest("#add-version")) && showModal) {
+        document.removeEventListener("click", closeModal);
+        setShowModal(false);
+      }
+    };
+
     if (showModal) {
       document.addEventListener("click", closeModal);
-
-      var closeModal = function closeModal(e) {
-        if ((!e.target.closest("#".concat(id)) || e.target.closest("#close-button") || e.target.closest("#add-version")) && showModal) {
-          document.removeEventListener("click", closeModal);
-          setShowModal(false);
-        }
-      };
     }
   }, [showModal]);
   return [showModal, setShowModal];

package/dist/global-files/data.js

@@ -280,18 +280,18 @@ var getNewStatus = function getNewStatus(statusArray) {
   statusArray.forEach(function (element) {
     return lookupString += element + "/";
   });
-  if (lookupString.includes("RF")) return "RF";
+  if (lookupString.includes("RCA")) return "RCA";
+  if (lookupString.includes("RC")) return "RC";
   if (lookupString.includes("RA")) return "RA";
   if (lookupString.includes("RP")) return "RP";
-  if (lookupString.includes("RC")) return "RC";
-  if (lookupString.includes("UNASSIGNED")) return "IN_PROGRESS";
-  if (lookupString.includes("IN_PROGRESS")) return "IN_PROGRESS";
-  if (lookupString.includes("QF")) return "QF";
-  if (lookupString.includes("AF")) return "AF";
+  if (lookupString.includes("ACA")) return "ACA";
+  if (lookupString.includes("PA")) return "PA";
+  if (lookupString.includes("CA")) return "CA";
+  if (lookupString.includes("IE")) return "IE";
+  if (lookupString.includes("AC")) return "AC";
   if (lookupString.includes("AA")) return "AA";
   if (lookupString.includes("AP")) return "AP";
-  if (lookupString.includes("AC")) return "AC";
-  if (lookupString.includes("RECEIVED")) return "RECEIVED";
+  if (lookupString.includes("R")) return "R";
   if (lookupString.includes("NA")) return "NA";
   return new Error("Status not found");
 };

package/dist/index.js

@@ -264,7 +264,7 @@ Object.keys(_index20).forEach(function (key) {
   });
 });
 
-var _index21 = require("./components/atoms/StatusTag/index");
+var _index21 = require("./components/atoms/Status/index");
 
 Object.keys(_index21).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

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

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

@@ -6,7 +6,7 @@ import requesToProvider from "../../../assets/images/asignationOptions/requestTo
 import requestToTeam from "../../../assets/images/asignationOptions/requestToTeam.svg";
 import availableIcon from "../../../assets/images/asignationOptions/availableIcon.svg";
 import { getNewStatus } from "../../../global-files/data";
-import { StatusTag } from "../StatusTag";
+import { Status } from "../Status";
 
 export const AsignationOption = ({
   profileImage,
@@ -51,7 +51,7 @@ export const AsignationOption = ({
       {asignationType && iconsAsignation[asignationType]}
       {services && (
         <div className="status-container">
-          <StatusTag statusType={getStatus()} />
+          <Status statusType={getStatus()} />
         </div>
       )}
       {active && <div className="green-circle"></div>}

package/src/components/atoms/ProductPercentCard/Percent.stories.js

@@ -3,18 +3,18 @@ import { ProductPercentCard } from "./index";
 const status = [
   "-",
   "Pr",
-  "Rc",
-  "As",
-  "P",
-  "QF",
-  "AF",
+  "R",
+  "AS",
+  "CA",
+  "IE",
+  "AC",
   "AA",
   "AP",
-  "AC",
+  "ACA",
   "RA",
-  "RF",
-  "RP",
   "RC",
+  "RP",
+  "RCA",
   "Ex",
 ];
 
@@ -29,13 +29,12 @@ export default {
   },
 };
 
-const Template = (args) => <ProductPercentCard {...args}/>;
+const Template = (args) => <ProductPercentCard {...args} />;
 
-export const ProductPercentCardDefault = Template.bind ({});
+export const ProductPercentCardDefault = Template.bind({});
 
 ProductPercentCardDefault.args = {
   statusType: "-",
   productsInStatus: 0,
   totalProcucts: 0,
-
-};
+};

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

@@ -8,8 +8,8 @@ export const Container = styled.div`
   height: 83px;
   padding: 10px;
 
-  &.status-Pr,
-  &.status-Rc {
+  &.status-PA,
+  &.status-RC {
     border: 1px solid ${GlobalColors.reception};
     .span {
       color: ${GlobalColors.reception};
@@ -22,19 +22,19 @@ export const Container = styled.div`
     }
   }
 
-  &.status-As,
-  &.status-P,
-  &.status-QF {
+  &.status-AS,
+  &.status-CA,
+  &.status-IE {
     border: 1px solid ${GlobalColors.in_progress};
     .span {
       color: ${GlobalColors.in_progress};
     }
   }
 
-  &.status-AF,
+  &.status-AC,
   &.status-AA,
   &.status-AP,
-  &.status-AC {
+  &.status-ACA {
     border: 1px solid ${GlobalColors.finished};
     .span {
       color: ${GlobalColors.finished};
@@ -42,9 +42,9 @@ export const Container = styled.div`
   }
 
   &.status-RA,
-  &.status-RF,
+  &.status-RC,
   &.status-RP,
-  &.status-RC {
+  &.status-RCA {
     border: 1px solid #d74ded;
     .span {
       color: #d74ded;

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

@@ -0,0 +1,14 @@
+import { Status } from "./index";
+
+export default {
+  title: "Components/atoms/Status",
+  component: Status,
+};
+
+const Template = (args) => <Status {...args} />;
+
+export const StatusDefault = Template.bind({});
+StatusDefault.args = {
+  statusType: "IE",
+  ovalForm: false,
+};

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

@@ -0,0 +1,9 @@
+import { Container } from "./styles";
+
+export const Status = ({ statusType, ovalForm }) => {
+  return (
+    <Container className={`status-${statusType} ${ovalForm && "oval-form"}`}>
+      <p>{statusType}</p>
+    </Container>
+  );
+};

package/src/components/atoms/{StatusTag → Status}/styles.js

@@ -16,30 +16,27 @@ export const Container = styled.div`
     line-height: 20px;
   }
 
-  &.status-As,
-  &.status-P,
-  &.status-IN_PROGRESS,
-  &.status-QF {
+  &.status-CA,
+  &.status-IE {
     background-color: ${GlobalColors.in_progress};
   }
 
-  &.status-Pr,
-  &.status-Rr,
-  &.status-Rc {
+  &.status-R,
+  &.status-AS {
     background-color: ${GlobalColors.reception};
   }
 
   &.status-AA,
   &.status-AP,
   &.status-AC,
-  &.status-AF {
+  &.status-ACA {
     background-color: ${GlobalColors.finished};
   }
 
   &.status-RA,
-  &.status-RF,
+  &.status-RC,
   &.status-RP,
-  &.status-RC {
+  &.status-RCA {
     background-color: ${GlobalColors.rejected_status};
   }
 

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

@@ -5,18 +5,18 @@ import assignedImage2 from "../../../assets/images/componentAssigned/assignedIma
 const status = [
   "-",
   "Pr",
-  "Rc",
-  "As",
-  "P",
-  "QF",
-  "AF",
+  "R",
+  "AS",
+  "CA",
+  "IE",
+  "AC",
   "AA",
   "AP",
-  "AC",
+  "ACA",
   "RA",
-  "RF",
-  "RP",
   "RC",
+  "RP",
+  "RCA",
   "Ex",
 ];
 

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

@@ -9,8 +9,8 @@ export const Container = styled.div`
   padding-bottom: 5px;
   position: relative;
 
-  &.status-Pr,
-  &.status-Rc {
+  &.status-PA,
+  &.status-R {
     border: 1px solid ${GlobalColors.reception};
     .header-and-paragraph {
       color: ${GlobalColors.reception};
@@ -23,19 +23,19 @@ export const Container = styled.div`
     }
   }
 
-  &.status-As,
-  &.status-P,
-  &.status-QF {
+  &.status-AA,
+  &.status-CA,
+  &.status-IE {
     border: 1px solid ${GlobalColors.in_progress};
     .header-and-paragraph {
       color: ${GlobalColors.in_progress};
     }
   }
 
-  &.status-AF,
+  &.status-AC,
   &.status-AA,
   &.status-AP,
-  &.status-AC {
+  &.status-ACA {
     border: 1px solid ${GlobalColors.finished};
     .header-and-paragraph {
       color: ${GlobalColors.finished};
@@ -43,9 +43,9 @@ export const Container = styled.div`
   }
 
   &.status-RA,
-  &.status-RF,
+  &.status-RC,
   &.status-RP,
-  &.status-RC {
+  &.status-RCA {
     border: 1px solid #d74ded;
     .header-and-paragraph {
       color: #d74ded;
@@ -56,7 +56,6 @@ export const Container = styled.div`
     border: 1px solid ${GlobalColors.exported};
     .header-and-paragraph {
       color: ${GlobalColors.exported};
-      
     }
   }
 

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

@@ -1,6 +1,6 @@
 import { Container } from "./styles";
 import { ScreenHeader } from "../../atoms/ScreenHeader/index";
-import { StatusTag } from "../../atoms/StatusTag/index";
+import { Status } from "../../atoms/Status/index";
 import { ProgressBar } from "../../atoms/ProgressBar/index";
 import { PriorityFlag } from "../../atoms/PriorityFlag/index";
 
@@ -14,7 +14,7 @@ export const ProductNameHeader = ({
   return (
     <Container>
       <ScreenHeader headerType={"product-name-header"} text={productName} />
-      <StatusTag statusType={statusType} />
+      <Status statusType={statusType} />
       <ProgressBar percent={percent} progressBarType={statusType} />
       <PriorityFlag priority={priority} />
       <ScreenHeader headerType={"date-header"} text={date} />

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

@@ -1,7 +1,7 @@
 import { Container } from "./styles";
 import { ScreenHeader } from "../../atoms/ScreenHeader/index";
 import { Avatar } from "../../atoms/Avatar";
-import { StatusTag } from "../../atoms/StatusTag/index";
+import { Status as StatusTag } from "../../atoms/Status/index";
 import { Button } from "../../atoms/GeneralButton";
 import { useEffect, useState } from "react";
 import { AsignationOption } from "../../atoms/AsignationOption/index";

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

@@ -26,7 +26,7 @@ export const FullProductNameHeader = ({
         const element = [];
         servicesData.forEach((sd) => {
           if (sd.id_retailer === rt.id) {
-            element.push(sd.status ? sd.status : "RECEIVED");
+            element.push(sd.status ? sd.status : "R");
           } else element.push("NA");
           rt["services"] = element;
         });
@@ -81,4 +81,4 @@ export const FullProductNameHeader = ({
       </div>
     </Container>
   );
-};
+};

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

@@ -12,8 +12,8 @@ export const ProviderProductEditionDefault = Template.bind({});
 ProviderProductEditionDefault.args = {
   tabsSections: {
     Descripción: true,
-    "Ficha técnica": false,
-    Imágenes: false,
+    "Ficha técnica": true,
+    Imágenes: true,
   },
   token:
     "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5ZTQ0OGMwZS0xOGVkLTRlYWYtOWY4OC0zYjMxOTdkNGEyZmQiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjllNDQ4YzBlLTE4ZWQtNGVhZi05Zjg4LTNiMzE5N2Q0YTJmZCIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI5ODg5YTFhYi1mMTljLTRiNzQtYjQ5Ni0xZDM3YzZjY2U3YmQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjQzMTQ5OCwibmFtZSI6IkdlcnNvbiBNYXJ0w61uZXoiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjMxMjMxMjMiLCJleHAiOjE2NTY0MzUwOTgsImlhdCI6MTY1NjQzMTQ5OCwiZW1haWwiOiJnbWFydGluZXpAY29udGVudG9oLmNvbSJ9.qMBMYKxcaQrXT-3373y3K4eX73vgRApuFsT9-FVl9AuP_BKy51nHReEvwWHO4SMVpFxf3eHoQhUHG2PTl8qlvnoXlLqfCdgJEnq5DMFIOqcs_WzUHfb3k4r3y66DMzPwQI0aEk35ZYsAvkxd9m6Ax9fwJBuMCpb3jf7Az0SBpDvUgT7iRvS2b09UTwkW3ZIxfnaUE4uoqacoTUm7239AjuNe5Qh3UZl0rVvZ-mnh3SmAcNpxl-RtUEdcw4gO0MbIch39gIJ_1CcvBxXR2tVSUILZWfbpXI2ubA_sQZ0VJy5kWpe4pYF5beJISZ7sZ0Fzrv2ftE7poEtueYloftRfng",
@@ -96,7 +96,6 @@ ProviderProductEditionDefault.args = {
     ],
   },
   location: {
-    product: { articleId: 109485, versionId: 3 },
     state: { origin: "Contentoh" },
   },
   user: {