contentoh-components-library 21.3.45 → 21.3.47

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

@@ -100,6 +100,7 @@ export const ContentChat = (props) => {
       }
       if (chatType === "merchant_product") getInitialMerchantProduct();
       else if (chatType === "order_product") getInitialOrderProduct();
+      else if (chatType === "product_status") getInitialProductStatus();
       else getInitialTicket();
     }
     if (!showPopUpChat) {
@@ -126,6 +127,8 @@ export const ContentChat = (props) => {
     } else if (chatType === "order_product") {
       if (companies) getUpdateLatestOrderProduct(true);
       else getInitialOrderProduct();
+    } else if (chatType === "product_status") {
+      getInitialProductStatus();
     } else {
       if (singleChat.items) getUpdateLatestTicket(true);
       else getInitialTicket();
@@ -135,6 +138,47 @@ export const ContentChat = (props) => {
   /*=======================================================================
                 PETICION GET INICIAL SEGUN EL TIPO DE CHAT
   ======================================================================= */
+  const getInitialProductStatus = async () => {
+    const paramsQuery = {
+      articleData: {
+        articleId: JSON.stringify(dataChat.id),
+        version: JSON.stringify(dataChat.version),
+        retailerId: JSON.stringify(dataChat.retailerId),
+        status: dataChat.status,
+      },
+    };
+    const paramsHeaders = { Authorization: dataChat.userToken };
+    const response = await fetchGET(
+      process.env.REACT_APP_READ_MESSAGES,
+      paramsQuery,
+      paramsHeaders
+    );
+    if (!response.body) {
+      setErrorChat({
+        existError: true,
+        code: 400,
+        message: response.message,
+        errorDetail: response.errorDetail,
+      });
+      setIsLoading(false);
+      return;
+    }
+    // success
+    setStartUpdate((prev) => prev + 1);
+    setCurrentUser({
+      id: response.body.data.currentUserId,
+      companyId: response.body.data.currentCompanyId,
+    });
+    setLastUpdateDate(response.body.data.lastUpdateDate);
+    setAllUsers(response.body.users);
+    setSingleChat({
+      items: response.body.items,
+      enabledLoadMore: response.body.items.length === 50,
+    });
+    setErrorChat({ existError: false });
+    setIsLoading(false);
+  };
+
   const getInitialMerchantProduct = async () => {
     const paramsQuery = {
       getType: "initial",
@@ -609,12 +653,14 @@ export const ContentChat = (props) => {
     // enviar items a la BD
     if (chatType === "merchant_product") {
       errorCreate = await createItemsMerchantProduct(items);
+    } else if (chatType === "product_status") {
+      errorCreate = await createItemsProductStatus(items);
     } else if (chatType === "order_product") {
       errorCreate = await createItemsOrderProduct(items);
     } else errorCreate = await createItemsTicket(items);
 
     // actualizar chat para que aparezcan los items enviados
-    if (chatType === "merchant_product") {
+    if (["merchant_product", "product_status"].includes(chatType)) {
       await getUpdateLatestMerchantProduct();
     } else if (chatType === "order_product") {
       await getUpdateLatestOrderProduct();
@@ -627,9 +673,10 @@ export const ContentChat = (props) => {
   };
 
   const createItemsMerchantProduct = async (items = []) => {
-    const { id, version } = dataChat;
+    const { id, version, orderId } = dataChat;
     const { id: retailerId } = activeRetailer;
     const paramsBody = { id, version, items, retailerId };
+    if (chatType === "product_status") paramsBody["orderId"] = orderId;
     const paramsHeaders = { Authorization: dataChat.userToken };
     const response = await fetchPOST(
       process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT,
@@ -643,6 +690,23 @@ export const ContentChat = (props) => {
       };
     }
   };
+  const createItemsProductStatus = async (items = []) => {
+    const { id, version, orderId, status } = dataChat;
+    const { id: retailerId } = activeRetailer;
+    const paramsBody = { id, version, items, retailerId, orderId, status };
+    const paramsHeaders = { Authorization: dataChat.userToken };
+    const response = await fetchPOST(
+      process.env.REACT_APP_CREATE_MESSAGES,
+      paramsBody,
+      paramsHeaders
+    );
+    if (!response.body) {
+      return {
+        message: response.message,
+        errorDetail: response.errorDetail,
+      };
+    }
+  };
 
   const createItemsOrderProduct = async (items = []) => {
     const paramsBody = {
@@ -690,7 +754,11 @@ export const ContentChat = (props) => {
                         SECCION DE FUNCIONES
   ======================================================================= */
   const isSingleChat = () => {
-    if (chatType === "merchant_product" || chatType === "ticket") {
+    if (
+      chatType === "merchant_product" ||
+      chatType === "ticket" ||
+      chatType === "product_status"
+    ) {
       return true;
     }
     if (companies && Object.keys(companies).length < 2) return true;
@@ -801,7 +869,7 @@ export const ContentChat = (props) => {
     // mostrar chat?
     let items;
     let enabledLoadMore;
-    if (["merchant_product", "ticket"].includes(chatType)) {
+    if (["merchant_product", "ticket", "product_status"].includes(chatType)) {
       items = singleChat.items;
       enabledLoadMore = singleChat.enabledLoadMore;
     }
@@ -843,7 +911,9 @@ export const ContentChat = (props) => {
             activeCompanyId={activeCompanyId}
             ticketCompany={ticketCompany}
             currentUser={
-              ["merchant_product", "order_product"].includes(chatType)
+              ["merchant_product", "order_product", "product_status"].includes(
+                chatType
+              )
                 ? currentUser
                 : dataChat.currentUser
             }
@@ -882,6 +952,12 @@ export const ContentChat = (props) => {
                 ? { id: dataChat.id, version: currentArticle.version }
                 : chatType === "ticket"
                 ? { id: dataChat.id }
+                : chatType === "product_status"
+                ? {
+                    id: dataChat.id,
+                    version: dataChat.version,
+                    retailerId: dataChat.retailerId,
+                  }
                 : undefined
             }
             chatCompany={getChatCompany()}
@@ -924,7 +1000,6 @@ export const ContentChat = (props) => {
             }}
           />
         )}
-
         {/* body */}
         {renderBodyChat()}
       </Container>

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

@@ -169,6 +169,17 @@ export const Footer = (props) => {
                 errorMessage = "El ID del ticket no es valido";
               }
               break;
+            case "product_status":
+              if (
+                isValidNaturalNumber(dataChat?.id) &&
+                isValidNaturalNumber(dataChat?.version) &&
+                isValidNaturalNumber(dataChat?.retailerId)
+              ) {
+                fileKey += `productStatus/${dataChat.id}-${dataChat?.version}-${dataChat?.retailerId}/`;
+              } else {
+                errorMessage = "El ID del ticket no es valido";
+              }
+              break;
 
             default:
               errorMessage =

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

@@ -24,7 +24,7 @@ export const Chat = (props) => {
   const [showPopUpChat, setShowPopUpChat] = useState(false);
   const [data, setData] = useState();
 
-  const { ticketCompany } = chatData || {};
+  const { ticketCompany, retailerId } = chatData || {};
 
   useEffect(() => {
     switch (chatType) {
@@ -37,6 +37,9 @@ export const Chat = (props) => {
       case "ticket":
         validateChatTicket();
         break;
+      case "product_status":
+        validateProductStatus();
+        break;
       default:
         setData({
           code: 404,
@@ -46,6 +49,45 @@ export const Chat = (props) => {
     }
   }, [chatType]);
 
+  const validateProductStatus = () => {
+    const {
+      userToken, // string
+      id, // number
+      version,
+      retailerId, // number
+      status,
+      orderId,
+    } = chatData;
+
+    if (!isValidGeneral(userToken, id)) return;
+
+    // validar el ID de la cadena asociada al producto en la OT
+    if (!isValidNaturalNumber(retailerId)) {
+      setDataError("La cadena relacionada al producto no es válida");
+      return;
+    }
+
+    // validar el ID de la version asociada al producto en la OT
+    if (!isValidNaturalNumber(version)) {
+      setDataError("La versión del producto no es válida");
+      return;
+    }
+
+    if (orderId && !isValidNaturalNumber(orderId)) {
+      setDataError("La orden del producto no es válida");
+      return;
+    }
+
+    setData({
+      userToken,
+      id,
+      version,
+      retailerId,
+      orderId,
+      status,
+    });
+  };
+
   const isValidGeneral = (userToken, id) => {
     // validar token del user
     if (isStringEmpty(userToken)) {
@@ -69,6 +111,8 @@ export const Chat = (props) => {
       retailerId, // number
     } = chatData;
 
+    console.log(chatData, "chatData");
+
     if (!isValidGeneral(userToken, id)) return;
 
     // validar el ID de la OT en donde se encuentra el producto
@@ -197,7 +241,7 @@ export const Chat = (props) => {
           dataChat={data}
           showBtnClose={false}
           ticketCompany={ticketCompany}
-          activeRetailer={props.activeRetailer}
+          activeRetailer={props.activeRetailer || { id: retailerId }}
         />
       </ContainerFixed>
     );
@@ -230,7 +274,7 @@ export const Chat = (props) => {
               onClickBtnClose={() => {
                 setShowPopUpChat(false);
               }}
-              activeRetailer={props.activeRetailer}
+              activeRetailer={props.activeRetailer || { id: retailerId }}
             />
           </ContainerPopUp>
         </Slide>

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

@@ -138,6 +138,7 @@ ProviderProductEditionDefault.args = {
     hash: "",
     state: {
       withChat: true,
+      chatType: "product_status",
     },
     key: "24vwut",
   },

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

@@ -1294,6 +1294,7 @@ export const ProviderProductEdition = ({
       <HeaderTop
         setHeaderTop={setHeaderTop}
         withChat={location?.state?.withChat}
+        chatType={location?.state?.chatType}
         productSelected={productSelected}
         token={token}
         activeRetailer={activeRetailer}

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

@@ -74,7 +74,11 @@ RetailerProductEditionDefault.args = {
     }
 },
   location: {
-    product: { articleId: 39290, versionId: 7 },
+    product: { articleId: 354, versionId: 3 },
+    state: {
+      withChat: true,
+      chatType: "product_status",
+    },
   },
   user: {
     "id_user": 51,

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

@@ -1271,8 +1271,10 @@ export const RetailerProductEdition = ({
         setCompare={setCompare}
         isAuditor={[1, 6].includes(user.id_role)}
         withChat={location?.state?.withChat}
+        chatType={location?.state?.chatType}
         productSelected={productSelected}
         token={token}
+        activeRetailer={activeRetailer}
       />
       <div className="data-container">
         <div className="image-data-panel">