medusa-plugin-complaints 0.2.0 → 0.2.1

package/.medusa/server/src/admin/index.mjs

@@ -1,8 +1,8 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Container, Heading, Button, Text, Badge, clx, createDataTableColumnHelper, createDataTableCommandHelper, usePrompt, createDataTableFilterHelper, useDataTable, DataTable, FocusModal, Input, toast, DropdownMenu, IconButton, Textarea, Tooltip, Avatar, Drawer, Label, Select } from "@medusajs/ui";
+import { Container, Heading, Button, Text, Badge, clx, createDataTableColumnHelper, createDataTableCommandHelper, usePrompt, createDataTableFilterHelper, useDataTable, DataTable, FocusModal, Input, toast, Select, Textarea, DropdownMenu, IconButton, Tooltip, Avatar, Drawer, Label } from "@medusajs/ui";
 import { defineWidgetConfig, defineRouteConfig } from "@medusajs/admin-sdk";
 import { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
-import { useNavigate, Outlet, Link, useBlocker, useParams, useSearchParams } from "react-router-dom";
+import { useNavigate, Outlet, Link, useBlocker, useSearchParams, useParams } from "react-router-dom";
 import Medusa from "@medusajs/js-sdk";
 import React, { useState, useMemo, useEffect } from "react";
 import { FaceDisappointed, EllipsisHorizontal, PencilSquare, Trash } from "@medusajs/icons";
@@ -6495,6 +6495,258 @@ const ComplaintStatsPage = () => {
     /* @__PURE__ */ jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => mutate(void 0, { onSuccess: () => toast.success("Complaint stats updated successfully"), onError: () => toast.error("Failed to update complaint stats") }), isLoading: isPending, children: "Recalculate Complaint Stats" }) })
   ] });
 };
