@lodashventure/medusa-campaign 1.4.1 → 1.4.3

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

@@ -1,19 +1,22 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { defineWidgetConfig, defineRouteConfig } from "@medusajs/admin-sdk";
 import { Container, Heading, Text, Alert, Badge, Button, createDataTableColumnHelper, useDataTable, DataTable, Input, Label, Textarea, Table, Select, FocusModal, toast, Tabs, clx } from "@medusajs/ui";
-import { Sparkles, PhotoSolid, PencilSquare, Eye, CheckCircleSolid, ClockSolid, Trash, InformationCircle, CommandLine, X, CloudArrowUp } from "@medusajs/icons";
+import { Sparkles, PhotoSolid, PencilSquare, Eye, Tag, Trash, InformationCircle, CommandLine, X, CloudArrowUp } from "@medusajs/icons";
 import React, { useState, useEffect, useMemo, useCallback } from "react";
 import { useNavigate, useParams } from "react-router-dom";
 import dayjs from "dayjs";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
 import axios from "axios";
 import z from "zod";
 import { debounce } from "lodash";
 import Medusa from "@medusajs/js-sdk";
-const CampaignDetailWidget = ({ data: promotion }) => {
+const CampaignDetailWidget = ({
+  data: promotion
+}) => {
   const navigate = useNavigate();
   const [campaign, setCampaign] = useState(null);
-  const [campaignDetail, setCampaignDetail] = useState(null);
+  const [campaignDetail, setCampaignDetail] = useState(
+    null
+  );
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
   useEffect(() => {
@@ -110,11 +113,21 @@ const CampaignDetailWidget = ({ data: promotion }) => {
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2 mt-3 pt-3 border-t", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(PhotoSolid, { className: `h-4 w-4 ${hasImages ? "text-green-500" : "text-ui-fg-muted"}` }),
+          /* @__PURE__ */ jsx(
+            PhotoSolid,
+            {
+              className: `h-4 w-4 ${hasImages ? "text-green-500" : "text-ui-fg-muted"}`
+            }
+          ),
           /* @__PURE__ */ jsx(Text, { className: "text-xs", children: hasImages ? "Images added" : "No images" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(PencilSquare, { className: `h-4 w-4 ${hasContent ? "text-green-500" : "text-ui-fg-muted"}` }),
+          /* @__PURE__ */ jsx(
+            PencilSquare,
+            {
+              className: `h-4 w-4 ${hasContent ? "text-green-500" : "text-ui-fg-muted"}`
+            }
+          ),
           /* @__PURE__ */ jsx(Text, { className: "text-xs", children: hasContent ? "Content added" : "No content" })
         ] })
       ] })
@@ -149,18 +162,10 @@ const CampaignDetailWidget = ({ data: promotion }) => {
     ] }),
     !hasCampaignDetail && /* @__PURE__ */ jsx(Alert, { variant: "info", className: "mb-4", children: /* @__PURE__ */ jsx(Text, { className: "text-sm", children: "No campaign details added yet. Add images, content, and SEO to enhance this campaign." }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: "secondary",
-          size: "small",
-          onClick: handleEditCampaign,
-          children: [
-            /* @__PURE__ */ jsx(PencilSquare, { className: "mr-1" }),
-            "Edit Campaign"
-          ]
-        }
-      ),
+      /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "small", onClick: handleEditCampaign, children: [
+        /* @__PURE__ */ jsx(PencilSquare, { className: "mr-1" }),
+        "Edit Campaign"
+      ] }),
       hasCampaignDetail && /* @__PURE__ */ jsxs(
         Button,
         {
@@ -189,185 +194,35 @@ const CampaignDetailWidget = ({ data: promotion }) => {
 defineWidgetConfig({
   zone: "promotion.details.side.after"
 });
-const CampaignStatsWidget = () => {
-  const [stats, setStats] = useState({
-    total: 0,
-    active: 0,
-    inactive: 0,
-    with_images: 0,
-    with_content: 0,
-    complete: 0
-  });
-  const [loading, setLoading] = useState(true);
-  useEffect(() => {
-    fetchStats();
-  }, []);
-  const fetchStats = async () => {
-    setLoading(true);
+const useFlashSales = (pagination) => {
+  const [data, setData] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchFlashSales = async () => {
+    setIsLoading(true);
+    setError(null);
     try {
-      const response = await fetch("/admin/flash-sales?limit=100", {
-        credentials: "include"
+      const response = await axios.get("/admin/flash-sales", {
+        params: pagination
       });
-      if (response.ok) {
-        const data = await response.json();
-        const campaigns = data.campaigns || [];
-        const now = /* @__PURE__ */ new Date();
-        let active = 0;
-        let inactive = 0;
-        let withImages = 0;
-        let withContent = 0;
-        let complete = 0;
-        campaigns.forEach((campaign) => {
-          if (campaign.ends_at && new Date(campaign.ends_at) > now) {
-            active++;
-          } else {
-            inactive++;
-          }
-          if (campaign.campaign_detail) {
-            if (campaign.campaign_detail.image_url || campaign.campaign_detail.thumbnail_url) {
-              withImages++;
-            }
-            if (campaign.campaign_detail.detail_content) {
-              withContent++;
-            }
-            if ((campaign.campaign_detail.image_url || campaign.campaign_detail.thumbnail_url) && campaign.campaign_detail.detail_content) {
-              complete++;
-            }
-          }
-        });
-        setStats({
-          total: campaigns.length,
-          active,
-          inactive,
-          with_images: withImages,
-          with_content: withContent,
-          complete
-        });
-      }
+      setData(response.data);
     } catch (err) {
-      console.error("Error fetching campaign stats:", err);
+      setError(
+        err instanceof Error ? err : new Error("Failed to fetch flash sales")
+      );
     } finally {
-      setLoading(false);
+      setIsLoading(false);
     }
   };
-  if (loading) {
-    return /* @__PURE__ */ jsxs(Container, { className: "px-6 py-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
-        /* @__PURE__ */ jsx(Sparkles, { className: "text-ui-fg-subtle" }),
-        /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Campaign Overview" })
-      ] }),
-      /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Loading stats..." })
-    ] });
-  }
-  const completionRate = stats.total > 0 ? Math.round(stats.complete / stats.total * 100) : 0;
-  return /* @__PURE__ */ jsxs(Container, { className: "px-6 py-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-6", children: [
-      /* @__PURE__ */ jsx(Sparkles, { className: "text-ui-fg-subtle" }),
-      /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Campaign Overview" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 mb-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "p-4 rounded-lg border bg-ui-bg-subtle", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-          /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Total" }),
-          /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4 text-ui-fg-subtle" })
-        ] }),
-        /* @__PURE__ */ jsx(Text, { className: "text-2xl font-bold", children: stats.total })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "p-4 rounded-lg border bg-green-50", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-          /* @__PURE__ */ jsx(Text, { className: "text-xs text-green-700", children: "Active" }),
-          /* @__PURE__ */ jsx(CheckCircleSolid, { className: "h-4 w-4 text-green-600" })
-        ] }),
-        /* @__PURE__ */ jsx(Text, { className: "text-2xl font-bold text-green-700", children: stats.active })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "p-4 rounded-lg border bg-gray-50", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-          /* @__PURE__ */ jsx(Text, { className: "text-xs text-gray-600", children: "Inactive" }),
-          /* @__PURE__ */ jsx(ClockSolid, { className: "h-4 w-4 text-gray-500" })
-        ] }),
-        /* @__PURE__ */ jsx(Text, { className: "text-2xl font-bold text-gray-600", children: stats.inactive })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-3 mb-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 rounded-lg bg-ui-bg-subtle", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(PhotoSolid, { className: "h-4 w-4 text-blue-600" }),
-          /* @__PURE__ */ jsx(Text, { className: "text-sm", children: "With Images" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Text, { className: "text-sm font-medium", children: stats.with_images }),
-          /* @__PURE__ */ jsxs(Badge, { size: "xsmall", color: "blue", children: [
-            stats.total > 0 ? Math.round(stats.with_images / stats.total * 100) : 0,
-            "%"
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 rounded-lg bg-ui-bg-subtle", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(CheckCircleSolid, { className: "h-4 w-4 text-green-600" }),
-          /* @__PURE__ */ jsx(Text, { className: "text-sm", children: "With Content" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Text, { className: "text-sm font-medium", children: stats.with_content }),
-          /* @__PURE__ */ jsxs(Badge, { size: "xsmall", color: "green", children: [
-            stats.total > 0 ? Math.round(stats.with_content / stats.total * 100) : 0,
-            "%"
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 rounded-lg bg-ui-bg-subtle", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4 text-purple-600" }),
-          /* @__PURE__ */ jsx(Text, { className: "text-sm", children: "Complete Details" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Text, { className: "text-sm font-medium", children: stats.complete }),
-          /* @__PURE__ */ jsxs(Badge, { size: "xsmall", color: "purple", children: [
-            completionRate,
-            "%"
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "pt-4 border-t", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-        /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Campaign Completion" }),
-        /* @__PURE__ */ jsxs(Text, { className: "text-xs font-medium", children: [
-          completionRate,
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "h-2 bg-ui-bg-subtle rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "h-full bg-gradient-to-r from-purple-500 to-blue-500 transition-all duration-300",
-          style: { width: `${completionRate}%` }
-        }
-      ) }),
-      /* @__PURE__ */ jsxs(Text, { className: "text-xs text-ui-fg-muted mt-2", children: [
-        stats.complete,
-        " of ",
-        stats.total,
-        " campaigns have complete details"
-      ] })
-    ] }),
-    completionRate < 50 && stats.total > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 p-3 rounded-lg bg-blue-50 border border-blue-200", children: /* @__PURE__ */ jsx(Text, { className: "text-xs text-blue-800", children: "💡 Tip: Add images and content to campaigns to improve customer engagement!" }) })
-  ] });
-};
-defineWidgetConfig({
-  zone: "campaign.list.before"
-});
-const useFlashSales = (pagination) => {
-  const query = useQuery({
-    queryKey: ["flash-sales", pagination],
-    queryFn: async () => {
-      const { data } = await axios.get("/admin/flash-sales", {
-        params: pagination
-      });
-      return data;
-    }
-  });
-  return query;
+  useEffect(() => {
+    fetchFlashSales();
+  }, [pagination.limit, pagination.offset]);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchFlashSales
+  };
 };
 const FlashSalePage = () => {
   const navigate = useNavigate();
@@ -445,10 +300,117 @@ const FlashSalePage = () => {
 const FlashSale = () => {
   return /* @__PURE__ */ jsx(FlashSalePage, {});
 };
-const config$1 = defineRouteConfig({
+const config$3 = defineRouteConfig({
   label: "Flash Sale",
   icon: Sparkles
 });
+const useCoupons = ({ limit, offset }) => {
+  const [data, setData] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchCoupons = async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const response = await axios.get("/admin/coupons", {
+        params: { limit, offset }
+      });
+      setData(response.data);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to fetch coupons"));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchCoupons();
+  }, [limit, offset]);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchCoupons
+  };
+};
+const columnHelper$1 = createDataTableColumnHelper();
+const useCouponColumns = () => useMemo(
+  () => [
+    columnHelper$1.accessor("name", {
+      header: "Name",
+      cell: (info) => info.getValue()
+    }),
+    columnHelper$1.display({
+      id: "code",
+      header: "Code",
+      cell: (info) => {
+        var _a, _b;
+        return ((_b = (_a = info.row.original.promotions) == null ? void 0 : _a[0]) == null ? void 0 : _b.code) ?? "-";
+      }
+    }),
+    columnHelper$1.display({
+      id: "status",
+      header: "Status",
+      cell: (info) => {
+        const endsAt = info.row.original.ends_at;
+        if (!endsAt) {
+          return "";
+        }
+        const isActive = dayjs(endsAt).isAfter(dayjs());
+        return /* @__PURE__ */ jsx(Badge, { color: isActive ? "green" : "grey", children: isActive ? "Active" : "Inactive" });
+      }
+    }),
+    columnHelper$1.accessor("starts_at", {
+      header: "Start Date",
+      cell: (info) => info.getValue() ? dayjs(info.getValue()).format("YYYY-MM-DD HH:mm") : ""
+    }),
+    columnHelper$1.accessor("ends_at", {
+      header: "End Date",
+      cell: (info) => info.getValue() ? dayjs(info.getValue()).format("YYYY-MM-DD HH:mm") : ""
+    })
+  ],
+  []
+);
+const CouponPage = () => {
+  const navigate = useNavigate();
+  const limit = 20;
+  const [pagination, setPagination] = useState({
+    pageSize: limit,
+    pageIndex: 0
+  });
+  const offset = pagination.pageIndex * limit;
+  const { data } = useCoupons({ limit, offset });
+  const columns2 = useCouponColumns();
+  const table = useDataTable({
+    data: (data == null ? void 0 : data.campaigns) ?? [],
+    columns: columns2,
+    getRowId: (row) => row.id,
+    pagination: {
+      state: pagination,
+      onPaginationChange: setPagination
+    },
+    rowCount: (data == null ? void 0 : data.count) ?? 0,
+    onRowClick: (_, row) => {
+      navigate(`/coupons/${row.id}`);
+    }
+  });
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold", children: "Coupons" }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => navigate("/coupons/create"), children: "Create Coupon" })
+    ] }),
+    /* @__PURE__ */ jsxs(DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsx(DataTable.Table, {}),
+      /* @__PURE__ */ jsx(DataTable.Pagination, {})
+    ] })
+  ] });
+};
+const Coupons = () => {
+  return /* @__PURE__ */ jsx(CouponPage, {});
+};
+const config$2 = defineRouteConfig({
+  label: "Coupons",
+  icon: Tag
+});
 var isCheckBoxInput = (element) => element.type === "checkbox";
 var isDateObject = (value) => value instanceof Date;
 var isNullOrUndefined = (value) => value == null;
