@lodashventure/medusa-banner 1.4.9 → 1.4.10

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

@@ -1,898 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { defineRouteConfig } from "@medusajs/admin-sdk";
-import { StackPerspective } from "@medusajs/icons";
-import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter, DragOverlay } from "@dnd-kit/core";
-import { useSortable, sortableKeyboardCoordinates, SortableContext, rectSortingStrategy, arrayMove } from "@dnd-kit/sortable";
-import { Label, Input, Button, usePrompt, Drawer } from "@medusajs/ui";
-import { Link, Check, Edit, Upload, ImageIcon, Trash, Trash2, MoveHorizontal, X } from "lucide-react";
-import { useState, useEffect, useCallback } from "react";
-import Medusa from "@medusajs/js-sdk";
-import { CSS } from "@dnd-kit/utilities";
-import { useDropzone } from "react-dropzone";
-const sdk = new Medusa({
-  baseUrl: "/",
-  debug: false,
-  auth: {
-    type: "session"
-  }
-});
-const useBanners = () => {
-  const [data, setData] = useState(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const fetchBanners = async () => {
-    setIsLoading(true);
-    setError(null);
-    try {
-      const response = await sdk.client.fetch(
-        "/admin/banners",
-        {
-          method: "GET"
-        }
-      );
-      setData(response ?? { banners: [], count: 0 });
-    } catch (err) {
-      setError(
-        err instanceof Error ? err : new Error("Failed to fetch banners")
-      );
-      setData({ banners: [], count: 0 });
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  useEffect(() => {
-    fetchBanners();
-  }, []);
-  return {
-    data,
-    isLoading,
-    error,
-    refetch: fetchBanners
-  };
-};
-const DraggableItem = ({ banner }) => {
-  return /* @__PURE__ */ jsx("div", { className: "rounded-lg shadow-md border border-gray-200 dark:border-gray-700 opacity-80 scale-105 bg-white dark:bg-gray-800", children: /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: banner.url,
-        alt: `Banner ${banner.id}`,
-        className: "object-cover w-full h-48 rounded-t-lg"
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "p-2 text-sm truncate text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800", children: banner.id })
-  ] }) });
-};
-const EditBannerLinkDrawerContent = ({
-  banner,
-  onSuccess,
-  onCancel
-}) => {
-  const [link, setLink] = useState(banner.link || "");
-  const [isLoading, setIsLoading] = useState(false);
-  const handleSave = async () => {
-    setIsLoading(true);
-    try {
-      const response = await fetch("/admin/banners/update-link", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        credentials: "include",
-        body: JSON.stringify({
-          id: banner.id,
-          link: link.trim() || null
-        })
-      });
-      if (!response.ok) {
-        const errorData = await response.json();
-        throw new Error(errorData.message || "Failed to update link");
-      }
-      onSuccess();
-    } catch (error) {
-      console.error(error);
-      alert(
-        `Error updating link: ${error instanceof Error ? error.message : "Unknown error"}`
-      );
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx("div", { className: "rounded-lg border overflow-hidden", children: /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: banner.url,
-        alt: `Banner ${banner.id}`,
-        className: "w-full h-48 object-cover"
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs(
-        Label,
-        {
-          htmlFor: "banner-link",
-          className: "text-sm font-medium flex items-center gap-2",
-          children: [
-            /* @__PURE__ */ jsx(Link, { className: "h-4 w-4" }),
-            "Click URL"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          id: "banner-link",
-          type: "url",
-          placeholder: "https://example.com",
-          value: link,
-          onChange: (e) => setLink(e.target.value),
-          disabled: isLoading,
-          className: "w-full"
-        }
-      ),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Add a URL where users will be redirected when clicking this banner. Leave empty to remove the link." })
-    ] }),
-    banner.link && /* @__PURE__ */ jsxs("div", { className: "p-3 bg-muted/50 rounded-lg", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-1", children: "Current link:" }),
-      /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: banner.link,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "text-sm text-primary hover:underline break-all",
-          children: banner.link
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-3 justify-end", children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "secondary",
-          onClick: onCancel,
-          disabled: isLoading,
-          children: "Cancel"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "primary",
-          onClick: handleSave,
-          isLoading,
-          children: "Save Link"
-        }
-      )
-    ] })
-  ] });
-};
-const GridItem = ({
-  banner,
-  isSelected,
-  onClick,
-  onSelect,
-  onEditLink
-}) => {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `
-        relative overflow-hidden rounded-lg shadow-md cursor-pointer hover:shadow-lg
-        transition-all duration-200 ease-in-out
-        bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700
-        ${isSelected ? "ring-2 ring-offset-2 ring-blue-500 dark:ring-offset-gray-900" : ""}
-      `,
-      onClick,
-      children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: banner.url || "/placeholder.svg?height=200&width=300",
-              alt: `Banner ${banner.id}`,
-              className: "object-cover w-full h-48"
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "p-2 flex items-center justify-between gap-2 bg-white dark:bg-gray-800", children: /* @__PURE__ */ jsxs("div", { className: "truncate text-sm flex items-center gap-2 text-gray-900 dark:text-gray-100", children: [
-            banner.link && /* @__PURE__ */ jsx(Link, { className: "h-3 w-3 text-blue-500 dark:text-blue-400 flex-shrink-0" }),
-            /* @__PURE__ */ jsx("span", { className: "truncate", children: banner.id })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `
-          absolute top-2 left-2 w-6 h-6 rounded-md flex items-center justify-center
-          ${isSelected ? "bg-blue-500 text-white" : "bg-white/90 dark:bg-gray-800/90 border border-gray-300 dark:border-gray-600"}
-          ${isSelected ? "visible" : "invisible group-hover:visible"}
-          transition-opacity duration-200
-        `,
-            onClick: onSelect,
-            children: isSelected && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 invisible group-hover:visible", children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "secondary",
-            className: "size-8 rounded-md p-0 bg-white/90 dark:bg-gray-800/90 hover:bg-white dark:hover:bg-gray-700 border border-gray-200 dark:border-gray-600",
-            onClick: onEditLink,
-            children: /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4 text-gray-700 dark:text-gray-300" })
-          }
-        ) })
-      ]
-    }
-  );
-};
-const SortableItem = ({ banner }) => {
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform,
-    transition,
-    isDragging
-  } = useSortable({ id: banner.id });
-  const style = {
-    transform: CSS.Transform.toString(transform),
-    transition,
-    zIndex: isDragging ? 10 : 1,
-    opacity: isDragging ? 0.5 : 1
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: setNodeRef,
-      style,
-      className: "rounded-lg shadow-md border border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 transition-all relative bg-white dark:bg-gray-800",
-      ...attributes,
-      children: /* @__PURE__ */ jsxs("div", { ...listeners, children: [
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: banner.url,
-            alt: `Banner ${banner.id}`,
-            className: "object-cover w-full h-48 rounded-t-lg"
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "p-2 text-sm truncate text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800", children: banner.id })
-      ] })
-    }
-  );
-};
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  else for (t in e) e[t] && (n && (n += " "), n += t);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = ""; f < arguments.length; ) (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-const UploadBannerDrawerContent = ({
-  maxFileSizeMb = 10,
-  onSuccess
-}) => {
-  const [files, setFiles] = useState([]);
-  const [isLoading, setIsLoading] = useState(false);
-  const onDrop = useCallback((acceptedFiles) => {
-    const newFiles = acceptedFiles.map((file) => {
-      const id = crypto.randomUUID();
-      let preview;
-      if (file.type.startsWith("image/")) {
-        preview = URL.createObjectURL(file);
-      }
-      return {
-        file,
-        id,
-        preview,
-        link: ""
-      };
-    });
-    setFiles((prev) => [...prev, ...newFiles]);
-  }, []);
-  const removeFile = (id) => {
-    setFiles((files2) => {
-      const fileToRemove = files2.find((f) => f.id === id);
-      if (fileToRemove == null ? void 0 : fileToRemove.preview) {
-        URL.revokeObjectURL(fileToRemove.preview);
-      }
-      return files2.filter((f) => f.id !== id);
-    });
-  };
-  const updateFileLink = (id, link) => {
-    setFiles((files2) => files2.map((f) => f.id === id ? { ...f, link } : f));
-  };
-  const handleResetFiles = () => {
-    setFiles([]);
-  };
-  const handleUploadFiles = async () => {
-    setIsLoading(true);
-    try {
-      const formData = new FormData();
-      files.forEach((file) => {
-        if (!file.file) {
-          return;
-        }
-        formData.append("files", file.file);
-      });
-      const response = await fetch("/admin/banners", {
-        method: "POST",
-        body: formData,
-        credentials: "include"
-      });
-      if (!response.ok) {
-        const errorData = await response.json();
-        throw new Error(errorData.message || "Upload failed");
-      }
-      const data = await response.json();
-      const uploadedFiles = data.files;
-      const updatePromises = uploadedFiles.map(
-        async (uploadedFile, index) => {
-          var _a;
-          const fileLink = (_a = files[index]) == null ? void 0 : _a.link;
-          if (fileLink && fileLink.trim()) {
-            await fetch("/admin/banners/update-link", {
-              method: "POST",
-              headers: {
-                "Content-Type": "application/json"
-              },
-              credentials: "include",
-              body: JSON.stringify({
-                id: uploadedFile.id,
-                link: fileLink.trim()
-              })
-            });
-          }
-          return uploadedFile;
-        }
-      );
-      await Promise.all(updatePromises);
-      setFiles([]);
-      onSuccess(uploadedFiles);
-      return {
-        files,
-        uploadedFiles
-      };
-    } catch (error) {
-      console.error(error);
-      alert(
-        `Error uploading files: ${error instanceof Error ? error.message : "Unknown error"}`
-      );
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  const {
-    getRootProps,
-    getInputProps,
-    isDragActive,
-    isDragAccept,
-    isDragReject,
-    isFocused
-  } = useDropzone({
-    onDrop,
-    accept: {
-      "image/*": []
-    },
-    maxSize: maxFileSizeMb * 1024 * 1024
-  });
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ...getRootProps(),
-        className: clsx(
-          "border-2 border-dashed rounded-xl p-10 transition-all duration-150 ease-in-out cursor-pointer",
-          "flex flex-col items-center justify-center gap-4",
-          isDragActive ? "bg-primary/5 border-primary/50" : "bg-background hover:bg-muted/50",
-          isDragAccept ? "border-green-500 bg-green-50 dark:bg-green-950/20" : "",
-          isDragReject ? "border-red-500 bg-red-50 dark:bg-red-950/20" : "",
-          isFocused ? "ring-2 ring-ring ring-offset-2" : "",
-          "focus-visible:outline-none"
-        ),
-        children: [
-          /* @__PURE__ */ jsx("input", { ...getInputProps(), disabled: isLoading }),
-          /* @__PURE__ */ jsx("div", { className: "rounded-full bg-primary/10 p-4", children: /* @__PURE__ */ jsx(Upload, { className: "h-8 w-8 text-primary" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2", children: [
-            /* @__PURE__ */ jsx("h3", { className: "font-medium text-lg", children: isDragActive ? isDragAccept ? "Drop files to upload" : "This file type is not supported" : "Drag & drop images here" }),
-            /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
-              "or ",
-              /* @__PURE__ */ jsx("span", { className: "text-primary font-medium", children: "browse images" }),
-              " ",
-              "from your computer"
-            ] }),
-            /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-              "(max ",
-              maxFileSizeMb,
-              "MB)"
-            ] })
-          ] })
-        ]
-      }
-    ),
-    files.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsxs("h3", { className: "text-lg font-medium", children: [
-            "Selected Files (",
-            files.length,
-            ")"
-          ] }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              isLoading,
-              variant: "primary",
-              onClick: handleUploadFiles,
-              children: "Confirm Upload"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            isLoading,
-            variant: "secondary",
-            onClick: handleResetFiles,
-            children: "Clear All"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "grid gap-6 grid-cols-1", children: files.map((fileItem) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden",
-          children: /* @__PURE__ */ jsxs("div", { className: "flex gap-4 p-4", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: fileItem.preview ? /* @__PURE__ */ jsx("div", { className: "w-32 h-32 overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: fileItem.preview || "/placeholder.svg",
-                alt: fileItem.file.name,
-                className: "w-full h-full object-cover"
-              }
-            ) }) : /* @__PURE__ */ jsx("div", { className: "w-32 h-32 flex items-center justify-center bg-muted/50 rounded-lg", children: /* @__PURE__ */ jsx(ImageIcon, { className: "h-8 w-8 text-primary" }) }) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-3", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
-                /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: fileItem.file.name }),
-                  /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-                    (fileItem.file.size / 1024).toFixed(1),
-                    " KB"
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxs(
-                  Button,
-                  {
-                    isLoading,
-                    variant: "secondary",
-                    className: "size-8 rounded-full p-0.5 text-red-400",
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      removeFile(fileItem.id);
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx(Trash, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Remove file" })
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsxs(
-                  Label,
-                  {
-                    htmlFor: `link-${fileItem.id}`,
-                    className: "text-sm font-medium flex items-center gap-2",
-                    children: [
-                      /* @__PURE__ */ jsx(Link, { className: "h-4 w-4" }),
-                      "Click URL (optional)"
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    id: `link-${fileItem.id}`,
-                    type: "url",
-                    placeholder: "https://example.com",
-                    value: fileItem.link || "",
-                    onChange: (e) => updateFileLink(fileItem.id, e.target.value),
-                    disabled: isLoading,
-                    className: "w-full"
-                  }
-                ),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Add a URL where users will be redirected when clicking this banner" })
-              ] })
-            ] })
-          ] })
-        },
-        fileItem.id
-      )) })
-    ] })
-  ] });
-};
-const BannerPage = () => {
-  const [open, setOpen] = useState(false);
-  const [editLinkOpen, setEditLinkOpen] = useState(false);
-  const [selectedBannerForEdit, setSelectedBannerForEdit] = useState(null);
-  const [selectedImage, setSelectedImage] = useState(null);
-  const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
-  const [reorderMode, setReorderMode] = useState(false);
-  const [orderedBanners, setOrderedBanners] = useState([]);
-  const [activeBanner, setActiveBanner] = useState(null);
-  const [isLoading, setIsLoading] = useState(false);
-  const dialog = usePrompt();
-  const { data: bannerData, refetch } = useBanners();
-  const { count = 0, banners = [] } = bannerData || {};
-  const sensors = useSensors(
-    useSensor(PointerSensor, {
-      activationConstraint: {
-        distance: 8
-        // 8px movement required before drag starts
-      }
-    }),
-    useSensor(KeyboardSensor, {
-      coordinateGetter: sortableKeyboardCoordinates
-    })
-  );
-  const toggleImageSelection = (e, id) => {
-    e.stopPropagation();
-    const newSelectedIds = new Set(selectedIds);
-    if (newSelectedIds.has(id)) {
-      newSelectedIds.delete(id);
-    } else {
-      newSelectedIds.add(id);
-    }
-    setSelectedIds(newSelectedIds);
-  };
-  const selectAll = () => {
-    const allIds = banners.map((banner) => banner.id);
-    setSelectedIds(new Set(allIds));
-  };
-  const deselectAll = () => {
-    setSelectedIds(/* @__PURE__ */ new Set());
-  };
-  const openLightbox = (banner) => {
-    setSelectedImage(banner);
-  };
-  const closeLightbox = () => {
-    setSelectedImage(null);
-  };
-  const openEditLinkDrawer = (e, banner) => {
-    e.stopPropagation();
-    setSelectedBannerForEdit(banner);
-    setEditLinkOpen(true);
-  };
-  const closeEditLinkDrawer = () => {
-    setEditLinkOpen(false);
-    setSelectedBannerForEdit(null);
-  };
-  const toggleReorderMode = async () => {
-    if (reorderMode) {
-      const confirmed = await dialog({
-        title: "Save Changes?",
-        description: "Do you want to save your reordering changes?",
-        variant: "confirmation",
-        confirmText: "Save",
-        cancelText: "Discard"
-      });
-      if (confirmed) {
-        saveNewOrder();
-      } else {
-        setOrderedBanners([]);
-        setReorderMode(false);
-      }
-    } else {
-      setOrderedBanners([...banners]);
-      setReorderMode(true);
-    }
-  };
-  const handleDragStart = (event) => {
-    const { active } = event;
-    const activeBanner2 = orderedBanners.find(
-      (banner) => banner.id === active.id
-    );
-    if (activeBanner2) {
-      setActiveBanner(activeBanner2);
-    }
-  };
-  const handleDragEnd = (event) => {
-    const { active, over } = event;
-    if (over && active.id !== over.id) {
-      setOrderedBanners((items) => {
-        const oldIndex = items.findIndex((item) => item.id === active.id);
-        const newIndex = items.findIndex((item) => item.id === over.id);
-        return arrayMove(items, oldIndex, newIndex);
-      });
-    }
-    setActiveBanner(null);
-  };
-  const saveNewOrder = async () => {
-    try {
-      await sdk.client.fetch("/admin/banners/reorder", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          ids: orderedBanners.map((banner) => banner.id)
-        })
-      });
-      setReorderMode(false);
-      refetch();
-    } catch (error) {
-      console.error("Failed to save new order:", error);
-    }
-  };
-  const handleDeleteMultiple = async () => {
-    const isConfirmed = await dialog({
-      title: "Confirm Deletion",
-      description: `Are you sure you want to delete ${selectedIds.size} selected images? This action cannot be undone.`,
-      confirmText: "Delete",
-      cancelText: "Cancel"
-    });
-    if (!isConfirmed) return;
-    const ids = Array.from(selectedIds);
-    setIsLoading(true);
-    try {
-      await fetch("/admin/banners", {
-        method: "DELETE",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({ ids })
-      });
-      setSelectedIds(/* @__PURE__ */ new Set());
-      refetch();
-    } catch {
-      console.error("Failed to delete banners");
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  return /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-4 py-8", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-6", children: [
-      /* @__PURE__ */ jsxs("h2", { className: "text-2xl font-bold", children: [
-        "Banners (",
-        count,
-        ")"
-      ] }),
-      /* @__PURE__ */ jsxs(
-        Drawer,
-        {
-          open,
-          onOpenChange: (openChanged) => setOpen(openChanged),
-          children: [
-            /* @__PURE__ */ jsx(
-              Drawer.Trigger,
-              {
-                onClick: () => {
-                  setOpen(true);
-                },
-                asChild: true,
-                children: /* @__PURE__ */ jsx(Button, { isLoading, children: "Upload new banner" })
-              }
-            ),
-            /* @__PURE__ */ jsxs(Drawer.Content, { children: [
-              /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: "Upload new banner" }) }),
-              /* @__PURE__ */ jsx(Drawer.Body, { children: /* @__PURE__ */ jsx(
-                UploadBannerDrawerContent,
-                {
-                  maxFileSizeMb: 10,
-                  onSuccess: () => {
-                    setOpen(false);
-                    refetch();
-                  }
-                }
-              ) })
-            ] })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      Drawer,
-      {
-        open: editLinkOpen,
-        onOpenChange: (openChanged) => {
-          if (!openChanged) {
-            closeEditLinkDrawer();
-          }
-        },
-        children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
-          /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: "Edit Banner Link" }) }),
-          /* @__PURE__ */ jsx(Drawer.Body, { children: selectedBannerForEdit && /* @__PURE__ */ jsx(
-            EditBannerLinkDrawerContent,
-            {
-              banner: selectedBannerForEdit,
-              onSuccess: () => {
-                closeEditLinkDrawer();
-                refetch();
-              },
-              onCancel: closeEditLinkDrawer
-            }
-          ) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-4 py-8", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-6", children: [
-        selectedIds.size > 0 && !reorderMode && /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              isLoading,
-              onClick: selectAll,
-              disabled: count === 0,
-              children: "Select All"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              isLoading,
-              onClick: deselectAll,
-              disabled: selectedIds.size === 0,
-              children: "Deselect All"
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              isLoading,
-              variant: "danger",
-              onClick: () => handleDeleteMultiple(),
-              disabled: selectedIds.size === 0,
-              children: [
-                /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
-                "Delete (",
-                selectedIds.size,
-                ")"
-              ]
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxs("div", { className: "ml-auto", children: [
-          banners.length > 0 && /* @__PURE__ */ jsxs(
-            Button,
-            {
-              isLoading,
-              onClick: toggleReorderMode,
-              variant: reorderMode ? "secondary" : "primary",
-              children: [
-                /* @__PURE__ */ jsx(MoveHorizontal, { className: "h-4 w-4 mr-2" }),
-                reorderMode ? "Exit Reorder" : "Reorder"
-              ]
-            }
-          ),
-          reorderMode && /* @__PURE__ */ jsxs(
-            Button,
-            {
-              isLoading,
-              onClick: saveNewOrder,
-              variant: "primary",
-              className: "ml-2",
-              children: [
-                /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 mr-2" }),
-                "Save Order"
-              ]
-            }
-          )
-        ] })
-      ] }),
-      reorderMode ? /* @__PURE__ */ jsxs(
-        DndContext,
-        {
-          sensors,
-          collisionDetection: closestCenter,
-          onDragStart: handleDragStart,
-          onDragEnd: handleDragEnd,
-          children: [
-            /* @__PURE__ */ jsx(
-              SortableContext,
-              {
-                items: orderedBanners.map((banner) => banner.id),
-                strategy: rectSortingStrategy,
-                children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 isolate", children: orderedBanners.map((banner) => /* @__PURE__ */ jsx(SortableItem, { banner }, banner.id)) })
-              }
-            ),
-            /* @__PURE__ */ jsx(DragOverlay, { children: activeBanner ? /* @__PURE__ */ jsx(DraggableItem, { banner: activeBanner }) : null })
-          ]
-        }
-      ) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 group", children: banners.map((banner) => /* @__PURE__ */ jsx(
-        GridItem,
-        {
-          banner,
-          isSelected: selectedIds.has(banner.id),
-          onClick: () => openLightbox(banner),
-          onSelect: (e) => toggleImageSelection(e, banner.id),
-          onEditLink: (e) => openEditLinkDrawer(e, banner)
-        },
-        banner.id
-      )) }),
-      selectedImage && /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "fixed inset-0 bg-black/80 z-50 flex items-center justify-center p-4",
-          onClick: closeLightbox,
-          children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                isLoading,
-                className: "absolute top-4 right-4 text-white bg-black/50 p-2 rounded-full hover:bg-black/70",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  closeLightbox();
-                },
-                children: /* @__PURE__ */ jsx(X, { className: "h-6 w-6" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "relative max-w-screen-xl max-h-screen overflow-auto",
-                onClick: (e) => e.stopPropagation(),
-                children: /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: selectedImage.url || "/placeholder.svg",
-                    alt: `Banner ${selectedImage.id}`,
-                    className: "max-h-[90vh] max-w-full object-contain mx-auto"
-                  }
-                )
-              }
-            )
-          ]
-        }
-      )
-    ] })
-  ] }) });
-};
-const BannerUpload = () => {
-  return /* @__PURE__ */ jsx(BannerPage, {});
-};
-const config = defineRouteConfig({
-  label: "Banner",
-  icon: StackPerspective
-});
-const widgetModule = { widgets: [] };
-const routeModule = {
-  routes: [
-    {
-      Component: BannerUpload,
-      path: "/banners"
-    }
-  ]
-};
-const menuItemModule = {
-  menuItems: [
-    {
-      label: config.label,
-      icon: config.icon,
-      path: "/banners",
-      nested: void 0
-    }
-  ]
-};
-const formModule = { customFields: {} };
-const displayModule = {
-  displays: {}
-};
-const i18nModule = { resources: {} };
-const plugin = {
-  widgetModule,
-  routeModule,
-  menuItemModule,
-  formModule,
-  displayModule,
-  i18nModule
-};
-export {
-  plugin as default
-};