simplycms 0.4.0

package/dist/chunk-GDMEC2JX.js

@@ -0,0 +1,261 @@
+import { adminPath } from './chunk-2VKURKLN.js';
+import { useState } from 'react';
+import { useNavigate } from '@tanstack/react-router';
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';
+import { Button } from 'simplycms/ui/button';
+import { Input } from 'simplycms/ui/input';
+import { Card, CardHeader, CardTitle, CardContent } from 'simplycms/ui/card';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from 'simplycms/ui/table';
+import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle } from 'simplycms/ui/dialog';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from 'simplycms/ui/select';
+import { Label } from 'simplycms/ui/label';
+import { Switch } from 'simplycms/ui/switch';
+import { useToast } from 'simplycms/core/hooks/use-toast';
+import { Loader2, Plus, Trash2 } from 'lucide-react';
+import { useT } from 'simplycms/i18n';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var propertyTypes = [
+  { value: "text", labelKey: "admin.properties.type.text" },
+  { value: "number", labelKey: "admin.properties.type.number" },
+  { value: "select", labelKey: "admin.properties.type.select" },
+  { value: "multiselect", labelKey: "admin.properties.type.multiselect" },
+  { value: "range", labelKey: "admin.properties.type.range" },
+  { value: "color", labelKey: "admin.properties.type.color" },
+  { value: "boolean", labelKey: "admin.properties.type.boolean" }
+];
+function Properties() {
+  const t = useT();
+  const supabase = useSupabaseClient();
+  const navigate = useNavigate();
+  const [isOpen, setIsOpen] = useState(false);
+  const [propertyType, setPropertyType] = useState("text");
+  const { toast } = useToast();
+  const queryClient = useQueryClient();
+  const { data: properties, isLoading } = useQuery({
+    queryKey: ["all-properties"],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("section_properties").select("*").order("name", { ascending: true });
+      if (error) throw error;
+      return data;
+    }
+  });
+  const createMutation = useMutation({
+    mutationFn: async (data) => {
+      const { error } = await supabase.from("section_properties").insert([data]);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["all-properties"] });
+      closeDialog();
+      toast({ title: t("admin.properties.created") });
+    },
+    onError: (error) => {
+      toast({
+        variant: "destructive",
+        title: t("common.error"),
+        description: error.message
+      });
+    }
+  });
+  const deleteMutation = useMutation({
+    mutationFn: async (id) => {
+      const { error } = await supabase.from("section_properties").delete().eq("id", id);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["all-properties"] });
+      toast({ title: t("admin.properties.deleted") });
+    },
+    onError: (error) => {
+      toast({
+        variant: "destructive",
+        title: t("common.error"),
+        description: error.message
+      });
+    }
+  });
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    const data = {
+      name: formData.get("name"),
+      slug: formData.get("slug"),
+      property_type: propertyType,
+      is_required: formData.get("is_required") === "on",
+      is_filterable: formData.get("is_filterable") === "on",
+      has_page: formData.get("has_page") === "on",
+      sort_order: parseInt(formData.get("sort_order")) || 0,
+      section_id: null
+      // Global property
+    };
+    createMutation.mutate(data);
+  };
+  const closeDialog = () => {
+    setIsOpen(false);
+    setPropertyType("text");
+  };
+  const openCreate = () => {
+    setPropertyType("text");
+    setIsOpen(true);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin" }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold", children: t("admin.nav.properties") }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("admin.properties.subtitle") })
+      ] }),
+      /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
+        /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { onClick: openCreate, children: [
+          /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+          t("admin.properties.add")
+        ] }) }),
+        /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-lg max-h-[90vh] overflow-y-auto", children: [
+          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("admin.properties.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: "name", children: t("common.name") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "name",
+                    name: "name",
+                    placeholder: t("admin.properties.namePlaceholder"),
+                    required: true
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "slug", children: "Slug" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "slug",
+                    name: "slug",
+                    placeholder: "manufacturer",
+                    required: true
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { children: t("admin.properties.typeLabel") }),
+              /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: propertyType,
+                  onValueChange: (v) => setPropertyType(v),
+                  children: [
+                    /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                    /* @__PURE__ */ jsx(SelectContent, { children: propertyTypes.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type.value, children: t(type.labelKey) }, type.value)) })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "sort_order", children: t("common.sortOrder") }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "sort_order",
+                  name: "sort_order",
+                  type: "number",
+                  defaultValue: 0
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(Switch, { id: "is_required", name: "is_required" }),
+                /* @__PURE__ */ jsx(Label, { htmlFor: "is_required", children: t("admin.properties.required") })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(Switch, { id: "is_filterable", name: "is_filterable" }),
+                /* @__PURE__ */ jsx(Label, { htmlFor: "is_filterable", children: t("admin.properties.showInFilters") })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(Switch, { id: "has_page", name: "has_page" }),
+                /* @__PURE__ */ jsx(Label, { htmlFor: "has_page", children: t("admin.properties.hasPage") })
+              ] })
+            ] }),
+            /* @__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, children: [
+                createMutation.isPending && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+                t("common.create")
+              ] })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("admin.properties.all") }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableHead, { children: t("common.name") }),
+          /* @__PURE__ */ jsx(TableHead, { children: "Slug" }),
+          /* @__PURE__ */ jsx(TableHead, { children: t("common.type") }),
+          /* @__PURE__ */ jsx(TableHead, { children: t("common.filter") }),
+          /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: t("common.actions") })
+        ] }) }),
+        /* @__PURE__ */ jsxs(TableBody, { children: [
+          properties?.map((property) => /* @__PURE__ */ jsxs(
+            TableRow,
+            {
+              className: "cursor-pointer hover:bg-muted/50",
+              onClick: () => navigate({ to: adminPath(`properties/${property.id}`) }),
+              children: [
+                /* @__PURE__ */ jsxs(TableCell, { className: "font-medium", children: [
+                  property.name,
+                  property.is_required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+                ] }),
+                /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground font-mono text-sm", children: property.slug }),
+                /* @__PURE__ */ jsx(TableCell, { children: (() => {
+                  const type = propertyTypes.find(
+                    (candidate) => candidate.value === property.property_type
+                  );
+                  return type ? t(type.labelKey) : null;
+                })() }),
+                /* @__PURE__ */ jsx(TableCell, { children: property.is_filterable ? /* @__PURE__ */ jsx("span", { className: "text-green-600", children: t("common.yes") }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("common.no") }) }),
+                /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      if (confirm(t("admin.properties.confirmDelete"))) {
+                        deleteMutation.mutate(property.id);
+                      }
+                    },
+                    disabled: deleteMutation.isPending,
+                    children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
+                  }
+                ) })
+              ]
+            },
+            property.id
+          )),
+          properties?.length === 0 && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+            TableCell,
+            {
+              colSpan: 5,
+              className: "text-center text-muted-foreground",
+              children: t("admin.properties.empty")
+            }
+          ) })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+
+export { Properties };
+//# sourceMappingURL=chunk-GDMEC2JX.js.map
+//# sourceMappingURL=chunk-GDMEC2JX.js.map

