@lodashventure/medusa-quotation 1.4.19 → 1.4.21

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

@@ -17,20 +17,26 @@ const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Medusa__default = /* @__PURE__ */ _interopDefault(Medusa);
 const pdfMake__default = /* @__PURE__ */ _interopDefault(pdfMake);
 const StatusTitles = {
+  approved: "Approved",
   accepted: "Accepted",
   customer_rejected: "Customer Rejected",
   merchant_rejected: "Merchant Rejected",
   pending_merchant: "Pending Merchant",
-  pending_customer: "Pending Customer"
+  pending_customer: "Pending Customer",
+  voided: "Voided"
 };
 const getStatusColor = (statusKey) => {
   switch (statusKey) {
     case "accepted":
       return "bg-green-100 text-green-800";
+    case "approved":
+      return "bg-emerald-100 text-emerald-800";
     case "pending_merchant":
       return "bg-blue-100 text-blue-800";
     case "customer_rejected":
       return "bg-red-100 text-red-800";
+    case "voided":
+      return "bg-gray-100 text-gray-800";
     default:
       return "bg-gray-100 text-gray-800";
   }
@@ -47,6 +53,10 @@ const getStatusIcon = (statusKey) => {
       return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-4 w-4 text-red-600" });
     case "customer_rejected":
       return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-4 w-4 text-red-600" });
+    case "approved":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "h-4 w-4 text-emerald-600" });
+    case "voided":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-4 w-4 text-gray-600" });
     default:
       return null;
   }
@@ -151,7 +161,7 @@ const useAddQuoteItem = (id, options) => {
       setIsPending(false);
     }
   };
-  return { mutate, isPending, error };
+  return { mutate, mutateAsync: mutate, isPending, error };
 };
 const useUpdateQuoteItem = (id, options) => {
   const [isPending, setIsPending] = react.useState(false);
@@ -175,7 +185,7 @@ const useUpdateQuoteItem = (id, options) => {
       setIsPending(false);
     }
   };
-  return { mutate, isPending, error };
+  return { mutate, mutateAsync: mutate, isPending, error };
 };
 const useRemoveQuoteItem = (id, options) => {
   const [isPending, setIsPending] = react.useState(false);
@@ -195,7 +205,7 @@ const useRemoveQuoteItem = (id, options) => {
       setIsPending(false);
     }
   };
-  return { mutate, isPending, error };
+  return { mutate, mutateAsync: mutate, isPending, error };
 };
 const useConfirmQuote = (id, options) => {
   const [isPending, setIsPending] = react.useState(false);
@@ -215,7 +225,7 @@ const useConfirmQuote = (id, options) => {
       setIsPending(false);
     }
   };
