umwd-components 0.1.624 → 0.1.625

package/dist/types/data/actions/e-commerce/iro/requestRmaAction.d.ts

@@ -0,0 +1,4 @@
+/** INFO
+ * This action is used by the customer to request an rma
+ */
+export declare function requestRmaAction(prevState: any, formData: FormData): Promise<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "umwd-components",
-  "version": "0.1.624",
+  "version": "0.1.625",
   "description": "UMWD Component library",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",

package/src/components/auth/AuthWidget.tsx

@@ -17,6 +17,7 @@ import { useRouter } from "next/navigation";
 import { useSession } from "../../context/auth/SessionContext";
 import Button from "@mui/material/Button";
 import { Typography } from "@mui/material";
+import KeyboardReturnIcon from "@mui/icons-material/KeyboardReturn";
 
 interface Action {
   icon: JSX.Element;
@@ -36,8 +37,8 @@ const defaultActions = {
   loggedIn: [
     { icon: <PersonIcon />, name: "Profile", route: "/user/profile" },
     { icon: <ListAltIcon />, name: "Orders", route: "/user/orders" },
+    { icon: <KeyboardReturnIcon />, name: "Returns", route: "/user/returns" },
     { icon: <FolderIcon />, name: "Documents", route: "/user/documents" },
-    // TODO { icon: <KeyboardReturnIcon />, name: "Returns", route: "/user/returns" },
   ],
   loggedOut: [
     { icon: <LoginIcon />, name: "Sign-In", route: "/auth/signin" },

package/src/components/e-commerce/iro/RmaForm.tsx

@@ -3,7 +3,7 @@
 import React, { useEffect, useState } from "react";
 import { useFormState } from "react-dom";
 
-import { createIroAction } from "../../../data/actions/e-commerce/iro/createIroAction";
+import { requestRmaAction } from "../../../data/actions/e-commerce/iro/requestRmaAction";
 import { StrapiErrors } from "../../../components/StrapiErrors";
 import { SubmitButton } from "../../../components/SubmitButton";
 import {
@@ -144,7 +144,7 @@ export default function RmaForm({
   revalidateCallback,
   handleClose,
 }: RMAFormProps) {
-  const [formState, formAction] = useFormState(createIroAction, INITIAL_STATE);
+  const [formState, formAction] = useFormState(requestRmaAction, INITIAL_STATE);
 
   const [items, setItems] = useState<NewIroItem[]>([]);
 

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

@@ -0,0 +1,41 @@
+"use server";
+
+import { mutateData } from "../../../services/mutate-data";
+import { flattenAttributes } from "../../../../lib/utils";
+import { parseFormData } from "../../../../lib/parseFormData";
+
+/** INFO
+ * This action is used by the customer to request an rma
+ */
+export async function requestRmaAction(prevState: any, formData: FormData) {
+  const rawFormData = Object.fromEntries(formData);
+
+  const parsedFormData = parseFormData(formData);
+
+  const responseData = await mutateData("POST", `/api/iros`, parsedFormData);
+
+  if (!responseData) {
+    return {
+      ...prevState,
+      strapiErrors: null,
+      message: "Ops! Something went wrong. Please try again.",
+    };
+  }
+
+  if (responseData.error) {
+    return {
+      ...prevState,
+      strapiErrors: responseData.error,
+      message: "Failed to Create Iro.",
+    };
+  }
+
+  const flattenedData = flattenAttributes(responseData);
+
+  return {
+    ...prevState,
+    message: "Iro Created Successfully",
+    data: flattenedData,
+    strapiErrors: null,
+  };
+}