medusa-plugin-complaints 0.2.0 → 0.2.1

package/.medusa/server/medusa-config.js

@@ -10,8 +10,8 @@ module.exports = (0, utils_1.defineConfig)({
             storeCors: process.env.STORE_CORS || 'http://localhost:5173',
             adminCors: process.env.ADMIN_CORS || 'http://localhost:5173,http://localhost:9000',
             authCors: process.env.AUTH_CORS || 'http://localhost:5173,http://localhost:9000',
-            jwtSecret: process.env.JWT_SECRET || 'supersecret',
-            cookieSecret: process.env.COOKIE_SECRET || 'supersecret'
+            jwtSecret: process.env.JWT_SECRET,
+            cookieSecret: process.env.COOKIE_SECRET
         }
     },
     modules: [
@@ -20,4 +20,4 @@ module.exports = (0, utils_1.defineConfig)({
         }
     ]
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkdXNhLWNvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL21lZHVzYS1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxxREFBaUU7QUFFakUsSUFBQSxlQUFPLEVBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxRQUFRLElBQUksYUFBYSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFBO0FBRTdELE1BQU0sQ0FBQyxPQUFPLEdBQUcsSUFBQSxvQkFBWSxFQUFDO0lBQzdCLGFBQWEsRUFBRTtRQUNkLFFBQVEsRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLFNBQVM7UUFDL0IsV0FBVyxFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsWUFBWTtRQUNyQyxJQUFJLEVBQUU7WUFDTCxTQUFTLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFVLElBQUksdUJBQXVCO1lBQzVELFNBQVMsRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQVUsSUFBSSw2Q0FBNkM7WUFDbEYsUUFBUSxFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsU0FBUyxJQUFJLDZDQUE2QztZQUNoRixTQUFTLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFVLElBQUksYUFBYTtZQUNsRCxZQUFZLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxhQUFhLElBQUksYUFBYTtTQUN4RDtLQUNEO0lBQ0QsT0FBTyxFQUFFO1FBQ1I7WUFDQyxPQUFPLEVBQUUseUJBQXlCO1NBQ2xDO0tBQ0Q7Q0FDRCxDQUFDLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkdXNhLWNvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL21lZHVzYS1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxxREFBaUU7QUFFakUsSUFBQSxlQUFPLEVBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxRQUFRLElBQUksYUFBYSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFBO0FBRTdELE1BQU0sQ0FBQyxPQUFPLEdBQUcsSUFBQSxvQkFBWSxFQUFDO0lBQzdCLGFBQWEsRUFBRTtRQUNkLFFBQVEsRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLFNBQVM7UUFDL0IsV0FBVyxFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsWUFBWTtRQUNyQyxJQUFJLEVBQUU7WUFDTCxTQUFTLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFVLElBQUksdUJBQXVCO1lBQzVELFNBQVMsRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQVUsSUFBSSw2Q0FBNkM7WUFDbEYsUUFBUSxFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsU0FBUyxJQUFJLDZDQUE2QztZQUNoRixTQUFTLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFVO1lBQ2pDLFlBQVksRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLGFBQWE7U0FDdkM7S0FDRDtJQUNELE9BQU8sRUFBRTtRQUNSO1lBQ0MsT0FBTyxFQUFFLHlCQUF5QjtTQUNsQztLQUNEO0NBQ0QsQ0FBQyxDQUFBIn0=

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

@@ -6499,6 +6499,258 @@ const ComplaintStatsPage = () => {
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => mutate(void 0, { onSuccess: () => ui.toast.success("Complaint stats updated successfully"), onError: () => ui.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 = reactRouterDom.useNavigate();
+  const { mutate: createComplaint, isPending } = useCreateComplaint();
+  const prompt = ui.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] = React.useState([]);
+  const [tagSelectValue, setTagSelectValue] = React.useState("");
+  const [success, setSuccess] = React.useState(false);
+  let blocker = reactRouterDom.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();
+    }
+  };
+  React.useEffect(() => {
+    if (blocker.state === "blocked") {
+      handleNavigate();
+    }
+  }, [isDirty, open, blocker]);
+  const handleSubmit = form.handleSubmit((data) => {
+    createComplaint(data, {
+      onSuccess: (result) => {
+        ui.toast.success("Complaint created successfully");
+        setSuccess(true);
+        form.reset();
+        navigate(`/complaints/${result.complaint.id}`);
+      },
+      onError: () => ui.toast.error("Failed to create complaint")
+    });
+  });
+  if (!customerId) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal, { open, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Error" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Customer ID is required to create a complaint." }) })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "flex h-full flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", size: "small", isLoading: isPending, children: "Save" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex w-full max-w-[720px] flex-col gap-y-8 px-2 py-16", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { className: "capitalize", children: "Create Complaint" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Controller,
+          {
+            control: form.control,
+            name: "customer_id",
+            render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Customer ID" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, disabled: true })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Controller,
+          {
+            control: form.control,
+            name: "order_id",
+            rules: { required: "Order is required" },
+            render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", weight: "plus", children: [
+                "Order ",
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500", children: "*" })
+              ] }),
+              customerLoading ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "Loading orders..." }) : /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.Select,
+                {
+                  value: field.value,
+                  onValueChange: (value) => {
+                    field.onChange(value);
+                    form.setValue("product_id", "");
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select an order from this customer" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: customerOrders.map((order) => /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(
+          Controller,
+          {
+            control: form.control,
+            name: "product_id",
+            render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Product" }),
+              orderLoading ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "Loading..." }) : /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.Select,
+                {
+                  value: field.value,
+                  onValueChange: field.onChange,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select a product" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: orderProducts == null ? void 0 : orderProducts.map((product) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: product.id, children: product.title }, product.id)) })
+                  ]
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Tags" }),
+          selectedTagIds.length > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "xsmall", color: "blue", children: (tag == null ? void 0 : tag.value) ?? tagId }),
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+            ui.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__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Add a tag..." }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: (_b = tagsData == null ? void 0 : tagsData.complaint_tags) == null ? void 0 : _b.filter((tag) => !selectedTagIds.includes(tag.id)).map((tag) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: tag.id, children: tag.value }, tag.id)) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Controller,
+          {
+            control: form.control,
+            name: "description",
+            render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Description" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field })
+            ] })
+          }
+        )
+      ] })
+    ] }) }) })
+  ] }) }) }) });
+};
+const CreateComplaintPage = () => {
+  const [searchParams] = reactRouterDom.useSearchParams();
+  const navigate = reactRouterDom.useNavigate();
+  const customerId = searchParams.get("customer_id") ?? "";
+  const orderId = searchParams.get("order_id") ?? "";
+  const [createOpen, setCreateOpen] = React.useState(true);
+  const handleOpenChange = (open) => {
+    setCreateOpen(open);
+    if (!open) {
+      navigate("/complaints", { replace: true });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CreateComplaintModal,
+    {
+      customerId,
+      orderId,
+      open: createOpen,
+      setOpen: handleOpenChange
+    }
+  );
+};
 const ActionMenu = ({ groups }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", children: /* @__PURE__ */ jsxRuntime.jsx(icons.EllipsisHorizontal, {}) }) }),
@@ -8211,7 +8463,7 @@ const useDate = () => {
     getRelativeDate
   };
 };
-const schema$3 = object({
+const schema$2 = object({
   note: string().min(1, "Required")
 });
 const ComplaintNoteModal = ({
@@ -8224,7 +8476,7 @@ const ComplaintNoteModal = ({
   const { mutate: updateNote } = useUpdateNote(complaintId, note == null ? void 0 : note.id);
   const prompt = ui.usePrompt();
   const form = useForm({
-    resolver: t(schema$3),
+    resolver: t(schema$2),
     defaultValues: {
       note: (note == null ? void 0 : note.note) || ""
     }
@@ -8416,7 +8668,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(),
@@ -8430,7 +8682,7 @@ const EditComplaintDrawer = ({ complaint, open, setOpen }) => {
   const updateMutation = useUpdateComplaint(complaint.id);
   const prompt = ui.usePrompt();
   const form = useForm({
-    resolver: t(schema$2),
+    resolver: t(schema$1),
     defaultValues: {
       number: 0,
       status: "open",
@@ -8728,258 +8980,6 @@ const ComplaintDetailPage = () => {
     /* @__PURE__ */ jsxRuntime.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 = reactRouterDom.useNavigate();
-  const { mutate: createComplaint, isPending } = useCreateComplaint();
-  const prompt = ui.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] = React.useState([]);
-  const [tagSelectValue, setTagSelectValue] = React.useState("");
-  const [success, setSuccess] = React.useState(false);
-  let blocker = reactRouterDom.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();
-    }
-  };
-  React.useEffect(() => {
-    if (blocker.state === "blocked") {
-      handleNavigate();
-    }
-  }, [isDirty, open, blocker]);
-  const handleSubmit = form.handleSubmit((data) => {
-    createComplaint(data, {
-      onSuccess: (result) => {
-        ui.toast.success("Complaint created successfully");
-        setSuccess(true);
-        form.reset();
-        navigate(`/complaints/${result.complaint.id}`);
-      },
-      onError: () => ui.toast.error("Failed to create complaint")
-    });
-  });
-  if (!customerId) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal, { open, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Content, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Error" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Customer ID is required to create a complaint." }) })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "flex h-full flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", size: "small", isLoading: isPending, children: "Save" })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex w-full max-w-[720px] flex-col gap-y-8 px-2 py-16", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { className: "capitalize", children: "Create Complaint" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Controller,
-          {
-            control: form.control,
-            name: "customer_id",
-            render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Customer ID" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, disabled: true })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Controller,
-          {
-            control: form.control,
-            name: "order_id",
-            rules: { required: "Order is required" },
-            render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", weight: "plus", children: [
-                "Order ",
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500", children: "*" })
-              ] }),
-              customerLoading ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "Loading orders..." }) : /* @__PURE__ */ jsxRuntime.jsxs(
-                ui.Select,
-                {
-                  value: field.value,
-                  onValueChange: (value) => {
-                    field.onChange(value);
-                    form.setValue("product_id", "");
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select an order from this customer" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: customerOrders.map((order) => /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(
-          Controller,
-          {
-            control: form.control,
-            name: "product_id",
-            render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Product" }),
-              orderLoading ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "Loading..." }) : /* @__PURE__ */ jsxRuntime.jsxs(
-                ui.Select,
-                {
-                  value: field.value,
-                  onValueChange: field.onChange,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select a product" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: orderProducts == null ? void 0 : orderProducts.map((product) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: product.id, children: product.title }, product.id)) })
-                  ]
-                }
-              )
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Tags" }),
-          selectedTagIds.length > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "xsmall", color: "blue", children: (tag == null ? void 0 : tag.value) ?? tagId }),
-              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
-            ui.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__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Add a tag..." }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: (_b = tagsData == null ? void 0 : tagsData.complaint_tags) == null ? void 0 : _b.filter((tag) => !selectedTagIds.includes(tag.id)).map((tag) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: tag.id, children: tag.value }, tag.id)) })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Controller,
-          {
-            control: form.control,
-            name: "description",
-            render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Description" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field })
-            ] })
-          }
-        )
-      ] })
-    ] }) }) })
-  ] }) }) }) });
-};
-const CreateComplaintPage = () => {
-  const [searchParams] = reactRouterDom.useSearchParams();
-  const navigate = reactRouterDom.useNavigate();
-  const customerId = searchParams.get("customer_id") ?? "";
-  const orderId = searchParams.get("order_id") ?? "";
-  const [createOpen, setCreateOpen] = React.useState(true);
-  const handleOpenChange = (open) => {
-    setCreateOpen(open);
-    if (!open) {
-      navigate("/complaints", { replace: true });
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    CreateComplaintModal,
-    {
-      customerId,
-      orderId,
-      open: createOpen,
-      setOpen: handleOpenChange
-    }
-  );
-};
 const schema = object({
   value: string().min(1, "Required")
 });
@@ -9142,16 +9142,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",