simplycms 0.4.0

package/dist/chunk-AVHWYNGC.js

@@ -0,0 +1,502 @@
+import { StockByPointManager } from './chunk-NRZS2NEG.js';
+import { StockStatusSelect } from './chunk-DZDZ6SSB.js';
+import { ImageUpload } from './chunk-RSL3DLME.js';
+import { ProductPricesEditor } from './chunk-SU3R36OS.js';
+import { ProductPropertyValues } from './chunk-VNIVHR4Z.js';
+import { useState } from 'react';
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';
+import { useFormatPrice } from 'simplycms/react-query';
+import { useT } from 'simplycms/i18n';
+import { Button } from 'simplycms/ui/button';
+import { Input } from 'simplycms/ui/input';
+import { Label } from 'simplycms/ui/label';
+import { Switch } from 'simplycms/ui/switch';
+import { Card, CardHeader, CardTitle, CardContent } from 'simplycms/ui/card';
+import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle } from 'simplycms/ui/dialog';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from 'simplycms/ui/table';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from 'simplycms/ui/collapsible';
+import { useToast } from 'simplycms/core/hooks/use-toast';
+import { Loader2, Plus, ChevronUp, ChevronDown, ArrowUp, ArrowDown, ImageIcon, Trash2 } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ProductModifications({
+  productId,
+  sectionId
+}) {
+  const t = useT();
+  const supabase = useSupabaseClient();
+  const formatPrice = useFormatPrice();
+  const [isOpen, setIsOpen] = useState(false);
+  const [editingModification, setEditingModification] = useState(null);
+  const [images, setImages] = useState([]);
+  const [stockStatus, setStockStatus] = useState("in_stock");
+  const [stockOpen, setStockOpen] = useState(true);
+  const [propertiesOpen, setPropertiesOpen] = useState(true);
+  const [pricesOpen, setPricesOpen] = useState(true);
+  const { toast } = useToast();
+  const queryClient = useQueryClient();
+  const { data: modifications, isLoading } = useQuery({
+    queryKey: ["product-modifications", productId],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("product_modifications").select("*").eq("product_id", productId).order("sort_order", { ascending: true });
+      if (error) throw error;
+      return data;
+    }
+  });
+  const { data: modPrices } = useQuery({
+    queryKey: ["modification-default-prices", productId],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("product_prices").select(
+        "modification_id, price, old_price, price_types!inner(is_default)"
+      ).eq("product_id", productId).not("modification_id", "is", null);
+      if (error) throw error;
+      return data;
+    }
+  });
+  const getDefaultPrice = (modId) => {
+    const entry = modPrices?.find(
+      (p) => p.modification_id === modId && p.price_types?.is_default
+    );
+    return entry;
+  };
+  const createMutation = useMutation({
+    mutationFn: async (data) => {
+      const maxSortOrder = modifications?.reduce((max, m) => Math.max(max, m.sort_order), -1) ?? -1;
+      const { error } = await supabase.from("product_modifications").insert([
+        {
+          ...data,
+          product_id: productId,
+          sort_order: maxSortOrder + 1
+        }
+      ]);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["product-modifications", productId]
+      });
+      closeDialog();
+      toast({ title: t("admin.products.mods.created") });
+    },
+    onError: (error) => {
+      toast({
+        variant: "destructive",
+        title: t("common.error"),
+        description: error.message
+      });
+    }
+  });
+  const updateMutation = useMutation({
+    mutationFn: async ({
+      id,
+      data
+    }) => {
+      const { error } = await supabase.from("product_modifications").update(data).eq("id", id);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["product-modifications", productId]
+      });
+      closeDialog();
+      toast({ title: t("admin.products.mods.updated") });
+    },
+    onError: (error) => {
+      toast({
+        variant: "destructive",
+        title: t("common.error"),
+        description: error.message
+      });
+    }
+  });
+  const deleteMutation = useMutation({
+    mutationFn: async (id) => {
+      const { error } = await supabase.from("product_modifications").delete().eq("id", id);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["product-modifications", productId]
+      });
+      toast({ title: t("admin.products.mods.deleted") });
+    },
+    onError: (error) => {
+      toast({
+        variant: "destructive",
+        title: t("common.error"),
+        description: error.message
+      });
+    }
+  });
+  const reorderMutation = useMutation({
+    mutationFn: async ({
+      id,
+      direction
+    }) => {
+      if (!modifications) return;
+      const currentIndex = modifications.findIndex((m) => m.id === id);
+      if (currentIndex === -1) return;
+      const swapIndex = direction === "up" ? currentIndex - 1 : currentIndex + 1;
+      if (swapIndex < 0 || swapIndex >= modifications.length) return;
+      const currentMod = modifications[currentIndex];
+      const swapMod = modifications[swapIndex];
+      const newCurrentSortOrder = swapIndex;
+      const newSwapSortOrder = currentIndex;
+      await supabase.from("product_modifications").update({ sort_order: newCurrentSortOrder }).eq("id", currentMod.id);
+      await supabase.from("product_modifications").update({ sort_order: newSwapSortOrder }).eq("id", swapMod.id);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["product-modifications", productId]
+      });
+    },
+    onError: (error) => {
+      toast({
+        variant: "destructive",
+        title: t("admin.products.mods.reorderFailed"),
+        description: error.message
+      });
+    }
+  });
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    const data = {
+      name: formData.get("name"),
+      slug: formData.get("slug"),
+      sku: formData.get("sku") || null,
+      stock_status: stockStatus,
+      is_default: formData.get("is_default") === "on",
+      images
+    };
+    if (editingModification) {
+      updateMutation.mutate({ id: editingModification.id, data });
+    } else {
+      createMutation.mutate(data);
+    }
+  };
+  const openEdit = (modification) => {
+    setEditingModification(modification);
+    const existingImages = Array.isArray(modification.images) ? modification.images : [];
+    setImages(existingImages);
+    setStockStatus(modification.stock_status || "in_stock");
+    setStockOpen(true);
+    setPropertiesOpen(true);
+    setIsOpen(true);
+  };
+  const openCreate = () => {
+    setEditingModification(null);
+    setImages([]);
+    setStockStatus("in_stock");
+    setStockOpen(true);
+    setPropertiesOpen(true);
+    setIsOpen(true);
+  };
+  const closeDialog = () => {
+    setIsOpen(false);
+    setEditingModification(null);
+    setImages([]);
+    setStockStatus("in_stock");
+  };
+  const getStatusBadge = (status) => {
+    switch (status) {
+      case "in_stock":
+        return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400", children: t("admin.products.stock.inStock") });
+      case "out_of_stock":
+        return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400", children: t("admin.products.stock.none") });
+      case "on_order":
+        return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400", children: t("admin.products.stock.onOrder") });
+      default:
+        return null;
+    }
+  };
+  const handleRowClick = (mod, e) => {
+    const target = e.target;
+    if (target.closest("button")) return;
+    openEdit(mod);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin" }) });
+  }
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { className: "pb-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: t("admin.products.mods.title") }),
+      /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
+        /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: openCreate, children: [
+          /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
+          t("common.add")
+        ] }) }),
+        /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [
+          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: editingModification ? t("admin.products.mods.edit") : t("admin.products.mods.new") }) }),
+          /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "mod-name", children: t("common.nameRequiredLabel") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "mod-name",
+                    name: "name",
+                    defaultValue: editingModification?.name || "",
+                    placeholder: t("admin.products.mods.namePlaceholder"),
+                    required: true
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "mod-slug", children: "URL (slug) *" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "mod-slug",
+                    name: "slug",
+                    defaultValue: editingModification?.slug || "",
+                    placeholder: "100w",
+                    required: true
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "mod-sku", children: t("admin.products.mods.sku") }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "mod-sku",
+                  name: "sku",
+                  defaultValue: editingModification?.sku || "",
+                  placeholder: "SP-100W-BLK"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              StockStatusSelect,
+              {
+                value: stockStatus,
+                onChange: setStockStatus
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  id: "mod-default",
+                  name: "is_default",
+                  defaultChecked: editingModification?.is_default ?? false
+                }
+              ),
+              /* @__PURE__ */ jsx(Label, { htmlFor: "mod-default", children: t("common.byDefault") })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { children: t("common.image") }),
+              /* @__PURE__ */ jsx(
+                ImageUpload,
+                {
+                  images,
+                  onImagesChange: setImages,
+                  folder: `modifications/${editingModification?.id || "new"}`,
+                  maxImages: 10
+                }
+              )
+            ] }),
+            editingModification && /* @__PURE__ */ jsxs(Collapsible, { open: pricesOpen, onOpenChange: setPricesOpen, children: [
+              /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  type: "button",
+                  className: "flex w-full justify-between p-3 border rounded-lg hover:bg-muted/50",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("admin.products.mods.prices") }),
+                    pricesOpen ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(CollapsibleContent, { className: "pt-3", children: /* @__PURE__ */ jsx(
+                ProductPricesEditor,
+                {
+                  productId,
+                  modificationId: editingModification.id
+                }
+              ) })
+            ] }),
+            editingModification && /* @__PURE__ */ jsxs(Collapsible, { open: stockOpen, onOpenChange: setStockOpen, children: [
+              /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  type: "button",
+                  className: "flex w-full justify-between p-3 border rounded-lg hover:bg-muted/50",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("admin.products.mods.stock") }),
+                    stockOpen ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(CollapsibleContent, { className: "pt-3", children: /* @__PURE__ */ jsx(
+                StockByPointManager,
+                {
+                  modificationId: editingModification.id,
+                  showCard: false
+                }
+              ) })
+            ] }),
+            editingModification && sectionId && /* @__PURE__ */ jsxs(
+              Collapsible,
+              {
+                open: propertiesOpen,
+                onOpenChange: setPropertiesOpen,
+                children: [
+                  /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "ghost",
+                      type: "button",
+                      className: "flex w-full justify-between p-3 border rounded-lg hover:bg-muted/50",
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("admin.products.mods.properties") }),
+                        propertiesOpen ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(CollapsibleContent, { className: "pt-3", children: /* @__PURE__ */ jsx(
+                    ProductPropertyValues,
+                    {
+                      modificationId: editingModification.id,
+                      sectionId
+                    }
+                  ) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 pt-4", children: [
+              /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: closeDialog, children: t("common.cancel") }),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "submit",
+                  disabled: createMutation.isPending || updateMutation.isPending,
+                  children: [
+                    (createMutation.isPending || updateMutation.isPending) && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+                    editingModification ? t("common.save") : t("common.create")
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(CardContent, { children: modifications && modifications.length > 0 ? /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableHead, { className: "w-16", children: t("common.order") }),
+        /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("common.name") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("admin.products.mods.skuShort") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("common.price") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("common.status") }),
+        /* @__PURE__ */ jsx(TableHead, { className: "w-12" })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: modifications.map((mod, index) => {
+        const modImages = Array.isArray(mod.images) ? mod.images : [];
+        const defaultPrice = getDefaultPrice(mod.id);
+        return /* @__PURE__ */ jsxs(
+          TableRow,
+          {
+            className: "cursor-pointer hover:bg-muted/50",
+            onClick: (e) => handleRowClick(mod, e),
+            children: [
+              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-6 w-6",
+                    disabled: index === 0 || reorderMutation.isPending,
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      reorderMutation.mutate({
+                        id: mod.id,
+                        direction: "up"
+                      });
+                    },
+                    children: /* @__PURE__ */ jsx(ArrowUp, { className: "h-3 w-3" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-6 w-6",
+                    disabled: index === modifications.length - 1 || reorderMutation.isPending,
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      reorderMutation.mutate({
+                        id: mod.id,
+                        direction: "down"
+                      });
+                    },
+                    children: /* @__PURE__ */ jsx(ArrowDown, { className: "h-3 w-3" })
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx(TableCell, { children: modImages.length > 0 ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: modImages[0],
+                  alt: "",
+                  width: 32,
+                  height: 32,
+                  className: "object-cover rounded",
+                  loading: "lazy",
+                  decoding: "async"
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: "h-8 w-8 bg-muted rounded flex items-center justify-center", children: /* @__PURE__ */ jsx(
+                ImageIcon,
+                {
+                  className: "h-4 w-4 text-muted-foreground",
+                  "aria-hidden": "true"
+                }
+              ) }) }),
+              /* @__PURE__ */ jsxs(TableCell, { className: "font-medium", children: [
+                mod.name,
+                mod.is_default && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs bg-primary/10 text-primary px-1.5 py-0.5 rounded", children: t("common.byDefaultShort") })
+              ] }),
+              /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground", children: mod.sku || "\u2014" }),
+              /* @__PURE__ */ jsx(TableCell, { children: defaultPrice ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-medium", children: formatPrice(Number(defaultPrice.price), {
+                  minimumFractionDigits: 2
+                }) }),
+                defaultPrice.old_price && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground line-through", children: formatPrice(Number(defaultPrice.old_price), {
+                  minimumFractionDigits: 2
+                }) })
+              ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" }) }),
+              /* @__PURE__ */ jsx(TableCell, { children: getStatusBadge(mod.stock_status) }),
+              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    deleteMutation.mutate(mod.id);
+                  },
+                  disabled: deleteMutation.isPending,
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
+                }
+              ) })
+            ]
+          },
+          mod.id
+        );
+      }) })
+    ] }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground text-center py-4", children: t("admin.products.mods.empty") }) })
+  ] });
+}
+
+export { ProductModifications };
+//# sourceMappingURL=chunk-AVHWYNGC.js.map
+//# sourceMappingURL=chunk-AVHWYNGC.js.map

