@lodashventure/medusa-campaign 1.4.16 → 1.4.17

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

@@ -0,0 +1,2281 @@
+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, Label, Input, Textarea, Select, toast, Tabs, clx, Table, FocusModal } from "@medusajs/ui";
+import { Sparkles, PhotoSolid, PencilSquare, Eye, Tag, InformationCircle, CommandLine, X, CloudArrowUp, Trash } from "@medusajs/icons";
+import { useState, useEffect, useMemo, useCallback } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import dayjs from "dayjs";
+import axios from "axios";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm, Controller, useFieldArray } from "react-hook-form";
+import z from "zod";
+import { debounce } from "lodash";
+import Medusa from "@medusajs/js-sdk";
+import "@medusajs/admin-shared";
+const CampaignDetailWidget = ({
+  data: promotion
+}) => {
+  const navigate = useNavigate();
+  const [campaign, setCampaign] = useState(null);
+  const [campaignDetail, setCampaignDetail] = useState(
+    null
+  );
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (promotion == null ? void 0 : promotion.campaign_id) {
+      fetchCampaignAndDetail();
+    } else {
+      setLoading(false);
+    }
+  }, [promotion == null ? void 0 : promotion.campaign_id]);
+  const fetchCampaignAndDetail = async () => {
+    if (!(promotion == null ? void 0 : promotion.campaign_id)) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const campaignResponse = await fetch(
+        `/admin/flash-sales/${promotion.campaign_id}`,
+        {
+          credentials: "include"
+        }
+      );
+      if (campaignResponse.ok) {
+        const campaignData = await campaignResponse.json();
+        setCampaign(campaignData);
+        if (campaignData.campaign_detail) {
+          setCampaignDetail(campaignData.campaign_detail);
+        }
+      }
+    } catch (err) {
+      console.error("Error fetching campaign:", err);
+      setError("Failed to load campaign information");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleEditCampaign = () => {
+    if (campaign == null ? void 0 : campaign.id) {
+      navigate(`/flash-sales/${campaign.id}`);
+    }
+  };
+  const handleViewCampaign = () => {
+    if (campaign == null ? void 0 : campaign.id) {
+      navigate(`/flash-sales/${campaign.id}#details`);
+    }
+  };
+  if (!(promotion == null ? void 0 : promotion.campaign_id)) {
+    return null;
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx(Container, { className: "divide-y px-0 pb-0 pt-0", children: /* @__PURE__ */ jsxs("div", { 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" })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Loading campaign..." })
+    ] }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Container, { className: "divide-y px-0 pb-0 pt-0", children: /* @__PURE__ */ jsxs("div", { 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" })
+      ] }),
+      /* @__PURE__ */ jsx(Alert, { variant: "error", children: error })
+    ] }) });
+  }
+  if (!campaign) {
+    return /* @__PURE__ */ jsx(Container, { className: "divide-y px-0 pb-0 pt-0", children: /* @__PURE__ */ jsxs("div", { 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" })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "This promotion is not part of a campaign" })
+    ] }) });
+  }
+  const hasCampaignDetail = !!campaignDetail;
+  const hasImages = (campaignDetail == null ? void 0 : campaignDetail.image_url) || (campaignDetail == null ? void 0 : campaignDetail.thumbnail_url);
+  const hasContent = (campaignDetail == null ? void 0 : campaignDetail.detail_content) || (campaignDetail == null ? void 0 : campaignDetail.terms_and_conditions);
+  const hasSEO = (campaignDetail == null ? void 0 : campaignDetail.meta_title) || (campaignDetail == null ? void 0 : campaignDetail.meta_description);
+  return /* @__PURE__ */ jsx(Container, { className: "divide-y px-0 pb-0 pt-0", children: /* @__PURE__ */ jsxs("div", { 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" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-4 p-4 rounded-lg border bg-ui-bg-subtle", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsx(Text, { className: "font-semibold text-lg mb-1", children: campaign.name }),
+          campaign.description && /* @__PURE__ */ jsx(Text, { className: "text-sm text-ui-fg-subtle line-clamp-2", children: campaign.description })
+        ] }),
+        /* @__PURE__ */ jsxs(Badge, { color: "purple", size: "small", children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "mr-1" }),
+          "Campaign"
+        ] })
+      ] }),
+      /* @__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(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(Text, { className: "text-xs", children: hasContent ? "Content added" : "No content" })
+        ] })
+      ] })
+    ] }),
+    hasCampaignDetail && /* @__PURE__ */ jsxs("div", { className: "space-y-3 mb-4", children: [
+      campaignDetail.thumbnail_url && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { className: "text-xs font-medium text-ui-fg-subtle mb-2", children: "Thumbnail" }),
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: campaignDetail.thumbnail_url,
+            alt: "Campaign thumbnail",
+            className: "w-full h-32 object-cover rounded-lg border"
+          }
+        )
+      ] }),
+      campaignDetail.detail_content && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { className: "text-xs font-medium text-ui-fg-subtle mb-1", children: "Content Preview" }),
+        /* @__PURE__ */ jsxs(Text, { className: "text-sm line-clamp-3 text-ui-fg-muted", children: [
+          campaignDetail.detail_content.substring(0, 150),
+          "..."
+        ] })
+      ] }),
+      campaignDetail.link_url && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
+        /* @__PURE__ */ jsx(Badge, { size: "xsmall", color: "blue", children: "CTA Link" }),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle truncate", children: campaignDetail.link_text || campaignDetail.link_url })
+      ] }),
+      hasSEO && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
+        /* @__PURE__ */ jsx(Badge, { size: "xsmall", color: "green", children: "SEO" }),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Meta fields configured" })
+      ] })
+    ] }),
+    !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"
+      ] }),
+      hasCampaignDetail && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "secondary",
+          size: "small",
+          onClick: handleViewCampaign,
+          children: [
+            /* @__PURE__ */ jsx(Eye, { className: "mr-1" }),
+            "View Details"
+          ]
+        }
+      )
+    ] }),
+    campaignDetail && /* @__PURE__ */ jsxs("div", { className: "mt-4 pt-4 border-t grid grid-cols-2 gap-3 text-xs", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Display Order" }),
+        /* @__PURE__ */ jsx(Text, { className: "font-medium", children: campaignDetail.display_order })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Status" }),
+        /* @__PURE__ */ jsx(Badge, { color: hasCampaignDetail ? "green" : "grey", size: "xsmall", children: hasCampaignDetail ? "Complete" : "Incomplete" })
+      ] })
+    ] })
+  ] }) });
+};
+defineWidgetConfig({
+  zone: "promotion.details.side.after"
+});
+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$3 = defineRouteConfig({
+  label: "Coupons",
+  icon: Tag
+});
+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 axios.get("/admin/flash-sales", {
+        params: pagination
+      });
+      setData(response.data);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err : new Error("Failed to fetch flash sales")
+      );
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchFlashSales();
+  }, [pagination.limit, pagination.offset]);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchFlashSales
+  };
+};
+const FlashSalePage = () => {
+  const navigate = useNavigate();
+  const limit = 20;
+  const [pagination, setPagination] = useState({
+    pageSize: limit,
+    pageIndex: 0
+  });
+  const offset = useMemo(() => {
+    return pagination.pageIndex * limit;
+  }, [pagination]);
+  const columnHelper2 = createDataTableColumnHelper();
+  const columns2 = [
+    columnHelper2.accessor("name", {
+      header: "Name",
+      cell: (info) => info.getValue()
+    }),
+    columnHelper2.accessor("ends_at", {
+      header: "Status",
+      cell: (info) => {
+        const date = info.getValue();
+        if (!date) {
+          return "";
+        }
+        const isActive = dayjs(date).isAfter(dayjs());
+        return /* @__PURE__ */ jsx(Badge, { color: isActive ? "green" : "grey", children: isActive ? "Active" : "Inactive" });
+      }
+    }),
+    columnHelper2.accessor("starts_at", {
+      header: "Start Date",
+      cell: (info) => {
+        const date = info.getValue();
+        if (!date) {
+          return "";
+        }
+        return dayjs(date).format("YYYY-MM-DD HH:mm");
+      }
+    }),
+    columnHelper2.accessor("ends_at", {
+      header: "End Date",
+      cell: (info) => {
+        const date = info.getValue();
+        if (!date) {
+          return "";
+        }
+        return dayjs(date).format("YYYY-MM-DD HH:mm");
+      }
+    })
+  ];
+  const { data } = useFlashSales({ limit, offset });
+  const table = useDataTable({
+    data: (data == null ? void 0 : data.campaigns) || [],
+    columns: columns2,
+    getRowId: (campaign) => campaign.id,
+    pagination: {
+      state: pagination,
+      onPaginationChange: setPagination
+    },
+    rowCount: (data == null ? void 0 : data.count) || 0,
+    onRowClick: (_, row) => {
+      navigate(`/flash-sales/${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: "Campaigns" }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => navigate("/flash-sales/create"), children: "Create Campaign" })
+    ] }),
+    /* @__PURE__ */ jsxs(DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsx(DataTable.Table, {}),
+      /* @__PURE__ */ jsx(DataTable.Pagination, {})
+    ] })
+  ] });
+};
+const FlashSale = () => {
+  return /* @__PURE__ */ jsx(FlashSalePage, {});
+};
+const config$2 = defineRouteConfig({
+  label: "Flash Sale",
+  icon: Sparkles
+});
+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 {
+    register,
+    control,
+    handleSubmit,
+    watch,
+    setValue,
+    formState: { errors }
+  } = useForm({
+    resolver: zodResolver(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: (e) => handleDateTimeChange("starts_at", "date", e.target.value),
+                    disabled,
+                    className: "flex-1"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "time",
+                    value: startsAt ? dayjs(startsAt).format("HH:mm") : "",
+                    onChange: (e) => handleDateTimeChange("starts_at", "time", e.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: (e) => handleDateTimeChange("ends_at", "date", e.target.value),
+                    disabled,
+                    className: "flex-1"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "time",
+                    value: endsAt ? dayjs(endsAt).format("HH:mm") : "",
+                    onChange: (e) => handleDateTimeChange("ends_at", "time", e.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: (e) => field.onChange(Number(e.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>'
+    );
+    html = html.replace(
+      /\[([^\]]+)\]\(([^)]+)\)/g,
+      '<a href="$2" class="text-ui-fg-interactive underline">$1</a>'
+    );
+    html = html.replace(
+      /!\[([^\]]*)\]\(([^)]+)\)/g,
+      '<img src="$2" alt="$1" class="max-w-full h-auto rounded-lg my-2" />'
+    );
+    html = html.replace(/^\* (.+)$/gim, "<li>$1</li>");
+    html = html.replace(/^\- (.+)$/gim, "<li>$1</li>");
+    html = html.replace(
+      /(<li>.*<\/li>)/s,
+      "<ul class='list-disc ml-6'>$1</ul>"
+    );
+    html = html.replace(/\n\n/g, "</p><p>");
+    html = `<p>${html}</p>`;
+    return html;
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: `markdown-${label}`, className: "font-medium", children: label }),
+      helpText && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-ui-fg-subtle", children: [
+        /* @__PURE__ */ jsx(InformationCircle, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { children: helpText })
+      ] })
+    ] }),
+    showPreview ? /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onValueChange: (v) => setActiveTab(v), children: [
+      /* @__PURE__ */ jsxs(Tabs.List, { children: [
+        /* @__PURE__ */ jsx(Tabs.Trigger, { value: "write", children: "Write" }),
+        /* @__PURE__ */ jsx(Tabs.Trigger, { value: "preview", children: "Preview" })
+      ] }),
+      /* @__PURE__ */ jsx(Tabs.Content, { value: "write", className: "mt-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 border-b pb-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              size: "small",
+              onClick: () => insertMarkdown("**", "**"),
+              title: "Bold",
+              children: /* @__PURE__ */ jsx("strong", { children: "B" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              size: "small",
+              onClick: () => insertMarkdown("*", "*"),
+              title: "Italic",
+              children: /* @__PURE__ */ jsx("em", { children: "I" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              size: "small",
+              onClick: () => insertMarkdown("`", "`"),
+              title: "Inline Code",
+              children: /* @__PURE__ */ jsx(CommandLine, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              size: "small",
+              onClick: () => insertMarkdown("## "),
+              title: "Heading",
+              children: "H2"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              size: "small",
+              onClick: () => insertMarkdown("### "),
+              title: "Heading",
+              children: "H3"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              size: "small",
+              onClick: () => insertMarkdown("[", "](url)"),
+              title: "Link",
+              children: "Link"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              size: "small",
+              onClick: () => insertMarkdown("![alt](", ")"),
+              title: "Image",
+              children: "Image"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              size: "small",
+              onClick: () => insertMarkdown("```\n", "\n```"),
+              title: "Code Block",
+              children: "Code"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              size: "small",
+              onClick: () => insertMarkdown("- "),
+              title: "List",
+              children: "List"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: `markdown-${label}`,
+            value,
+            onChange: (e) => onChange(e.target.value),
+            placeholder,
+            rows,
+            className: "font-mono text-sm"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(Tabs.Content, { value: "preview", className: "mt-4", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clx(
+            "min-h-[200px] rounded-lg border border-ui-border-base bg-ui-bg-subtle p-4",
+            "prose prose-sm max-w-none"
+          ),
+          dangerouslySetInnerHTML: {
+            __html: value ? renderMarkdownPreview(value) : '<p class="text-ui-fg-subtle">Nothing to preview</p>'
+          }
+        }
+      ) })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 border-b pb-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "secondary",
+            size: "small",
+            onClick: () => insertMarkdown("**", "**"),
+            title: "Bold",
+            children: /* @__PURE__ */ jsx("strong", { children: "B" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "secondary",
+            size: "small",
+            onClick: () => insertMarkdown("*", "*"),
+            title: "Italic",
+            children: /* @__PURE__ */ jsx("em", { children: "I" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "secondary",
+            size: "small",
+            onClick: () => insertMarkdown("`", "`"),
+            title: "Inline Code",
+            children: /* @__PURE__ */ jsx(CommandLine, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "secondary",
+            size: "small",
+            onClick: () => insertMarkdown("```\n", "\n```"),
+            title: "Code Block",
+            children: "Code"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          id: `markdown-${label}`,
+          value,
+          onChange: (e) => onChange(e.target.value),
+          placeholder,
+          rows,
+          className: "font-mono text-sm"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "text-xs text-ui-fg-subtle", children: "Supports Markdown formatting: **bold**, *italic*, `code`, ```code blocks```, [links](url), ![images](url), and lists" })
+  ] });
+};
+const CampaignImageUploader = ({
+  campaignId,
+  imageType,
+  currentImageUrl,
+  onClose,
+  onSuccess
+}) => {
+  const [displayImage, setDisplayImage] = useState(currentImageUrl || null);
+  const [isUploading, setIsUploading] = useState(false);
+  const [isDragging, setIsDragging] = useState(false);
+  const [error, setError] = useState(null);
+  const [previewUrl, setPreviewUrl] = useState(null);
+  const isThumbnail = imageType === "thumbnail";
+  const maxSize = 5;
+  const allowedTypes = ["image/jpeg", "image/png", "image/gif", "image/webp"];
+  const formatFileTypes = () => {
+    return "JPEG, PNG, GIF, or WebP";
+  };
+  const validateFile = (file) => {
+    if (!allowedTypes.includes(file.type)) {
+      setError(`Please upload a valid image file (${formatFileTypes()})`);
+      return false;
+    }
+    if (file.size > maxSize * 1024 * 1024) {
+      setError(`File size must be less than ${maxSize}MB`);
+      return false;
+    }
+    return true;
+  };
+  const handleFileUpload = async (file) => {
+    var _a, _b;
+    if (!validateFile(file)) return;
+    setError(null);
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      setPreviewUrl(reader.result);
+    };
+    reader.readAsDataURL(file);
+    setIsUploading(true);
+    const formData = new FormData();
+    formData.append("file", file);
+    try {
+      const response = await fetch(
+        `/admin/campaigns/${campaignId}/${imageType}`,
+        {
+          method: "POST",
+          body: formData,
+          credentials: "include"
+        }
+      );
+      if (response.ok) {
+        const result = await response.json();
+        const newImageUrl = imageType === "image" ? (_a = result.campaign_detail) == null ? void 0 : _a.image_url : (_b = result.campaign_detail) == null ? void 0 : _b.thumbnail_url;
+        setDisplayImage(newImageUrl);
+        setPreviewUrl(null);
+        onSuccess == null ? void 0 : onSuccess();
+        setTimeout(() => {
+          onClose();
+        }, 1e3);
+      } else {
+        const errorData = await response.json();
+        setError(errorData.error || `Failed to upload ${imageType}`);
+        setPreviewUrl(null);
+      }
+    } catch (err) {
+      setError(`Error uploading ${imageType}`);
+      setPreviewUrl(null);
+      console.error(`Error uploading ${imageType}:`, err);
+    } finally {
+      setIsUploading(false);
+    }
+  };
+  const handleDelete = async () => {
+    if (!confirm(`Are you sure you want to delete the ${imageType}?`)) return;
+    setIsUploading(true);
+    setError(null);
+    try {
+      const response = await fetch(
+        `/admin/campaigns/${campaignId}/${imageType}`,
+        {
+          method: "DELETE",
+          credentials: "include"
+        }
+      );
+      if (response.ok) {
+        setDisplayImage(null);
+        setPreviewUrl(null);
+        onSuccess == null ? void 0 : onSuccess();
+        setTimeout(() => {
+          onClose();
+        }, 500);
+      } else {
+        const errorData = await response.json();
+        setError(errorData.error || `Failed to delete ${imageType}`);
+      }
+    } catch (err) {
+      setError(`Error deleting ${imageType}`);
+      console.error(`Error deleting ${imageType}:`, err);
+    } finally {
+      setIsUploading(false);
+    }
+  };
+  const handleDragEnter = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragging(true);
+  }, []);
+  const handleDragLeave = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragging(false);
+  }, []);
+  const handleDragOver = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+  const handleDrop = useCallback((e) => {
+    var _a;
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragging(false);
+    const file = (_a = e.dataTransfer.files) == null ? void 0 : _a[0];
+    if (file) {
+      handleFileUpload(file);
+    }
+  }, []);
+  const imageToDisplay = previewUrl || displayImage;
+  return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-2xl rounded-lg bg-ui-bg-base p-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs(Heading, { level: "h2", children: [
+          "Upload Campaign ",
+          isThumbnail ? "Thumbnail" : "Image"
+        ] }),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: isThumbnail ? "Thumbnail for campaign listing" : "Main campaign image" })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", onClick: onClose, children: /* @__PURE__ */ jsx(X, {}) })
+    ] }),
+    error && /* @__PURE__ */ jsx(Alert, { variant: "error", dismissible: true, className: "mb-4", children: error }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      imageToDisplay ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-lg border border-ui-border-base bg-ui-bg-subtle", children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: imageToDisplay,
+              alt: `Campaign ${imageType}`,
+              className: clx(
+                "w-full object-contain",
+                isThumbnail ? "h-32" : "h-64"
+              )
+            }
+          ),
+          isUploading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsx("div", { className: "text-white", children: "Uploading..." }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "secondary",
+              disabled: isUploading,
+              onClick: () => {
+                var _a;
+                return (_a = document.getElementById(`${imageType}-file-input`)) == null ? void 0 : _a.click();
+              },
+              children: [
+                /* @__PURE__ */ jsx(CloudArrowUp, { className: "mr-2" }),
+                "Replace"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "danger",
+              disabled: isUploading,
+              onClick: handleDelete,
+              children: [
+                /* @__PURE__ */ jsx(Trash, { className: "mr-2" }),
+                "Delete"
+              ]
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clx(
+            "flex flex-col items-center justify-center rounded-lg border-2 border-dashed transition-colors",
+            isThumbnail ? "h-48" : "h-64",
+            isDragging ? "border-ui-border-interactive bg-ui-bg-highlight" : "border-ui-border-base bg-ui-bg-subtle",
+            !isUploading && "cursor-pointer"
+          ),
+          onDragEnter: handleDragEnter,
+          onDragLeave: handleDragLeave,
+          onDragOver: handleDragOver,
+          onDrop: handleDrop,
+          onClick: () => {
+            var _a;
+            return !isUploading && ((_a = document.getElementById(`${imageType}-file-input`)) == null ? void 0 : _a.click());
+          },
+          children: [
+            /* @__PURE__ */ jsx(PhotoSolid, { className: "mb-4 h-12 w-12 text-ui-fg-subtle" }),
+            /* @__PURE__ */ jsx(Text, { className: "mb-2 text-lg font-medium", children: isDragging ? `Drop ${imageType} here` : `Upload ${isThumbnail ? "Thumbnail" : "Image"}` }),
+            /* @__PURE__ */ jsx(Text, { className: "mb-4 text-center text-ui-fg-subtle", children: "Drag and drop an image here, or click to select" }),
+            /* @__PURE__ */ jsxs(Text, { className: "text-sm text-ui-fg-subtle", children: [
+              formatFileTypes(),
+              " • Max ",
+              maxSize,
+              "MB"
+            ] }),
+            isThumbnail && /* @__PURE__ */ jsx(Text, { className: "mt-2 text-xs text-ui-fg-subtle", children: "Recommended: 16:9 aspect ratio, minimum 400x225px" }),
+            !isThumbnail && /* @__PURE__ */ jsx(Text, { className: "mt-2 text-xs text-ui-fg-subtle", children: "Recommended: High resolution, minimum 1200x600px" }),
+            isUploading && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(Text, { children: "Uploading..." }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: `${imageType}-file-input`,
+          type: "file",
+          accept: allowedTypes.join(","),
+          onChange: (e) => {
+            var _a;
+            const file = (_a = e.target.files) == null ? void 0 : _a[0];
+            if (file) handleFileUpload(file);
+            e.target.value = "";
+          },
+          className: "hidden"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center justify-between border-t pt-4", children: [
+      /* @__PURE__ */ jsx(Text, { className: "text-sm text-ui-fg-subtle", children: isThumbnail ? "Thumbnail will be displayed in campaign listings" : "Main image for the campaign detail page" }),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Close" })
+    ] })
+  ] }) });
+};
+const CampaignDetailForm = ({
+  campaignId,
+  campaignName
+}) => {
+  const [campaignDetail, setCampaignDetail] = useState(
+    null
+  );
+  const [isLoading, setIsLoading] = useState(true);
+  const [isSaving, setIsSaving] = useState(false);
+  const [showImageUploader, setShowImageUploader] = useState(null);
+  const [formData, setFormData] = useState({
+    detail_content: "",
+    terms_and_conditions: "",
+    meta_title: "",
+    meta_description: "",
+    meta_keywords: "",
+    link_url: "",
+    link_text: "",
+    display_order: 0
+  });
+  useEffect(() => {
+    fetchCampaignDetail();
+  }, [campaignId]);
+  const fetchCampaignDetail = async () => {
+    setIsLoading(true);
+    try {
+      const response = await fetch(`/admin/campaigns/${campaignId}/detail`, {
+        credentials: "include"
+      });
+      if (response.ok) {
+        const data = await response.json();
+        if (data.campaign_detail) {
+          console.log("Campaign detail loaded:", {
+            image_url: data.campaign_detail.image_url,
+            thumbnail_url: data.campaign_detail.thumbnail_url,
+            decoded_image: data.campaign_detail.image_url ? decodeURIComponent(data.campaign_detail.image_url) : null,
+            decoded_thumbnail: data.campaign_detail.thumbnail_url ? decodeURIComponent(data.campaign_detail.thumbnail_url) : null
+          });
+          setCampaignDetail(data.campaign_detail);
+          setFormData({
+            detail_content: data.campaign_detail.detail_content || "",
+            terms_and_conditions: data.campaign_detail.terms_and_conditions || "",
+            meta_title: data.campaign_detail.meta_title || "",
+            meta_description: data.campaign_detail.meta_description || "",
+            meta_keywords: data.campaign_detail.meta_keywords || "",
+            link_url: data.campaign_detail.link_url || "",
+            link_text: data.campaign_detail.link_text || "",
+            display_order: data.campaign_detail.display_order || 0
+          });
+        }
+      } else if (response.status !== 404) {
+        console.error("Failed to fetch campaign detail");
+      }
+    } catch (error) {
+      console.error("Error fetching campaign detail:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleSave = async () => {
+    setIsSaving(true);
+    try {
+      const response = await fetch(`/admin/campaigns/${campaignId}/detail`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(formData),
+        credentials: "include"
+      });
+      if (response.ok) {
+        const data = await response.json();
+        setCampaignDetail(data.campaign_detail);
+        toast.success("Campaign details saved successfully");
+      } else {
+        const errorData = await response.json();
+        toast.error(errorData.error || "Failed to save campaign details");
+      }
+    } catch (error) {
+      console.error("Error saving campaign detail:", error);
+      toast.error("Error saving campaign details");
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx("div", { className: "py-8 text-center", children: "Loading campaign details..." }) });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Container, { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Campaign Details" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-ui-fg-subtle", children: campaignName })
+        ] }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleSave, isLoading: isSaving, children: "Save Details" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h3", children: "Images" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { children: "Main Campaign Image" }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clx(
+                  "relative flex h-64 items-center justify-center overflow-hidden rounded-lg border-2 border-dashed",
+                  (campaignDetail == null ? void 0 : campaignDetail.image_url) ? "border-ui-border-base" : "border-ui-border-base bg-ui-bg-subtle"
+                ),
+                children: (campaignDetail == null ? void 0 : campaignDetail.image_url) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: campaignDetail.image_url,
+                      alt: "Campaign",
+                      className: "h-full w-full object-cover",
+                      onError: (e) => {
+                        console.error(
+                          "Failed to load image:",
+                          campaignDetail.image_url
+                        );
+                        e.currentTarget.style.display = "none";
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "secondary",
+                      size: "small",
+                      className: "absolute bottom-2 right-2",
+                      onClick: () => setShowImageUploader("image"),
+                      children: [
+                        /* @__PURE__ */ jsx(PencilSquare, { className: "mr-1" }),
+                        "Change"
+                      ]
+                    }
+                  )
+                ] }) : /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "secondary",
+                    onClick: () => setShowImageUploader("image"),
+                    children: [
+                      /* @__PURE__ */ jsx(PhotoSolid, { className: "mr-2" }),
+                      "Upload Image"
+                    ]
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { children: "Thumbnail" }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clx(
+                  "relative flex h-64 items-center justify-center overflow-hidden rounded-lg border-2 border-dashed",
+                  (campaignDetail == null ? void 0 : campaignDetail.thumbnail_url) ? "border-ui-border-base" : "border-ui-border-base bg-ui-bg-subtle"
+                ),
+                children: (campaignDetail == null ? void 0 : campaignDetail.thumbnail_url) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: campaignDetail.thumbnail_url,
+                      alt: "Thumbnail",
+                      className: "h-full w-full object-cover",
+                      onError: (e) => {
+                        console.error(
+                          "Failed to load thumbnail:",
+                          campaignDetail.thumbnail_url
+                        );
+                        e.currentTarget.style.display = "none";
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "secondary",
+                      size: "small",
+                      className: "absolute bottom-2 right-2",
+                      onClick: () => setShowImageUploader("thumbnail"),
+                      children: [
+                        /* @__PURE__ */ jsx(PencilSquare, { className: "mr-1" }),
+                        "Change"
+                      ]
+                    }
+                  )
+                ] }) : /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "secondary",
+                    onClick: () => setShowImageUploader("thumbnail"),
+                    children: [
+                      /* @__PURE__ */ jsx(PhotoSolid, { className: "mr-2" }),
+                      "Upload Thumbnail"
+                    ]
+                  }
+                )
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsx(
+        MarkdownEditor,
+        {
+          label: "Campaign Detail Content",
+          value: formData.detail_content,
+          onChange: (value) => setFormData({ ...formData, detail_content: value }),
+          placeholder: "Enter campaign details in Markdown format. You can include images, links, code blocks, and more...",
+          helpText: "Supports Markdown and code syntax",
+          rows: 12,
+          showPreview: true
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsx(
+        MarkdownEditor,
+        {
+          label: "Terms and Conditions",
+          value: formData.terms_and_conditions,
+          onChange: (value) => setFormData({ ...formData, terms_and_conditions: value }),
+          placeholder: "Enter terms and conditions for this campaign...",
+          helpText: "Optional - Campaign specific terms",
+          rows: 8,
+          showPreview: true
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h3", children: "Call to Action Link" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "link-url", children: "Link URL" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "link-url",
+                type: "url",
+                value: formData.link_url,
+                onChange: (e) => setFormData({ ...formData, link_url: e.target.value }),
+                placeholder: "https://example.com/campaign"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "link-text", children: "Link Text" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "link-text",
+                value: formData.link_text,
+                onChange: (e) => setFormData({ ...formData, link_text: e.target.value }),
+                placeholder: "Shop Now"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h3", children: "SEO & Metadata" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "meta-title", children: "Meta Title" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "meta-title",
+                value: formData.meta_title,
+                onChange: (e) => setFormData({ ...formData, meta_title: e.target.value }),
+                placeholder: "Campaign meta title for SEO"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "meta-description", children: "Meta Description" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "meta-description",
+                value: formData.meta_description,
+                onChange: (e) => setFormData({
+                  ...formData,
+                  meta_description: e.target.value
+                }),
+                placeholder: "Campaign meta description for SEO"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "meta-keywords", children: "Meta Keywords" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "meta-keywords",
+                value: formData.meta_keywords,
+                onChange: (e) => setFormData({
+                  ...formData,
+                  meta_keywords: e.target.value
+                }),
+                placeholder: "keyword1, keyword2, keyword3"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle", children: "Comma-separated keywords for SEO" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "display-order", children: "Display Order" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "display-order",
+                type: "number",
+                value: formData.display_order,
+                onChange: (e) => setFormData({
+                  ...formData,
+                  display_order: parseInt(e.target.value) || 0
+                }),
+                placeholder: "0"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle", children: "Lower numbers appear first in listings" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end border-t pt-4", children: /* @__PURE__ */ jsx(Button, { onClick: handleSave, isLoading: isSaving, children: "Save Campaign Details" }) })
+    ] }),
+    showImageUploader && /* @__PURE__ */ jsx(
+      CampaignImageUploader,
+      {
+        campaignId,
+        imageType: showImageUploader,
+        currentImageUrl: showImageUploader === "image" ? campaignDetail == null ? void 0 : campaignDetail.image_url : campaignDetail == null ? void 0 : campaignDetail.thumbnail_url,
+        onClose: () => setShowImageUploader(null),
+        onSuccess: fetchCampaignDetail
+      }
+    )
+  ] });
+};
+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 sdk = new Medusa({
+  baseUrl: "/",
+  debug: false,
+  auth: {
+    type: "session"
+  }
+});
+const columnHelper = createDataTableColumnHelper();
+const columns = [
+  columnHelper.accessor("title", {
+    header: "Title",
+    cell: (info) => /* @__PURE__ */ jsx(Text, { size: "large", className: "py-2", children: info.getValue() })
+  }),
+  columnHelper.accessor("description", {
+    header: "Description",
+    cell: (info) => /* @__PURE__ */ jsx(Text, { size: "large", className: "py-2", children: info.getValue() })
+  })
+];
+const ProductSelector = ({
+  selectedProductIds,
+  onSelectProduct
+}) => {
+  const [search, setSearch] = useState("");
+  const debouncedSearchHandler = debounce((value) => {
+    setSearch(value);
+  }, 500);
+  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(
+      (product) => !selectedProductIds.includes(product.id)
+    );
+  }, [products == null ? void 0 : products.products, selectedProductIds]);
+  const table = useDataTable({
+    data: selectableProducts || [],
+    columns,
+    getRowId: (product) => product.id,
+    onRowClick: (_, row) => {
+      onSelectProduct == null ? void 0 : onSelectProduct(row.original);
+    }
+  });
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        className: "text-lg py-2",
+        placeholder: "Search products...",
+        onChange: (e) => debouncedSearchHandler(e.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsx(DataTable, { instance: table, children: /* @__PURE__ */ jsx(DataTable.Table, {}) })
+  ] });
+};
+const customCampaignSchema = z.object({
+  name: z.string().min(1, "Name is required"),
+  description: z.string().min(1, "Description is required"),
+  type: z.literal("flash-sale"),
+  starts_at: z.string().min(1, "Start date is required"),
+  ends_at: z.string().min(1, "End date is required")
+});
+const campaignProductSchema = z.object({
+  product: z.object({
+    id: z.string(),
+    title: z.string()
+  }),
+  discountType: z.enum([
+    "percentage"
+    // , "fixed"
+  ]),
+  discountValue: z.number().min(1),
+  limit: z.number().min(1),
+  maxQty: z.number().min(1)
+});
+const campaignDataSchema = customCampaignSchema.extend({
+  products: z.array(campaignProductSchema).min(1, "At least one product is required")
+}).refine(
+  (data) => new Date(data.starts_at) < new Date(data.ends_at),
+  "End date must be after start date"
+);
+const FlashSaleForm = ({
+  initialData,
+  initialProducts,
+  onSubmit,
+  onCancel,
+  disabled = false
+}) => {
+  var _a;
+  const {
+    control,
+    register,
+    handleSubmit,
+    watch,
+    setValue,
+    formState: { errors }
+  } = useForm({
+    resolver: zodResolver(campaignDataSchema),
+    defaultValues: {
+      name: (initialData == null ? void 0 : initialData.name) || "",
+      description: (initialData == null ? void 0 : initialData.description) || "",
+      type: "flash-sale",
+      starts_at: (initialData == null ? void 0 : initialData.starts_at) || "",
+      ends_at: (initialData == null ? void 0 : initialData.ends_at) || "",
+      products: initialProducts ? Array.from(initialProducts.values()) : []
+    }
+  });
+  const { fields, append, remove, update } = useFieldArray({
+    control,
+    name: "products"
+  });
+  const [openProductModal, setOpenProductModal] = useState(false);
+  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.entries(errors).map(([key, value]) => {
+      var _a2;
+      if (key === "products" && Array.isArray(value)) {
+        return value.map(
+          (item, index) => item ? `Product ${index + 1}: ${Object.values(item).join(", ")}` : ""
+        ).filter(Boolean).join(", ");
+      }
+      return (value == null ? void 0 : value.message) || ((_a2 = value == null ? void 0 : value.root) == null ? void 0 : _a2.message);
+    }).filter(Boolean).join(", ");
+    toast.error("Invalid 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: "Flash sale campaign" }),
+      /* @__PURE__ */ jsx(Button, { variant: "transparent", onClick: onCancel, children: "Cancel" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: handleSubmit(onFormSubmit, onFormError),
+        className: "space-y-4 my-8",
+        children: [
+          /* @__PURE__ */ jsxs("div", { 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", { 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", { 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: (e) => handleDateTimeChange("starts_at", "date", e.target.value),
+                    disabled,
+                    className: "flex-1"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "time",
+                    value: startsAt ? dayjs(startsAt).format("HH:mm") : "",
+                    onChange: (e) => handleDateTimeChange("starts_at", "time", e.target.value),
+                    disabled,
+                    className: "w-32"
+                  }
+                )
+              ] }),
+              errors.starts_at && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.starts_at.message })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { 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: (e) => handleDateTimeChange("ends_at", "date", e.target.value),
+                    disabled,
+                    className: "flex-1"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "time",
+                    value: endsAt ? dayjs(endsAt).format("HH:mm") : "",
+                    onChange: (e) => handleDateTimeChange("ends_at", "time", e.target.value),
+                    disabled,
+                    className: "w-32"
+                  }
+                )
+              ] }),
+              errors.ends_at && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.ends_at.message })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ jsx(Label, { children: "Products" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "secondary",
+                onClick: () => setOpenProductModal(true),
+                disabled,
+                children: "Add Product"
+              }
+            )
+          ] }),
+          ((_a = errors.products) == null ? void 0 : _a.root) && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm", children: errors.products.root.message }),
+          /* @__PURE__ */ jsxs(Table, { children: [
+            /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+              /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Product" }),
+              /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Discount Type" }),
+              /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Discount Value" }),
+              /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Limit" }),
+              /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Max Qty per Order" }),
+              /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Actions" })
+            ] }) }),
+            /* @__PURE__ */ jsx(Table.Body, { children: fields.map((field, index) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+              /* @__PURE__ */ jsx(Table.Cell, { children: field.product.title }),
+              /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+                Controller,
+                {
+                  name: `products.${index}.discountType`,
+                  control,
+                  render: ({ field: field2 }) => /* @__PURE__ */ jsxs(
+                    Select,
+                    {
+                      value: field2.value,
+                      onValueChange: field2.onChange,
+                      disabled,
+                      children: [
+                        /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select discount type" }) }),
+                        /* @__PURE__ */ jsx(Select.Content, { children: /* @__PURE__ */ jsx(Select.Item, { value: "percentage", children: "Percentage" }) })
+                      ]
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+                Controller,
+                {
+                  name: `products.${index}.discountValue`,
+                  control,
+                  render: ({ field: field2 }) => /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "number",
+                      value: field2.value,
+                      onChange: (e) => field2.onChange(Number(e.target.value)),
+                      disabled
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+                Controller,
+                {
+                  name: `products.${index}.limit`,
+                  control,
+                  render: ({ field: field2 }) => /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "number",
+                      value: field2.value,
+                      onChange: (e) => field2.onChange(Number(e.target.value)),
+                      disabled
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+                Controller,
+                {
+                  name: `products.${index}.maxQty`,
+                  control,
+                  render: ({ field: field2 }) => /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "number",
+                      value: field2.value,
+                      onChange: (e) => field2.onChange(Number(e.target.value)),
+                      disabled
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "danger",
+                  onClick: () => remove(index),
+                  disabled,
+                  children: /* @__PURE__ */ jsx(Trash, {})
+                }
+              ) })
+            ] }, field.id)) })
+          ] }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", disabled, children: "Save" })
+        ]
+      }
+    ),
+    /* @__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: fields.map((f) => f.product.id),
+          onSelectProduct: (product) => {
+            append({
+              product,
+              discountType: "percentage",
+              discountValue: 10,
+              limit: 10,
+              maxQty: 1
+            });
+            setOpenProductModal(false);
+          }
+        }
+      ) })
+    ] }) })
+  ] });
+};
+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 { data, isLoading, refetch } = useFlashSaleById(id || "");
+  const [isEditing, setIsEditing] = useState(false);
+  async function handleSubmit(campaignData2) {
+    var _a;
+    try {
+      await axios.put(`/admin/flash-sales/${id}`, {
+        ...campaignData2,
+        starts_at: new Date(campaignData2.starts_at).toUTCString(),
+        ends_at: new Date(campaignData2.ends_at).toUTCString()
+      });
+      toast.success("Flash sale updated successfully");
+      refetch();
+      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 update flash sale";
+      }
+      toast.error("Failed to update flash sale", {
+        description: message
+      });
+    }
+  }
+  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) {
+    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx("p", { children: "Flash sale not found" }) });
+  }
+  const campaignData = {
+    name: data.name || "",
+    description: data.description || "",
+    type: "flash-sale",
+    starts_at: data.starts_at,
+    ends_at: data.ends_at
+  };
+  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: data.name }),
+        /* @__PURE__ */ jsx("p", { className: "text-ui-fg-subtle", children: "Manage campaign settings and content" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => navigate("/flash-sales"), children: "Back to Campaigns" }),
+        /* @__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: "Campaign Settings" }),
+        /* @__PURE__ */ jsx(Tabs.Trigger, { value: "details", children: "Campaign Details" })
+      ] }),
+      /* @__PURE__ */ jsx(Tabs.Content, { value: "settings", className: "mt-6", children: /* @__PURE__ */ jsx(
+        FlashSaleForm,
+        {
+          initialData: campaignData,
+          initialProducts: new Map(
+            data.products.map((product) => [product.product.id, product])
+          ),
+          onSubmit: handleSubmit,
+          onCancel: () => navigate("/flash-sales"),
+          disabled: !isEditing
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Tabs.Content, { value: "details", className: "mt-6", children: /* @__PURE__ */ jsx(
+        CampaignDetailForm,
+        {
+          campaignId: id || "",
+          campaignName: data.name || ""
+        }
+      ) })
+    ] })
+  ] });
+};
+const config = defineRouteConfig({
+  label: "Flash Sale Detail",
+  icon: Sparkles
+});
+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 widgetModule = { widgets: [
+  {
+    Component: CampaignDetailWidget,
+    zone: ["promotion.details.side.after"]
+  }
+] };
+const routeModule = {
+  routes: [
+    {
+      Component: Coupons,
+      path: "/coupons"
+    },
+    {
+      Component: FlashSale,
+      path: "/flash-sales"
+    },
+    {
+      Component: CouponDetail,
+      path: "/coupons/:id"
+    },
+    {
+      Component: CouponCreate,
+      path: "/coupons/create"
+    },
+    {
+      Component: FlashSaleDetail,
+      path: "/flash-sales/:id"
+    },
+    {
+      Component: FlashSaleCreate,
+      path: "/flash-sales/create"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config$3.label,
+      icon: config$3.icon,
+      path: "/coupons",
+      nested: void 0
+    },
+    {
+      label: config$2.label,
+      icon: config$2.icon,
+      path: "/flash-sales",
+      nested: void 0
+    },
+    {
+      label: config$1.label,
+      icon: config$1.icon,
+      path: "/coupons/:id",
+      nested: void 0
+    },
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/flash-sales/:id",
+      nested: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: {} };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule
+};
+export {
+  plugin as default
+};