simplycms 0.4.0

package/dist/chunk-HG5KZVG2.js

@@ -0,0 +1,254 @@
+import { adminPath } from './chunk-2VKURKLN.js';
+import { useParams, useNavigate, Link } from '@tanstack/react-router';
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';
+import { useT } from 'simplycms/i18n';
+import { Button } from 'simplycms/ui/button';
+import { Badge } from 'simplycms/ui/badge';
+import { Card, CardHeader, CardTitle, CardContent } from 'simplycms/ui/card';
+import { Textarea } from 'simplycms/ui/textarea';
+import { Label } from 'simplycms/ui/label';
+import { StarRating } from 'simplycms/core/components/reviews/StarRating';
+import { Avatar, AvatarImage, AvatarFallback } from 'simplycms/ui/avatar';
+import { useToast } from 'simplycms/core/hooks/use-toast';
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from 'simplycms/ui/alert-dialog';
+import { Loader2, ArrowLeft, Check, X, Trash2 } from 'lucide-react';
+import { format } from 'date-fns';
+import { uk } from 'date-fns/locale';
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function AdminReviewDetail() {
+  const t = useT();
+  const supabase = useSupabaseClient();
+  const { reviewId } = useParams({ strict: false });
+  const navigate = useNavigate();
+  const { toast } = useToast();
+  const queryClient = useQueryClient();
+  const [adminComment, setAdminComment] = useState("");
+  const { data: review, isLoading } = useQuery({
+    queryKey: ["admin-review", reviewId],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("product_reviews").select("*").eq("id", reviewId).single();
+      if (error) throw error;
+      const { data: product } = await supabase.from("products").select("id, name, slug, sections(slug)").eq("id", data.product_id).single();
+      const { data: profile } = await supabase.from("profiles").select("user_id, first_name, last_name, email, avatar_url").eq("user_id", data.user_id).single();
+      return {
+        ...data,
+        images: Array.isArray(data.images) ? data.images : [],
+        product,
+        profile
+      };
+    }
+  });
+  const updateStatus = useMutation({
+    mutationFn: async ({
+      status,
+      comment
+    }) => {
+      const updateData = { status };
+      if (comment !== void 0) updateData.admin_comment = comment;
+      const { error } = await supabase.from("product_reviews").update(updateData).eq("id", reviewId);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["admin-review", reviewId] });
+      queryClient.invalidateQueries({ queryKey: ["admin-reviews"] });
+      toast({ title: t("common.statusUpdated") });
+    }
+  });
+  const deleteReview = useMutation({
+    mutationFn: async () => {
+      if (review?.images?.length) {
+        const paths = review.images.map((url) => {
+          try {
+            const u = new URL(url);
+            const match = u.pathname.match(/\/review-images\/(.+)$/);
+            return match ? match[1] : null;
+          } catch {
+            return null;
+          }
+        }).filter(Boolean);
+        if (paths.length > 0) {
+          await supabase.storage.from("review-images").remove(paths);
+        }
+      }
+      const { error } = await supabase.from("product_reviews").delete().eq("id", reviewId);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["admin-reviews"] });
+      toast({ title: t("admin.reviews.deleted") });
+      navigate({ to: adminPath("reviews") });
+    }
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) });
+  }
+  if (!review) {
+    return /* @__PURE__ */ jsx("p", { children: t("admin.reviews.notFound") });
+  }
+  const authorName = review.profile ? [review.profile.first_name, review.profile.last_name].filter(Boolean).join(" ") || review.profile.email || "\u2014" : "\u2014";
+  const initials = review.profile ? [review.profile.first_name?.[0], review.profile.last_name?.[0]].filter(Boolean).join("").toUpperCase() || "U" : "U";
+  const statusLabels = {
+    pending: "admin.reviews.status.pending",
+    approved: "admin.reviews.status.approved",
+    rejected: "admin.reviews.status.rejected"
+  };
+  const statusVariants = { pending: "outline", approved: "default", rejected: "destructive" };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6 max-w-3xl", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: () => navigate({ to: adminPath("reviews") }),
+          children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: t("admin.reviews.details") }),
+      /* @__PURE__ */ jsx(Badge, { variant: statusVariants[review.status] || "outline", children: statusLabels[review.status] ? t(statusLabels[review.status]) : review.status })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-sm text-muted-foreground", children: t("admin.orders.product") }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: review.product ? /* @__PURE__ */ jsx(
+          Link,
+          {
+            to: "/catalog/$sectionSlug/$productSlug",
+            params: {
+              sectionSlug: review.product.sections?.slug || "all",
+              productSlug: review.product.slug
+            },
+            className: "font-medium text-primary hover:underline",
+            children: review.product.name
+          }
+        ) : /* @__PURE__ */ jsx("span", { children: "\u2014" }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-sm text-muted-foreground", children: t("common.author") }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8", children: [
+            /* @__PURE__ */ jsx(AvatarImage, { src: review.profile?.avatar_url || void 0 }),
+            /* @__PURE__ */ jsx(AvatarFallback, { children: initials })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium text-sm", children: authorName }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: format(new Date(review.created_at), "d MMM yyyy HH:mm", {
+              locale: uk
+            }) })
+          ] })
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(StarRating, { value: review.rating, readonly: true, size: "lg" }),
+        /* @__PURE__ */ jsxs("span", { className: "text-lg font-semibold", children: [
+          review.rating,
+          "/5"
+        ] })
+      ] }),
+      review.title && /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: review.title }),
+      review.content && review.content !== "<p></p>" && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "prose prose-sm dark:prose-invert max-w-none",
+          dangerouslySetInnerHTML: { __html: review.content }
+        }
+      ),
+      review.images.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-2 flex-wrap", children: review.images.map((url, i) => /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "relative block h-24 w-24",
+          children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: url,
+              alt: t("admin.reviews.photo", { index: i + 1 }),
+              className: "absolute inset-0 w-full h-full object-cover rounded-lg border hover:opacity-80 transition-opacity",
+              loading: "lazy",
+              decoding: "async"
+            }
+          )
+        },
+        i
+      )) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { children: t("admin.reviews.adminComment") }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            value: adminComment,
+            onChange: (e) => setAdminComment(e.target.value),
+            placeholder: t("admin.reviews.adminCommentPlaceholder")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        review.status !== "approved" && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            onClick: () => updateStatus.mutate({
+              status: "approved",
+              comment: adminComment || void 0
+            }),
+            disabled: updateStatus.isPending,
+            children: [
+              /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 mr-1" }),
+              " ",
+              t("admin.reviews.approve")
+            ]
+          }
+        ),
+        review.status !== "rejected" && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            onClick: () => updateStatus.mutate({
+              status: "rejected",
+              comment: adminComment || void 0
+            }),
+            disabled: updateStatus.isPending,
+            children: [
+              /* @__PURE__ */ jsx(X, { className: "h-4 w-4 mr-1" }),
+              " ",
+              t("admin.reviews.reject")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(AlertDialog, { children: [
+          /* @__PURE__ */ jsx(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "destructive", children: [
+            /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 mr-1" }),
+            " ",
+            t("common.delete")
+          ] }) }),
+          /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+            /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+              /* @__PURE__ */ jsx(AlertDialogTitle, { children: t("admin.reviews.deleteTitle") }),
+              /* @__PURE__ */ jsx(AlertDialogDescription, { children: t("admin.reviews.deleteText") })
+            ] }),
+            /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+              /* @__PURE__ */ jsx(AlertDialogCancel, { children: t("common.cancel") }),
+              /* @__PURE__ */ jsx(AlertDialogAction, { onClick: () => deleteReview.mutate(), children: t("common.delete") })
+            ] })
+          ] })
+        ] })
+      ] }),
+      review.admin_comment && /* @__PURE__ */ jsxs("div", { className: "bg-muted rounded-lg p-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("admin.reviews.previousComment") }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm", children: review.admin_comment })
+      ] })
+    ] }) })
+  ] });
+}
+
+export { AdminReviewDetail };
+//# sourceMappingURL=chunk-HG5KZVG2.js.map
+//# sourceMappingURL=chunk-HG5KZVG2.js.map

