@lodashventure/medusa-quotation 1.4.18 → 1.4.20

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { defineRouteConfig } from "@medusajs/admin-sdk";
 import { DocumentText, CheckCircleSolid, Plus, Trash } from "@medusajs/icons";
-import { clx, FocusModal, Heading, Text, Button, Table, Badge, Label, DatePicker, Input, toast, Container, Select, Textarea, createDataTableColumnHelper, useDataTable, DataTable, Toaster, usePrompt, Hint, CurrencyInput, IconButton } from "@medusajs/ui";
+import { clx, FocusModal, Heading, Text, Button, Table, Badge, Label, DatePicker, Input, toast, Container, Select, Textarea, createDataTableColumnHelper, useDataTable, DataTable, Toaster, usePrompt, IconButton, Hint, CurrencyInput } from "@medusajs/ui";
 import { useState, useCallback, useEffect, useMemo } from "react";
 import { useNavigate, useParams, Link } from "react-router-dom";
 import { XCircle, Clock, CheckCircle } from "lucide-react";
@@ -1177,7 +1177,7 @@ const StoreConfig = () => {
   const onSubmit = async (data) => {
     try {
       setIsLoading(true);
-      await updateQuoteStore.mutateAsync(data);
+      await updateQuoteStore.mutate(data);
       toast.success("Company information saved successfully");
       setOpen(false);
     } catch (error) {
@@ -2440,160 +2440,77 @@ const QuoteDetails = () => {
     /* @__PURE__ */ jsx(Toaster, {})
   ] });
 };