+const schema$3 = object({
+  description: string().min(1, "Required"),
+  customer_id: string().min(1, "Required"),
+  order_id: string().min(1, "Required"),
+  product_id: string().min(1, "Required"),
+  tag_ids: array(string()).optional()
+});
+const CreateComplaintModal = ({
+  open,
+  setOpen,
+  customerId,
+  orderId
+}) => {
+  var _a2, _b;
+  const navigate = useNavigate();
+  const { mutate: createComplaint, isPending } = useCreateComplaint();
+  const prompt = usePrompt();
+  const form = useForm({
+    resolver: t(schema$3),
+    defaultValues: {
+      description: "",
+      customer_id: customerId,
+      order_id: orderId ?? "",
+      product_id: "",
+      tag_ids: []
+    }
+  });
+  const { formState } = form;
+  const { isDirty } = formState;
+  const selectedOrderId = useWatch({ control: form.control, name: "order_id" });
+  const { data: customerData, isLoading: customerLoading } = useCustomerWithOrders(customerId);
+  const customerOrders = (customerData == null ? void 0 : customerData.customer.orders) ?? [];
+  const { data: orderData, isLoading: orderLoading } = useOrder(selectedOrderId);
+  const orderProducts = Object.values(
+    (((_a2 = orderData == null ? void 0 : orderData.order) == null ? void 0 : _a2.items) ?? []).reduce(
+      (acc, item) => {
+        if (item.product_id && !acc[item.product_id]) {
+          acc[item.product_id] = { id: item.product_id, title: item.product_title ?? "" };
+        }
+        return acc;
+      },
+      {}
+    )
+  );
+  const { data: tagsData } = useComplaintTags();
+  const [selectedTagIds, setSelectedTagIds] = useState([]);
+  const [tagSelectValue, setTagSelectValue] = useState("");
+  const [success, setSuccess] = useState(false);
+  let blocker = useBlocker(
+    ({ currentLocation, nextLocation }) => isDirty && formState.dirtyFields.description === true && currentLocation.pathname !== nextLocation.pathname
+  );
+  const handleNavigate = async () => {
+    if (blocker.state !== "blocked") return;
+    if (success) {
+      blocker.proceed();
+      return;
+    }
+    const confirmed = await prompt({
+      title: "Are you sure you want to leave this form?",
+      description: "You have unsaved changes that will be lost if you exit this form.",
+      confirmText: "Continue",
+      cancelText: "Cancel",
+      variant: "confirmation"
+    });
+    if (confirmed) {
+      blocker.proceed();
+    } else {
+      blocker.reset();
+    }
+  };
+  useEffect(() => {
+    if (blocker.state === "blocked") {
+      handleNavigate();
+    }
+  }, [isDirty, open, blocker]);
+  const handleSubmit = form.handleSubmit((data) => {
+    createComplaint(data, {
+      onSuccess: (result) => {
+        toast.success("Complaint created successfully");
+        setSuccess(true);
+        form.reset();
+        navigate(`/complaints/${result.complaint.id}`);
+      },
+      onError: () => toast.error("Failed to create complaint")
+    });
+  });
+  if (!customerId) {
+    return /* @__PURE__ */ jsx(FocusModal, { open, children: /* @__PURE__ */ jsxs(FocusModal.Content, { children: [
+      /* @__PURE__ */ jsx(FocusModal.Header, { children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Error" }) }),
+      /* @__PURE__ */ jsx(FocusModal.Body, { children: /* @__PURE__ */ jsx(Text, { children: "Customer ID is required to create a complaint." }) })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(FocusModal, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(FocusModal.Content, { children: /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex h-full flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx(FocusModal.Header, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx(FocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading: isPending, children: "Save" })
+    ] }) }),
+    /* @__PURE__ */ jsx(FocusModal.Body, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-[720px] flex-col gap-y-8 px-2 py-16", children: [
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Heading, { className: "capitalize", children: "Create Complaint" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
+        /* @__PURE__ */ jsx(
+          Controller,
+          {
+            control: form.control,
+            name: "customer_id",
+            render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: "Customer ID" }),
+              /* @__PURE__ */ jsx(Input, { ...field, disabled: true })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Controller,
+          {
+            control: form.control,
+            name: "order_id",
+            rules: { required: "Order is required" },
+            render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
+              /* @__PURE__ */ jsxs(Text, { size: "small", weight: "plus", children: [
+                "Order ",
+                /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+              ] }),
+              customerLoading ? /* @__PURE__ */ jsx(Text, { size: "small", children: "Loading orders..." }) : /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: field.value,
+                  onValueChange: (value) => {
+                    field.onChange(value);
+                    form.setValue("product_id", "");
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select an order from this customer" }) }),
+                    /* @__PURE__ */ jsx(Select.Content, { children: customerOrders.map((order) => /* @__PURE__ */ jsxs(Select.Item, { value: order.id, children: [
+                      new Date(order.created_at).toLocaleString(
+                        "en-US",
+                        {
+                          year: "numeric",
+                          month: "short",
+                          day: "numeric"
+                        }
+                      ),
+                      " ",
+                      "- #",
+                      order.display_id
+                    ] }, order.id)) })
+                  ]
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Controller,
+          {
+            control: form.control,
+            name: "product_id",
+            render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: "Product" }),
+              orderLoading ? /* @__PURE__ */ jsx(Text, { size: "small", children: "Loading..." }) : /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: field.value,
+                  onValueChange: field.onChange,
+                  children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select a product" }) }),
+                    /* @__PURE__ */ jsx(Select.Content, { children: orderProducts == null ? void 0 : orderProducts.map((product) => /* @__PURE__ */ jsx(Select.Item, { value: product.id, children: product.title }, product.id)) })
+                  ]
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: "Tags" }),
+          selectedTagIds.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: selectedTagIds.map((tagId) => {
+            var _a3;
+            const tag = (_a3 = tagsData == null ? void 0 : tagsData.complaint_tags) == null ? void 0 : _a3.find(
+              (t2) => t2.id === tagId
+            );
+            return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(Badge, { size: "xsmall", color: "blue", children: (tag == null ? void 0 : tag.value) ?? tagId }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setSelectedTagIds(
+                    (prev) => prev.filter((id) => id !== tagId)
+                  ),
+                  className: "text-ui-fg-subtle hover:text-ui-fg-base text-xs",
+                  "aria-label": `Remove tag ${tag == null ? void 0 : tag.value}`,
+                  children: "✕"
+                }
+              )
+            ] }, tagId);
+          }) }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: tagSelectValue,
+              onValueChange: (value) => {
+                if (value && !selectedTagIds.includes(value)) {
+                  setSelectedTagIds((prev) => [...prev, value]);
+                }
+                form.setValue("tag_ids", [...selectedTagIds, value], {
+                  shouldDirty: true
+                });
+                setTagSelectValue("");
+              },
+              children: [
+                /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Add a tag..." }) }),
+                /* @__PURE__ */ jsx(Select.Content, { children: (_b = tagsData == null ? void 0 : tagsData.complaint_tags) == null ? void 0 : _b.filter((tag) => !selectedTagIds.includes(tag.id)).map((tag) => /* @__PURE__ */ jsx(Select.Item, { value: tag.id, children: tag.value }, tag.id)) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Controller,
+          {
+            control: form.control,
+            name: "description",
+            render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: "Description" }),
+              /* @__PURE__ */ jsx(Textarea, { ...field })
+            ] })
+          }
+        )
+      ] })
+    ] }) }) })
+  ] }) }) }) });
+};
+const CreateComplaintPage = () => {
+  const [searchParams] = useSearchParams();
+  const navigate = useNavigate();
+  const customerId = searchParams.get("customer_id") ?? "";
+  const orderId = searchParams.get("order_id") ?? "";
+  const [createOpen, setCreateOpen] = useState(true);
+  const handleOpenChange = (open) => {
+    setCreateOpen(open);
+    if (!open) {
+      navigate("/complaints", { replace: true });
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    CreateComplaintModal,
+    {
+      customerId,
+      orderId,
+      open: createOpen,
+      setOpen: handleOpenChange
+    }
+  );
+};
 const ActionMenu = ({ groups }) => {
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: "small", variant: "transparent", children: /* @__PURE__ */ jsx(EllipsisHorizontal, {}) }) }),
@@ -8207,7 +8459,7 @@ const useDate = () => {
     getRelativeDate
   };
 };
