@lodashventure/medusa-campaign 1.4.0 → 1.4.2

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 { 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 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,142 @@ 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 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 fetch("/admin/flash-sales?limit=100", {
-        credentials: "include"
+      const response = await axios.get("/admin/coupons", {
+        params: { limit, offset }
       });
-      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 coupons"));
     } 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}%` }
+  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 "";
         }
-      ) }),
-      /* @__PURE__ */ jsxs(Text, { className: "text-xs text-ui-fg-muted mt-2", children: [
-        stats.complete,
-        " of ",
-        stats.total,
-        " campaigns have complete details"
-      ] })
+        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" })
     ] }),
-    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!" }) })
+    /* @__PURE__ */ jsxs(DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsx(DataTable.Table, {}),
+      /* @__PURE__ */ jsx(DataTable.Pagination, {})
+    ] })
   ] });
 };
-defineWidgetConfig({
-  zone: "campaign.list.before"
+const Coupons = () => {
+  return /* @__PURE__ */ jsx(CouponPage, {});
+};
+const config$3 = defineRouteConfig({
+  label: "Coupons",
+  icon: Tag
 });
 const useFlashSales = (pagination) => {
-  const query = useQuery({
-    queryKey: ["flash-sales", pagination],
-    queryFn: async () => {
-      const { data } = await axios.get("/admin/flash-sales", {
+  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
       });
-      return data;
+      setData(response.data);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err : new Error("Failed to fetch flash sales")
+      );
+    } finally {
+      setIsLoading(false);
     }
-  });
-  return query;
+  };
+  useEffect(() => {
+    fetchFlashSales();
+  }, [pagination.limit, pagination.offset]);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchFlashSales
+  };
 };
 const FlashSalePage = () => {
   const navigate = useNavigate();
@@ -445,7 +407,7 @@ const FlashSalePage = () => {
 const FlashSale = () => {
   return /* @__PURE__ */ jsx(FlashSalePage, {});
 };
-const config$1 = defineRouteConfig({
+const config$2 = defineRouteConfig({
   label: "Flash Sale",
   icon: Sparkles
 });
@@ -2330,122 +2292,64 @@ var n = function(e2, o2) {
     }
   };
 };
-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 { data: products } = useQuery({
-    queryKey: ["products", selectedProductIds, search],
-    queryFn: () => sdk.admin.product.list({
-      q: search,
-      limit: 100
-    })
-  });
-  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: (e2) => debouncedSearchHandler(e2.target.value)
-      }
-    ),
-    /* @__PURE__ */ jsx(DataTable, { instance: table, children: /* @__PURE__ */ jsx(DataTable.Table, {}) })
-  ] });
-};
-const customCampaignSchema = z.object({
+const couponSchema = z.object({
   name: z.string().min(1, "Name is required"),
   description: z.string().min(1, "Description is required"),
-  type: z.literal("flash-sale"),
+  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")
-});
-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)
+  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 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 = ({
+const CouponForm = ({
   initialData,
-  initialProducts,
   onSubmit,
   onCancel,
   disabled = false
 }) => {
-  var _a;
   const {
-    control,
     register,
+    control,
     handleSubmit,
     watch,
     setValue,
     formState: { errors }
   } = useForm({
-    resolver: t(campaignDataSchema),
+    resolver: t(couponSchema),
     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()) : []
+      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 { fields, append, remove } = useFieldArray({
-    control,
-    name: "products"
-  });
-  const [openProductModal, setOpenProductModal] = useState(false);
+  const discountType = watch("discount_type");
   const startsAt = watch("starts_at");
   const endsAt = watch("ends_at");
   const handleDateTimeChange = (field, type, value) => {
@@ -2462,42 +2366,34 @@ const FlashSaleForm = ({
     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", {
+    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: "Flash sale campaign" }),
+      /* @__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-4 my-8",
+        className: "space-y-6 my-8",
         children: [
-          /* @__PURE__ */ jsxs("div", { 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", { children: [
+          /* @__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", { 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(
@@ -2517,13 +2413,13 @@ const FlashSaleForm = ({
                     value: startsAt ? dayjs(startsAt).format("HH:mm") : "",
                     onChange: (e2) => handleDateTimeChange("starts_at", "time", e2.target.value),
                     disabled,
-                    className: "w-32"
+                    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", { children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { children: "End Date" }),
               /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
                 /* @__PURE__ */ jsx(
@@ -2543,152 +2439,163 @@ const FlashSaleForm = ({
                     value: endsAt ? dayjs(endsAt).format("HH:mm") : "",
                     onChange: (e2) => handleDateTimeChange("ends_at", "time", e2.target.value),
                     disabled,
-                    className: "w-32"
+                    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: "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(
+          /* @__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: `products.${index}.discountType`,
+                  name: "discount_type",
                   control,
-                  render: ({ field: field2 }) => /* @__PURE__ */ jsxs(
+                  render: ({ field }) => /* @__PURE__ */ jsxs(
                     Select,
                     {
-                      value: field2.value,
-                      onValueChange: field2.onChange,
+                      value: field.value,
+                      onValueChange: field.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__ */ jsxs(Select.Content, { children: [
+                          /* @__PURE__ */ jsx(Select.Item, { value: "percentage", children: "Percentage" }),
+                          /* @__PURE__ */ jsx(Select.Item, { value: "fixed", children: "Fixed Amount" })
+                        ] })
                       ]
                     }
                   )
                 }
-              ) }),
-              /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+              )
+            ] })
+          ] }),
+          /* @__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: `products.${index}.discountValue`,
+                  name: "discount_value",
                   control,
-                  render: ({ field: field2 }) => /* @__PURE__ */ jsx(
+                  render: ({ field }) => /* @__PURE__ */ jsx(
                     Input,
                     {
                       type: "number",
-                      value: field2.value,
-                      onChange: (e2) => field2.onChange(Number(e2.target.value)),
+                      value: field.value,
+                      min: 0,
+                      step: field.value % 1 === 0 ? 1 : 0.01,
+                      onChange: (e2) => field.onChange(Number(e2.target.value)),
                       disabled
                     }
                   )
                 }
-              ) }),
-              /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+              ),
+              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: `products.${index}.limit`,
+                  name: "allocation",
                   control,
-                  render: ({ field: field2 }) => /* @__PURE__ */ jsx(
-                    Input,
+                  render: ({ field }) => /* @__PURE__ */ jsxs(
+                    Select,
                     {
-                      type: "number",
-                      value: field2.value,
-                      onChange: (e2) => field2.onChange(Number(e2.target.value)),
-                      disabled
+                      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__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { children: "Target Type" }),
+              /* @__PURE__ */ jsx(
                 Controller,
                 {
-                  name: `products.${index}.maxQty`,
+                  name: "target_type",
                   control,
-                  render: ({ field: field2 }) => /* @__PURE__ */ jsx(
-                    Input,
+                  render: ({ field }) => /* @__PURE__ */ jsxs(
+                    Select,
                     {
-                      type: "number",
-                      value: field2.value,
-                      onChange: (e2) => field2.onChange(Number(e2.target.value)),
-                      disabled
+                      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__ */ 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__ */ 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" })
+          ] })
         ]
       }
-    ),
-    /* @__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((f2) => f2.product.id),
-          onSelectProduct: (product) => {
-            append({
-              product,
-              discountType: "percentage",
-              discountValue: 10,
-              limit: 10,
-              maxQty: 1
-            });
-            setOpenProductModal(false);
-          }
-        }
-      ) })
-    ] }) })
+    )
   ] });
 };
-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 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,
@@ -3532,172 +3439,698 @@ const CampaignDetailForm = ({
     )
   ] });
 };
-const FlashSaleDetail = () => {
+const CouponDetail = () => {
+  var _a, _b, _c, _d, _e, _f;
   const { id } = useParams();
   const navigate = useNavigate();
-  const queryClient = useQueryClient();
-  const { data, isLoading } = useFlashSaleById(id || "");
   const [isEditing, setIsEditing] = useState(false);
-  async function handleSubmit(campaignData2) {
-    var _a;
+  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/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");
-      queryClient.invalidateQueries({
-        exact: false,
-        predicate(query) {
-          return ["flash-sales", "flash-sale"].includes(
-            query.queryKey[0]
-          );
-        }
+      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
       });
-      navigate("/flash-sales");
+      toast.success("Coupon updated successfully");
+      setIsEditing(false);
+      refetch();
     } catch (error) {
-      let message;
+      let message = "Failed to update coupon";
       if (axios.isAxiosError(error)) {
-        console.log(error);
-        message = (_a = error.response) == null ? void 0 : _a.data.message;
+        message = ((_b2 = (_a2 = error.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) ?? message;
       } else if (error instanceof Error) {
         message = error.message;
-      } else {
-        message = "Failed to update flash sale";
       }
-      toast.error("Failed to update flash sale", {
+      toast.error("Failed to update coupon", {
         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__ */ 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("/flash-sales"), children: "Back to Campaigns" }),
+        /* @__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: "Campaign Settings" }),
-        /* @__PURE__ */ jsx(Tabs.Trigger, { value: "details", children: "Campaign Details" })
+        /* @__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(
-        FlashSaleForm,
+        CouponForm,
         {
-          initialData: campaignData,
-          initialProducts: new Map(
-            data.products.map((product) => [product.product.id, product])
-          ),
+          initialData: initialValues,
           onSubmit: handleSubmit,
-          onCancel: () => navigate("/flash-sales"),
+          onCancel: () => navigate("/coupons"),
           disabled: !isEditing
         }
       ) }),
       /* @__PURE__ */ jsx(Tabs.Content, { value: "details", className: "mt-6", children: /* @__PURE__ */ jsx(
         CampaignDetailForm,
         {
-          campaignId: id || "",
-          campaignName: data.name || ""
+          campaignId: campaign.id,
+          campaignName: campaign.name ?? ""
         }
       ) })
     ] })
   ] });
 };
-const config = defineRouteConfig({
-  label: "Flash Sale Detail",
-  icon: Sparkles
+const config$1 = defineRouteConfig({
+  label: "Coupon Detail",
+  icon: Tag
 });
-const FlashSaleCreate = () => {
+const CouponCreate = () => {
   const navigate = useNavigate();
-  const queryClient = useQueryClient();
-  async function handleSubmit(campaignData) {
-    var _a;
+  const handleSubmit = async (formData) => {
+    var _a, _b;
     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"]
+      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
       });
-      navigate("/flash-sales");
+      toast.success("Coupon created successfully");
+      navigate("/coupons");
     } catch (error) {
-      let message;
+      let message = "Failed to create coupon";
       if (axios.isAxiosError(error)) {
-        console.log(error);
-        message = (_a = error.response) == null ? void 0 : _a.data.message;
+        message = ((_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) ?? message;
       } else if (error instanceof Error) {
         message = error.message;
-      } else {
-        message = "Failed to create flash sale";
       }
-      toast.error("Failed to create flash sale", {
+      toast.error("Failed to create coupon", {
         description: message
       });
     }
-  }
+  };
   return /* @__PURE__ */ jsx(
-    FlashSaleForm,
+    CouponForm,
     {
       onSubmit: handleSubmit,
-      onCancel: () => navigate("/flash-sales")
+      onCancel: () => navigate("/coupons")
     }
   );
 };
-const widgetModule = { widgets: [
-  {
-    Component: CampaignDetailWidget,
-    zone: ["promotion.details.side.after"]
-  },
-  {
-    Component: CampaignStatsWidget,
-    zone: ["campaign.list.before"]
+const sdk = new Medusa({
+  baseUrl: "/",
+  debug: false,
+  auth: {
+    type: "session"
   }
-] };
-const routeModule = {
-  routes: [
-    {
-      Component: FlashSale,
-      path: "/flash-sales"
-    },
-    {
-      Component: FlashSaleDetail,
-      path: "/flash-sales/:id"
-    },
-    {
-      Component: FlashSaleCreate,
-      path: "/flash-sales/create"
-    }
-  ]
-};
-const menuItemModule = {
-  menuItems: [
-    {
-      label: config$1.label,
-      icon: config$1.icon,
-      path: "/flash-sales",
+});
+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: (e2) => debouncedSearchHandler(e2.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: t(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 } = 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: (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: "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: (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: "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: (e2) => field2.onChange(Number(e2.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: (e2) => field2.onChange(Number(e2.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: (e2) => field2.onChange(Number(e2.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((f2) => f2.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
     },
     {
@@ -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