-function ManageItem({
-  originalItem,
-  item,
-  currencyCode,
-  orderId
-}) {
-  const { mutateAsync: updateItem } = useUpdateQuoteItem(orderId);
-  const { mutateAsync: removeItem } = useRemoveQuoteItem(orderId);
-  const isItemUpdated = useMemo(
-    () => {
-      var _a;
-      return !!((_a = item.actions) == null ? void 0 : _a.find((a) => a.action === "ITEM_UPDATE"));
-    },
-    [item]
-  );
-  const onUpdate = async ({
-    quantity,
-    unit_price
-  }) => {
-    if (typeof quantity === "number" && quantity <= item.detail.fulfilled_quantity) {
-      toast.warning("Quantity should be greater than the fulfilled quantity");
-      return;
-    }
-    try {
-      await updateItem({
-        quantity,
-        unit_price,
-        itemId: item.id
-      });
-    } catch (e) {
-      toast.error(e.message);
-    }
-  };
-  const onRemove = async () => {
-    var _a;
-    try {
-      const addAction = (_a = item.actions) == null ? void 0 : _a.find((a) => a.action === "ITEM_ADD");
-      if (addAction == null ? void 0 : addAction.id) {
-        await removeItem({
-          itemId: addAction.id
-        });
-      } else {
-        toast.warning("Cannot remove item, set quantity to 0 instead");
-        await updateItem({
-          quantity: 0,
-          itemId: item.id
+const columnHelper$1 = createDataTableColumnHelper();
+const columns$1 = [
+  columnHelper$1.accessor("email", {
+    header: "Email",
+    cell: (info) => /* @__PURE__ */ jsx(Text, { size: "large", className: "py-2", children: info.getValue() })
+  }),
+  columnHelper$1.accessor("first_name", {
+    header: "First Name",
+    cell: (info) => /* @__PURE__ */ jsx(Text, { size: "large", className: "py-2", children: info.getValue() })
+  }),
+  columnHelper$1.accessor("last_name", {
+    header: "Last Name",
+    cell: (info) => /* @__PURE__ */ jsx(Text, { size: "large", className: "py-2", children: info.getValue() })
+  }),
+  columnHelper$1.accessor("company_name", {
+    header: "Company",
+    cell: (info) => /* @__PURE__ */ jsx(Text, { size: "large", className: "py-2", children: info.getValue() || "-" })
+  })
+];
+const CustomerSelector = ({
+  onSelectCustomer
+}) => {
+  const [search, setSearch] = useState("");
+  const [data, setData] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const debouncedSearchHandler = debounce((value) => {
+    setSearch(value);
+  }, 500);
+  useEffect(() => {
+    const fetchCustomers = async () => {
+      try {
+        setIsLoading(true);
+        const response = await sdk.admin.customer.list({
+          q: search,
+          limit: 20
         });
+        setData(response);
+      } catch (error) {
+        console.error("Error fetching customers:", error);
+      } finally {
+        setIsLoading(false);
       }
-    } catch (e) {
-      toast.error(e.message);
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "bg-ui-bg-subtle shadow-elevation-card-rest my-2 rounded-xl ",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-x-2 gap-y-2 p-3 text-sm md:flex-row", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center justify-between", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex flex-row items-center gap-x-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsxs(Text, { className: "txt-small", as: "span", weight: "plus", children: [
-                  item.title,
-                  " "
-                ] }),
-                item.variant_sku && /* @__PURE__ */ jsxs("span", { children: [
-                  "(",
-                  item.variant_sku,
-                  ")"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx(Text, { as: "div", className: "text-ui-fg-subtle txt-small", children: item.product_title })
-            ] }) }),
-            isItemUpdated && /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "2xsmall",
-                rounded: "full",
-                color: "orange",
-                className: "mr-1",
-                children: "Modified"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 justify-between", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-grow items-center gap-2", children: [
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  className: "bg-ui-bg-base txt-small w-[67px] rounded-lg [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
-                  type: "number",
-                  min: item.detail.fulfilled_quantity,
-                  defaultValue: item.quantity,
-                  onBlur: (e) => {
-                    const val = e.target.value;
-                    const quantity = val === "" ? null : Number(val);
-                    if (quantity) {
-                      onUpdate({ quantity });
-                    }
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx(Text, { className: "txt-small text-ui-fg-subtle", children: "Quantity" })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle txt-small mr-2 flex flex-shrink-0", children: /* @__PURE__ */ jsx(
-              Amount,
-              {
-                currencyCode,
-                amount: item.total,
-                originalAmount: originalItem == null ? void 0 : originalItem.total
-              }
-            ) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2 p-3 md:grid-cols-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
-            /* @__PURE__ */ jsx(Label, { children: "Price" }),
-            /* @__PURE__ */ jsx(Hint, { className: "!mt-1", children: "Override the unit price of this product" })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx("div", { className: "flex-grow", children: /* @__PURE__ */ jsx(
-            CurrencyInput,
-            {
-              symbol: currencyCode,
-              code: currencyCode,
-              defaultValue: item.unit_price,
-              type: "numeric",
-              min: 0,
-              onBlur: (e) => {
-                onUpdate({
-                  unit_price: parseFloat(e.target.value),
-                  quantity: item.quantity
-                });
-              },
-              className: "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover"
-            }
-          ) }) })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex items-center px-3 pb-3", children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "danger",
-            size: "small",
-            onClick: () => {
-              onRemove();
-            },
-            children: "Remove"
-          }
-        ) })
-      ]
+    };
+    fetchCustomers();
+  }, [search]);
+  const customers = (data == null ? void 0 : data.customers) || [];
+  const table = useDataTable({
+    data: customers,
+    columns: columns$1,
+    search: {
+      state: search,
+      onSearchChange: setSearch
     },
-    item.quantity
-  );
-}
+    getRowId: (customer) => customer.id,
+    onRowClick: (_, row) => {
+      onSelectCustomer == null ? void 0 : onSelectCustomer(row.original);
+    },
+    isLoading
+  });
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        className: "text-lg py-2 mb-4",
+        placeholder: "Search customers by email, name...",
+        onChange: (e) => debouncedSearchHandler(e.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsx(DataTable, { instance: table, children: /* @__PURE__ */ jsx(DataTable.Table, {}) })
+  ] });
+};
 const useProductSearch = (search, selectedProductIds) => {
   const [data, setData] = useState({ variants: [] });
   const [isLoading, setIsLoading] = useState(false);
@@ -2645,21 +2562,21 @@ const useProductSearch = (search, selectedProductIds) => {
   }, [search, selectedProductIds.join(",")]);
   return { data, isLoading, error };
 };