package/dist/chunk-GDMEC2JX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/pages/Properties.tsx"],"names":[],"mappings":"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","file":"chunk-GDMEC2JX.js","sourcesContent":["import { useState } from 'react';\nimport { useNavigate } from '@tanstack/react-router';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { adminPath } from '../lib/adminLinks';\nimport { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';\nimport { Button } from 'simplycms/ui/button';\nimport { Input } from 'simplycms/ui/input';\nimport { Card, CardContent, CardHeader, CardTitle } from 'simplycms/ui/card';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from 'simplycms/ui/table';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from 'simplycms/ui/dialog';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from 'simplycms/ui/select';\nimport { Label } from 'simplycms/ui/label';\nimport { Switch } from 'simplycms/ui/switch';\nimport { useToast } from 'simplycms/core/hooks/use-toast';\nimport { Plus, Trash2, Loader2 } from 'lucide-react';\nimport type { TablesInsert, Enums } from 'simplycms/supabase';\nimport { useT, type MessageKey } from 'simplycms/i18n';\n\n// Код типу приходить із БД (enum `property_type`), тож мапа лишається на рівні\n// модуля й тримає КЛЮЧІ — підпис резолвиться в рендері.\nconst propertyTypes: { value: string; labelKey: MessageKey }[] = [\n  { value: 'text', labelKey: 'admin.properties.type.text' },\n  { value: 'number', labelKey: 'admin.properties.type.number' },\n  { value: 'select', labelKey: 'admin.properties.type.select' },\n  { value: 'multiselect', labelKey: 'admin.properties.type.multiselect' },\n  { value: 'range', labelKey: 'admin.properties.type.range' },\n  { value: 'color', labelKey: 'admin.properties.type.color' },\n  { value: 'boolean', labelKey: 'admin.properties.type.boolean' },\n];\n\nexport default function Properties() {\n  const t = useT();\n  const supabase = useSupabaseClient();\n  const navigate = useNavigate();\n  const [isOpen, setIsOpen] = useState(false);\n  const [propertyType, setPropertyType] =\n    useState<Enums<'property_type'>>('text');\n  const { toast } = useToast();\n  const queryClient = useQueryClient();\n\n  // Fetch all properties (global, not section-specific)\n  const { data: properties, isLoading } = useQuery({\n    queryKey: ['all-properties'],\n    queryFn: async () => {\n      const { data, error } = await supabase\n        .from('section_properties')\n        .select('*')\n        .order('name', { ascending: true });\n      if (error) throw error;\n      return data;\n    },\n  });\n\n  const createMutation = useMutation({\n    mutationFn: async (data: TablesInsert<'section_properties'>) => {\n      const { error } = await supabase\n        .from('section_properties')\n        .insert([data]);\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['all-properties'] });\n      closeDialog();\n      toast({ title: t('admin.properties.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 deleteMutation = useMutation({\n    mutationFn: async (id: string) => {\n      const { error } = await supabase\n        .from('section_properties')\n        .delete()\n        .eq('id', id);\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['all-properties'] });\n      toast({ title: t('admin.properties.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 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      property_type: propertyType,\n      is_required: formData.get('is_required') === 'on',\n      is_filterable: formData.get('is_filterable') === 'on',\n      has_page: formData.get('has_page') === 'on',\n      sort_order: parseInt(formData.get('sort_order') as string) || 0,\n      section_id: null, // Global property\n    };\n\n    createMutation.mutate(data);\n  };\n\n  const closeDialog = () => {\n    setIsOpen(false);\n    setPropertyType('text');\n  };\n\n  const openCreate = () => {\n    setPropertyType('text');\n    setIsOpen(true);\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center h-64\">\n        <Loader2 className=\"h-8 w-8 animate-spin\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-3xl font-bold\">{t('admin.nav.properties')}</h1>\n          <p className=\"text-muted-foreground\">\n            {t('admin.properties.subtitle')}\n          </p>\n        </div>\n        <Dialog open={isOpen} onOpenChange={setIsOpen}>\n          <DialogTrigger asChild>\n            <Button onClick={openCreate}>\n              <Plus className=\"h-4 w-4 mr-2\" />\n              {t('admin.properties.add')}\n            </Button>\n          </DialogTrigger>\n          <DialogContent className=\"max-w-lg max-h-[90vh] overflow-y-auto\">\n            <DialogHeader>\n              <DialogTitle>{t('admin.properties.new')}</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=\"name\">{t('common.name')}</Label>\n                  <Input\n                    id=\"name\"\n                    name=\"name\"\n                    placeholder={t('admin.properties.namePlaceholder')}\n                    required\n                  />\n                </div>\n                <div className=\"space-y-2\">\n                  <Label htmlFor=\"slug\">Slug</Label>\n                  <Input\n                    id=\"slug\"\n                    name=\"slug\"\n                    placeholder=\"manufacturer\"\n                    required\n                  />\n                </div>\n              </div>\n\n              <div className=\"space-y-2\">\n                <Label>{t('admin.properties.typeLabel')}</Label>\n                <Select\n                  value={propertyType}\n                  onValueChange={(v) =>\n                    setPropertyType(v as Enums<'property_type'>)\n                  }\n                >\n                  <SelectTrigger>\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {propertyTypes.map((type) => (\n                      <SelectItem key={type.value} value={type.value}>\n                        {t(type.labelKey)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"sort_order\">{t('common.sortOrder')}</Label>\n                <Input\n                  id=\"sort_order\"\n                  name=\"sort_order\"\n                  type=\"number\"\n                  defaultValue={0}\n                />\n              </div>\n\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center gap-2\">\n                  <Switch id=\"is_required\" name=\"is_required\" />\n                  <Label htmlFor=\"is_required\">\n                    {t('admin.properties.required')}\n                  </Label>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Switch id=\"is_filterable\" name=\"is_filterable\" />\n                  <Label htmlFor=\"is_filterable\">\n                    {t('admin.properties.showInFilters')}\n                  </Label>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Switch id=\"has_page\" name=\"has_page\" />\n                  <Label htmlFor=\"has_page\">\n                    {t('admin.properties.hasPage')}\n                  </Label>\n                </div>\n              </div>\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 type=\"submit\" disabled={createMutation.isPending}>\n                  {createMutation.isPending && (\n                    <Loader2 className=\"h-4 w-4 mr-2 animate-spin\" />\n                  )}\n                  {t('common.create')}\n                </Button>\n              </div>\n            </form>\n          </DialogContent>\n        </Dialog>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>{t('admin.properties.all')}</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead>{t('common.name')}</TableHead>\n                <TableHead>Slug</TableHead>\n                <TableHead>{t('common.type')}</TableHead>\n                <TableHead>{t('common.filter')}</TableHead>\n                <TableHead className=\"text-right\">\n                  {t('common.actions')}\n                </TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {properties?.map((property) => (\n                <TableRow\n                  key={property.id}\n                  className=\"cursor-pointer hover:bg-muted/50\"\n                  onClick={() =>\n                    navigate({ to: adminPath(`properties/${property.id}`) })\n                  }\n                >\n                  <TableCell className=\"font-medium\">\n                    {property.name}\n                    {property.is_required && (\n                      <span className=\"text-destructive ml-1\">*</span>\n                    )}\n                  </TableCell>\n                  <TableCell className=\"text-muted-foreground font-mono text-sm\">\n                    {property.slug}\n                  </TableCell>\n                  <TableCell>\n                    {(() => {\n                      const type = propertyTypes.find(\n                        (candidate) =>\n                          candidate.value === property.property_type,\n                      );\n                      return type ? t(type.labelKey) : null;\n                    })()}\n                  </TableCell>\n                  <TableCell>\n                    {property.is_filterable ? (\n                      <span className=\"text-green-600\">{t('common.yes')}</span>\n                    ) : (\n                      <span className=\"text-muted-foreground\">\n                        {t('common.no')}\n                      </span>\n                    )}\n                  </TableCell>\n                  <TableCell className=\"text-right\">\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        if (confirm(t('admin.properties.confirmDelete'))) {\n                          deleteMutation.mutate(property.id);\n                        }\n                      }}\n                      disabled={deleteMutation.isPending}\n                    >\n                      <Trash2 className=\"h-4 w-4 text-destructive\" />\n                    </Button>\n                  </TableCell>\n                </TableRow>\n              ))}\n              {properties?.length === 0 && (\n                <TableRow>\n                  <TableCell\n                    colSpan={5}\n                    className=\"text-center text-muted-foreground\"\n                  >\n                    {t('admin.properties.empty')}\n                  </TableCell>\n                </TableRow>\n              )}\n            </TableBody>\n          </Table>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"]}

package/dist/chunk-GDOSHZKL.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from 'simplycms/ui/utils';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/tooltip.tsx
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=chunk-GDOSHZKL.js.map
+//# sourceMappingURL=chunk-GDOSHZKL.js.map

package/dist/chunk-GDOSHZKL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/tooltip.tsx"],"names":[],"mappings":";;;;;;AAKA,IAAM,eAAA,GAAmC,gBAAA,CAAA;AAEzC,IAAM,OAAA,GAA2B,gBAAA,CAAA;AAEjC,IAAM,cAAA,GAAkC,gBAAA,CAAA;AAExC,IAAM,cAAA,GAAuB,KAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,SAAA,EAAW,aAAa,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1C,GAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,oYAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,cAAA,CAAe,cAA+B,gBAAA,CAAA,OAAA,CAAQ,WAAA","file":"chunk-GDOSHZKL.js","sourcesContent":["import * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from 'simplycms/ui/utils';\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\nconst Tooltip = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n      className,\n    )}\n    {...props}\n  />\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"]}

package/dist/chunk-GEFYA744.js

@@ -0,0 +1,218 @@
+import { adminPath } from './chunk-2VKURKLN.js';
+import { useState } from 'react';
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { useNavigate, Link } from '@tanstack/react-router';
+import { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';
+import { useT } from 'simplycms/i18n';
+import { Button } from 'simplycms/ui/button';
+import { Badge } from 'simplycms/ui/badge';
+import { Switch } from 'simplycms/ui/switch';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from 'simplycms/ui/table';
+import { ArrowLeft, Loader2, Play, Plus, ChevronUp, ChevronDown, ArrowRight } from 'lucide-react';
+import { toast } from 'simplycms/core/hooks/use-toast';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var fieldLabels = {
+  total_purchases: "admin.users.totalSpent",
+  registration_days: "admin.users.daysSince",
+  orders_count: "admin.users.rules.field.ordersCount",
+  email_domain: "admin.users.emailDomain",
+  auth_provider: "admin.users.rules.field.authProvider",
+  utm_source: "UTM Source",
+  utm_campaign: "UTM Campaign"
+};
+function UserCategoryRules() {
+  const t = useT();
+  const supabase = useSupabaseClient();
+  const navigate = useNavigate();
+  const queryClient = useQueryClient();
+  const [isRunning, setIsRunning] = useState(false);
+  const { data: rules, isLoading } = useQuery({
+    queryKey: ["category-rules"],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("category_rules").select(
+        `
+          *,
+          from_category:user_categories!category_rules_from_category_id_fkey(name),
+          to_category:user_categories!category_rules_to_category_id_fkey(name)
+        `
+      ).order("priority", { ascending: false });
+      if (error) throw error;
+      return data;
+    }
+  });
+  const toggleMutation = useMutation({
+    mutationFn: async ({
+      id,
+      is_active
+    }) => {
+      const { error } = await supabase.from("category_rules").update({ is_active }).eq("id", id);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["category-rules"] });
+    }
+  });
+  const priorityMutation = useMutation({
+    mutationFn: async ({ id, priority }) => {
+      const { error } = await supabase.from("category_rules").update({ priority }).eq("id", id);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["category-rules"] });
+    }
+  });
+  const runAllRules = async () => {
+    setIsRunning(true);
+    try {
+      const { data, error } = await supabase.rpc(
+        "check_all_users_category_rules"
+      );
+      if (error) throw error;
+      toast({
+        title: t("admin.users.rules.checkDone"),
+        description: t("admin.users.rules.checkResult", {
+          count: data || 0
+        })
+      });
+      queryClient.invalidateQueries({ queryKey: ["admin-users"] });
+    } catch (error) {
+      toast({
+        title: t("common.error"),
+        description: error instanceof Error ? error.message : t("admin.users.rules.unknownError"),
+        variant: "destructive"
+      });
+    } finally {
+      setIsRunning(false);
+    }
+  };
+  const formatConditions = (conditions) => {
+    if (!conditions?.rules?.length) return "\u2014";
+    return conditions.rules.map((r, i) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+      i > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground mx-1", children: conditions.type === "all" ? t("admin.users.rules.and") : t("admin.users.rules.or") }),
+      /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "font-normal", children: [
+        fieldLabels[r.field] ? t(fieldLabels[r.field]) : r.field,
+        " ",
+        r.operator,
+        " ",
+        r.value
+      ] })
+    ] }, i));
+  };
+  const movePriority = (ruleId, currentPriority, direction) => {
+    const newPriority = direction === "up" ? currentPriority + 1 : currentPriority - 1;
+    priorityMutation.mutate({ id: ruleId, priority: newPriority });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", asChild: true, children: /* @__PURE__ */ jsx(Link, { to: adminPath("user-categories"), children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-5 w-5" }) }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold", children: t("admin.users.categories.rules") }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("admin.users.rules.subtitle") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: runAllRules, disabled: isRunning, children: [
+          isRunning ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }) : /* @__PURE__ */ jsx(Play, { className: "h-4 w-4 mr-2" }),
+          t("admin.users.rules.run")
+        ] }),
+        /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsxs(
+          Link,
+          {
+            to: adminPath("user-categories/rules/$ruleId"),
+            params: { ruleId: "new" },
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+              t("admin.users.rules.add")
+            ]
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "border rounded-lg", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableHead, { className: "w-16", children: t("common.priority") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("common.name") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("admin.users.rules.transition") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("admin.users.rules.conditions") }),
+        /* @__PURE__ */ jsx(TableHead, { className: "w-24 text-center", children: t("common.activeN") })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: isLoading ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 5, className: "text-center py-8", children: t("common.loading") }) }) : rules?.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 5, className: "text-center py-8", children: t("admin.users.rules.empty") }) }) : rules?.map((rule) => /* @__PURE__ */ jsxs(
+        TableRow,
+        {
+          className: "cursor-pointer hover:bg-muted/50",
+          onClick: () => navigate({
+            to: adminPath(`user-categories/rules/${rule.id}`)
+          }),
+          children: [
+            /* @__PURE__ */ jsx(TableCell, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-sm", children: rule.priority }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-5 w-5",
+                    onClick: () => movePriority(rule.id, rule.priority, "up"),
+                    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-3 w-3" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-5 w-5",
+                    onClick: () => movePriority(rule.id, rule.priority, "down"),
+                    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" })
+                  }
+                )
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsxs(TableCell, { children: [
+              /* @__PURE__ */ jsx("div", { className: "font-medium", children: rule.name }),
+              rule.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: rule.description })
+            ] }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: rule.from_category?.name || t("admin.users.rules.any") }),
+              /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsx(Badge, { children: rule.to_category?.name })
+            ] }) }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: formatConditions(
+              rule.conditions
+            ) }) }),
+            /* @__PURE__ */ jsx(
+              TableCell,
+              {
+                className: "text-center",
+                onClick: (e) => e.stopPropagation(),
+                children: /* @__PURE__ */ jsx(
+                  Switch,
+                  {
+                    checked: rule.is_active,
+                    onCheckedChange: (checked) => toggleMutation.mutate({
+                      id: rule.id,
+                      is_active: checked
+                    })
+                  }
+                )
+              }
+            )
+          ]
+        },
+        rule.id
+      )) })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsxs("p", { children: [
+      /* @__PURE__ */ jsx("strong", { children: t("common.howItWorks") }),
+      " ",
+      t("admin.users.rules.howItWorksText")
+    ] }) })
+  ] });
+}
+
+export { UserCategoryRules };
+//# sourceMappingURL=chunk-GEFYA744.js.map
+//# sourceMappingURL=chunk-GEFYA744.js.map