-const schema$3 = object({
+const schema$2 = object({
   note: string().min(1, "Required")
 });
 const ComplaintNoteModal = ({
@@ -8220,7 +8472,7 @@ const ComplaintNoteModal = ({
   const { mutate: updateNote } = useUpdateNote(complaintId, note == null ? void 0 : note.id);
   const prompt = usePrompt();
   const form = useForm({
-    resolver: t(schema$3),
+    resolver: t(schema$2),
     defaultValues: {
       note: (note == null ? void 0 : note.note) || ""
     }
@@ -8412,7 +8664,7 @@ const ComplaintActivity = ({ complaint }) => {
     )
   ] });
 };
-const schema$2 = object({
+const schema$1 = object({
   order_id: string().min(1, "Required"),
   product_id: string().min(1, "Required"),
   number: number(),
@@ -8426,7 +8678,7 @@ const EditComplaintDrawer = ({ complaint, open, setOpen }) => {
   const updateMutation = useUpdateComplaint(complaint.id);
   const prompt = usePrompt();
   const form = useForm({
-    resolver: t(schema$2),
+    resolver: t(schema$1),
     defaultValues: {
       number: 0,
       status: "open",
@@ -8724,258 +8976,6 @@ const ComplaintDetailPage = () => {
     /* @__PURE__ */ jsx(EditComplaintDrawer, { complaint, open: editOpen, setOpen: setEditOpen })
   ] });
 };
-const schema$1 = object({
-  description: string().min(1, "Required"),
-  customer_id: string().min(1, "Required"),
-  order_id: string().min(1, "Required"),
-  product_id: string().min(1, "Required"),
-  tag_ids: array(string()).optional()
-});
-const CreateComplaintModal = ({
-  open,
-  setOpen,
-  customerId,
-  orderId
-}) => {
-  var _a2, _b;
-  const navigate = useNavigate();
-  const { mutate: createComplaint, isPending } = useCreateComplaint();
-  const prompt = usePrompt();
-  const form = useForm({
-    resolver: t(schema$1),
-    defaultValues: {
-      description: "",
-      customer_id: customerId,
-      order_id: orderId ?? "",
-      product_id: "",
-      tag_ids: []
-    }
-  });
-  const { formState } = form;
-  const { isDirty } = formState;
-  const selectedOrderId = useWatch({ control: form.control, name: "order_id" });
-  const { data: customerData, isLoading: customerLoading } = useCustomerWithOrders(customerId);
-  const customerOrders = (customerData == null ? void 0 : customerData.customer.orders) ?? [];
-  const { data: orderData, isLoading: orderLoading } = useOrder(selectedOrderId);
-  const orderProducts = Object.values(
-    (((_a2 = orderData == null ? void 0 : orderData.order) == null ? void 0 : _a2.items) ?? []).reduce(
-      (acc, item) => {
-        if (item.product_id && !acc[item.product_id]) {
-          acc[item.product_id] = { id: item.product_id, title: item.product_title ?? "" };
-        }
-        return acc;
-      },
-      {}
-    )
-  );
-  const { data: tagsData } = useComplaintTags();
-  const [selectedTagIds, setSelectedTagIds] = useState([]);
-  const [tagSelectValue, setTagSelectValue] = useState("");
-  const [success, setSuccess] = useState(false);
-  let blocker = useBlocker(
-    ({ currentLocation, nextLocation }) => isDirty && formState.dirtyFields.description === true && currentLocation.pathname !== nextLocation.pathname
-  );
-  const handleNavigate = async () => {
-    if (blocker.state !== "blocked") return;
-    if (success) {
-      blocker.proceed();
-      return;
-    }
-    const confirmed = await prompt({
-      title: "Are you sure you want to leave this form?",
-      description: "You have unsaved changes that will be lost if you exit this form.",
-      confirmText: "Continue",
-      cancelText: "Cancel",
-      variant: "confirmation"
-    });
-    if (confirmed) {
-      blocker.proceed();
-    } else {
-      blocker.reset();
-    }
-  };
-  useEffect(() => {
-    if (blocker.state === "blocked") {
-      handleNavigate();
-    }
-  }, [isDirty, open, blocker]);
-  const handleSubmit = form.handleSubmit((data) => {
-    createComplaint(data, {
-      onSuccess: (result) => {
-        toast.success("Complaint created successfully");
-        setSuccess(true);
-        form.reset();
-        navigate(`/complaints/${result.complaint.id}`);
-      },
-      onError: () => toast.error("Failed to create complaint")
-    });
-  });
-  if (!customerId) {
-    return /* @__PURE__ */ jsx(FocusModal, { open, children: /* @__PURE__ */ jsxs(FocusModal.Content, { children: [
-      /* @__PURE__ */ jsx(FocusModal.Header, { children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Error" }) }),
-      /* @__PURE__ */ jsx(FocusModal.Body, { children: /* @__PURE__ */ jsx(Text, { children: "Customer ID is required to create a complaint." }) })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx(FocusModal, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(FocusModal.Content, { children: /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex h-full flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx(FocusModal.Header, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-      /* @__PURE__ */ jsx(FocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
-      /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading: isPending, children: "Save" })
-    ] }) }),
-    /* @__PURE__ */ jsx(FocusModal.Body, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-[720px] flex-col gap-y-8 px-2 py-16", children: [
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Heading, { className: "capitalize", children: "Create Complaint" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
-        /* @__PURE__ */ jsx(
-          Controller,
-          {
-            control: form.control,
-            name: "customer_id",
-            render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
-              /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: "Customer ID" }),
-              /* @__PURE__ */ jsx(Input, { ...field, disabled: true })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Controller,
-          {
-            control: form.control,
-            name: "order_id",
-            rules: { required: "Order is required" },
-            render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
-              /* @__PURE__ */ jsxs(Text, { size: "small", weight: "plus", children: [
-                "Order ",
-                /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
-              ] }),
-              customerLoading ? /* @__PURE__ */ jsx(Text, { size: "small", children: "Loading orders..." }) : /* @__PURE__ */ jsxs(
-                Select,
-                {
-                  value: field.value,
-                  onValueChange: (value) => {
-                    field.onChange(value);
-                    form.setValue("product_id", "");
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select an order from this customer" }) }),
-                    /* @__PURE__ */ jsx(Select.Content, { children: customerOrders.map((order) => /* @__PURE__ */ jsxs(Select.Item, { value: order.id, children: [
-                      new Date(order.created_at).toLocaleString(
-                        "en-US",
-                        {
-                          year: "numeric",
-                          month: "short",
-                          day: "numeric"
-                        }
-                      ),
-                      " ",
-                      "- #",
-                      order.display_id
-                    ] }, order.id)) })
-                  ]
-                }
-              )
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Controller,
-          {
-            control: form.control,
-            name: "product_id",
-            render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
-              /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: "Product" }),
-              orderLoading ? /* @__PURE__ */ jsx(Text, { size: "small", children: "Loading..." }) : /* @__PURE__ */ jsxs(
-                Select,
-                {
-                  value: field.value,
-                  onValueChange: field.onChange,
-                  children: [
-                    /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select a product" }) }),
-                    /* @__PURE__ */ jsx(Select.Content, { children: orderProducts == null ? void 0 : orderProducts.map((product) => /* @__PURE__ */ jsx(Select.Item, { value: product.id, children: product.title }, product.id)) })
-                  ]
-                }
-              )
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: "Tags" }),
-          selectedTagIds.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: selectedTagIds.map((tagId) => {
-            var _a3;
-            const tag = (_a3 = tagsData == null ? void 0 : tagsData.complaint_tags) == null ? void 0 : _a3.find(
-              (t2) => t2.id === tagId
-            );
-            return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(Badge, { size: "xsmall", color: "blue", children: (tag == null ? void 0 : tag.value) ?? tagId }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setSelectedTagIds(
-                    (prev) => prev.filter((id) => id !== tagId)
-                  ),
-                  className: "text-ui-fg-subtle hover:text-ui-fg-base text-xs",
-                  "aria-label": `Remove tag ${tag == null ? void 0 : tag.value}`,
-                  children: "✕"
-                }
-              )
-            ] }, tagId);
-          }) }),
-          /* @__PURE__ */ jsxs(
-            Select,
-            {
-              value: tagSelectValue,
-              onValueChange: (value) => {
-                if (value && !selectedTagIds.includes(value)) {
-                  setSelectedTagIds((prev) => [...prev, value]);
-                }
-                form.setValue("tag_ids", [...selectedTagIds, value], {
-                  shouldDirty: true
-                });
-                setTagSelectValue("");
-              },
-              children: [
-                /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Add a tag..." }) }),
-                /* @__PURE__ */ jsx(Select.Content, { children: (_b = tagsData == null ? void 0 : tagsData.complaint_tags) == null ? void 0 : _b.filter((tag) => !selectedTagIds.includes(tag.id)).map((tag) => /* @__PURE__ */ jsx(Select.Item, { value: tag.id, children: tag.value }, tag.id)) })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          Controller,
-          {
-            control: form.control,
-            name: "description",
-            render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
-              /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: "Description" }),
-              /* @__PURE__ */ jsx(Textarea, { ...field })
-            ] })
-          }
-        )
-      ] })
-    ] }) }) })
-  ] }) }) }) });
-};
-const CreateComplaintPage = () => {
-  const [searchParams] = useSearchParams();
-  const navigate = useNavigate();
-  const customerId = searchParams.get("customer_id") ?? "";
-  const orderId = searchParams.get("order_id") ?? "";
-  const [createOpen, setCreateOpen] = useState(true);
-  const handleOpenChange = (open) => {
-    setCreateOpen(open);
-    if (!open) {
-      navigate("/complaints", { replace: true });
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    CreateComplaintModal,
-    {
-      customerId,
-      orderId,
-      open: createOpen,
-      setOpen: handleOpenChange
-    }
-  );
-};
 const schema = object({
   value: string().min(1, "Required")
 });
@@ -9138,16 +9138,16 @@ const routeModule = {
       path: "/settings/complaint-stats",
       handle: handle$2
     },
+    {
+      Component: CreateComplaintPage,
+      path: "/complaints/create"
+    },
     {
       Component: ComplaintDetailPage,
       path: "/complaints/:id",
       handle: handle$1,
       loader: loader$1
     },
-    {
-      Component: CreateComplaintPage,
-      path: "/complaints/create"
-    },
     {
       Component: ComplaintTagDetailPage,
       path: "/settings/complaint-tags/:id",

package/.medusa/server/src/modules/complaint/models/complaint-activity.d.ts

@@ -23,8 +23,8 @@ export declare const ComplaintActivity: import("@medusajs/framework/utils").DmlE
         tags: import("@medusajs/framework/utils").ManyToMany<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder<{
             id: import("@medusajs/framework/utils").PrimaryKeyModifier<string, import("@medusajs/framework/utils").IdProperty>;
             value: import("@medusajs/framework/utils").TextProperty;
-            complaints: import("@medusajs/framework/utils").ManyToMany<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder<any>, "complaint">>;
+            complaints: import("@medusajs/framework/utils").ManyToMany<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder</*elided*/ any>, "complaint">>;
         }>, "complaint_tag">>;
-        activity: import("@medusajs/framework/utils").HasMany<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder<any>, "complaint_activity">>;
+        activity: import("@medusajs/framework/utils").HasMany<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder</*elided*/ any>, "complaint_activity">>;
     }>, "complaint">, undefined>;
 }>, "complaint_activity">;