-  return { mutate, isPending, error };
+  return { mutate, mutateAsync: mutate, isPending, error };
 };
 const useSendQuote = (id, options) => {
   const [isPending, setIsPending] = react.useState(false);
@@ -223,22 +233,49 @@ const useSendQuote = (id, options) => {
   const sendQuote = async (id2) => sdk.client.fetch(`/admin/quotes/${id2}/send`, {
     method: "POST"
   });
-  const mutate = async () => {
-    var _a;
+  const mutate = async (_, mutateOptions) => {
+    var _a, _b, _c;
     try {
       setIsPending(true);
       setError(null);
       const data = await sendQuote(id);
       (_a = options == null ? void 0 : options.onSuccess) == null ? void 0 : _a.call(options, data);
+      (_b = mutateOptions == null ? void 0 : mutateOptions.onSuccess) == null ? void 0 : _b.call(mutateOptions, data);
       return data;
     } catch (err) {
       setError(err);
+      (_c = mutateOptions == null ? void 0 : mutateOptions.onError) == null ? void 0 : _c.call(mutateOptions, err);
       throw err;
     } finally {
       setIsPending(false);
     }
   };
-  return { mutate, isPending, error };
+  return { mutate, mutateAsync: mutate, isPending, error };
+};
+const useApproveQuote = (id, options) => {
+  const [isPending, setIsPending] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const approveQuote = async (quoteId) => sdk.client.fetch(`/admin/quotes/${quoteId}/approve`, {
+    method: "POST"
+  });
+  const mutate = async (_, mutateOptions) => {
+    var _a, _b, _c;
+    try {
+      setIsPending(true);
+      setError(null);
+      const data = await approveQuote(id);
+      (_a = options == null ? void 0 : options.onSuccess) == null ? void 0 : _a.call(options, data);
+      (_b = mutateOptions == null ? void 0 : mutateOptions.onSuccess) == null ? void 0 : _b.call(mutateOptions, data);
+      return data;
+    } catch (err) {
+      setError(err);
+      (_c = mutateOptions == null ? void 0 : mutateOptions.onError) == null ? void 0 : _c.call(mutateOptions, err);
+      throw err;
+    } finally {
+      setIsPending(false);
+    }
+  };
+  return { mutate, mutateAsync: mutate, isPending, error };
 };
 const useRejectQuote = (id, options) => {
   const [isPending, setIsPending] = react.useState(false);
@@ -246,22 +283,96 @@ const useRejectQuote = (id, options) => {
   const rejectQuote = async (id2) => sdk.client.fetch(`/admin/quotes/${id2}/reject`, {
     method: "POST"
   });
-  const mutate = async () => {
-    var _a;
+  const mutate = async (_, mutateOptions) => {
+    var _a, _b, _c;
     try {
       setIsPending(true);
       setError(null);
       const data = await rejectQuote(id);
       (_a = options == null ? void 0 : options.onSuccess) == null ? void 0 : _a.call(options, data);
+      (_b = mutateOptions == null ? void 0 : mutateOptions.onSuccess) == null ? void 0 : _b.call(mutateOptions, data);
       return data;
     } catch (err) {
       setError(err);
+      (_c = mutateOptions == null ? void 0 : mutateOptions.onError) == null ? void 0 : _c.call(mutateOptions, err);
       throw err;
     } finally {
       setIsPending(false);
     }
   };
-  return { mutate, isPending, error };
+  return { mutate, mutateAsync: mutate, isPending, error };
+};
+const useVoidQuote = (id, options) => {
+  const [isPending, setIsPending] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const voidQuote = async (quoteId) => sdk.client.fetch(`/admin/quotes/${quoteId}/void`, {
+    method: "POST"
+  });
+  const mutate = async (_, mutateOptions) => {
+    var _a, _b, _c;
+    try {
+      setIsPending(true);
+      setError(null);
+      const data = await voidQuote(id);
+      (_a = options == null ? void 0 : options.onSuccess) == null ? void 0 : _a.call(options, data);
+      (_b = mutateOptions == null ? void 0 : mutateOptions.onSuccess) == null ? void 0 : _b.call(mutateOptions, data);
+      return data;
+    } catch (err) {
+      setError(err);
+      (_c = mutateOptions == null ? void 0 : mutateOptions.onError) == null ? void 0 : _c.call(mutateOptions, err);
+      throw err;
+    } finally {
+      setIsPending(false);
+    }
+  };
+  return { mutate, mutateAsync: mutate, isPending, error };
+};
+const useDeleteQuote = (id, options) => {
+  const [isPending, setIsPending] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const deleteQuote = async () => {
+    const response = await fetch(`/admin/quotes/${id}`, {
+      method: "DELETE",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      credentials: "include"
+    });
+    if (!response.ok) {
+      const errorText = await response.text();
+      let errorMessage = errorText;
+      try {
+        const errorJson = JSON.parse(errorText);
+        errorMessage = errorJson.message || errorText;
+      } catch {
+      }
+      throw new Error(errorMessage || `HTTP ${response.status}`);
+    }
+    if (response.status === 204) {
+      return;
+    }
+    const contentType = response.headers.get("content-type");
+    if (contentType && contentType.includes("application/json")) {
+      return response.json();
+    }
+  };
+  const mutate = async (_, mutateOptions) => {
+    var _a, _b, _c;
+    try {
+      setIsPending(true);
+      setError(null);
+      await deleteQuote();
+      (_a = options == null ? void 0 : options.onSuccess) == null ? void 0 : _a.call(options);
+      (_b = mutateOptions == null ? void 0 : mutateOptions.onSuccess) == null ? void 0 : _b.call(mutateOptions);
+    } catch (err) {
+      setError(err);
+      (_c = mutateOptions == null ? void 0 : mutateOptions.onError) == null ? void 0 : _c.call(mutateOptions, err);
+      throw err;
+    } finally {
+      setIsPending(false);
+    }
+  };
+  return { mutate, mutateAsync: mutate, isPending, error };
 };
 const useQuoteStore = () => {
   const [data, setData] = react.useState(void 0);
@@ -1181,7 +1292,7 @@ const StoreConfig = () => {
   const onSubmit = async (data) => {
     try {
       setIsLoading(true);
-      await updateQuoteStore.mutateAsync(data);
+      await updateQuoteStore.mutate(data);
       ui.toast.success("Company information saved successfully");
       setOpen(false);
     } catch (error) {
@@ -1678,11 +1789,15 @@ const TotalsBreakdown = ({ order }) => {
     })
   ] });
 };
-const useOrderPreview = (id, query) => {
+const useOrderPreview = (id, query, options) => {
   const [data, setData] = react.useState(void 0);
   const [isLoading, setIsLoading] = react.useState(true);
   const [error, setError] = react.useState(null);
+  const enabled = (options == null ? void 0 : options.enabled) ?? true;
   const fetchOrderPreview = react.useCallback(async () => {
+    if (!id || !enabled) {
+      return;
+    }
     try {
       setIsLoading(true);
       setError(null);
@@ -1693,10 +1808,14 @@ const useOrderPreview = (id, query) => {
     } finally {
       setIsLoading(false);
     }
-  }, [id, JSON.stringify(query)]);
+  }, [id, enabled, JSON.stringify(query)]);
   react.useEffect(() => {
+    if (!id || !enabled) {
+      setIsLoading(false);
+      return;
+    }
     fetchOrderPreview();
-  }, [fetchOrderPreview]);
+  }, [fetchOrderPreview, id, enabled]);
   return {
     ...data,
     isLoading,
@@ -1756,13 +1875,17 @@ const DEFAULT_RELATIONS = [
 const DEFAULT_ORDER_FIELDS = `${DEFAULT_PROPERTIES.join(
   ","
 )},${DEFAULT_RELATIONS.join(",")}`;
-const useOrder = (id, query) => {
+const useOrder = (id, query, options) => {
   const [data, setData] = react.useState(
     void 0
   );
   const [isLoading, setIsLoading] = react.useState(true);
   const [error, setError] = react.useState(null);
+  const enabled = (options == null ? void 0 : options.enabled) ?? true;
   const fetchOrder = react.useCallback(async () => {
+    if (!id || !enabled) {
+      return;
+    }
     try {
       setIsLoading(true);
       setError(null);
@@ -1773,10 +1896,14 @@ const useOrder = (id, query) => {
     } finally {
       setIsLoading(false);
     }
-  }, [id, JSON.stringify(query)]);
+  }, [id, enabled, JSON.stringify(query)]);
   react.useEffect(() => {
+    if (!id || !enabled) {
+      setIsLoading(false);
+      return;
+    }
     fetchOrder();
-  }, [fetchOrder]);
+  }, [fetchOrder, id, enabled]);
   return {
     ...data,
     isLoading,
@@ -2148,77 +2275,150 @@ const QuoteDetails = () => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const { id } = reactRouterDom.useParams();
   const navigate = reactRouterDom.useNavigate();
-  const { quote, isLoading } = useQuote(id, {
+  const { quote, isLoading, refetch: refetchQuote } = useQuote(id, {
     fields: "*draft_order,*draft_order.customer,*draft_order.shipping_address,*draft_order.billing_address"
   });
   const { generatePdf, downloadPdf, pdfUrl } = useQuotePdf();
   const { store } = useQuoteStore();
+  const draftOrderId = quote == null ? void 0 : quote.draft_order_id;
   const { order: preview, isLoading: isPreviewLoading } = useOrderPreview(
-    quote == null ? void 0 : quote.draft_order_id,
+    draftOrderId,
     {
       fields: DEFAULT_ORDER_FIELDS
     },
-    { enabled: !!(quote == null ? void 0 : quote.draft_order_id) }
+    { enabled: !!draftOrderId }
+  );
+  useOrder(
+    draftOrderId,
+    {
+      fields: DEFAULT_ORDER_FIELDS
+    },
+    { enabled: !!draftOrderId }
   );
-  const { order } = useOrder(quote == null ? void 0 : quote.draft_order_id, {
-    fields: DEFAULT_ORDER_FIELDS
-  });
-  console.log(order);
   const prompt = ui.usePrompt();
   const { mutateAsync: rejectQuote, isPending: isRejectingQuote } = useRejectQuote(id);
-  const [showRejectQuote, setShowRejectQuote] = react.useState(false);
   const { mutateAsync: sendQuote, isPending: isSendingQuote } = useSendQuote(
     id
   );
-  const [showSendQuote, setShowSendQuote] = react.useState(false);
-  const [showManageQuote, setShowManageQuote] = react.useState(false);
-  react.useEffect(() => {
-    if (["pending_merchant", "customer_rejected"].includes(quote == null ? void 0 : quote.status)) {
-      setShowSendQuote(true);
-    } else {
-      setShowSendQuote(false);
-    }
-    if (["customer_rejected", "merchant_rejected", "accepted"].includes(
-      (quote == null ? void 0 : quote.status) ?? ""
-    )) {
-      setShowRejectQuote(false);
-    } else {
-      setShowRejectQuote(true);
-    }
-    if (!["pending_merchant", "customer_rejected"].includes((quote == null ? void 0 : quote.status) ?? "")) {
-      setShowManageQuote(false);
-    } else {
-      setShowManageQuote(true);
-    }
-  }, [quote]);
+  const { mutateAsync: approveQuote, isPending: isApprovingQuote } = useApproveQuote(id);
+  const { mutateAsync: voidQuote, isPending: isVoidingQuote } = useVoidQuote(
+    id
+  );
+  const { mutateAsync: deleteQuote, isPending: isDeletingQuote } = useDeleteQuote(id);
+  const quoteStatus = (quote == null ? void 0 : quote.status) ?? "";
+  const canApproveQuote = [
+    "pending_merchant",
+    "pending_customer",
+    "customer_rejected"
+  ].includes(quoteStatus);
+  const canRejectQuote = ["pending_merchant", "pending_customer"].includes(
+    quoteStatus
+  );
+  const canSendQuote = ["pending_merchant", "customer_rejected"].includes(
+    quoteStatus
+  );
+  const canManageQuote = ["pending_merchant", "customer_rejected"].includes(
+    quoteStatus
+  );
+  const canDeleteQuote = !["accepted", "approved", "converted"].includes(
+    quoteStatus
+  );
+  const canVoidQuote = quoteStatus === "approved";
+  const isMutatingQuote = isRejectingQuote || isSendingQuote || isApprovingQuote || isVoidingQuote || isDeletingQuote;
+  const getErrorMessage = (error) => error instanceof Error ? error.message : "Something went wrong";
   const handleRejectQuote = async () => {
-    const res = await prompt({
+    const confirmed = await prompt({
       title: "Reject quote?",
       description: "You are about to reject this customer's quote. Do you want to continue?",
-      confirmText: "Continue",
+      confirmText: "Reject",
       cancelText: "Cancel",
       variant: "confirmation"
     });
-    if (res) {
-      await rejectQuote(void 0, {
-        onSuccess: () => ui.toast.success("Successfully rejected customer's quote"),
-        onError: (e) => ui.toast.error(e.message)
-      });
+    if (!confirmed) {
+      return;
+    }
+    try {
+      await rejectQuote();
+      await refetchQuote();
+      ui.toast.success("Successfully rejected customer's quote");
+    } catch (error) {
+      ui.toast.error(getErrorMessage(error));
     }
   };
   const handleSendQuote = async () => {
-    const res = await prompt({
+    const confirmed = await prompt({
       title: "Send quote?",
       description: "You are about to send this quote to the customer. Do you want to continue?",
-      confirmText: "Continue",
+      confirmText: "Send",
       cancelText: "Cancel",
       variant: "confirmation"
     });
-    if (res) {
-      await sendQuote(void 0, {
-        onSuccess: () => ui.toast.success("Successfully sent quote to customer"),
-        onError: (e) => ui.toast.error(e.message)
-      });
+    if (!confirmed) {
+      return;
+    }
+    try {
+      await sendQuote();
+      await refetchQuote();
+      ui.toast.success("Successfully sent quote to customer");
+    } catch (error) {
+      ui.toast.error(getErrorMessage(error));
+    }
+  };
+  const handleApproveQuote = async () => {
+    const confirmed = await prompt({
+      title: "Approve quote?",
+      description: "Approving the quote makes it ready for processing. Continue?",
+      confirmText: "Approve",
+      cancelText: "Cancel",
+      variant: "confirmation"
+    });
+    if (!confirmed) {
+      return;
+    }
+    try {
+      await approveQuote();
+      await refetchQuote();
+      ui.toast.success("Quote approved");
+    } catch (error) {
+      ui.toast.error(getErrorMessage(error));
+    }
+  };
+  const handleVoidQuote = async () => {
+    const confirmed = await prompt({
+      title: "Void approved quote?",
+      description: "Voiding will move the quote out of the approved state. Continue?",
+      confirmText: "Void",
+      cancelText: "Cancel",
+      variant: "confirmation"
+    });
+    if (!confirmed) {
+      return;
+    }
+    try {
+      await voidQuote();
+      await refetchQuote();
+      ui.toast.success("Quote voided");
+    } catch (error) {
+      ui.toast.error(getErrorMessage(error));
+    }
+  };
+  const handleDeleteQuote = async () => {
+    const confirmed = await prompt({
+      title: "Delete quote?",
+      description: "This will remove the quote permanently. This action cannot be undone.",
+      confirmText: "Delete",
+      cancelText: "Cancel",
+      variant: "danger"
+    });
+    if (!confirmed) {
+      return;
+    }
+    try {
+      await deleteQuote();
+      ui.toast.success("Quote deleted");
+      navigate("/quotes");
+    } catch (error) {
+      ui.toast.error(getErrorMessage(error));
     }
   };
   const parseToPdfData = () => {
@@ -2357,33 +2557,64 @@ const QuoteDetails = () => {
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
-            showRejectQuote && /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-ui-bg-subtle flex flex-wrap items-center justify-end gap-2 rounded-b-xl px-4 py-4", children: [
+            canDeleteQuote && /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                size: "small",
+                variant: "danger",
+                onClick: handleDeleteQuote,
+                disabled: isMutatingQuote,
+                children: "Delete Quote"
+              }
+            ),
+            canVoidQuote && /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                size: "small",
+                variant: "secondary",
+                onClick: handleVoidQuote,
+                disabled: isMutatingQuote,
+                children: "Void Quote"
+              }
+            ),
+            canRejectQuote && /* @__PURE__ */ jsxRuntime.jsx(
               ui.Button,
               {
                 size: "small",
                 variant: "secondary",
-                onClick: () => handleRejectQuote(),
-                disabled: isRejectingQuote,
+                onClick: handleRejectQuote,
+                disabled: isMutatingQuote,
                 children: "Reject Quote"
               }
             ),
-            showSendQuote && /* @__PURE__ */ jsxRuntime.jsx(
+            canApproveQuote && /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                size: "small",
+                variant: "primary",
+                onClick: handleApproveQuote,
+                disabled: isMutatingQuote,
+                children: "Approve Quote"
+              }
+            ),
+            canSendQuote && /* @__PURE__ */ jsxRuntime.jsx(
               ui.Button,
               {
                 size: "small",
                 variant: "secondary",
-                onClick: () => handleSendQuote(),
-                disabled: isSendingQuote || isRejectingQuote,
+                onClick: handleSendQuote,
+                disabled: isMutatingQuote,
                 children: "Send Quote"
               }
             ),
-            showManageQuote && /* @__PURE__ */ jsxRuntime.jsx(
+            canManageQuote && /* @__PURE__ */ jsxRuntime.jsx(
               ui.Button,
               {
                 size: "small",
                 variant: "secondary",
                 onClick: () => navigate(`/quotes/${quote.id}/manage`),
+                disabled: isMutatingQuote,
                 children: "Manage Quote"
               }
             )