package/dist/chunk-AVHWYNGC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/components/ProductModifications.tsx"],"names":[],"mappings":"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","file":"chunk-AVHWYNGC.js","sourcesContent":["import { useState } from 'react';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';\nimport { useFormatPrice } from 'simplycms/react-query';\nimport { useT } from 'simplycms/i18n';\nimport { Button } from 'simplycms/ui/button';\nimport { Input } from 'simplycms/ui/input';\nimport { Label } from 'simplycms/ui/label';\nimport { Switch } from 'simplycms/ui/switch';\nimport { Card, CardContent, CardHeader, CardTitle } from 'simplycms/ui/card';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from 'simplycms/ui/dialog';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from 'simplycms/ui/table';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from 'simplycms/ui/collapsible';\nimport { useToast } from 'simplycms/core/hooks/use-toast';\nimport {\n  Plus,\n  Trash2,\n  Loader2,\n  ImageIcon,\n  ArrowUp,\n  ArrowDown,\n  ChevronDown,\n  ChevronUp,\n} from 'lucide-react';\nimport { ImageUpload } from './ImageUpload';\nimport { ProductPropertyValues } from './ProductPropertyValues';\nimport { StockStatusSelect } from './StockStatusSelect';\nimport { StockByPointManager } from './StockByPointManager';\nimport { ProductPricesEditor } from './ProductPricesEditor';\nimport type { Tables, TablesInsert } from 'simplycms/supabase';\nimport type { StockStatus } from 'simplycms/core/hooks/useStock';\n\ntype ProductModification = Tables<'product_modifications'>;\n\ninterface ProductModificationsProps {\n  productId: string;\n  sectionId: string | null;\n}\n\nexport function ProductModifications({\n  productId,\n  sectionId,\n}: ProductModificationsProps) {\n  const t = useT();\n  const supabase = useSupabaseClient();\n  const formatPrice = useFormatPrice();\n  const [isOpen, setIsOpen] = useState(false);\n  const [editingModification, setEditingModification] =\n    useState<ProductModification | null>(null);\n  const [images, setImages] = useState<string[]>([]);\n  const [stockStatus, setStockStatus] = useState<StockStatus>('in_stock');\n  const [stockOpen, setStockOpen] = useState(true);\n  const [propertiesOpen, setPropertiesOpen] = useState(true);\n  const [pricesOpen, setPricesOpen] = useState(true);\n  const { toast } = useToast();\n  const queryClient = useQueryClient();\n\n  const { data: modifications, isLoading } = useQuery({\n    queryKey: ['product-modifications', productId],\n    queryFn: async () => {\n      const { data, error } = await supabase\n        .from('product_modifications')\n        .select('*')\n        .eq('product_id', productId)\n        .order('sort_order', { ascending: true });\n      if (error) throw error;\n      return data;\n    },\n  });\n\n  // Fetch default prices for table display\n  const { data: modPrices } = useQuery({\n    queryKey: ['modification-default-prices', productId],\n    queryFn: async () => {\n      const { data, error } = await supabase\n        .from('product_prices')\n        .select(\n          'modification_id, price, old_price, price_types!inner(is_default)',\n        )\n        .eq('product_id', productId)\n        .not('modification_id', 'is', null);\n      if (error) throw error;\n      return data;\n    },\n  });\n\n  const getDefaultPrice = (modId: string) => {\n    const entry = modPrices?.find(\n      (p) => p.modification_id === modId && p.price_types?.is_default,\n    );\n    return entry;\n  };\n\n  const createMutation = useMutation({\n    mutationFn: async (data: Partial<ProductModification>) => {\n      // Get max sort_order\n      const maxSortOrder =\n        modifications?.reduce((max, m) => Math.max(max, m.sort_order), -1) ??\n        -1;\n\n      const { error } = await supabase.from('product_modifications').insert([\n        {\n          ...data,\n          product_id: productId,\n          sort_order: maxSortOrder + 1,\n        } as TablesInsert<'product_modifications'>,\n      ]);\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: ['product-modifications', productId],\n      });\n      closeDialog();\n      toast({ title: t('admin.products.mods.created') });\n    },\n    onError: (error) => {\n      toast({\n        variant: 'destructive',\n        title: t('common.error'),\n        description: error.message,\n      });\n    },\n  });\n\n  const updateMutation = useMutation({\n    mutationFn: async ({\n      id,\n      data,\n    }: {\n      id: string;\n      data: Partial<ProductModification>;\n    }) => {\n      const { error } = await supabase\n        .from('product_modifications')\n        .update(data)\n        .eq('id', id);\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: ['product-modifications', productId],\n      });\n      closeDialog();\n      toast({ title: t('admin.products.mods.updated') });\n    },\n    onError: (error) => {\n      toast({\n        variant: 'destructive',\n        title: t('common.error'),\n        description: error.message,\n      });\n    },\n  });\n\n  const deleteMutation = useMutation({\n    mutationFn: async (id: string) => {\n      const { error } = await supabase\n        .from('product_modifications')\n        .delete()\n        .eq('id', id);\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: ['product-modifications', productId],\n      });\n      toast({ title: t('admin.products.mods.deleted') });\n    },\n    onError: (error) => {\n      toast({\n        variant: 'destructive',\n        title: t('common.error'),\n        description: error.message,\n      });\n    },\n  });\n\n  const reorderMutation = useMutation({\n    mutationFn: async ({\n      id,\n      direction,\n    }: {\n      id: string;\n      direction: 'up' | 'down';\n    }) => {\n      if (!modifications) return;\n\n      const currentIndex = modifications.findIndex((m) => m.id === id);\n      if (currentIndex === -1) return;\n\n      const swapIndex =\n        direction === 'up' ? currentIndex - 1 : currentIndex + 1;\n      if (swapIndex < 0 || swapIndex >= modifications.length) return;\n\n      const currentMod = modifications[currentIndex];\n      const swapMod = modifications[swapIndex];\n\n      // Use index-based sort_order to handle cases where all values are the same\n      // Assign new unique sort_order values based on their new positions\n      const newCurrentSortOrder = swapIndex;\n      const newSwapSortOrder = currentIndex;\n\n      await supabase\n        .from('product_modifications')\n        .update({ sort_order: newCurrentSortOrder })\n        .eq('id', currentMod.id);\n\n      await supabase\n        .from('product_modifications')\n        .update({ sort_order: newSwapSortOrder })\n        .eq('id', swapMod.id);\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: ['product-modifications', productId],\n      });\n    },\n    onError: (error) => {\n      toast({\n        variant: 'destructive',\n        title: t('admin.products.mods.reorderFailed'),\n        description: error.message,\n      });\n    },\n  });\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    const formData = new FormData(e.currentTarget);\n\n    const data = {\n      name: formData.get('name') as string,\n      slug: formData.get('slug') as string,\n      sku: (formData.get('sku') as string) || null,\n      stock_status: stockStatus,\n      is_default: formData.get('is_default') === 'on',\n      images: images,\n    };\n\n    if (editingModification) {\n      updateMutation.mutate({ id: editingModification.id, data });\n    } else {\n      createMutation.mutate(data);\n    }\n  };\n\n  const openEdit = (modification: ProductModification) => {\n    setEditingModification(modification);\n    const existingImages = Array.isArray(modification.images)\n      ? (modification.images as string[])\n      : [];\n    setImages(existingImages);\n    setStockStatus((modification.stock_status as StockStatus) || 'in_stock');\n    setStockOpen(true);\n    setPropertiesOpen(true);\n    setIsOpen(true);\n  };\n\n  const openCreate = () => {\n    setEditingModification(null);\n    setImages([]);\n    setStockStatus('in_stock');\n    setStockOpen(true);\n    setPropertiesOpen(true);\n    setIsOpen(true);\n  };\n\n  const closeDialog = () => {\n    setIsOpen(false);\n    setEditingModification(null);\n    setImages([]);\n    setStockStatus('in_stock');\n  };\n\n  const getStatusBadge = (status: string | null) => {\n    switch (status) {\n      case 'in_stock':\n        return (\n          <span className=\"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400\">\n            {t('admin.products.stock.inStock')}\n          </span>\n        );\n      case 'out_of_stock':\n        return (\n          <span className=\"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400\">\n            {t('admin.products.stock.none')}\n          </span>\n        );\n      case 'on_order':\n        return (\n          <span className=\"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400\">\n            {t('admin.products.stock.onOrder')}\n          </span>\n        );\n      default:\n        return null;\n    }\n  };\n\n  const handleRowClick = (mod: ProductModification, e: React.MouseEvent) => {\n    // Don't trigger if clicking on action buttons\n    const target = e.target as HTMLElement;\n    if (target.closest('button')) return;\n    openEdit(mod);\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center py-4\">\n        <Loader2 className=\"h-5 w-5 animate-spin\" />\n      </div>\n    );\n  }\n\n  return (\n    <Card>\n      <CardHeader className=\"pb-3\">\n        <div className=\"flex items-center justify-between\">\n          <CardTitle className=\"text-lg\">\n            {t('admin.products.mods.title')}\n          </CardTitle>\n          <Dialog open={isOpen} onOpenChange={setIsOpen}>\n            <DialogTrigger asChild>\n              <Button size=\"sm\" onClick={openCreate}>\n                <Plus className=\"h-4 w-4 mr-1\" />\n                {t('common.add')}\n              </Button>\n            </DialogTrigger>\n            <DialogContent className=\"max-w-2xl max-h-[90vh] overflow-y-auto\">\n              <DialogHeader>\n                <DialogTitle>\n                  {editingModification\n                    ? t('admin.products.mods.edit')\n                    : t('admin.products.mods.new')}\n                </DialogTitle>\n              </DialogHeader>\n              <form onSubmit={handleSubmit} className=\"space-y-4\">\n                <div className=\"grid grid-cols-2 gap-4\">\n                  <div className=\"space-y-2\">\n                    <Label htmlFor=\"mod-name\">\n                      {t('common.nameRequiredLabel')}\n                    </Label>\n                    <Input\n                      id=\"mod-name\"\n                      name=\"name\"\n                      defaultValue={editingModification?.name || ''}\n                      placeholder={t('admin.products.mods.namePlaceholder')}\n                      required\n                    />\n                  </div>\n                  <div className=\"space-y-2\">\n                    <Label htmlFor=\"mod-slug\">URL (slug) *</Label>\n                    <Input\n                      id=\"mod-slug\"\n                      name=\"slug\"\n                      defaultValue={editingModification?.slug || ''}\n                      placeholder=\"100w\"\n                      required\n                    />\n                  </div>\n                </div>\n\n                <div className=\"space-y-2\">\n                  <Label htmlFor=\"mod-sku\">\n                    {t('admin.products.mods.sku')}\n                  </Label>\n                  <Input\n                    id=\"mod-sku\"\n                    name=\"sku\"\n                    defaultValue={editingModification?.sku || ''}\n                    placeholder=\"SP-100W-BLK\"\n                  />\n                </div>\n\n                <StockStatusSelect\n                  value={stockStatus}\n                  onChange={setStockStatus}\n                />\n\n                <div className=\"flex items-center gap-2\">\n                  <Switch\n                    id=\"mod-default\"\n                    name=\"is_default\"\n                    defaultChecked={editingModification?.is_default ?? false}\n                  />\n                  <Label htmlFor=\"mod-default\">{t('common.byDefault')}</Label>\n                </div>\n\n                {/* Images section */}\n                <div className=\"space-y-2\">\n                  <Label>{t('common.image')}</Label>\n                  <ImageUpload\n                    images={images}\n                    onImagesChange={setImages}\n                    folder={`modifications/${editingModification?.id || 'new'}`}\n                    maxImages={10}\n                  />\n                </div>\n\n                {/* Prices editor for existing modifications */}\n                {editingModification && (\n                  <Collapsible open={pricesOpen} onOpenChange={setPricesOpen}>\n                    <CollapsibleTrigger asChild>\n                      <Button\n                        variant=\"ghost\"\n                        type=\"button\"\n                        className=\"flex w-full justify-between p-3 border rounded-lg hover:bg-muted/50\"\n                      >\n                        <span className=\"font-medium\">\n                          {t('admin.products.mods.prices')}\n                        </span>\n                        {pricesOpen ? (\n                          <ChevronUp className=\"h-4 w-4\" />\n                        ) : (\n                          <ChevronDown className=\"h-4 w-4\" />\n                        )}\n                      </Button>\n                    </CollapsibleTrigger>\n                    <CollapsibleContent className=\"pt-3\">\n                      <ProductPricesEditor\n                        productId={productId}\n                        modificationId={editingModification.id}\n                      />\n                    </CollapsibleContent>\n                  </Collapsible>\n                )}\n\n                {/* Stock by point for existing modifications */}\n                {editingModification && (\n                  <Collapsible open={stockOpen} onOpenChange={setStockOpen}>\n                    <CollapsibleTrigger asChild>\n                      <Button\n                        variant=\"ghost\"\n                        type=\"button\"\n                        className=\"flex w-full justify-between p-3 border rounded-lg hover:bg-muted/50\"\n                      >\n                        <span className=\"font-medium\">\n                          {t('admin.products.mods.stock')}\n                        </span>\n                        {stockOpen ? (\n                          <ChevronUp className=\"h-4 w-4\" />\n                        ) : (\n                          <ChevronDown className=\"h-4 w-4\" />\n                        )}\n                      </Button>\n                    </CollapsibleTrigger>\n                    <CollapsibleContent className=\"pt-3\">\n                      <StockByPointManager\n                        modificationId={editingModification.id}\n                        showCard={false}\n                      />\n                    </CollapsibleContent>\n                  </Collapsible>\n                )}\n\n                {/* Properties section for existing modifications */}\n                {editingModification && sectionId && (\n                  <Collapsible\n                    open={propertiesOpen}\n                    onOpenChange={setPropertiesOpen}\n                  >\n                    <CollapsibleTrigger asChild>\n                      <Button\n                        variant=\"ghost\"\n                        type=\"button\"\n                        className=\"flex w-full justify-between p-3 border rounded-lg hover:bg-muted/50\"\n                      >\n                        <span className=\"font-medium\">\n                          {t('admin.products.mods.properties')}\n                        </span>\n                        {propertiesOpen ? (\n                          <ChevronUp className=\"h-4 w-4\" />\n                        ) : (\n                          <ChevronDown className=\"h-4 w-4\" />\n                        )}\n                      </Button>\n                    </CollapsibleTrigger>\n                    <CollapsibleContent className=\"pt-3\">\n                      <ProductPropertyValues\n                        modificationId={editingModification.id}\n                        sectionId={sectionId}\n                      />\n                    </CollapsibleContent>\n                  </Collapsible>\n                )}\n\n                <div className=\"flex justify-end gap-2 pt-4\">\n                  <Button type=\"button\" variant=\"outline\" onClick={closeDialog}>\n                    {t('common.cancel')}\n                  </Button>\n                  <Button\n                    type=\"submit\"\n                    disabled={\n                      createMutation.isPending || updateMutation.isPending\n                    }\n                  >\n                    {(createMutation.isPending || updateMutation.isPending) && (\n                      <Loader2 className=\"h-4 w-4 mr-2 animate-spin\" />\n                    )}\n                    {editingModification\n                      ? t('common.save')\n                      : t('common.create')}\n                  </Button>\n                </div>\n              </form>\n            </DialogContent>\n          </Dialog>\n        </div>\n      </CardHeader>\n      <CardContent>\n        {modifications && modifications.length > 0 ? (\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead className=\"w-16\">{t('common.order')}</TableHead>\n                <TableHead className=\"w-12\"></TableHead>\n                <TableHead>{t('common.name')}</TableHead>\n                <TableHead>{t('admin.products.mods.skuShort')}</TableHead>\n                <TableHead>{t('common.price')}</TableHead>\n                <TableHead>{t('common.status')}</TableHead>\n                <TableHead className=\"w-12\"></TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {modifications.map((mod, index) => {\n                const modImages = Array.isArray(mod.images)\n                  ? (mod.images as string[])\n                  : [];\n                const defaultPrice = getDefaultPrice(mod.id);\n                return (\n                  <TableRow\n                    key={mod.id}\n                    className=\"cursor-pointer hover:bg-muted/50\"\n                    onClick={(e) => handleRowClick(mod, e)}\n                  >\n                    <TableCell>\n                      <div className=\"flex items-center gap-1\">\n                        <Button\n                          variant=\"ghost\"\n                          size=\"icon\"\n                          className=\"h-6 w-6\"\n                          disabled={index === 0 || reorderMutation.isPending}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            reorderMutation.mutate({\n                              id: mod.id,\n                              direction: 'up',\n                            });\n                          }}\n                        >\n                          <ArrowUp className=\"h-3 w-3\" />\n                        </Button>\n                        <Button\n                          variant=\"ghost\"\n                          size=\"icon\"\n                          className=\"h-6 w-6\"\n                          disabled={\n                            index === modifications.length - 1 ||\n                            reorderMutation.isPending\n                          }\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            reorderMutation.mutate({\n                              id: mod.id,\n                              direction: 'down',\n                            });\n                          }}\n                        >\n                          <ArrowDown className=\"h-3 w-3\" />\n                        </Button>\n                      </div>\n                    </TableCell>\n                    <TableCell>\n                      {modImages.length > 0 ? (\n                        <img\n                          src={modImages[0]}\n                          alt=\"\"\n                          width={32}\n                          height={32}\n                          className=\"object-cover rounded\"\n                          loading=\"lazy\"\n                          decoding=\"async\"\n                        />\n                      ) : (\n                        <div className=\"h-8 w-8 bg-muted rounded flex items-center justify-center\">\n                          <ImageIcon\n                            className=\"h-4 w-4 text-muted-foreground\"\n                            aria-hidden=\"true\"\n                          />\n                        </div>\n                      )}\n                    </TableCell>\n                    <TableCell className=\"font-medium\">\n                      {mod.name}\n                      {mod.is_default && (\n                        <span className=\"ml-2 text-xs bg-primary/10 text-primary px-1.5 py-0.5 rounded\">\n                          {t('common.byDefaultShort')}\n                        </span>\n                      )}\n                    </TableCell>\n                    <TableCell className=\"text-muted-foreground\">\n                      {mod.sku || '—'}\n                    </TableCell>\n                    <TableCell>\n                      {defaultPrice ? (\n                        <div className=\"flex flex-col\">\n                          <span className=\"font-medium\">\n                            {formatPrice(Number(defaultPrice.price), {\n                              minimumFractionDigits: 2,\n                            })}\n                          </span>\n                          {defaultPrice.old_price && (\n                            <span className=\"text-xs text-muted-foreground line-through\">\n                              {formatPrice(Number(defaultPrice.old_price), {\n                                minimumFractionDigits: 2,\n                              })}\n                            </span>\n                          )}\n                        </div>\n                      ) : (\n                        <span className=\"text-muted-foreground\">—</span>\n                      )}\n                    </TableCell>\n                    <TableCell>{getStatusBadge(mod.stock_status)}</TableCell>\n                    <TableCell>\n                      <Button\n                        variant=\"ghost\"\n                        size=\"icon\"\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          deleteMutation.mutate(mod.id);\n                        }}\n                        disabled={deleteMutation.isPending}\n                      >\n                        <Trash2 className=\"h-4 w-4 text-destructive\" />\n                      </Button>\n                    </TableCell>\n                  </TableRow>\n                );\n              })}\n            </TableBody>\n          </Table>\n        ) : (\n          <p className=\"text-sm text-muted-foreground text-center py-4\">\n            {t('admin.products.mods.empty')}\n          </p>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"]}