package/.medusa/server/src/modules/complaint/models/complaint-tag.d.ts

@@ -12,14 +12,14 @@ export declare const ComplaintTag: import("@medusajs/framework/utils").DmlEntity
         serial_number_id: import("@medusajs/framework/utils").NullableModifier<string, import("@medusajs/framework/utils").TextProperty>;
         stock_lot_id: import("@medusajs/framework/utils").NullableModifier<string, import("@medusajs/framework/utils").TextProperty>;
         metadata: import("@medusajs/framework/utils").NullableModifier<Record<string, unknown>, import("@medusajs/framework/utils").JSONProperty>;
-        tags: import("@medusajs/framework/utils").ManyToMany<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder<any>, "complaint_tag">>;
+        tags: import("@medusajs/framework/utils").ManyToMany<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder</*elided*/ any>, "complaint_tag">>;
         activity: import("@medusajs/framework/utils").HasMany<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder<{
             id: import("@medusajs/framework/utils").PrimaryKeyModifier<string, import("@medusajs/framework/utils").IdProperty>;
             type: import("@medusajs/framework/utils").EnumProperty<typeof import("./complaint-activity").ComplaintActivityType>;
             user_id: import("@medusajs/framework/utils").TextProperty;
             note: import("@medusajs/framework/utils").NullableModifier<string, import("@medusajs/framework/utils").TextProperty>;
             metadata: import("@medusajs/framework/utils").NullableModifier<Record<string, unknown>, import("@medusajs/framework/utils").JSONProperty>;
-            complaint: import("@medusajs/framework/utils").BelongsTo<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder<any>, "complaint">, undefined>;
+            complaint: import("@medusajs/framework/utils").BelongsTo<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder</*elided*/ any>, "complaint">, undefined>;
         }>, "complaint_activity">>;
     }>, "complaint">>;
 }>, "complaint_tag">;