package/dist/chunk-HG5KZVG2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/pages/ReviewDetail.tsx"],"names":[],"mappings":"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","file":"chunk-HG5KZVG2.js","sourcesContent":["import { useParams, useNavigate, Link } from '@tanstack/react-router';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { adminPath } from '../lib/adminLinks';\nimport { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';\nimport { useT, type MessageKey } from 'simplycms/i18n';\nimport { Button } from 'simplycms/ui/button';\nimport { Badge } from 'simplycms/ui/badge';\nimport { Card, CardContent, CardHeader, CardTitle } from 'simplycms/ui/card';\nimport { Textarea } from 'simplycms/ui/textarea';\nimport { Label } from 'simplycms/ui/label';\nimport { StarRating } from 'simplycms/core/components/reviews/StarRating';\nimport { Avatar, AvatarFallback, AvatarImage } from 'simplycms/ui/avatar';\nimport { useToast } from 'simplycms/core/hooks/use-toast';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from 'simplycms/ui/alert-dialog';\nimport { ArrowLeft, Check, X, Trash2, Loader2 } from 'lucide-react';\nimport { format } from 'date-fns';\nimport { uk } from 'date-fns/locale';\nimport { useState } from 'react';\n\nexport default function AdminReviewDetail() {\n  const t = useT();\n  const supabase = useSupabaseClient();\n  const { reviewId } = useParams({ strict: false }) as { reviewId: string };\n  const navigate = useNavigate();\n  const { toast } = useToast();\n  const queryClient = useQueryClient();\n  const [adminComment, setAdminComment] = useState('');\n\n  const { data: review, isLoading } = useQuery({\n    queryKey: ['admin-review', reviewId],\n    queryFn: async () => {\n      const { data, error } = await supabase\n        .from('product_reviews')\n        .select('*')\n        .eq('id', reviewId)\n        .single();\n      if (error) throw error;\n\n      // Fetch product\n      const { data: product } = await supabase\n        .from('products')\n        .select('id, name, slug, sections(slug)')\n        .eq('id', data.product_id)\n        .single();\n\n      // Fetch profile\n      const { data: profile } = await supabase\n        .from('profiles')\n        .select('user_id, first_name, last_name, email, avatar_url')\n        .eq('user_id', data.user_id)\n        .single();\n\n      return {\n        ...data,\n        images: Array.isArray(data.images) ? data.images : [],\n        product,\n        profile,\n      };\n    },\n  });\n\n  const updateStatus = useMutation({\n    mutationFn: async ({\n      status,\n      comment,\n    }: {\n      status: string;\n      comment?: string;\n    }) => {\n      const updateData: { status: string; admin_comment?: string } = { status };\n      if (comment !== undefined) updateData.admin_comment = comment;\n      const { error } = await supabase\n        .from('product_reviews')\n        .update(updateData)\n        .eq('id', reviewId);\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['admin-review', reviewId] });\n      queryClient.invalidateQueries({ queryKey: ['admin-reviews'] });\n      toast({ title: t('common.statusUpdated') });\n    },\n  });\n\n  const deleteReview = useMutation({\n    mutationFn: async () => {\n      // Delete images from storage\n      if (review?.images?.length) {\n        const paths = (review.images as string[])\n          .map((url: string) => {\n            try {\n              const u = new URL(url);\n              const match = u.pathname.match(/\\/review-images\\/(.+)$/);\n              return match ? match[1] : null;\n            } catch {\n              return null;\n            }\n          })\n          .filter(Boolean) as string[];\n        if (paths.length > 0) {\n          await supabase.storage.from('review-images').remove(paths);\n        }\n      }\n      const { error } = await supabase\n        .from('product_reviews')\n        .delete()\n        .eq('id', reviewId);\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['admin-reviews'] });\n      toast({ title: t('admin.reviews.deleted') });\n      navigate({ to: adminPath('reviews') });\n    },\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-8\">\n        <Loader2 className=\"h-6 w-6 animate-spin\" />\n      </div>\n    );\n  }\n\n  if (!review) {\n    return <p>{t('admin.reviews.notFound')}</p>;\n  }\n\n  const authorName = review.profile\n    ? [review.profile.first_name, review.profile.last_name]\n        .filter(Boolean)\n        .join(' ') ||\n      review.profile.email ||\n      '—'\n    : '—';\n\n  const initials = review.profile\n    ? [review.profile.first_name?.[0], review.profile.last_name?.[0]]\n        .filter(Boolean)\n        .join('')\n        .toUpperCase() || 'U'\n    : 'U';\n\n  // Мапа КЛЮЧІВ: статус відгуку — enum БД.\n  const statusLabels: Record<string, MessageKey> = {\n    pending: 'admin.reviews.status.pending',\n    approved: 'admin.reviews.status.approved',\n    rejected: 'admin.reviews.status.rejected',\n  };\n  const statusVariants: Record<\n    string,\n    'default' | 'secondary' | 'destructive' | 'outline'\n  > = { pending: 'outline', approved: 'default', rejected: 'destructive' };\n\n  return (\n    <div className=\"space-y-6 max-w-3xl\">\n      <div className=\"flex items-center gap-3\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={() => navigate({ to: adminPath('reviews') })}\n        >\n          <ArrowLeft className=\"h-4 w-4\" />\n        </Button>\n        <h1 className=\"text-2xl font-bold\">{t('admin.reviews.details')}</h1>\n        <Badge variant={statusVariants[review.status] || 'outline'}>\n          {statusLabels[review.status]\n            ? t(statusLabels[review.status])\n            : review.status}\n        </Badge>\n      </div>\n\n      {/* Product & Author info */}\n      <div className=\"grid md:grid-cols-2 gap-4\">\n        <Card>\n          <CardHeader className=\"pb-2\">\n            <CardTitle className=\"text-sm text-muted-foreground\">\n              {t('admin.orders.product')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {review.product ? (\n              <Link\n                to=\"/catalog/$sectionSlug/$productSlug\"\n                params={{\n                  sectionSlug: review.product.sections?.slug || 'all',\n                  productSlug: review.product.slug,\n                }}\n                className=\"font-medium text-primary hover:underline\"\n              >\n                {review.product.name}\n              </Link>\n            ) : (\n              <span>—</span>\n            )}\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"pb-2\">\n            <CardTitle className=\"text-sm text-muted-foreground\">\n              {t('common.author')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"flex items-center gap-2\">\n              <Avatar className=\"h-8 w-8\">\n                <AvatarImage src={review.profile?.avatar_url || undefined} />\n                <AvatarFallback>{initials}</AvatarFallback>\n              </Avatar>\n              <div>\n                <p className=\"font-medium text-sm\">{authorName}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {format(new Date(review.created_at), 'd MMM yyyy HH:mm', {\n                    locale: uk,\n                  })}\n                </p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Review content */}\n      <Card>\n        <CardContent className=\"pt-6 space-y-4\">\n          <div className=\"flex items-center gap-2\">\n            <StarRating value={review.rating} readonly size=\"lg\" />\n            <span className=\"text-lg font-semibold\">{review.rating}/5</span>\n          </div>\n\n          {review.title && (\n            <h3 className=\"text-lg font-semibold\">{review.title}</h3>\n          )}\n\n          {review.content && review.content !== '<p></p>' && (\n            <div\n              className=\"prose prose-sm dark:prose-invert max-w-none\"\n              dangerouslySetInnerHTML={{ __html: review.content }}\n            />\n          )}\n\n          {review.images.length > 0 && (\n            <div className=\"flex gap-2 flex-wrap\">\n              {(review.images as string[]).map((url: string, i: number) => (\n                <a\n                  key={i}\n                  href={url}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"relative block h-24 w-24\"\n                >\n                  <img\n                    src={url}\n                    alt={t('admin.reviews.photo', { index: i + 1 })}\n                    className=\"absolute inset-0 w-full h-full object-cover rounded-lg border hover:opacity-80 transition-opacity\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                  />\n                </a>\n              ))}\n            </div>\n          )}\n        </CardContent>\n      </Card>\n\n      {/* Admin actions */}\n      <Card>\n        <CardContent className=\"pt-6 space-y-4\">\n          <div className=\"space-y-2\">\n            <Label>{t('admin.reviews.adminComment')}</Label>\n            <Textarea\n              value={adminComment}\n              onChange={(e) => setAdminComment(e.target.value)}\n              placeholder={t('admin.reviews.adminCommentPlaceholder')}\n            />\n          </div>\n\n          <div className=\"flex flex-wrap gap-2\">\n            {review.status !== 'approved' && (\n              <Button\n                onClick={() =>\n                  updateStatus.mutate({\n                    status: 'approved',\n                    comment: adminComment || undefined,\n                  })\n                }\n                disabled={updateStatus.isPending}\n              >\n                <Check className=\"h-4 w-4 mr-1\" /> {t('admin.reviews.approve')}\n              </Button>\n            )}\n            {review.status !== 'rejected' && (\n              <Button\n                variant=\"outline\"\n                onClick={() =>\n                  updateStatus.mutate({\n                    status: 'rejected',\n                    comment: adminComment || undefined,\n                  })\n                }\n                disabled={updateStatus.isPending}\n              >\n                <X className=\"h-4 w-4 mr-1\" /> {t('admin.reviews.reject')}\n              </Button>\n            )}\n            <AlertDialog>\n              <AlertDialogTrigger asChild>\n                <Button variant=\"destructive\">\n                  <Trash2 className=\"h-4 w-4 mr-1\" /> {t('common.delete')}\n                </Button>\n              </AlertDialogTrigger>\n              <AlertDialogContent>\n                <AlertDialogHeader>\n                  <AlertDialogTitle>\n                    {t('admin.reviews.deleteTitle')}\n                  </AlertDialogTitle>\n                  <AlertDialogDescription>\n                    {t('admin.reviews.deleteText')}\n                  </AlertDialogDescription>\n                </AlertDialogHeader>\n                <AlertDialogFooter>\n                  <AlertDialogCancel>{t('common.cancel')}</AlertDialogCancel>\n                  <AlertDialogAction onClick={() => deleteReview.mutate()}>\n                    {t('common.delete')}\n                  </AlertDialogAction>\n                </AlertDialogFooter>\n              </AlertDialogContent>\n            </AlertDialog>\n          </div>\n\n          {review.admin_comment && (\n            <div className=\"bg-muted rounded-lg p-3\">\n              <p className=\"text-sm text-muted-foreground\">\n                {t('admin.reviews.previousComment')}\n              </p>\n              <p className=\"text-sm\">{review.admin_comment}</p>\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"]}

package/dist/chunk-HGKPFE57.js

@@ -0,0 +1,302 @@
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';
+import { useT } from 'simplycms/i18n';
+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 { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from 'simplycms/ui/select';
+import { Checkbox } from 'simplycms/ui/checkbox';
+import { Loader2 } from 'lucide-react';
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/admin/components/AllProductProperties.tsx
+function AllProductProperties({ productId, sectionId }) {
+  const t = useT();
+  const supabase = useSupabaseClient();
+  const queryClient = useQueryClient();
+  const [values, setValues] = useState({});
+  const { data: properties, isLoading: loadingProperties } = useQuery({
+    queryKey: ["section-all-properties", sectionId],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("section_property_assignments").select(
+        `
+          id,
+          sort_order,
+          applies_to,
+          property:property_id (
+            id,
+            name,
+            slug,
+            property_type,
+            is_required,
+            is_filterable,
+            has_page
+          )
+        `
+      ).eq("section_id", sectionId).order("sort_order", { ascending: true });
+      if (error) throw error;
+      return data.map((a) => ({
+        ...a.property,
+        applies_to: a.applies_to
+      })).filter(Boolean);
+    },
+    enabled: !!sectionId
+  });
+  const { data: propertyOptions } = useQuery({
+    queryKey: ["property-options-all", properties?.map((p) => p.id)],
+    queryFn: async () => {
+      if (!properties?.length) return {};
+      const selectProperties = properties.filter(
+        (p) => p.property_type === "select" || p.property_type === "multiselect"
+      );
+      if (selectProperties.length === 0) return {};
+      const propertyIds = selectProperties.map((p) => p.id);
+      const { data, error } = await supabase.from("property_options").select("*").in("property_id", propertyIds).order("sort_order", { ascending: true });
+      if (error) throw error;
+      const grouped = {};
+      data?.forEach((opt) => {
+        if (!grouped[opt.property_id]) {
+          grouped[opt.property_id] = [];
+        }
+        grouped[opt.property_id].push(opt);
+      });
+      return grouped;
+    },
+    enabled: !!properties?.length
+  });
+  const { data: existingValues, isLoading: loadingValues } = useQuery({
+    queryKey: ["product-all-property-values", productId],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("product_property_values").select("*").eq("product_id", productId);
+      if (error) throw error;
+      return data;
+    },
+    enabled: !!productId
+  });
+  const [prevExistingValues, setPrevExistingValues] = useState(existingValues);
+  if (existingValues && existingValues !== prevExistingValues) {
+    setPrevExistingValues(existingValues);
+    const valuesMap = {};
+    existingValues.forEach((v) => {
+      valuesMap[v.property_id] = {
+        value: v.value,
+        numeric_value: v.numeric_value,
+        option_id: v.option_id || null
+      };
+    });
+    setValues(valuesMap);
+  }
+  const saveMutation = useMutation({
+    mutationFn: async ({
+      propertyId,
+      value,
+      numericValue,
+      optionId
+    }) => {
+      const existingValue = existingValues?.find(
+        (v) => v.property_id === propertyId
+      );
+      if (existingValue) {
+        const { error } = await supabase.from("product_property_values").update({
+          value,
+          numeric_value: numericValue,
+          option_id: optionId ?? null
+        }).eq("id", existingValue.id);
+        if (error) throw error;
+      } else if (value || numericValue !== null || optionId) {
+        const { error } = await supabase.from("product_property_values").insert([
+          {
+            product_id: productId,
+            property_id: propertyId,
+            value,
+            numeric_value: numericValue,
+            option_id: optionId ?? null
+          }
+        ]);
+        if (error) throw error;
+      }
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["product-all-property-values", productId]
+      });
+    }
+  });
+  const handleChange = (propertyId, value, numericValue = null, optionId = null) => {
+    setValues((prev) => ({
+      ...prev,
+      [propertyId]: { value, numeric_value: numericValue, option_id: optionId }
+    }));
+    saveMutation.mutate({ propertyId, value, numericValue, optionId });
+  };
+  const handleSelectChange = (propertyId, optionId) => {
+    const options = propertyOptions?.[propertyId] || [];
+    const option = options.find((o) => o.id === optionId);
+    handleChange(propertyId, option?.name || null, null, optionId);
+  };
+  const handleMultiselectChange = (propertyId, optionId, checked) => {
+    const current = values[propertyId];
+    const currentOptionIds = current?.option_id?.split(",").filter(Boolean) || [];
+    let newOptionIds;
+    if (checked) {
+      newOptionIds = [...currentOptionIds, optionId];
+    } else {
+      newOptionIds = currentOptionIds.filter((id) => id !== optionId);
+    }
+    const options = propertyOptions?.[propertyId] || [];
+    const selectedOptions = options.filter((o) => newOptionIds.includes(o.id));
+    const newValue = selectedOptions.map((o) => o.name).join(", ");
+    handleChange(
+      propertyId,
+      newValue || null,
+      null,
+      newOptionIds.join(",") || null
+    );
+  };
+  if (loadingProperties || loadingValues) {
+    return /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("admin.properties.section.productProps") }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin" }) }) })
+    ] });
+  }
+  if (!properties || properties.length === 0) {
+    return /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("admin.properties.section.productProps") }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground p-4 bg-muted/50 rounded-lg", children: t("admin.properties.section.notConfigured") }) })
+    ] });
+  }
+  const renderPropertyInput = (property) => {
+    const currentValue = values[property.id];
+    const options = propertyOptions?.[property.id] || [];
+    switch (property.property_type) {
+      case "text":
+        return /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: currentValue?.value || "",
+            onChange: (e) => handleChange(property.id, e.target.value || null),
+            placeholder: t("admin.properties.values.inputPlaceholder", {
+              name: property.name.toLowerCase()
+            })
+          }
+        );
+      case "number":
+      case "range":
+        return /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            value: currentValue?.numeric_value ?? "",
+            onChange: (e) => {
+              const num = e.target.value ? parseFloat(e.target.value) : null;
+              handleChange(property.id, num?.toString() || null, num);
+            },
+            placeholder: "0"
+          }
+        );
+      case "select":
+        return /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: currentValue?.option_id || "",
+            onValueChange: (val) => handleSelectChange(property.id, val),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(
+                SelectValue,
+                {
+                  placeholder: t("admin.properties.values.pickValue")
+                }
+              ) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.id, children: opt.name }, opt.id)) })
+            ]
+          }
+        );
+      case "multiselect":
+        const selectedOptionIds = currentValue?.option_id?.split(",").filter(Boolean) || [];
+        return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          options.map((opt) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                id: `all-${property.id}-${opt.id}`,
+                checked: selectedOptionIds.includes(opt.id),
+                onCheckedChange: (checked) => handleMultiselectChange(property.id, opt.id, !!checked)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Label,
+              {
+                htmlFor: `all-${property.id}-${opt.id}`,
+                className: "font-normal",
+                children: opt.name
+              }
+            )
+          ] }, opt.id)),
+          options.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("admin.properties.values.noOptions") })
+        ] });
+      case "boolean":
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: currentValue?.value === "true",
+              onCheckedChange: (checked) => handleChange(property.id, checked ? "true" : "false")
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: currentValue?.value === "true" ? t("common.yes") : t("common.no") })
+        ] });
+      case "color":
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "color",
+              value: currentValue?.value || "#000000",
+              onChange: (e) => handleChange(property.id, e.target.value),
+              className: "h-10 w-20 rounded border cursor-pointer"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: currentValue?.value || "",
+              onChange: (e) => handleChange(property.id, e.target.value || null),
+              placeholder: "#000000",
+              className: "w-32"
+            }
+          )
+        ] });
+      default:
+        return /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: currentValue?.value || "",
+            onChange: (e) => handleChange(property.id, e.target.value || null)
+          }
+        );
+    }
+  };
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("admin.properties.section.productProps") }) }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "grid gap-4", children: properties.map((property) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2", children: [
+        property.name,
+        property.is_required && /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "(",
+          t(
+            property.applies_to === "product" ? "admin.properties.appliesTo.product" : "admin.properties.appliesTo.modification"
+          ),
+          ")"
+        ] })
+      ] }),
+      renderPropertyInput(property)
+    ] }, property.id)) }) })
+  ] });
+}
+
+export { AllProductProperties };
+//# sourceMappingURL=chunk-HGKPFE57.js.map
+//# sourceMappingURL=chunk-HGKPFE57.js.map