umwd-components 0.1.642 → 0.1.644

package/src/context/common/SnackbarContext.tsx

@@ -1,12 +1,6 @@
 "use client";
 
-import React, {
-  createContext,
-  useContext,
-  useReducer,
-  useEffect,
-  ReactNode,
-} from "react";
+import React, { createContext, useContext, useReducer, ReactNode } from "react";
 import {
   snackbarMessage,
   SnackbarState,
@@ -18,7 +12,6 @@ const initialState: SnackbarState = {
   messages: [],
 };
 
-// TODO this is a work in progress
 const SnackbarContext = createContext<{
   state: SnackbarState;
   dispatch: React.Dispatch<any>;
@@ -26,32 +19,23 @@ const SnackbarContext = createContext<{
     message: string;
     severity: "success" | "error" | "info" | "warning";
   }) => void;
-  /* messages: snackbarMessage[];
-  handleAddMessage: (value: {
-    message: string;
-    severity: "success" | "error" | "info" | "warning";
-  }) => void;
   handleAddMessages: (
     value: {
       message: string;
       severity: "success" | "error" | "info" | "warning";
     }[]
   ) => void;
-  handleOpen: (value: boolean, index: number) => void;
   handleClose: (
     event: Event | React.SyntheticEvent<any, Event>,
     reason: SnackbarCloseReason,
     id: string
-  ) => void; */
+  ) => void;
 }>({
   state: initialState,
   dispatch: () => undefined,
   handleAddMessage: () => undefined,
-  /* messages: [],
-  handleAddMessage: () => undefined,
   handleAddMessages: () => undefined,
-  handleOpen: () => undefined,
-  handleClose: () => undefined, */
+  handleClose: () => undefined,
 });
 
 const snackbarReducer = (state: SnackbarState, action: any): SnackbarState => {
@@ -62,6 +46,8 @@ const snackbarReducer = (state: SnackbarState, action: any): SnackbarState => {
       };
     case "ADD_MESSAGE":
       return { ...state, messages: [...state.messages, action.payload] };
+    case "UPDATE_MESSAGES":
+      return { ...state, messages: action.payload };
     default:
       throw new Error(`No case for type ${action.type}`);
   }
@@ -70,30 +56,22 @@ const snackbarReducer = (state: SnackbarState, action: any): SnackbarState => {
 export const SnackbarProvider = ({ children }: { children: ReactNode }) => {
   const [state, dispatch] = useReducer(snackbarReducer, initialState);
 
-  /* const handleOpen = (value: boolean, index: number) => {
-    const newMessages = [...state.messages];
-    newMessages[index].open = value;
-
-    dispatch({ type: "ADD_MESSAGE", payload: newMessages });
-  }; */
-
-  /* const handleClose = (
+  const handleClose = (
     event: Event | React.SyntheticEvent<any, Event>,
     reason: SnackbarCloseReason,
     id: string
   ) => {
-    console.log(event, reason, id);
     if (reason === "clickaway") {
       return;
     }
 
     const newMessages = [...state.messages];
-
     const index = newMessages.findIndex((message) => message.id === id);
-    newMessages[index].open = false;
-
-    dispatch({ type: "ADD_MESSAGE", payload: newMessages });
-  }; */
+    if (index !== -1) {
+      newMessages[index].open = false;
+      dispatch({ type: "UPDATE_MESSAGES", payload: newMessages });
+    }
+  };
 
   const handleAddMessage = React.useCallback(
     (value: {
@@ -106,35 +84,31 @@ export const SnackbarProvider = ({ children }: { children: ReactNode }) => {
     [dispatch]
   );
 
-  /* const handleAddMessages = (
-    value: {
-      message: string;
-      severity: "success" | "error" | "info" | "warning";
-    }[]
-  ) => {
-    const newMessages = [
-      ...state.messages,
-      ...value.map((item) => ({ ...item, open: true, id: uuidV4() })),
-    ];
-
-    console.log("new messages from contextV2", newMessages);
-
-    dispatch({ type: "ADD_MESSAGE", payload: newMessages });
-  }; */
-
-  /* useEffect(() => {
-    dispatch({ type: "SET_STATE", payload: initialState });
-  }, [initialState]); */
+  const handleAddMessages = React.useCallback(
+    (
+      value: {
+        message: string;
+        severity: "success" | "error" | "info" | "warning";
+      }[]
+    ) => {
+      const newMessages = value.map((item) => ({
+        ...item,
+        open: true,
+        id: uuidV4(),
+      }));
+      newMessages.forEach((message) => {
+        dispatch({ type: "ADD_MESSAGE", payload: message });
+      });
+    },
+    [dispatch]
+  );
 
   const value = {
     state,
     dispatch,
     handleAddMessage,
-    /* messages: state.messages,
-    handleAddMessage,
     handleAddMessages,
-    handleOpen,
-    handleClose, */
+    handleClose,
   };
 
   return (

package/src/data/actions/e-commerce/iro/cancelIroAction.ts

@@ -41,6 +41,7 @@ export async function cancelIroAction(prevState: any, formData: FormData) {
 
   return {
     ...prevState,
+    severity: "success",
     message: "Iro Cancelled Successfully.",
     data: flattenedData,
     strapiErrors: null,