package/dist/chunk-GEFYA744.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/pages/UserCategoryRules.tsx"],"names":[],"mappings":"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","file":"chunk-GEFYA744.js","sourcesContent":["import { useState } from 'react';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { useNavigate, Link } from '@tanstack/react-router';\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 { Switch } from 'simplycms/ui/switch';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from 'simplycms/ui/table';\nimport {\n  ArrowLeft,\n  Plus,\n  Play,\n  ArrowRight,\n  Loader2,\n  ChevronUp,\n  ChevronDown,\n} from 'lucide-react';\nimport { toast } from 'simplycms/core/hooks/use-toast';\nimport { adminPath } from '../lib/adminLinks';\n\ninterface RuleCondition {\n  field: string;\n  operator: string;\n  value: string | number;\n}\n\ninterface RuleConditions {\n  type: 'all' | 'any';\n  rules: RuleCondition[];\n}\n\n// Мапа КЛЮЧІВ: код поля умови зберігається в БД.\nconst fieldLabels: Record<string, MessageKey | string> = {\n  total_purchases: 'admin.users.totalSpent',\n  registration_days: 'admin.users.daysSince',\n  orders_count: 'admin.users.rules.field.ordersCount',\n  email_domain: 'admin.users.emailDomain',\n  auth_provider: 'admin.users.rules.field.authProvider',\n  utm_source: 'UTM Source',\n  utm_campaign: 'UTM Campaign',\n};\n\nexport default function UserCategoryRules() {\n  const t = useT();\n  const supabase = useSupabaseClient();\n  const navigate = useNavigate();\n  const queryClient = useQueryClient();\n  const [isRunning, setIsRunning] = useState(false);\n\n  // Fetch rules with categories\n  const { data: rules, isLoading } = useQuery({\n    queryKey: ['category-rules'],\n    queryFn: async () => {\n      const { data, error } = await supabase\n        .from('category_rules')\n        .select(\n          `\n          *,\n          from_category:user_categories!category_rules_from_category_id_fkey(name),\n          to_category:user_categories!category_rules_to_category_id_fkey(name)\n        `,\n        )\n        .order('priority', { ascending: false });\n      if (error) throw error;\n      return data;\n    },\n  });\n\n  // Toggle active mutation\n  const toggleMutation = useMutation({\n    mutationFn: async ({\n      id,\n      is_active,\n    }: {\n      id: string;\n      is_active: boolean;\n    }) => {\n      const { error } = await supabase\n        .from('category_rules')\n        .update({ is_active })\n        .eq('id', id);\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['category-rules'] });\n    },\n  });\n\n  // Update priority mutation\n  const priorityMutation = useMutation({\n    mutationFn: async ({ id, priority }: { id: string; priority: number }) => {\n      const { error } = await supabase\n        .from('category_rules')\n        .update({ priority })\n        .eq('id', id);\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['category-rules'] });\n    },\n  });\n\n  // Run all rules manually\n  const runAllRules = async () => {\n    setIsRunning(true);\n    try {\n      const { data, error } = await supabase.rpc(\n        'check_all_users_category_rules',\n      );\n      if (error) throw error;\n      toast({\n        title: t('admin.users.rules.checkDone'),\n        description: t('admin.users.rules.checkResult', {\n          count: data || 0,\n        }),\n      });\n      queryClient.invalidateQueries({ queryKey: ['admin-users'] });\n    } catch (error: unknown) {\n      toast({\n        title: t('common.error'),\n        description:\n          error instanceof Error\n            ? error.message\n            : t('admin.users.rules.unknownError'),\n        variant: 'destructive',\n      });\n    } finally {\n      setIsRunning(false);\n    }\n  };\n\n  const formatConditions = (conditions: RuleConditions) => {\n    if (!conditions?.rules?.length) return '—';\n    return conditions.rules.map((r, i) => (\n      <span key={i} className=\"inline-flex items-center gap-1\">\n        {i > 0 && (\n          <span className=\"text-muted-foreground mx-1\">\n            {conditions.type === 'all'\n              ? t('admin.users.rules.and')\n              : t('admin.users.rules.or')}\n          </span>\n        )}\n        <Badge variant=\"outline\" className=\"font-normal\">\n          {fieldLabels[r.field]\n            ? t(fieldLabels[r.field] as MessageKey)\n            : r.field}{' '}\n          {r.operator} {r.value}\n        </Badge>\n      </span>\n    ));\n  };\n\n  const movePriority = (\n    ruleId: string,\n    currentPriority: number,\n    direction: 'up' | 'down',\n  ) => {\n    const newPriority =\n      direction === 'up' ? currentPriority + 1 : currentPriority - 1;\n    priorityMutation.mutate({ id: ruleId, priority: newPriority });\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-4\">\n          <Button variant=\"ghost\" size=\"icon\" asChild>\n            <Link to={adminPath('user-categories')}>\n              <ArrowLeft className=\"h-5 w-5\" />\n            </Link>\n          </Button>\n          <div>\n            <h1 className=\"text-3xl font-bold\">\n              {t('admin.users.categories.rules')}\n            </h1>\n            <p className=\"text-muted-foreground\">\n              {t('admin.users.rules.subtitle')}\n            </p>\n          </div>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" onClick={runAllRules} disabled={isRunning}>\n            {isRunning ? (\n              <Loader2 className=\"h-4 w-4 mr-2 animate-spin\" />\n            ) : (\n              <Play className=\"h-4 w-4 mr-2\" />\n            )}\n            {t('admin.users.rules.run')}\n          </Button>\n          <Button asChild>\n            <Link\n              to={adminPath('user-categories/rules/$ruleId')}\n              params={{ ruleId: 'new' }}\n            >\n              <Plus className=\"h-4 w-4 mr-2\" />\n              {t('admin.users.rules.add')}\n            </Link>\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"border rounded-lg\">\n        <Table>\n          <TableHeader>\n            <TableRow>\n              <TableHead className=\"w-16\">{t('common.priority')}</TableHead>\n              <TableHead>{t('common.name')}</TableHead>\n              <TableHead>{t('admin.users.rules.transition')}</TableHead>\n              <TableHead>{t('admin.users.rules.conditions')}</TableHead>\n              <TableHead className=\"w-24 text-center\">\n                {t('common.activeN')}\n              </TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {isLoading ? (\n              <TableRow>\n                <TableCell colSpan={5} className=\"text-center py-8\">\n                  {t('common.loading')}\n                </TableCell>\n              </TableRow>\n            ) : rules?.length === 0 ? (\n              <TableRow>\n                <TableCell colSpan={5} className=\"text-center py-8\">\n                  {t('admin.users.rules.empty')}\n                </TableCell>\n              </TableRow>\n            ) : (\n              rules?.map((rule) => (\n                <TableRow\n                  key={rule.id}\n                  className=\"cursor-pointer hover:bg-muted/50\"\n                  onClick={() =>\n                    navigate({\n                      to: adminPath(`user-categories/rules/${rule.id}`),\n                    })\n                  }\n                >\n                  <TableCell onClick={(e) => e.stopPropagation()}>\n                    <div className=\"flex items-center gap-1\">\n                      <span className=\"font-mono text-sm\">{rule.priority}</span>\n                      <div className=\"flex flex-col\">\n                        <Button\n                          variant=\"ghost\"\n                          size=\"icon\"\n                          className=\"h-5 w-5\"\n                          onClick={() =>\n                            movePriority(rule.id, rule.priority, 'up')\n                          }\n                        >\n                          <ChevronUp className=\"h-3 w-3\" />\n                        </Button>\n                        <Button\n                          variant=\"ghost\"\n                          size=\"icon\"\n                          className=\"h-5 w-5\"\n                          onClick={() =>\n                            movePriority(rule.id, rule.priority, 'down')\n                          }\n                        >\n                          <ChevronDown className=\"h-3 w-3\" />\n                        </Button>\n                      </div>\n                    </div>\n                  </TableCell>\n                  <TableCell>\n                    <div className=\"font-medium\">{rule.name}</div>\n                    {rule.description && (\n                      <p className=\"text-sm text-muted-foreground\">\n                        {rule.description}\n                      </p>\n                    )}\n                  </TableCell>\n                  <TableCell>\n                    <div className=\"flex items-center gap-2\">\n                      <Badge variant=\"secondary\">\n                        {rule.from_category?.name || t('admin.users.rules.any')}\n                      </Badge>\n                      <ArrowRight className=\"h-4 w-4 text-muted-foreground\" />\n                      <Badge>{rule.to_category?.name}</Badge>\n                    </div>\n                  </TableCell>\n                  <TableCell>\n                    <div className=\"flex flex-wrap gap-1\">\n                      {formatConditions(\n                        rule.conditions as unknown as RuleConditions,\n                      )}\n                    </div>\n                  </TableCell>\n                  <TableCell\n                    className=\"text-center\"\n                    onClick={(e) => e.stopPropagation()}\n                  >\n                    <Switch\n                      checked={rule.is_active}\n                      onCheckedChange={(checked) =>\n                        toggleMutation.mutate({\n                          id: rule.id,\n                          is_active: checked,\n                        })\n                      }\n                    />\n                  </TableCell>\n                </TableRow>\n              ))\n            )}\n          </TableBody>\n        </Table>\n      </div>\n\n      <div className=\"text-sm text-muted-foreground\">\n        <p>\n          <strong>{t('common.howItWorks')}</strong>{' '}\n          {t('admin.users.rules.howItWorksText')}\n        </p>\n      </div>\n    </div>\n  );\n}\n"]}