package/.medusa/server/src/modules/complaint/models/complaint.d.ts

@@ -16,7 +16,7 @@ export declare const Complaint: import("@medusajs/framework/utils").DmlEntity<im
     tags: import("@medusajs/framework/utils").ManyToMany<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder<{
         id: import("@medusajs/framework/utils").PrimaryKeyModifier<string, import("@medusajs/framework/utils").IdProperty>;
         value: import("@medusajs/framework/utils").TextProperty;
-        complaints: import("@medusajs/framework/utils").ManyToMany<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder<any>, "complaint">>;
+        complaints: import("@medusajs/framework/utils").ManyToMany<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder</*elided*/ any>, "complaint">>;
     }>, "complaint_tag">>;
     activity: import("@medusajs/framework/utils").HasMany<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder<{
         id: import("@medusajs/framework/utils").PrimaryKeyModifier<string, import("@medusajs/framework/utils").IdProperty>;
@@ -24,6 +24,6 @@ export declare const Complaint: import("@medusajs/framework/utils").DmlEntity<im
         user_id: import("@medusajs/framework/utils").TextProperty;
         note: import("@medusajs/framework/utils").NullableModifier<string, import("@medusajs/framework/utils").TextProperty>;
         metadata: import("@medusajs/framework/utils").NullableModifier<Record<string, unknown>, import("@medusajs/framework/utils").JSONProperty>;
-        complaint: import("@medusajs/framework/utils").BelongsTo<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder<any>, "complaint">, undefined>;
+        complaint: import("@medusajs/framework/utils").BelongsTo<() => import("@medusajs/framework/utils").DmlEntity<import("@medusajs/framework/utils").DMLEntitySchemaBuilder</*elided*/ any>, "complaint">, undefined>;
     }>, "complaint_activity">>;
 }>, "complaint">;