@@ -2356,13 +2318,25 @@ const ProductSelector = ({
   const debouncedSearchHandler = debounce((value) => {
     setSearch(value);
   }, 500);
-  const { data: products } = useQuery({
-    queryKey: ["products", selectedProductIds, search],
-    queryFn: () => sdk.admin.product.list({
-      q: search,
-      limit: 100
-    })
-  });
+  const [products, setProducts] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  useEffect(() => {
+    const fetchProducts = async () => {
+      setIsLoading(true);
+      try {
+        const result = await sdk.admin.product.list({
+          q: search,
+          limit: 100
+        });
+        setProducts(result);
+      } catch (error) {
+        console.error("Failed to fetch products:", error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    fetchProducts();
+  }, [selectedProductIds, search]);
   const selectableProducts = useMemo(() => {
     var _a;
     return (_a = products == null ? void 0 : products.products) == null ? void 0 : _a.filter(
@@ -2679,58 +2653,387 @@ const FlashSaleForm = ({
     ] }) })
   ] });
 };
-const useFlashSaleById = (id) => {
-  const query = useQuery({
-    queryKey: ["flash-sale", id],
-    queryFn: async () => {
-      const { data } = await axios.get(`/admin/flash-sales/${id}`);
-      return data;
-    },
-    enabled: !!id
-  });
-  return query;
+const FlashSaleCreate = () => {
+  const navigate = useNavigate();
+  async function handleSubmit(campaignData) {
+    var _a;
+    try {
+      await axios.post("/admin/flash-sales", {
+        ...campaignData,
+        starts_at: new Date(campaignData.starts_at).toUTCString(),
+        ends_at: new Date(campaignData.ends_at).toUTCString()
+      });
+      toast.success("Flash sale created successfully");
+      navigate("/flash-sales");
+    } catch (error) {
+      let message;
+      if (axios.isAxiosError(error)) {
+        console.log(error);
+        message = (_a = error.response) == null ? void 0 : _a.data.message;
+      } else if (error instanceof Error) {
+        message = error.message;
+      } else {
+        message = "Failed to create flash sale";
+      }
+      toast.error("Failed to create flash sale", {
+        description: message
+      });
+    }
+  }
+  return /* @__PURE__ */ jsx(
+    FlashSaleForm,
+    {
+      onSubmit: handleSubmit,
+      onCancel: () => navigate("/flash-sales")
+    }
+  );
 };
-const MarkdownEditor = ({
-  label,
-  value,
-  onChange,
-  placeholder,
-  helpText,
-  rows = 10,
-  showPreview = true
+const couponSchema = z.object({
+  name: z.string().min(1, "Name is required"),
+  description: z.string().min(1, "Description is required"),
+  type: z.literal("coupon"),
+  code: z.string().min(1, "Coupon code is required"),
+  discount_type: z.enum(["percentage", "fixed"]),
+  discount_value: z.number().positive("Discount must be positive"),
+  currency_code: z.string().optional(),
+  starts_at: z.string().min(1, "Start date is required"),
+  ends_at: z.string().min(1, "End date is required"),
+  allocation: z.enum(["each", "total"]).optional(),
+  target_type: z.enum(["order", "items"]).optional()
+}).superRefine((data, ctx) => {
+  if (new Date(data.ends_at) < new Date(data.starts_at)) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      path: ["ends_at"],
+      message: "End date must be after start date"
+    });
+  }
+  if (data.discount_type === "fixed" && !data.currency_code) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      path: ["currency_code"],
+      message: "Currency is required for fixed discount"
+    });
+  }
+});
+const CouponForm = ({
+  initialData,
+  onSubmit,
+  onCancel,
+  disabled = false
 }) => {
-  const [activeTab, setActiveTab] = useState("write");
-  const insertMarkdown = (before, after = "") => {
-    const textarea = document.getElementById(
-      `markdown-${label}`
-    );
-    if (!textarea) return;
-    const start = textarea.selectionStart;
-    const end = textarea.selectionEnd;
-    const selectedText = value.substring(start, end);
-    const newText = value.substring(0, start) + before + selectedText + after + value.substring(end);
-    onChange(newText);
-    setTimeout(() => {
-      textarea.focus();
-      textarea.setSelectionRange(
-        start + before.length,
-        start + before.length + selectedText.length
-      );
-    }, 0);
-  };
-  const renderMarkdownPreview = (markdown) => {
-    let html = markdown;
-    html = html.replace(/^### (.*$)/gim, "<h3>$1</h3>");
-    html = html.replace(/^## (.*$)/gim, "<h2>$1</h2>");
-    html = html.replace(/^# (.*$)/gim, "<h1>$1</h1>");
-    html = html.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
-    html = html.replace(/__(.+?)__/g, "<strong>$1</strong>");
-    html = html.replace(/\*(.+?)\*/g, "<em>$1</em>");
-    html = html.replace(/_(.+?)_/g, "<em>$1</em>");
-    html = html.replace(
-      /```(\w+)?\n([\s\S]+?)```/g,
-      '<pre class="bg-ui-bg-subtle p-4 rounded-lg overflow-x-auto"><code class="language-$1">$2</code></pre>'
-    );
+  const {
+    register,
+    control,
+    handleSubmit,
+    watch,
+    setValue,
+    formState: { errors }
+  } = useForm({
+    resolver: t(couponSchema),
+    defaultValues: {
+      name: (initialData == null ? void 0 : initialData.name) ?? "",
+      description: (initialData == null ? void 0 : initialData.description) ?? "",
+      type: "coupon",
+      code: (initialData == null ? void 0 : initialData.code) ?? "",
+      discount_type: (initialData == null ? void 0 : initialData.discount_type) ?? "percentage",
+      discount_value: (initialData == null ? void 0 : initialData.discount_value) ?? 0,
+      currency_code: (initialData == null ? void 0 : initialData.currency_code) ?? "",
+      starts_at: (initialData == null ? void 0 : initialData.starts_at) ?? dayjs().startOf("day").format("YYYY-MM-DDTHH:mm"),
+      ends_at: (initialData == null ? void 0 : initialData.ends_at) ?? dayjs().endOf("day").format("YYYY-MM-DDTHH:mm"),
+      allocation: (initialData == null ? void 0 : initialData.allocation) ?? "total",
+      target_type: (initialData == null ? void 0 : initialData.target_type) ?? "order"
+    }
+  });
+  const discountType = watch("discount_type");
+  const startsAt = watch("starts_at");
+  const endsAt = watch("ends_at");
+  const handleDateTimeChange = (field, type, value) => {
+    const currentValue = watch(field);
+    if (type === "date") {
+      const time = currentValue ? dayjs(currentValue).format("HH:mm") : field === "starts_at" ? "00:00" : "23:59";
+      setValue(field, `${value}T${time}`);
+    } else {
+      const date = currentValue ? dayjs(currentValue).format("YYYY-MM-DD") : dayjs().format("YYYY-MM-DD");
+      setValue(field, `${date}T${value}`);
+    }
+  };
+  const onFormSubmit = (data) => {
+    onSubmit(data);
+  };
+  const onFormError = () => {
+    const errorMessages = Object.values(errors).map((err) => err == null ? void 0 : err.message).filter(Boolean).join(", ");
+    toast.error("Invalid coupon data", {
+      description: errorMessages
+    });
+  };
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold", children: "Coupon" }),
+      /* @__PURE__ */ jsx(Button, { variant: "transparent", onClick: onCancel, children: "Cancel" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: handleSubmit(onFormSubmit, onFormError),
+        className: "space-y-6 my-8",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { children: "Name" }),
+            /* @__PURE__ */ jsx(Input, { ...register("name"), disabled }),
+            errors.name && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.name.message })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { children: "Description" }),
+            /* @__PURE__ */ jsx(Textarea, { ...register("description"), disabled }),
+            errors.description && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.description.message })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { children: "Start Date" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "date",
+                    value: startsAt ? dayjs(startsAt).format("YYYY-MM-DD") : "",
+                    onChange: (e2) => handleDateTimeChange("starts_at", "date", e2.target.value),
+                    disabled,
+                    className: "flex-1"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "time",
+                    value: startsAt ? dayjs(startsAt).format("HH:mm") : "",
+                    onChange: (e2) => handleDateTimeChange("starts_at", "time", e2.target.value),
+                    disabled,
+                    className: "flex-1"
+                  }
+                )
+              ] }),
+              errors.starts_at && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.starts_at.message })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { children: "End Date" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "date",
+                    value: endsAt ? dayjs(endsAt).format("YYYY-MM-DD") : "",
+                    onChange: (e2) => handleDateTimeChange("ends_at", "date", e2.target.value),
+                    disabled,
+                    className: "flex-1"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "time",
+                    value: endsAt ? dayjs(endsAt).format("HH:mm") : "",
+                    onChange: (e2) => handleDateTimeChange("ends_at", "time", e2.target.value),
+                    disabled,
+                    className: "flex-1"
+                  }
+                )
+              ] }),
+              errors.ends_at && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.ends_at.message })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { children: "Coupon Code" }),
+              /* @__PURE__ */ jsx(Input, { ...register("code"), disabled }),
+              errors.code && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.code.message })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { children: "Discount Type" }),
+              /* @__PURE__ */ jsx(
+                Controller,
+                {
+                  name: "discount_type",
+                  control,
+                  render: ({ field }) => /* @__PURE__ */ jsxs(
+                    Select,
+                    {
+                      value: field.value,
+                      onValueChange: field.onChange,
+                      disabled,
+                      children: [
+                        /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select discount type" }) }),
+                        /* @__PURE__ */ jsxs(Select.Content, { children: [
+                          /* @__PURE__ */ jsx(Select.Item, { value: "percentage", children: "Percentage" }),
+                          /* @__PURE__ */ jsx(Select.Item, { value: "fixed", children: "Fixed Amount" })
+                        ] })
+                      ]
+                    }
+                  )
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { children: "Discount Value" }),
+              /* @__PURE__ */ jsx(
+                Controller,
+                {
+                  name: "discount_value",
+                  control,
+                  render: ({ field }) => /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "number",
+                      value: field.value,
+                      min: 0,
+                      step: field.value % 1 === 0 ? 1 : 0.01,
+                      onChange: (e2) => field.onChange(Number(e2.target.value)),
+                      disabled
+                    }
+                  )
+                }
+              ),
+              errors.discount_value && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.discount_value.message })
+            ] }),
+            discountType === "fixed" && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { children: "Currency Code" }),
+              /* @__PURE__ */ jsx(Input, { ...register("currency_code"), disabled }),
+              errors.currency_code && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.currency_code.message })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { children: "Allocation" }),
+              /* @__PURE__ */ jsx(
+                Controller,
+                {
+                  name: "allocation",
+                  control,
+                  render: ({ field }) => /* @__PURE__ */ jsxs(
+                    Select,
+                    {
+                      value: field.value,
+                      onValueChange: field.onChange,
+                      disabled,
+                      children: [
+                        /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select allocation" }) }),
+                        /* @__PURE__ */ jsxs(Select.Content, { children: [
+                          /* @__PURE__ */ jsx(Select.Item, { value: "total", children: "Order Total" }),
+                          /* @__PURE__ */ jsx(Select.Item, { value: "each", children: "Each Item" })
+                        ] })
+                      ]
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { children: "Target Type" }),
+              /* @__PURE__ */ jsx(
+                Controller,
+                {
+                  name: "target_type",
+                  control,
+                  render: ({ field }) => /* @__PURE__ */ jsxs(
+                    Select,
+                    {
+                      value: field.value,
+                      onValueChange: field.onChange,
+                      disabled,
+                      children: [
+                        /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select target" }) }),
+                        /* @__PURE__ */ jsxs(Select.Content, { children: [
+                          /* @__PURE__ */ jsx(Select.Item, { value: "order", children: "Order" }),
+                          /* @__PURE__ */ jsx(Select.Item, { value: "items", children: "Items" })
+                        ] })
+                      ]
+                    }
+                  )
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", type: "button", onClick: onCancel, children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { type: "submit", disabled, children: "Save Coupon" })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+const useCouponById = (id) => {
+  const [data, setData] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchCoupon = async () => {
+    if (!id) {
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const response = await axios.get(`/admin/coupons/${id}`);
+      setData(response.data);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to fetch coupon"));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchCoupon();
+  }, [id]);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchCoupon
+  };
+};
+const MarkdownEditor = ({
+  label,
+  value,
+  onChange,
+  placeholder,
+  helpText,
+  rows = 10,
+  showPreview = true
+}) => {
+  const [activeTab, setActiveTab] = useState("write");
+  const insertMarkdown = (before, after = "") => {
+    const textarea = document.getElementById(
+      `markdown-${label}`
+    );
+    if (!textarea) return;
+    const start = textarea.selectionStart;
+    const end = textarea.selectionEnd;
+    const selectedText = value.substring(start, end);
+    const newText = value.substring(0, start) + before + selectedText + after + value.substring(end);
+    onChange(newText);
+    setTimeout(() => {
+      textarea.focus();
+      textarea.setSelectionRange(
+        start + before.length,
+        start + before.length + selectedText.length
+      );
+    }, 0);
+  };
+  const renderMarkdownPreview = (markdown) => {
+    let html = markdown;
+    html = html.replace(/^### (.*$)/gim, "<h3>$1</h3>");
+    html = html.replace(/^## (.*$)/gim, "<h2>$1</h2>");
+    html = html.replace(/^# (.*$)/gim, "<h1>$1</h1>");
+    html = html.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
+    html = html.replace(/__(.+?)__/g, "<strong>$1</strong>");
+    html = html.replace(/\*(.+?)\*/g, "<em>$1</em>");
+    html = html.replace(/_(.+?)_/g, "<em>$1</em>");
+    html = html.replace(
+      /```(\w+)?\n([\s\S]+?)```/g,
+      '<pre class="bg-ui-bg-subtle p-4 rounded-lg overflow-x-auto"><code class="language-$1">$2</code></pre>'
+    );
     html = html.replace(
       /`([^`]+)`/g,
       '<code class="bg-ui-bg-subtle px-1 py-0.5 rounded text-sm">$1</code>'
@@ -3532,11 +3835,168 @@ const CampaignDetailForm = ({
     )
   ] });
 };
+const CouponDetail = () => {
+  var _a, _b, _c, _d, _e, _f;
+  const { id } = useParams();
+  const navigate = useNavigate();
+  const [isEditing, setIsEditing] = useState(false);
+  const { data, isLoading, refetch } = useCouponById(id ?? "");
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Container, { className: "flex items-center justify-center h-screen", children: /* @__PURE__ */ jsx("div", { className: "animate-spin h-10 w-10 border-4 border-primary rounded-full border-t-transparent" }) });
+  }
+  if (!(data == null ? void 0 : data.campaign)) {
+    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx("p", { children: "Coupon not found" }) });
+  }
+  const campaign = data.campaign;
+  const promotion = (_a = campaign.promotions) == null ? void 0 : _a[0];
+  const initialValues = {
+    name: campaign.name ?? "",
+    description: campaign.description ?? "",
+    type: "coupon",
+    code: (promotion == null ? void 0 : promotion.code) ?? "",
+    discount_type: ((_b = promotion == null ? void 0 : promotion.application_method) == null ? void 0 : _b.type) ?? "percentage",
+    discount_value: Number(((_c = promotion == null ? void 0 : promotion.application_method) == null ? void 0 : _c.value) ?? 0),
+    currency_code: ((_d = promotion == null ? void 0 : promotion.application_method) == null ? void 0 : _d.currency_code) ?? void 0,
+    starts_at: campaign.starts_at ? dayjs(campaign.starts_at).format("YYYY-MM-DDTHH:mm") : void 0,
+    ends_at: campaign.ends_at ? dayjs(campaign.ends_at).format("YYYY-MM-DDTHH:mm") : void 0,
+    allocation: ((_e = promotion == null ? void 0 : promotion.application_method) == null ? void 0 : _e.allocation) ?? "total",
+    target_type: ((_f = promotion == null ? void 0 : promotion.application_method) == null ? void 0 : _f.target_type) ?? "order"
+  };
+  const handleSubmit = async (formData) => {
+    var _a2, _b2;
+    if (!id) {
+      return;
+    }
+    try {
+      await axios.put(`/admin/coupons/${id}`, {
+        ...formData,
+        starts_at: new Date(formData.starts_at).toUTCString(),
+        ends_at: new Date(formData.ends_at).toUTCString(),
+        currency_code: formData.discount_type === "fixed" ? formData.currency_code : void 0
+      });
+      toast.success("Coupon updated successfully");
+      setIsEditing(false);
+      refetch();
+    } catch (error) {
+      let message = "Failed to update coupon";
+      if (axios.isAxiosError(error)) {
+        message = ((_b2 = (_a2 = error.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) ?? message;
+      } else if (error instanceof Error) {
+        message = error.message;
+      }
+      toast.error("Failed to update coupon", {
+        description: message
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold mb-1", children: campaign.name }),
+        /* @__PURE__ */ jsx("p", { className: "text-ui-fg-subtle", children: "Manage coupon configuration and content" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => navigate("/coupons"), children: "Back to Coupons" }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => setIsEditing((prev) => !prev), children: isEditing ? "View Mode" : "Edit Mode" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Tabs, { defaultValue: "settings", children: [
+      /* @__PURE__ */ jsxs(Tabs.List, { children: [
+        /* @__PURE__ */ jsx(Tabs.Trigger, { value: "settings", children: "Coupon Settings" }),
+        /* @__PURE__ */ jsx(Tabs.Trigger, { value: "details", children: "Coupon Details" })
+      ] }),
+      /* @__PURE__ */ jsx(Tabs.Content, { value: "settings", className: "mt-6", children: /* @__PURE__ */ jsx(
+        CouponForm,
+        {
+          initialData: initialValues,
+          onSubmit: handleSubmit,
+          onCancel: () => navigate("/coupons"),
+          disabled: !isEditing
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Tabs.Content, { value: "details", className: "mt-6", children: /* @__PURE__ */ jsx(
+        CampaignDetailForm,
+        {
+          campaignId: campaign.id,
+          campaignName: campaign.name ?? ""
+        }
+      ) })
+    ] })
+  ] });
+};
+const config$1 = defineRouteConfig({
+  label: "Coupon Detail",
+  icon: Tag
+});
+const CouponCreate = () => {
+  const navigate = useNavigate();
+  const handleSubmit = async (formData) => {
+    var _a, _b;
+    try {
+      await axios.post("/admin/coupons", {
+        ...formData,
+        starts_at: new Date(formData.starts_at).toUTCString(),
+        ends_at: new Date(formData.ends_at).toUTCString(),
+        currency_code: formData.discount_type === "fixed" ? formData.currency_code : void 0
+      });
+      toast.success("Coupon created successfully");
+      navigate("/coupons");
+    } catch (error) {
+      let message = "Failed to create coupon";
+      if (axios.isAxiosError(error)) {
+        message = ((_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) ?? message;
+      } else if (error instanceof Error) {
+        message = error.message;
+      }
+      toast.error("Failed to create coupon", {
+        description: message
+      });
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    CouponForm,
+    {
+      onSubmit: handleSubmit,
+      onCancel: () => navigate("/coupons")
+    }
+  );
+};
+const useFlashSaleById = (id) => {
+  const [data, setData] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchFlashSale = async () => {
+    if (!id) {
+      setIsLoading(false);
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const response = await axios.get(`/admin/flash-sales/${id}`);
+      setData(response.data);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err : new Error("Failed to fetch flash sale")
+      );
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchFlashSale();
+  }, [id]);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchFlashSale
+  };
+};
 const FlashSaleDetail = () => {
   const { id } = useParams();
   const navigate = useNavigate();
-  const queryClient = useQueryClient();
-  const { data, isLoading } = useFlashSaleById(id || "");
+  const { data, isLoading, refetch } = useFlashSaleById(id || "");
   const [isEditing, setIsEditing] = useState(false);
   async function handleSubmit(campaignData2) {
     var _a;
@@ -3547,14 +4007,7 @@ const FlashSaleDetail = () => {
         ends_at: new Date(campaignData2.ends_at).toUTCString()
       });
       toast.success("Flash sale updated successfully");
-      queryClient.invalidateQueries({
-        exact: false,
-        predicate(query) {
-          return ["flash-sales", "flash-sale"].includes(
-            query.queryKey[0]
-          );
-        }
-      });
+      refetch();
       navigate("/flash-sales");
     } catch (error) {
       let message;
@@ -3626,54 +4079,10 @@ const config = defineRouteConfig({
   label: "Flash Sale Detail",
   icon: Sparkles
 });
-const FlashSaleCreate = () => {
-  const navigate = useNavigate();
-  const queryClient = useQueryClient();
-  async function handleSubmit(campaignData) {
-    var _a;
-    try {
-      await axios.post("/admin/flash-sales", {
-        ...campaignData,
-        starts_at: new Date(campaignData.starts_at).toUTCString(),
-        ends_at: new Date(campaignData.ends_at).toUTCString()
-      });
-      toast.success("Flash sale created successfully");
-      queryClient.invalidateQueries({
-        exact: false,
-        queryKey: ["flash-sales"]
-      });
-      navigate("/flash-sales");
-    } catch (error) {
-      let message;
-      if (axios.isAxiosError(error)) {
-        console.log(error);
-        message = (_a = error.response) == null ? void 0 : _a.data.message;
-      } else if (error instanceof Error) {
-        message = error.message;
-      } else {
-        message = "Failed to create flash sale";
-      }
-      toast.error("Failed to create flash sale", {
-        description: message
-      });
-    }
-  }
-  return /* @__PURE__ */ jsx(
-    FlashSaleForm,
-    {
-      onSubmit: handleSubmit,
-      onCancel: () => navigate("/flash-sales")
-    }
-  );
-};
 const widgetModule = { widgets: [
   {
     Component: CampaignDetailWidget,
     zone: ["promotion.details.side.after"]
-  },
-  {
-    Component: CampaignStatsWidget,
-    zone: ["campaign.list.before"]
   }
 ] };
 const routeModule = {
@@ -3683,21 +4092,45 @@ const routeModule = {
       path: "/flash-sales"
     },
     {
-      Component: FlashSaleDetail,
-      path: "/flash-sales/:id"
+      Component: Coupons,
+      path: "/coupons"
     },
     {
       Component: FlashSaleCreate,
       path: "/flash-sales/create"
+    },
+    {
+      Component: CouponDetail,
+      path: "/coupons/:id"
+    },
+    {
+      Component: CouponCreate,
+      path: "/coupons/create"
+    },
+    {
+      Component: FlashSaleDetail,
+      path: "/flash-sales/:id"
     }
   ]
 };
 const menuItemModule = {
   menuItems: [
+    {
+      label: config$2.label,
+      icon: config$2.icon,
+      path: "/coupons",
+      nested: void 0
+    },
+    {
+      label: config$3.label,
+      icon: config$3.icon,
+      path: "/flash-sales",
+      nested: void 0
+    },
     {
       label: config$1.label,
       icon: config$1.icon,
-      path: "/flash-sales",
+      path: "/coupons/:id",
       nested: void 0
     },
     {
@@ -3712,12 +4145,14 @@ const formModule = { customFields: {} };
 const displayModule = {
   displays: {}
 };
+const i18nModule = { resources: {} };
 const plugin = {
   widgetModule,
   routeModule,
   menuItemModule,
   formModule,
-  displayModule
+  displayModule,
+  i18nModule
 };
 export {
   plugin as default