package/dist/chunk-B6ZJSQ4P.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Check } from 'lucide-react';
+import { cn } from 'simplycms/ui/utils';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/checkbox.tsx
+var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };
+//# sourceMappingURL=chunk-B6ZJSQ4P.js.map
+//# sourceMappingURL=chunk-B6ZJSQ4P.js.map

package/dist/chunk-B6ZJSQ4P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/checkbox.tsx"],"names":[],"mappings":";;;;;;;AAMA,IAAM,QAAA,GAAiB,iBAGrB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAmB,iBAAA,CAAA,IAAA;AAAA,EAAlB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,gTAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAA,GAAA;AAAA,MAAmB,iBAAA,CAAA,SAAA;AAAA,MAAlB;AAAA,QACC,SAAA,EAAW,GAAG,+CAA+C,CAAA;AAAA,QAE7D,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA;AAC7B;AACF,CACD;AACD,QAAA,CAAS,cAAgC,iBAAA,CAAA,IAAA,CAAK,WAAA","file":"chunk-B6ZJSQ4P.js","sourcesContent":["import * as React from 'react';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { Check } from 'lucide-react';\n\nimport { cn } from 'simplycms/ui/utils';\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n      className,\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn('flex items-center justify-center text-current')}\n    >\n      <Check className=\"h-4 w-4\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n"]}