@lodashventure/medusa-brand 1.2.10 → 1.2.12

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

@@ -1,987 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { defineWidgetConfig, defineRouteConfig } from "@medusajs/admin-sdk";
-import Medusa, { FetchError } from "@medusajs/js-sdk";
-import { Container, Heading, Alert, Text, Button, Label, Select, Badge, Input, Textarea, Switch, clx, Table, DropdownMenu, IconButton } from "@medusajs/ui";
-import { BuildingStorefront, Trash, Link, X, CloudArrowUp, PhotoSolid, Plus, MagnifyingGlass, EllipsisHorizontal, PencilSquare } from "@medusajs/icons";
-import { useState, useEffect, useCallback } from "react";
-const sdk = new Medusa({
-  baseUrl: "/",
-  debug: false,
-  auth: {
-    type: "session"
-  }
-});
-const ProductBrandWidget = ({ data: product }) => {
-  const [brands, setBrands] = useState([]);
-  const [currentBrand, setCurrentBrand] = useState(null);
-  const [selectedBrandId, setSelectedBrandId] = useState("none");
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [success, setSuccess] = useState(null);
-  useEffect(() => {
-    fetchBrands();
-    fetchProductBrand();
-  }, [product.id]);
-  const fetchBrands = async () => {
-    try {
-      const response = await sdk.client.fetch(
-        "/admin/brands?is_active=true&limit=100",
-        {}
-      );
-      if (response.ok) {
-        const data = await response.json();
-        setBrands(data.brands || []);
-      }
-    } catch (err) {
-      if (err instanceof FetchError && err.status === 404) {
-        setBrands([]);
-        return;
-      }
-      console.error("Error fetching brands:", err);
-    }
-  };
-  const fetchProductBrand = async () => {
-    try {
-      const response = await sdk.client.fetch(
-        `/admin/products/${product.id}/brand`,
-        {}
-      );
-      if (response.ok) {
-        const data = await response.json();
-        if (data.brand) {
-          setCurrentBrand(data.brand);
-          setSelectedBrandId(data.brand.id);
-        } else {
-          setCurrentBrand(null);
-          setSelectedBrandId("none");
-        }
-      }
-    } catch (err) {
-      if (err instanceof FetchError && err.status === 404) {
-        setCurrentBrand(null);
-        setSelectedBrandId("none");
-        return;
-      }
-      console.error("Error fetching product brand:", err);
-    }
-  };
-  const handleBrandChange = (brandId) => {
-    setSelectedBrandId(brandId);
-    setError(null);
-    setSuccess(null);
-  };
-  const handleSaveBrand = async () => {
-    if (!selectedBrandId || selectedBrandId === "none") {
-      if (currentBrand) {
-        await handleRemoveBrand();
-      }
-      return;
-    }
-    setLoading(true);
-    setError(null);
-    setSuccess(null);
-    try {
-      const response = await sdk.client.fetch(
-        `/admin/products/${product.id}/brand`,
-        {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({ brand_id: selectedBrandId })
-        }
-      );
-      if (response.ok) {
-        setSuccess("Brand updated successfully");
-        fetchProductBrand();
-      } else {
-        const data = await response.json();
-        setError(data.error || "Failed to update brand");
-      }
-    } catch (err) {
-      setError("Error updating brand");
-      console.error("Error updating brand:", err);
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleRemoveBrand = async () => {
-    if (!confirm("Are you sure you want to remove the brand from this product?")) {
-      return;
-    }
-    setLoading(true);
-    setError(null);
-    setSuccess(null);
-    try {
-      const response = await sdk.client.fetch(
-        `/admin/products/${product.id}/brand`,
-        {
-          method: "DELETE"
-        }
-      );
-      if (response.ok) {
-        setSuccess("Brand removed successfully");
-        setCurrentBrand(null);
-        setSelectedBrandId("");
-      } else {
-        const data = await response.json();
-        setError(data.error || "Failed to remove brand");
-      }
-    } catch (err) {
-      setError("Error removing brand");
-      console.error("Error removing brand:", err);
-    } finally {
-      setLoading(false);
-    }
-  };
-  const hasChanges = selectedBrandId !== ((currentBrand == null ? void 0 : currentBrand.id) || "none");
-  return /* @__PURE__ */ jsx(Container, { className: "divide-y px-0 pb-0 pt-0", children: /* @__PURE__ */ jsxs("div", { className: "px-6 py-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
-      /* @__PURE__ */ jsx(BuildingStorefront, { className: "text-ui-fg-subtle" }),
-      /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Brand" })
-    ] }),
-    error && /* @__PURE__ */ jsx(Alert, { variant: "error", dismissible: true, className: "mb-4", children: error }),
-    success && /* @__PURE__ */ jsx(Alert, { variant: "success", dismissible: true, className: "mb-4", children: success }),
-    currentBrand && !hasChanges && /* @__PURE__ */ jsx("div", { className: "mb-4 p-4 rounded-lg border bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        currentBrand.logo ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: currentBrand.logo,
-            alt: currentBrand.name,
-            className: "h-10 w-10 object-contain rounded"
-          }
-        ) : /* @__PURE__ */ jsx("div", { className: "h-10 w-10 rounded bg-ui-bg-base flex items-center justify-center", children: /* @__PURE__ */ jsx(BuildingStorefront, { className: "h-5 w-5 text-ui-fg-subtle" }) }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: currentBrand.name }),
-          /* @__PURE__ */ jsxs(Text, { className: "text-sm text-ui-fg-subtle", children: [
-            "/",
-            currentBrand.slug
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: "danger",
-          size: "small",
-          onClick: handleRemoveBrand,
-          disabled: loading,
-          children: [
-            /* @__PURE__ */ jsx(Trash, { className: "mr-1" }),
-            "Remove"
-          ]
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "brand", className: "mb-2", children: "Select Brand" }),
-        /* @__PURE__ */ jsxs(
-          Select,
-          {
-            value: selectedBrandId,
-            onValueChange: handleBrandChange,
-            disabled: loading,
-            children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { id: "brand", children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Choose a brand..." }) }),
-              /* @__PURE__ */ jsxs(Select.Content, { children: [
-                /* @__PURE__ */ jsx(Select.Item, { value: "none", children: /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted", children: "No brand" }) }),
-                brands.map((brand) => /* @__PURE__ */ jsx(Select.Item, { value: brand.id, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  brand.logo && /* @__PURE__ */ jsx(
-                    "img",
-                    {
-                      src: brand.logo,
-                      alt: brand.name,
-                      className: "h-5 w-5 object-contain rounded"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { children: brand.name }),
-                  /* @__PURE__ */ jsx(Badge, { size: "xsmall", color: "blue", className: "ml-auto", children: brand.slug })
-                ] }) }, brand.id))
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(Text, { className: "mt-1 text-xs text-ui-fg-subtle", children: "Assign a brand to help customers find products by their favorite brands" })
-      ] }),
-      hasChanges && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "primary",
-            size: "small",
-            onClick: handleSaveBrand,
-            disabled: loading,
-            children: loading ? "Saving..." : "Save Brand"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "secondary",
-            size: "small",
-            onClick: () => {
-              setSelectedBrandId((currentBrand == null ? void 0 : currentBrand.id) || "none");
-              setError(null);
-              setSuccess(null);
-            },
-            disabled: loading,
-            children: "Cancel"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "mt-6 pt-6 border-t", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
-      /* @__PURE__ */ jsx(Link, { className: "text-ui-fg-subtle" }),
-      /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: "/app/brands",
-          className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover transition-colors",
-          children: "Manage all brands"
-        }
-      )
-    ] }) })
-  ] }) });
-};
-defineWidgetConfig({
-  zone: "product.details.side.after"
-});
-const BrandForm = ({ brand, isCreating, onClose }) => {
-  const [formData, setFormData] = useState({
-    name: "",
-    slug: "",
-    description: "",
-    website: "",
-    is_active: true,
-    metadata: {}
-  });
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [slugError, setSlugError] = useState(null);
-  useEffect(() => {
-    if (brand) {
-      setFormData({
-        name: brand.name || "",
-        slug: brand.slug || "",
-        description: brand.description || "",
-        website: brand.website || "",
-        is_active: brand.is_active !== false,
-        metadata: brand.metadata || {}
-      });
-    }
-  }, [brand]);
-  const generateSlug = (name) => {
-    return name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-  };
-  const handleNameChange = (value) => {
-    setFormData((prev) => ({
-      ...prev,
-      name: value,
-      slug: isCreating ? generateSlug(value) : prev.slug
-    }));
-  };
-  const handleSlugChange = (value) => {
-    const cleanSlug = value.toLowerCase().replace(/[^a-z0-9-]/g, "").replace(/--+/g, "-");
-    setFormData((prev) => ({ ...prev, slug: cleanSlug }));
-    if (slugError) setSlugError(null);
-  };
-  const validateForm = () => {
-    if (!formData.name.trim()) {
-      setError("Brand name is required");
-      return false;
-    }
-    if (!formData.slug.trim()) {
-      setError("Brand slug is required");
-      return false;
-    }
-    if (!/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(formData.slug)) {
-      setSlugError(
-        "Slug must contain only lowercase letters, numbers, and hyphens"
-      );
-      return false;
-    }
-    if (formData.website && !formData.website.match(/^https?:\/\/.+/)) {
-      setError(
-        "Website must be a valid URL (starting with http:// or https://)"
-      );
-      return false;
-    }
-    return true;
-  };
-  const handleSubmit = async (e) => {
-    var _a;
-    e.preventDefault();
-    if (!validateForm()) return;
-    setLoading(true);
-    setError(null);
-    try {
-      const url = isCreating ? "/admin/brands" : `/admin/brands/${brand == null ? void 0 : brand.id}`;
-      const method = isCreating ? "POST" : "PUT";
-      const response = await sdk.client.fetch(url, {
-        method,
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(formData)
-      });
-      const data = await response.json();
-      if (response.ok) {
-        onClose();
-      } else {
-        setError(data.error || "Failed to save brand");
-        if ((_a = data.error) == null ? void 0 : _a.includes("slug")) {
-          setSlugError("This slug is already in use");
-        }
-      }
-    } catch (err) {
-      setError("An error occurred while saving the brand");
-      console.error("Error saving brand:", err);
-    } finally {
-      setLoading(false);
-    }
-  };
-  return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-2xl rounded-lg bg-ui-bg-base p-6 max-h-[90vh] overflow-y-auto", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h2", children: isCreating ? "Create New Brand" : "Edit Brand" }),
-        !isCreating && brand && /* @__PURE__ */ jsxs(Text, { className: "text-ui-fg-subtle", children: [
-          "Editing: ",
-          brand.name
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", onClick: onClose, children: /* @__PURE__ */ jsx(X, {}) })
-    ] }),
-    error && /* @__PURE__ */ jsx(Alert, { variant: "error", dismissible: true, className: "mb-4", children: error }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "name", className: "mb-2", children: "Brand Name *" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "name",
-            placeholder: "e.g., Nike",
-            value: formData.name,
-            onChange: (e) => handleNameChange(e.target.value),
-            required: true
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "slug", className: "mb-2", children: "Slug *" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "slug",
-            placeholder: "e.g., nike",
-            value: formData.slug,
-            onChange: (e) => handleSlugChange(e.target.value),
-            required: true
-          }
-        ),
-        slugError && /* @__PURE__ */ jsx(Text, { className: "mt-1 text-sm text-ui-fg-error", children: slugError }),
-        /* @__PURE__ */ jsx(Text, { className: "mt-1 text-xs text-ui-fg-subtle", children: "Used in URLs and must be unique" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "description", className: "mb-2", children: "Description" }),
-        /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            id: "description",
-            placeholder: "Enter brand description...",
-            value: formData.description,
-            onChange: (e) => setFormData((prev) => ({
-              ...prev,
-              description: e.target.value
-            })),
-            rows: 4
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "website", className: "mb-2", children: "Website" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "website",
-            type: "url",
-            placeholder: "https://example.com",
-            value: formData.website,
-            onChange: (e) => setFormData((prev) => ({ ...prev, website: e.target.value }))
-          }
-        ),
-        /* @__PURE__ */ jsx(Text, { className: "mt-1 text-xs text-ui-fg-subtle", children: "Include the full URL with http:// or https://" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-lg border p-4", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "is_active", className: "font-medium", children: "Active Status" }),
-          /* @__PURE__ */ jsx(Text, { className: "text-sm text-ui-fg-subtle", children: "Active brands are visible in your store" })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            id: "is_active",
-            checked: formData.is_active,
-            onCheckedChange: (checked) => setFormData((prev) => ({ ...prev, is_active: checked }))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3 pt-4 border-t", children: [
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: loading, children: loading ? "Saving..." : isCreating ? "Create Brand" : "Update Brand" })
-      ] })
-    ] })
-  ] }) });
-};
-const BrandImageUploader = ({
-  brand,
-  imageType,
-  onClose
-}) => {
-  const currentImage = imageType === "image" ? brand.image : brand.logo;
-  const [displayImage, setDisplayImage] = useState(currentImage || null);
-  const [isUploading, setIsUploading] = useState(false);
-  const [isDragging, setIsDragging] = useState(false);
-  const [error, setError] = useState(null);
-  const [previewUrl, setPreviewUrl] = useState(null);
-  const isLogo = imageType === "logo";
-  const maxSize = isLogo ? 2 : 5;
-  const allowedTypes = isLogo ? ["image/jpeg", "image/png", "image/gif", "image/webp", "image/svg+xml"] : ["image/jpeg", "image/png", "image/gif", "image/webp"];
-  const formatFileTypes = () => {
-    return isLogo ? "JPEG, PNG, GIF, WebP, or SVG" : "JPEG, PNG, GIF, or WebP";
-  };
-  const validateFile = (file) => {
-    if (!allowedTypes.includes(file.type)) {
-      setError(`Please upload a valid image file (${formatFileTypes()})`);
-      return false;
-    }
-    if (file.size > maxSize * 1024 * 1024) {
-      setError(`File size must be less than ${maxSize}MB`);
-      return false;
-    }
-    return true;
-  };
-  const handleFileUpload = async (file) => {
-    if (!validateFile(file)) return;
-    setError(null);
-    const reader = new FileReader();
-    reader.onloadend = () => {
-      setPreviewUrl(reader.result);
-    };
-    reader.readAsDataURL(file);
-    setIsUploading(true);
-    const formData = new FormData();
-    formData.append("file", file);
-    try {
-      const response = await sdk.client.fetch(
-        `/admin/brands/${brand.id}/${imageType}`,
-        {
-          method: "POST",
-          body: formData
-        }
-      );
-      if (response.ok) {
-        const result = await response.json();
-        const newImageUrl = result.brand[imageType];
-        setDisplayImage(newImageUrl);
-        setPreviewUrl(null);
-        setTimeout(() => {
-          onClose();
-        }, 1e3);
-      } else {
-        const errorData = await response.json();
-        setError(errorData.error || `Failed to upload ${imageType}`);
-        setPreviewUrl(null);
-      }
-    } catch (err) {
-      setError(`Error uploading ${imageType}`);
-      setPreviewUrl(null);
-      console.error(`Error uploading ${imageType}:`, err);
-    } finally {
-      setIsUploading(false);
-    }
-  };
-  const handleDelete = async () => {
-    if (!confirm(`Are you sure you want to delete the ${imageType}?`)) return;
-    setIsUploading(true);
-    setError(null);
-    try {
-      const response = await sdk.client.fetch(
-        `/admin/brands/${brand.id}/${imageType}`,
-        {
-          method: "DELETE"
-        }
-      );
-      if (response.ok) {
-        setDisplayImage(null);
-        setPreviewUrl(null);
-        setTimeout(() => {
-          onClose();
-        }, 500);
-      } else {
-        const errorData = await response.json();
-        setError(errorData.error || `Failed to delete ${imageType}`);
-      }
-    } catch (err) {
-      setError(`Error deleting ${imageType}`);
-      console.error(`Error deleting ${imageType}:`, err);
-    } finally {
-      setIsUploading(false);
-    }
-  };
-  const handleDragEnter = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(true);
-  }, []);
-  const handleDragLeave = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(false);
-  }, []);
-  const handleDragOver = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-  }, []);
-  const handleDrop = useCallback((e) => {
-    var _a;
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(false);
-    const file = (_a = e.dataTransfer.files) == null ? void 0 : _a[0];
-    if (file) {
-      handleFileUpload(file);
-    }
-  }, []);
-  const imageToDisplay = previewUrl || displayImage;
-  return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-2xl rounded-lg bg-ui-bg-base p-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs(Heading, { level: "h2", children: [
-          "Upload Brand ",
-          isLogo ? "Logo" : "Image"
-        ] }),
-        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: brand.name })
-      ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", onClick: onClose, children: /* @__PURE__ */ jsx(X, {}) })
-    ] }),
-    error && /* @__PURE__ */ jsx(Alert, { variant: "error", dismissible: true, className: "mb-4", children: error }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      imageToDisplay ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-lg border border-ui-border-base bg-ui-bg-subtle", children: [
-          /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: imageToDisplay,
-              alt: `Brand ${imageType}`,
-              className: clx(
-                "w-full object-contain",
-                isLogo ? "h-32" : "h-64"
-              )
-            }
-          ),
-          isUploading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsx("div", { className: "text-white", children: "Uploading..." }) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "secondary",
-              disabled: isUploading,
-              onClick: () => {
-                var _a;
-                return (_a = document.getElementById(`${imageType}-file-input`)) == null ? void 0 : _a.click();
-              },
-              children: [
-                /* @__PURE__ */ jsx(CloudArrowUp, { className: "mr-2" }),
-                "Replace"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "danger",
-              disabled: isUploading,
-              onClick: handleDelete,
-              children: [
-                /* @__PURE__ */ jsx(Trash, { className: "mr-2" }),
-                "Delete"
-              ]
-            }
-          )
-        ] })
-      ] }) : /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: clx(
-            "flex flex-col items-center justify-center rounded-lg border-2 border-dashed transition-colors",
-            isLogo ? "h-48" : "h-64",
-            isDragging ? "border-ui-border-interactive bg-ui-bg-highlight" : "border-ui-border-base bg-ui-bg-subtle",
-            !isUploading && "cursor-pointer"
-          ),
-          onDragEnter: handleDragEnter,
-          onDragLeave: handleDragLeave,
-          onDragOver: handleDragOver,
-          onDrop: handleDrop,
-          onClick: () => {
-            var _a;
-            return !isUploading && ((_a = document.getElementById(`${imageType}-file-input`)) == null ? void 0 : _a.click());
-          },
-          children: [
-            isLogo ? /* @__PURE__ */ jsx(BuildingStorefront, { className: "mb-4 h-12 w-12 text-ui-fg-subtle" }) : /* @__PURE__ */ jsx(PhotoSolid, { className: "mb-4 h-12 w-12 text-ui-fg-subtle" }),
-            /* @__PURE__ */ jsx(Text, { className: "mb-2 text-lg font-medium", children: isDragging ? `Drop ${imageType} here` : `Upload ${isLogo ? "Logo" : "Image"}` }),
-            /* @__PURE__ */ jsx(Text, { className: "mb-4 text-center text-ui-fg-subtle", children: "Drag and drop an image here, or click to select" }),
-            /* @__PURE__ */ jsxs(Text, { className: "text-sm text-ui-fg-subtle", children: [
-              formatFileTypes(),
-              " • Max ",
-              maxSize,
-              "MB"
-            ] }),
-            isLogo && /* @__PURE__ */ jsx(Text, { className: "mt-2 text-xs text-ui-fg-subtle", children: "Recommended: Square image, minimum 200x200px" }),
-            isUploading && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(Text, { children: "Uploading..." }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          id: `${imageType}-file-input`,
-          type: "file",
-          accept: allowedTypes.join(","),
-          onChange: (e) => {
-            var _a;
-            const file = (_a = e.target.files) == null ? void 0 : _a[0];
-            if (file) handleFileUpload(file);
-            e.target.value = "";
-          },
-          className: "hidden"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center justify-between border-t pt-4", children: [
-      /* @__PURE__ */ jsx(Text, { className: "text-sm text-ui-fg-subtle", children: isLogo ? "Logo will be displayed in brand lists and product pages" : "Image can be used for brand pages and marketing" }),
-      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Close" })
-    ] })
-  ] }) });
-};
-const BrandsPage = () => {
-  const [brands, setBrands] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const [selectedBrand, setSelectedBrand] = useState(null);
-  const [showForm, setShowForm] = useState(false);
-  const [showImageUploader, setShowImageUploader] = useState(false);
-  const [imageType, setImageType] = useState("image");
-  const [searchQuery, setSearchQuery] = useState("");
-  const [isCreating, setIsCreating] = useState(false);
-  useEffect(() => {
-    fetchBrands();
-  }, []);
-  const fetchBrands = async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const queryParams = new URLSearchParams({ limit: "100" });
-      if (searchQuery) {
-        queryParams.append("q", searchQuery);
-      }
-      const response = await sdk.client.fetch(
-        `/admin/brands?${queryParams}`,
-        {}
-      );
-      if (response.ok) {
-        const data = await response.json();
-        setBrands(data.brands || []);
-      } else {
-        setError("Failed to fetch brands");
-      }
-    } catch (err) {
-      if (err instanceof FetchError && err.status === 404) {
-        setBrands([]);
-        setError(null);
-      } else {
-        setError("Error fetching brands");
-        console.error("Error fetching brands:", err);
-      }
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleCreateBrand = () => {
-    setIsCreating(true);
-    setSelectedBrand(null);
-    setShowForm(true);
-  };
-  const handleEditBrand = (brand) => {
-    setIsCreating(false);
-    setSelectedBrand(brand);
-    setShowForm(true);
-  };
-  const handleDeleteBrand = async (brandId) => {
-    if (!confirm(
-      "Are you sure you want to delete this brand? This action cannot be undone."
-    )) {
-      return;
-    }
-    try {
-      const response = await sdk.client.fetch(`/admin/brands/${brandId}`, {
-        method: "DELETE"
-      });
-      if (response.ok) {
-        fetchBrands();
-      } else {
-        alert("Failed to delete brand");
-      }
-    } catch (err) {
-      alert("Error deleting brand");
-      console.error("Error deleting brand:", err);
-    }
-  };
-  const handleToggleActive = async (brand) => {
-    try {
-      const response = await sdk.client.fetch(`/admin/brands/${brand.id}`, {
-        method: "PUT",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          is_active: !brand.is_active
-        })
-      });
-      if (response.ok) {
-        fetchBrands();
-      } else {
-        alert("Failed to update brand status");
-      }
-    } catch (err) {
-      alert("Error updating brand status");
-      console.error("Error updating brand status:", err);
-    }
-  };
-  const handleImageUpload = (brand, type) => {
-    setSelectedBrand(brand);
-    setImageType(type);
-    setShowImageUploader(true);
-  };
-  const handleFormClose = () => {
-    setShowForm(false);
-    setSelectedBrand(null);
-    setIsCreating(false);
-    fetchBrands();
-  };
-  const handleImageUploaderClose = () => {
-    setShowImageUploader(false);
-    setSelectedBrand(null);
-    fetchBrands();
-  };
-  const filteredBrands = brands.filter((brand) => {
-    var _a;
-    if (!searchQuery) return true;
-    const query = searchQuery.toLowerCase();
-    return brand.name.toLowerCase().includes(query) || brand.slug.toLowerCase().includes(query) || ((_a = brand.description) == null ? void 0 : _a.toLowerCase().includes(query));
-  });
-  if (loading) {
-    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx(Text, { children: "Loading brands..." }) }) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Alert, { variant: "error", dismissible: true, children: error }) });
-  }
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Heading, { level: "h1", className: "mb-2", children: "Brands" }),
-          /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Manage your product brands and their images" })
-        ] }),
-        /* @__PURE__ */ jsxs(Button, { onClick: handleCreateBrand, children: [
-          /* @__PURE__ */ jsx(Plus, { className: "mr-2" }),
-          "Create Brand"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsxs("div", { className: "relative flex-1 max-w-md", children: [
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            placeholder: "Search brands...",
-            value: searchQuery,
-            onChange: (e) => setSearchQuery(e.target.value),
-            className: "pl-10"
-          }
-        ),
-        /* @__PURE__ */ jsx(MagnifyingGlass, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-ui-fg-muted" })
-      ] }) })
-    ] }),
-    filteredBrands.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex h-64 flex-col items-center justify-center rounded-lg border-2 border-dashed border-ui-border-base", children: [
-      /* @__PURE__ */ jsx(BuildingStorefront, { className: "mb-4 h-12 w-12 text-ui-fg-subtle" }),
-      /* @__PURE__ */ jsx(Text, { className: "mb-2 text-lg font-medium", children: searchQuery ? "No brands found" : "No brands yet" }),
-      /* @__PURE__ */ jsx(Text, { className: "mb-4 text-ui-fg-subtle", children: searchQuery ? "Try adjusting your search query" : "Create your first brand to get started" }),
-      !searchQuery && /* @__PURE__ */ jsxs(Button, { onClick: handleCreateBrand, children: [
-        /* @__PURE__ */ jsx(Plus, { className: "mr-2" }),
-        "Create Brand"
-      ] })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
-        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Logo" }),
-        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Name" }),
-        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Slug" }),
-        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Status" }),
-        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Images" }),
-        /* @__PURE__ */ jsx(Table.HeaderCell, { className: "text-right", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ jsx(Table.Body, { children: filteredBrands.map((brand) => /* @__PURE__ */ jsxs(Table.Row, { children: [
-        /* @__PURE__ */ jsx(Table.Cell, { children: brand.logo ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: brand.logo,
-            alt: `${brand.name} logo`,
-            className: "h-10 w-10 object-contain rounded"
-          }
-        ) : /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded bg-ui-bg-subtle", children: /* @__PURE__ */ jsx(BuildingStorefront, { className: "h-5 w-5 text-ui-fg-subtle" }) }) }),
-        /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: brand.name }),
-          brand.website && /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: brand.website })
-        ] }) }),
-        /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: "blue", children: brand.slug }) }),
-        /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: brand.is_active ? "green" : "grey", children: brand.is_active ? "Active" : "Inactive" }) }),
-        /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          brand.image && /* @__PURE__ */ jsxs(Badge, { color: "green", size: "xsmall", children: [
-            /* @__PURE__ */ jsx(PhotoSolid, { className: "mr-1" }),
-            "Image"
-          ] }),
-          brand.logo && /* @__PURE__ */ jsxs(Badge, { color: "green", size: "xsmall", children: [
-            /* @__PURE__ */ jsx(BuildingStorefront, { className: "mr-1" }),
-            "Logo"
-          ] }),
-          !brand.image && !brand.logo && /* @__PURE__ */ jsx(Text, { className: "text-sm text-ui-fg-muted", children: "No images" })
-        ] }) }),
-        /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2", children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-          /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { variant: "transparent", size: "small", children: /* @__PURE__ */ jsx(EllipsisHorizontal, {}) }) }),
-          /* @__PURE__ */ jsxs(DropdownMenu.Content, { children: [
-            /* @__PURE__ */ jsxs(
-              DropdownMenu.Item,
-              {
-                onClick: () => handleEditBrand(brand),
-                children: [
-                  /* @__PURE__ */ jsx(PencilSquare, { className: "mr-2" }),
-                  "Edit Details"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
-            /* @__PURE__ */ jsxs(
-              DropdownMenu.Item,
-              {
-                onClick: () => handleImageUpload(brand, "image"),
-                children: [
-                  /* @__PURE__ */ jsx(CloudArrowUp, { className: "mr-2" }),
-                  brand.image ? "Replace Image" : "Upload Image"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              DropdownMenu.Item,
-              {
-                onClick: () => handleImageUpload(brand, "logo"),
-                children: [
-                  /* @__PURE__ */ jsx(CloudArrowUp, { className: "mr-2" }),
-                  brand.logo ? "Replace Logo" : "Upload Logo"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
-            /* @__PURE__ */ jsxs(
-              DropdownMenu.Item,
-              {
-                onClick: () => handleToggleActive(brand),
-                children: [
-                  /* @__PURE__ */ jsx(
-                    Switch,
-                    {
-                      checked: brand.is_active,
-                      className: "mr-2 pointer-events-none"
-                    }
-                  ),
-                  brand.is_active ? "Deactivate" : "Activate"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
-            /* @__PURE__ */ jsxs(
-              DropdownMenu.Item,
-              {
-                onClick: () => handleDeleteBrand(brand.id),
-                className: "text-ui-fg-error",
-                children: [
-                  /* @__PURE__ */ jsx(Trash, { className: "mr-2" }),
-                  "Delete Brand"
-                ]
-              }
-            )
-          ] })
-        ] }) }) })
-      ] }, brand.id)) })
-    ] }) }),
-    showForm && /* @__PURE__ */ jsx(
-      BrandForm,
-      {
-        brand: selectedBrand,
-        isCreating,
-        onClose: handleFormClose
-      }
-    ),
-    showImageUploader && selectedBrand && /* @__PURE__ */ jsx(
-      BrandImageUploader,
-      {
-        brand: selectedBrand,
-        imageType,
-        onClose: handleImageUploaderClose
-      }
-    )
-  ] });
-};
-const config = defineRouteConfig({
-  label: "Brands",
-  icon: BuildingStorefront
-});
-const widgetModule = { widgets: [
-  {
-    Component: ProductBrandWidget,
-    zone: ["product.details.side.after"]
-  }
-] };
-const routeModule = {
-  routes: [
-    {
-      Component: BrandsPage,
-      path: "/brands"
-    }
-  ]
-};
-const menuItemModule = {
-  menuItems: [
-    {
-      label: config.label,
-      icon: config.icon,
-      path: "/brands",
-      nested: void 0
-    }
-  ]
-};
-const formModule = { customFields: {} };
-const displayModule = {
-  displays: {}
-};
-const i18nModule = { resources: {} };
-const plugin = {
-  widgetModule,
-  routeModule,
-  menuItemModule,
-  formModule,
-  displayModule,
-  i18nModule
-};
-export {
-  plugin as default
-};