-const columnHelper$1 = createDataTableColumnHelper();
-const columns$1 = [
-  columnHelper$1.accessor("product.title", {
+const columnHelper = createDataTableColumnHelper();
+const columns = [
+  columnHelper.accessor("product.title", {
     header: "Product",
     cell: (info) => /* @__PURE__ */ jsx(Text, { size: "large", className: "py-2", children: info.getValue() })
   }),
-  columnHelper$1.accessor("title", {
+  columnHelper.accessor("title", {
     header: "Variant",
     cell: (info) => /* @__PURE__ */ jsx(Text, { size: "large", className: "py-2", children: info.getValue() })
   }),
-  columnHelper$1.accessor("sku", {
+  columnHelper.accessor("sku", {
     header: "SKU",
     cell: (info) => /* @__PURE__ */ jsx(Text, { size: "large", className: "py-2", children: info.getValue() })
   }),
-  columnHelper$1.accessor("prices", {
+  columnHelper.accessor("prices", {
     header: "Price",
     cell: (info) => {
       var _a, _b;
@@ -2687,7 +2604,7 @@ const ProductSelector = ({
   }, [products == null ? void 0 : products.variants, selectedProductIds]);
   const table = useDataTable({
     data: selectableProducts || [],
-    columns: columns$1,
+    columns,
     search: {
       state: search,
       onSearchChange: setSearch
@@ -2709,213 +2626,19 @@ const ProductSelector = ({
     /* @__PURE__ */ jsx(DataTable, { instance: table, children: /* @__PURE__ */ jsx(DataTable.Table, {}) })
   ] });
 };
-const ManageQuoteForm = ({ order }) => {
-  const { order: preview } = useOrderPreview(order.id);
+const CreateQuoteForm = () => {
   const navigate = useNavigate();
-  const { id: quoteId } = useParams();
+  const [selectedCustomer, setSelectedCustomer] = useState(null);
+  const [items, setItems] = useState([]);
+  const [openCustomerModal, setOpenCustomerModal] = useState(false);
   const [openProductModal, setOpenProductModal] = useState(false);
-  const { mutateAsync: addItem } = useAddQuoteItem(order.id);
-  const { mutateAsync: confirmQuote, isPending: isRequesting } = useConfirmQuote(order.id);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    try {
-      await confirmQuote();
-      navigate(`/quotes/${quoteId}`);
-      toast.success("Successfully updated quote");
-    } catch (e2) {
-      toast.error("Error", {
-        description: e2.message
-      });
-    }
-  };
-  const originalItemsMap = useMemo(() => {
-    return new Map(order.items.map((item) => [item.id, item]));
-  }, [order]);
-  if (!preview) {
-    return /* @__PURE__ */ jsx(Fragment, {});
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex h-full flex-col p-4 gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-3 mt-8 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Items" }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "primary",
-              size: "small",
-              onClick: () => setOpenProductModal(true),
-              children: "Add Item"
-            }
-          )
-        ] }),
-        preview.items.map((item) => /* @__PURE__ */ jsx(
-          ManageItem,
-          {
-            originalItem: originalItemsMap.get(item.id),
-            item,
-            orderId: order.id,
-            currencyCode: order.currency_code
-          },
-          item.id
-        ))
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-8 border-y border-dotted py-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: "txt-small text-ui-fg-subtle", children: "Current Total" }),
-          /* @__PURE__ */ jsx("span", { className: "txt-small text-ui-fg-subtle", children: formatCurrency(order.total, order.currency_code) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: "txt-small text-ui-fg-subtle", children: "New Total" }),
-          /* @__PURE__ */ jsx("span", { className: "txt-small text-ui-fg-subtle", children: formatCurrency(preview.total, order.currency_code) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex w-full items-center justify-end gap-x-4", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-x-2", children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "submit",
-          variant: "primary",
-          size: "small",
-          disabled: isRequesting,
-          children: "Confirm Edit"
-        },
-        "submit-button"
-      ) }) })
-    ] }),
-    /* @__PURE__ */ jsx(FocusModal, { open: openProductModal, onOpenChange: setOpenProductModal, children: /* @__PURE__ */ jsxs(FocusModal.Content, { children: [
-      /* @__PURE__ */ jsx(FocusModal.Header, { title: "Add Product" }),
-      /* @__PURE__ */ jsx(FocusModal.Body, { children: /* @__PURE__ */ jsx(
-        ProductSelector,
-        {
-          selectedProductIds: order.items.map(
-            (item) => item.variant_id ?? ""
-          ),
-          onSelectProduct: (variant) => {
-            var _a, _b;
-            if (!((_a = variant.prices) == null ? void 0 : _a[0].amount)) {
-              toast.error("Product price not found");
-              return;
-            }
-            addItem({
-              items: [
-                {
-                  variant_id: variant.id,
-                  quantity: 1,
-                  unit_price: (_b = variant.prices) == null ? void 0 : _b[0].amount
-                }
-              ]
-            });
-            setOpenProductModal(false);
-          }
-        }
-      ) })
-    ] }) })
-  ] });
-};
-const QuoteManage = () => {
-  const { id } = useParams();
-  const { quote, isLoading } = useQuote(id, {
-    fields: "*draft_order.customer"
-  });
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Fragment, {});
-  }
-  if (!quote) {
-    throw "quote not found";
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
-      /* @__PURE__ */ jsx(Heading, { className: "flex items-center justify-between px-6 py-4", children: "Manage Quote" }),
-      /* @__PURE__ */ jsx(ManageQuoteForm, { order: quote.draft_order })
-    ] }),
-    /* @__PURE__ */ jsx(Toaster, {})
-  ] });
-};
-const columnHelper = createDataTableColumnHelper();
-const columns = [
-  columnHelper.accessor("email", {
-    header: "Email",
-    cell: (info) => /* @__PURE__ */ jsx(Text, { size: "large", className: "py-2", children: info.getValue() })
-  }),
-  columnHelper.accessor("first_name", {
-    header: "First Name",
-    cell: (info) => /* @__PURE__ */ jsx(Text, { size: "large", className: "py-2", children: info.getValue() })
-  }),
-  columnHelper.accessor("last_name", {
-    header: "Last Name",
-    cell: (info) => /* @__PURE__ */ jsx(Text, { size: "large", className: "py-2", children: info.getValue() })
-  }),
-  columnHelper.accessor("company_name", {
-    header: "Company",
-    cell: (info) => /* @__PURE__ */ jsx(Text, { size: "large", className: "py-2", children: info.getValue() || "-" })
-  })
-];
-const CustomerSelector = ({
-  onSelectCustomer
-}) => {
-  const [search, setSearch] = useState("");
-  const [data, setData] = useState(null);
-  const [isLoading, setIsLoading] = useState(false);
-  const debouncedSearchHandler = debounce((value) => {
-    setSearch(value);
-  }, 500);
-  useEffect(() => {
-    const fetchCustomers = async () => {
-      try {
-        setIsLoading(true);
-        const response = await sdk.admin.customer.list({
-          q: search,
-          limit: 20
-        });
-        setData(response);
-      } catch (error) {
-        console.error("Error fetching customers:", error);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-    fetchCustomers();
-  }, [search]);
-  const customers = (data == null ? void 0 : data.customers) || [];
-  const table = useDataTable({
-    data: customers,
-    columns,
-    search: {
-      state: search,
-      onSearchChange: setSearch
-    },
-    getRowId: (customer) => customer.id,
-    onRowClick: (_, row) => {
-      onSelectCustomer == null ? void 0 : onSelectCustomer(row.original);
-    },
-    isLoading
-  });
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        className: "text-lg py-2 mb-4",
-        placeholder: "Search customers by email, name...",
-        onChange: (e) => debouncedSearchHandler(e.target.value)
-      }
-    ),
-    /* @__PURE__ */ jsx(DataTable, { instance: table, children: /* @__PURE__ */ jsx(DataTable.Table, {}) })
-  ] });
-};
-const CreateQuoteForm = () => {
-  const navigate = useNavigate();
-  const [selectedCustomer, setSelectedCustomer] = useState(null);
-  const [items, setItems] = useState([]);
-  const [openCustomerModal, setOpenCustomerModal] = useState(false);
-  const [openProductModal, setOpenProductModal] = useState(false);
-  const { mutateAsync: createQuote, isPending } = useCreateQuote({
-    onSuccess: (data) => {
-      toast.success("Quote created successfully");
-      navigate(`/quotes/${data.quote.id}`);
-    },
-    onError: (error) => {
-      toast.error(`Failed to create quote: ${error.message}`);
+  const { mutateAsync: createQuote, isPending } = useCreateQuote({
+    onSuccess: (data) => {
+      toast.success("Quote created successfully");
+      navigate(`/quotes/${data.quote.id}`);
+    },
+    onError: (error) => {
+      toast.error(`Failed to create quote: ${error.message}`);
     }
   });
   const handleAddProduct = (variant) => {
@@ -3148,6 +2871,283 @@ const CreateQuote = () => {
     /* @__PURE__ */ jsx(Toaster, {})
   ] });
 };
+function ManageItem({
+  originalItem,
+  item,
+  currencyCode,
+  orderId
+}) {
+  const { mutateAsync: updateItem } = useUpdateQuoteItem(orderId);
+  const { mutateAsync: removeItem } = useRemoveQuoteItem(orderId);
+  const isItemUpdated = useMemo(
+    () => {
+      var _a;
+      return !!((_a = item.actions) == null ? void 0 : _a.find((a) => a.action === "ITEM_UPDATE"));
+    },
+    [item]
+  );
+  const onUpdate = async ({
+    quantity,
+    unit_price
+  }) => {
+    if (typeof quantity === "number" && quantity <= item.detail.fulfilled_quantity) {
+      toast.warning("Quantity should be greater than the fulfilled quantity");
+      return;
+    }
+    try {
+      await updateItem({
+        quantity,
+        unit_price,
+        itemId: item.id
+      });
+    } catch (e) {
+      toast.error(e.message);
+    }
+  };
+  const onRemove = async () => {
+    var _a;
+    try {
+      const addAction = (_a = item.actions) == null ? void 0 : _a.find((a) => a.action === "ITEM_ADD");
+      if (addAction == null ? void 0 : addAction.id) {
+        await removeItem({
+          itemId: addAction.id
+        });
+      } else {
+        toast.warning("Cannot remove item, set quantity to 0 instead");
+        await updateItem({
+          quantity: 0,
+          itemId: item.id
+        });
+      }
+    } catch (e) {
+      toast.error(e.message);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "bg-ui-bg-subtle shadow-elevation-card-rest my-2 rounded-xl ",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-x-2 gap-y-2 p-3 text-sm md:flex-row", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center justify-between", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex flex-row items-center gap-x-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs(Text, { className: "txt-small", as: "span", weight: "plus", children: [
+                  item.title,
+                  " "
+                ] }),
+                item.variant_sku && /* @__PURE__ */ jsxs("span", { children: [
+                  "(",
+                  item.variant_sku,
+                  ")"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(Text, { as: "div", className: "text-ui-fg-subtle txt-small", children: item.product_title })
+            ] }) }),
+            isItemUpdated && /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "2xsmall",
+                rounded: "full",
+                color: "orange",
+                className: "mr-1",
+                children: "Modified"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 justify-between", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-grow items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  className: "bg-ui-bg-base txt-small w-[67px] rounded-lg [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+                  type: "number",
+                  min: item.detail.fulfilled_quantity,
+                  defaultValue: item.quantity,
+                  onBlur: (e) => {
+                    const val = e.target.value;
+                    const quantity = val === "" ? null : Number(val);
+                    if (quantity) {
+                      onUpdate({ quantity });
+                    }
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(Text, { className: "txt-small text-ui-fg-subtle", children: "Quantity" })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle txt-small mr-2 flex flex-shrink-0", children: /* @__PURE__ */ jsx(
+              Amount,
+              {
+                currencyCode,
+                amount: item.total,
+                originalAmount: originalItem == null ? void 0 : originalItem.total
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2 p-3 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsx(Label, { children: "Price" }),
+            /* @__PURE__ */ jsx(Hint, { className: "!mt-1", children: "Override the unit price of this product" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx("div", { className: "flex-grow", children: /* @__PURE__ */ jsx(
+            CurrencyInput,
+            {
+              symbol: currencyCode,
+              code: currencyCode,
+              defaultValue: item.unit_price,
+              type: "numeric",
+              min: 0,
+              onBlur: (e) => {
+                onUpdate({
+                  unit_price: parseFloat(e.target.value),
+                  quantity: item.quantity
+                });
+              },
+              className: "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover"
+            }
+          ) }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center px-3 pb-3", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "danger",
+            size: "small",
+            onClick: () => {
+              onRemove();
+            },
+            children: "Remove"
+          }
+        ) })
+      ]
+    },
+    item.quantity
+  );
+}
+const ManageQuoteForm = ({ order }) => {
+  const { order: preview } = useOrderPreview(order.id);
+  const navigate = useNavigate();
+  const { id: quoteId } = useParams();
+  const [openProductModal, setOpenProductModal] = useState(false);
+  const { mutateAsync: addItem } = useAddQuoteItem(order.id);
+  const { mutateAsync: confirmQuote, isPending: isRequesting } = useConfirmQuote(order.id);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    try {
+      await confirmQuote();
+      navigate(`/quotes/${quoteId}`);
+      toast.success("Successfully updated quote");
+    } catch (e2) {
+      toast.error("Error", {
+        description: e2.message
+      });
+    }
+  };
+  const originalItemsMap = useMemo(() => {
+    return new Map(order.items.map((item) => [item.id, item]));
+  }, [order]);
+  if (!preview) {
+    return /* @__PURE__ */ jsx(Fragment, {});
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex h-full flex-col p-4 gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-3 mt-8 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Items" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "primary",
+              size: "small",
+              onClick: () => setOpenProductModal(true),
+              children: "Add Item"
+            }
+          )
+        ] }),
+        preview.items.map((item) => /* @__PURE__ */ jsx(
+          ManageItem,
+          {
+            originalItem: originalItemsMap.get(item.id),
+            item,
+            orderId: order.id,
+            currencyCode: order.currency_code
+          },
+          item.id
+        ))
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-8 border-y border-dotted py-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("span", { className: "txt-small text-ui-fg-subtle", children: "Current Total" }),
+          /* @__PURE__ */ jsx("span", { className: "txt-small text-ui-fg-subtle", children: formatCurrency(order.total, order.currency_code) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("span", { className: "txt-small text-ui-fg-subtle", children: "New Total" }),
+          /* @__PURE__ */ jsx("span", { className: "txt-small text-ui-fg-subtle", children: formatCurrency(preview.total, order.currency_code) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex w-full items-center justify-end gap-x-4", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-x-2", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          variant: "primary",
+          size: "small",
+          disabled: isRequesting,
+          children: "Confirm Edit"
+        },
+        "submit-button"
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx(FocusModal, { open: openProductModal, onOpenChange: setOpenProductModal, children: /* @__PURE__ */ jsxs(FocusModal.Content, { children: [
+      /* @__PURE__ */ jsx(FocusModal.Header, { title: "Add Product" }),
+      /* @__PURE__ */ jsx(FocusModal.Body, { children: /* @__PURE__ */ jsx(
+        ProductSelector,
+        {
+          selectedProductIds: order.items.map(
+            (item) => item.variant_id ?? ""
+          ),
+          onSelectProduct: (variant) => {
+            var _a, _b;
+            if (!((_a = variant.prices) == null ? void 0 : _a[0].amount)) {
+              toast.error("Product price not found");
+              return;
+            }
+            addItem({
+              items: [
+                {
+                  variant_id: variant.id,
+                  quantity: 1,
+                  unit_price: (_b = variant.prices) == null ? void 0 : _b[0].amount
+                }
+              ]
+            });
+            setOpenProductModal(false);
+          }
+        }
+      ) })
+    ] }) })
+  ] });
+};
+const QuoteManage = () => {
+  const { id } = useParams();
+  const { quote, isLoading } = useQuote(id, {
+    fields: "*draft_order.customer"
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Fragment, {});
+  }
+  if (!quote) {
+    throw "quote not found";
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsx(Heading, { className: "flex items-center justify-between px-6 py-4", children: "Manage Quote" }),
+      /* @__PURE__ */ jsx(ManageQuoteForm, { order: quote.draft_order })
+    ] }),
+    /* @__PURE__ */ jsx(Toaster, {})
+  ] });
+};
 const widgetModule = { widgets: [] };
 const routeModule = {
   routes: [
@@ -3159,13 +3159,13 @@ const routeModule = {
       Component: QuoteDetails,
       path: "/quotes/:id"
     },
-    {
-      Component: QuoteManage,
-      path: "/quotes/:id/manage"
-    },
     {
       Component: CreateQuote,
       path: "/quotes/create"
+    },
+    {
+      Component: QuoteManage,
+      path: "/quotes/:id/manage"
     }
   ]
 };