simplycms 0.4.0

package/dist/chunk-HW3CZJDX.js

@@ -0,0 +1,26 @@
+import { ShoppingCart } from 'lucide-react';
+import { useCart } from 'simplycms/react-query';
+import { useT } from 'simplycms/i18n';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/cart-ui/CartButton.tsx
+function CartButton() {
+  const { totalItems, setIsOpen } = useCart();
+  const t = useT();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: "gradient-brand text-white border-0 gap-2 relative inline-flex items-center px-3 py-1.5 rounded-md text-sm font-medium",
+      onClick: () => setIsOpen(true),
+      children: [
+        /* @__PURE__ */ jsx(ShoppingCart, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t("cart.title") }),
+        totalItems > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1.5 -right-1.5 h-5 w-5 rounded-full bg-destructive text-destructive-foreground text-xs font-medium flex items-center justify-center", children: totalItems > 99 ? "99+" : totalItems })
+      ]
+    }
+  );
+}
+
+export { CartButton };
+//# sourceMappingURL=chunk-HW3CZJDX.js.map
+//# sourceMappingURL=chunk-HW3CZJDX.js.map

package/dist/chunk-HW3CZJDX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cart-ui/CartButton.tsx"],"names":[],"mappings":";;;;;;AAIO,SAAS,UAAA,GAAa;AAC3B,EAAA,MAAM,EAAE,UAAA,EAAY,SAAA,EAAU,GAAI,OAAA,EAAQ;AAC1C,EAAA,MAAM,IAAI,IAAA,EAAK;AAEf,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,uHAAA;AAAA,MACV,OAAA,EAAS,MAAM,SAAA,CAAU,IAAI,CAAA;AAAA,MAE7B,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,WAAU,SAAA,EAAU,CAAA;AAAA,4BACjC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAA,CAAA,CAAE,YAAY,CAAA,EAAE,CAAA;AAAA,QACnD,UAAA,GAAa,qBACZ,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,mJAAA,EACb,QAAA,EAAA,UAAA,GAAa,EAAA,GAAK,KAAA,GAAQ,UAAA,EAC7B;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-HW3CZJDX.js","sourcesContent":["import { ShoppingCart } from 'lucide-react';\nimport { useCart } from 'simplycms/react-query';\nimport { useT } from 'simplycms/i18n';\n\nexport function CartButton() {\n  const { totalItems, setIsOpen } = useCart();\n  const t = useT();\n\n  return (\n    <button\n      className=\"gradient-brand text-white border-0 gap-2 relative inline-flex items-center px-3 py-1.5 rounded-md text-sm font-medium\"\n      onClick={() => setIsOpen(true)}\n    >\n      <ShoppingCart className=\"h-4 w-4\" />\n      <span className=\"hidden sm:inline\">{t('cart.title')}</span>\n      {totalItems > 0 && (\n        <span className=\"absolute -top-1.5 -right-1.5 h-5 w-5 rounded-full bg-destructive text-destructive-foreground text-xs font-medium flex items-center justify-center\">\n          {totalItems > 99 ? '99+' : totalItems}\n        </span>\n      )}\n    </button>\n  );\n}\n"]}

package/dist/chunk-HYLFXHZ4.js

@@ -0,0 +1,39 @@
+import { GripVertical } from 'lucide-react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { cn } from 'simplycms/ui/utils';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/resizable.tsx
+var ResizablePanelGroup = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.Group,
+  {
+    className: cn(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      className
+    ),
+    ...props
+  }
+);
+var ResizablePanel = ResizablePrimitive.Panel;
+var ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.Separator,
+  {
+    className: cn(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      className
+    ),
+    ...props,
+    children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-2.5 w-2.5" }) })
+  }
+);
+
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+//# sourceMappingURL=chunk-HYLFXHZ4.js.map
+//# sourceMappingURL=chunk-HYLFXHZ4.js.map

package/dist/chunk-HYLFXHZ4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/resizable.tsx"],"names":[],"mappings":";;;;;;AAKA,IAAM,sBAAsB,CAAC;AAAA,EAC3B,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,GAAA;AAAA,EAAoB,kBAAA,CAAA,KAAA;AAAA,EAAnB;AAAA,IACC,SAAA,EAAW,EAAA;AAAA,MACT,mEAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN;AAGF,IAAM,cAAA,GAAoC,kBAAA,CAAA;AAE1C,IAAM,kBAAkB,CAAC;AAAA,EACvB,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBAGE,GAAA;AAAA,EAAoB,kBAAA,CAAA,SAAA;AAAA,EAAnB;AAAA,IACC,SAAA,EAAW,EAAA;AAAA,MACT,yoBAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEH,QAAA,EAAA,UAAA,wBACE,KAAA,EAAA,EAAI,SAAA,EAAU,6EACb,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,aAAA,EAAc,CAAA,EACxC;AAAA;AAEJ","file":"chunk-HYLFXHZ4.js","sourcesContent":["import { GripVertical } from 'lucide-react';\nimport * as ResizablePrimitive from 'react-resizable-panels';\n\nimport { cn } from 'simplycms/ui/utils';\n\nconst ResizablePanelGroup = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.Group>) => (\n  <ResizablePrimitive.Group\n    className={cn(\n      'flex h-full w-full data-[panel-group-direction=vertical]:flex-col',\n      className,\n    )}\n    {...props}\n  />\n);\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.Separator> & {\n  withHandle?: boolean;\n}) => (\n  <ResizablePrimitive.Separator\n    className={cn(\n      'relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n      className,\n    )}\n    {...props}\n  >\n    {withHandle && (\n      <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n        <GripVertical className=\"h-2.5 w-2.5\" />\n      </div>\n    )}\n  </ResizablePrimitive.Separator>\n);\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"]}

package/dist/chunk-I3U4TB4H.js

@@ -0,0 +1,323 @@
+import { adminPath } from './chunk-2VKURKLN.js';
+import { useState } from 'react';
+import { useParams, 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 { 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, ArrowLeft, Save, Plus, GripVertical, 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 PropertyEdit() {
+  const t = useT();
+  const supabase = useSupabaseClient();
+  const { propertyId } = useParams({ strict: false });
+  const navigate = useNavigate();
+  const { toast } = useToast();
+  const queryClient = useQueryClient();
+  const [formData, setFormData] = useState({
+    name: "",
+    slug: "",
+    property_type: "text",
+    is_required: false,
+    is_filterable: false,
+    has_page: false,
+    sort_order: 0
+  });
+  const { data: property, isLoading: propertyLoading } = useQuery({
+    queryKey: ["property", propertyId],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("section_properties").select("*").eq("id", propertyId).single();
+      if (error) throw error;
+      return data;
+    },
+    enabled: !!propertyId
+  });
+  const { data: options, isLoading: optionsLoading } = useQuery({
+    queryKey: ["property-options", propertyId],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("property_options").select("*").eq("property_id", propertyId).order("sort_order", { ascending: true });
+      if (error) throw error;
+      return data;
+    },
+    enabled: !!propertyId
+  });
+  const [prevPropertyId, setPrevPropertyId] = useState(null);
+  if (property && property.id !== prevPropertyId) {
+    setPrevPropertyId(property.id);
+    setFormData({
+      name: property.name || "",
+      slug: property.slug || "",
+      property_type: property.property_type || "text",
+      is_required: property.is_required ?? false,
+      is_filterable: property.is_filterable ?? false,
+      has_page: property.has_page ?? false,
+      sort_order: property.sort_order || 0
+    });
+  }
+  const updatePropertyMutation = useMutation({
+    mutationFn: async (data) => {
+      const { error } = await supabase.from("section_properties").update(data).eq("id", propertyId);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["property", propertyId] });
+      queryClient.invalidateQueries({ queryKey: ["all-properties"] });
+      toast({ title: t("admin.properties.saved") });
+    },
+    onError: (error) => {
+      toast({
+        variant: "destructive",
+        title: t("common.error"),
+        description: error.message
+      });
+    }
+  });
+  const deleteOptionMutation = useMutation({
+    mutationFn: async (id) => {
+      const { error } = await supabase.from("property_options").delete().eq("id", id);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["property-options", propertyId]
+      });
+      toast({ title: t("admin.properties.options.deleted") });
+    },
+    onError: (error) => {
+      toast({
+        variant: "destructive",
+        title: t("common.error"),
+        description: error.message
+      });
+    }
+  });
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    updatePropertyMutation.mutate({
+      ...formData,
+      property_type: formData.property_type
+    });
+  };
+  const handleChange = (field, value) => {
+    setFormData((prev) => ({ ...prev, [field]: value }));
+  };
+  const showOptions = formData.property_type === "select" || formData.property_type === "multiselect";
+  if (propertyLoading) {
+    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 max-w-4xl", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: () => navigate({ to: adminPath("properties") }),
+          children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold", children: property?.name || t("admin.properties.fallbackTitle") }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("admin.properties.editTitle") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("common.basicInfo") }) }),
+      /* @__PURE__ */ jsxs(CardContent, { 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",
+                value: formData.name,
+                onChange: (e) => handleChange("name", e.target.value),
+                required: true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "slug", children: "Slug" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "slug",
+                value: formData.slug,
+                onChange: (e) => handleChange("slug", e.target.value),
+                required: true
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { children: t("admin.properties.typeLabel") }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: formData.property_type,
+                onValueChange: (v) => handleChange("property_type", 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",
+                type: "number",
+                value: formData.sort_order,
+                onChange: (e) => handleChange("sort_order", parseInt(e.target.value) || 0)
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-6 pt-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                id: "is_required",
+                checked: formData.is_required,
+                onCheckedChange: (v) => handleChange("is_required", v)
+              }
+            ),
+            /* @__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",
+                checked: formData.is_filterable,
+                onCheckedChange: (v) => handleChange("is_filterable", v)
+              }
+            ),
+            /* @__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",
+                checked: formData.has_page,
+                onCheckedChange: (v) => handleChange("has_page", v)
+              }
+            ),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "has_page", children: t("admin.properties.hasPage") })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex justify-end pt-4", children: /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: updatePropertyMutation.isPending, children: [
+          updatePropertyMutation.isPending && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+          /* @__PURE__ */ jsx(Save, { className: "h-4 w-4 mr-2" }),
+          t("common.save")
+        ] }) })
+      ] })
+    ] }) }),
+    showOptions && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [
+        /* @__PURE__ */ jsx(CardTitle, { children: t("admin.properties.options.title") }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            onClick: () => navigate({
+              to: adminPath(`properties/${propertyId}/options/new`)
+            }),
+            size: "sm",
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+              t("admin.properties.options.add")
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { children: optionsLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) }) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableHead, { className: "w-10" }),
+          /* @__PURE__ */ jsx(TableHead, { children: t("common.name") }),
+          /* @__PURE__ */ jsx(TableHead, { children: "Slug" }),
+          /* @__PURE__ */ jsx(TableHead, { children: t("admin.properties.options.page") }),
+          /* @__PURE__ */ jsx(TableHead, { className: "text-right w-16", children: t("common.actions") })
+        ] }) }),
+        /* @__PURE__ */ jsxs(TableBody, { children: [
+          options?.map((option) => /* @__PURE__ */ jsxs(
+            TableRow,
+            {
+              className: "cursor-pointer hover:bg-muted/50",
+              onClick: () => navigate({
+                to: adminPath(
+                  `properties/${propertyId}/options/${option.id}`
+                )
+              }),
+              children: [
+                /* @__PURE__ */ jsx(TableCell, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4 text-muted-foreground" }) }),
+                /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: option.name }),
+                /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground font-mono text-sm", children: option.slug }),
+                /* @__PURE__ */ jsx(TableCell, { children: option.description || option.image_url ? /* @__PURE__ */ jsx("span", { className: "text-xs px-2 py-1 bg-primary/10 text-primary rounded", children: t("admin.properties.options.filled") }) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) }),
+                /* @__PURE__ */ jsx(
+                  TableCell,
+                  {
+                    className: "text-right",
+                    onClick: (e) => e.stopPropagation(),
+                    children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "icon",
+                        onClick: () => {
+                          if (confirm(
+                            t("admin.properties.options.confirmDelete")
+                          )) {
+                            deleteOptionMutation.mutate(option.id);
+                          }
+                        },
+                        disabled: deleteOptionMutation.isPending,
+                        children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            option.id
+          )),
+          options?.length === 0 && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+            TableCell,
+            {
+              colSpan: 5,
+              className: "text-center text-muted-foreground",
+              children: t("admin.properties.options.empty")
+            }
+          ) })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+
+export { PropertyEdit };
+//# sourceMappingURL=chunk-I3U4TB4H.js.map
+//# sourceMappingURL=chunk-I3U4TB4H.js.map

package/dist/chunk-I3U4TB4H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/pages/PropertyEdit.tsx"],"names":[],"mappings":"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","file":"chunk-I3U4TB4H.js","sourcesContent":["import { useState } from 'react';\nimport { useParams, useNavigate } from '@tanstack/react-router';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\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  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 {\n  ArrowLeft,\n  Save,\n  Loader2,\n  Plus,\n  Trash2,\n  GripVertical,\n} from 'lucide-react';\nimport { adminPath } from '../lib/adminLinks';\nimport type { Tables } from 'simplycms/supabase';\nimport { useT, type MessageKey } from 'simplycms/i18n';\n\ntype SectionProperty = Tables<'section_properties'>;\n\ninterface PropertyOption {\n  id: string;\n  property_id: string;\n  name: string;\n  slug: string;\n  sort_order: number;\n  description: string | null;\n  image_url: string | null;\n  meta_title: string | null;\n  meta_description: string | null;\n  created_at: string;\n}\n\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 PropertyEdit() {\n  const t = useT();\n  const supabase = useSupabaseClient();\n  const { propertyId } = useParams({ strict: false }) as { propertyId: string };\n  const navigate = useNavigate();\n  const { toast } = useToast();\n  const queryClient = useQueryClient();\n\n  const [formData, setFormData] = useState({\n    name: '',\n    slug: '',\n    property_type: 'text' as string,\n    is_required: false,\n    is_filterable: false,\n    has_page: false,\n    sort_order: 0,\n  });\n\n  // Fetch property\n  const { data: property, isLoading: propertyLoading } = useQuery({\n    queryKey: ['property', propertyId],\n    queryFn: async () => {\n      const { data, error } = await supabase\n        .from('section_properties')\n        .select('*')\n        .eq('id', propertyId!)\n        .single();\n      if (error) throw error;\n      return data;\n    },\n    enabled: !!propertyId,\n  });\n\n  // Fetch options\n  const { data: options, isLoading: optionsLoading } = useQuery({\n    queryKey: ['property-options', propertyId],\n    queryFn: async () => {\n      const { data, error } = await supabase\n        .from('property_options')\n        .select('*')\n        .eq('property_id', propertyId!)\n        .order('sort_order', { ascending: true });\n      if (error) throw error;\n      return data as PropertyOption[];\n    },\n    enabled: !!propertyId,\n  });\n\n  // Ініціалізація форми при завантаженні даних (adjust state during render)\n  const [prevPropertyId, setPrevPropertyId] = useState<string | null>(null);\n  if (property && property.id !== prevPropertyId) {\n    setPrevPropertyId(property.id);\n    setFormData({\n      name: property.name || '',\n      slug: property.slug || '',\n      property_type: property.property_type || 'text',\n      is_required: property.is_required ?? false,\n      is_filterable: property.is_filterable ?? false,\n      has_page: property.has_page ?? false,\n      sort_order: property.sort_order || 0,\n    });\n  }\n\n  // Property mutations\n  const updatePropertyMutation = useMutation({\n    mutationFn: async (data: Partial<SectionProperty>) => {\n      const { error } = await supabase\n        .from('section_properties')\n        .update(data)\n        .eq('id', propertyId!);\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['property', propertyId] });\n      queryClient.invalidateQueries({ queryKey: ['all-properties'] });\n      toast({ title: t('admin.properties.saved') });\n    },\n    onError: (error) => {\n      toast({\n        variant: 'destructive',\n        title: t('common.error'),\n        description: error.message,\n      });\n    },\n  });\n\n  const deleteOptionMutation = useMutation({\n    mutationFn: async (id: string) => {\n      const { error } = await supabase\n        .from('property_options')\n        .delete()\n        .eq('id', id);\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: ['property-options', propertyId],\n      });\n      toast({ title: t('admin.properties.options.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) => {\n    e.preventDefault();\n    updatePropertyMutation.mutate({\n      ...formData,\n      property_type: formData.property_type as SectionProperty['property_type'],\n    });\n  };\n\n  const handleChange = (\n    field: keyof typeof formData,\n    value: string | number | boolean,\n  ) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const showOptions =\n    formData.property_type === 'select' ||\n    formData.property_type === 'multiselect';\n\n  if (propertyLoading) {\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 max-w-4xl\">\n      <div className=\"flex items-center gap-4\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={() => navigate({ to: adminPath('properties') })}\n        >\n          <ArrowLeft className=\"h-4 w-4\" />\n        </Button>\n        <div>\n          <h1 className=\"text-3xl font-bold\">\n            {property?.name || t('admin.properties.fallbackTitle')}\n          </h1>\n          <p className=\"text-muted-foreground\">\n            {t('admin.properties.editTitle')}\n          </p>\n        </div>\n      </div>\n\n      <form onSubmit={handleSubmit}>\n        <Card>\n          <CardHeader>\n            <CardTitle>{t('common.basicInfo')}</CardTitle>\n          </CardHeader>\n          <CardContent 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                  value={formData.name}\n                  onChange={(e) => handleChange('name', e.target.value)}\n                  required\n                />\n              </div>\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"slug\">Slug</Label>\n                <Input\n                  id=\"slug\"\n                  value={formData.slug}\n                  onChange={(e) => handleChange('slug', e.target.value)}\n                  required\n                />\n              </div>\n            </div>\n\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"space-y-2\">\n                <Label>{t('admin.properties.typeLabel')}</Label>\n                <Select\n                  value={formData.property_type}\n                  onValueChange={(v) => handleChange('property_type', v)}\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              <div className=\"space-y-2\">\n                <Label htmlFor=\"sort_order\">{t('common.sortOrder')}</Label>\n                <Input\n                  id=\"sort_order\"\n                  type=\"number\"\n                  value={formData.sort_order}\n                  onChange={(e) =>\n                    handleChange('sort_order', parseInt(e.target.value) || 0)\n                  }\n                />\n              </div>\n            </div>\n\n            <div className=\"flex flex-wrap gap-6 pt-2\">\n              <div className=\"flex items-center gap-2\">\n                <Switch\n                  id=\"is_required\"\n                  checked={formData.is_required}\n                  onCheckedChange={(v) => handleChange('is_required', v)}\n                />\n                <Label htmlFor=\"is_required\">\n                  {t('admin.properties.required')}\n                </Label>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Switch\n                  id=\"is_filterable\"\n                  checked={formData.is_filterable}\n                  onCheckedChange={(v) => handleChange('is_filterable', v)}\n                />\n                <Label htmlFor=\"is_filterable\">\n                  {t('admin.properties.showInFilters')}\n                </Label>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Switch\n                  id=\"has_page\"\n                  checked={formData.has_page}\n                  onCheckedChange={(v) => handleChange('has_page', v)}\n                />\n                <Label htmlFor=\"has_page\">\n                  {t('admin.properties.hasPage')}\n                </Label>\n              </div>\n            </div>\n\n            <div className=\"flex justify-end pt-4\">\n              <Button type=\"submit\" disabled={updatePropertyMutation.isPending}>\n                {updatePropertyMutation.isPending && (\n                  <Loader2 className=\"h-4 w-4 mr-2 animate-spin\" />\n                )}\n                <Save className=\"h-4 w-4 mr-2\" />\n                {t('common.save')}\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      </form>\n\n      {showOptions && (\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between\">\n            <CardTitle>{t('admin.properties.options.title')}</CardTitle>\n            <Button\n              onClick={() =>\n                navigate({\n                  to: adminPath(`properties/${propertyId}/options/new`),\n                })\n              }\n              size=\"sm\"\n            >\n              <Plus className=\"h-4 w-4 mr-2\" />\n              {t('admin.properties.options.add')}\n            </Button>\n          </CardHeader>\n          <CardContent>\n            {optionsLoading ? (\n              <div className=\"flex justify-center py-8\">\n                <Loader2 className=\"h-6 w-6 animate-spin\" />\n              </div>\n            ) : (\n              <Table>\n                <TableHeader>\n                  <TableRow>\n                    <TableHead className=\"w-10\"></TableHead>\n                    <TableHead>{t('common.name')}</TableHead>\n                    <TableHead>Slug</TableHead>\n                    <TableHead>{t('admin.properties.options.page')}</TableHead>\n                    <TableHead className=\"text-right w-16\">\n                      {t('common.actions')}\n                    </TableHead>\n                  </TableRow>\n                </TableHeader>\n                <TableBody>\n                  {options?.map((option) => (\n                    <TableRow\n                      key={option.id}\n                      className=\"cursor-pointer hover:bg-muted/50\"\n                      onClick={() =>\n                        navigate({\n                          to: adminPath(\n                            `properties/${propertyId}/options/${option.id}`,\n                          ),\n                        })\n                      }\n                    >\n                      <TableCell onClick={(e) => e.stopPropagation()}>\n                        <GripVertical className=\"h-4 w-4 text-muted-foreground\" />\n                      </TableCell>\n                      <TableCell className=\"font-medium\">\n                        {option.name}\n                      </TableCell>\n                      <TableCell className=\"text-muted-foreground font-mono text-sm\">\n                        {option.slug}\n                      </TableCell>\n                      <TableCell>\n                        {option.description || option.image_url ? (\n                          <span className=\"text-xs px-2 py-1 bg-primary/10 text-primary rounded\">\n                            {t('admin.properties.options.filled')}\n                          </span>\n                        ) : (\n                          <span className=\"text-xs text-muted-foreground\">\n                            —\n                          </span>\n                        )}\n                      </TableCell>\n                      <TableCell\n                        className=\"text-right\"\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        <Button\n                          variant=\"ghost\"\n                          size=\"icon\"\n                          onClick={() => {\n                            if (\n                              confirm(\n                                t('admin.properties.options.confirmDelete'),\n                              )\n                            ) {\n                              deleteOptionMutation.mutate(option.id);\n                            }\n                          }}\n                          disabled={deleteOptionMutation.isPending}\n                        >\n                          <Trash2 className=\"h-4 w-4 text-destructive\" />\n                        </Button>\n                      </TableCell>\n                    </TableRow>\n                  ))}\n                  {options?.length === 0 && (\n                    <TableRow>\n                      <TableCell\n                        colSpan={5}\n                        className=\"text-center text-muted-foreground\"\n                      >\n                        {t('admin.properties.options.empty')}\n                      </TableCell>\n                    </TableRow>\n                  )}\n                </TableBody>\n              </Table>\n            )}\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-I4LPT6E5.js

@@ -0,0 +1,163 @@
+import { useRef, useState } from 'react';
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';
+import { Loader2, Camera, Trash2 } from 'lucide-react';
+import { useToast } from 'simplycms/ui/use-toast';
+import { useT } from 'simplycms/i18n';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/profile-ui/AvatarUpload.tsx
+function AvatarUpload({
+  userId,
+  currentAvatarUrl,
+  firstName,
+  lastName,
+  email,
+  onUpdate
+}) {
+  const t = useT();
+  const supabase = useSupabaseClient();
+  const { toast } = useToast();
+  const fileInputRef = useRef(null);
+  const queryClient = useQueryClient();
+  const [previewUrl, setPreviewUrl] = useState(null);
+  const getInitials = () => {
+    const first = firstName?.[0] || "";
+    const last = lastName?.[0] || "";
+    return (first + last).toUpperCase() || email?.[0]?.toUpperCase() || "?";
+  };
+  const uploadMutation = useMutation({
+    mutationFn: async (file) => {
+      if (!file.type.match(/^image\/(jpeg|png|webp)$/)) {
+        throw new Error(t("profile.avatar.unsupportedFormat"));
+      }
+      if (file.size > 5 * 1024 * 1024) {
+        throw new Error(t("profile.avatar.tooLarge"));
+      }
+      const ext = file.name.split(".").pop();
+      const filename = `${userId}/avatar-${Date.now()}.${ext}`;
+      if (currentAvatarUrl) {
+        const oldPath = currentAvatarUrl.split("/").slice(-2).join("/");
+        await supabase.storage.from("user-avatars").remove([oldPath]);
+      }
+      const { error: uploadError } = await supabase.storage.from("user-avatars").upload(filename, file, { upsert: true });
+      if (uploadError) throw uploadError;
+      const {
+        data: { publicUrl }
+      } = supabase.storage.from("user-avatars").getPublicUrl(filename);
+      const { error: updateError } = await supabase.from("profiles").update({ avatar_url: publicUrl }).eq("user_id", userId);
+      if (updateError) throw updateError;
+      return publicUrl;
+    },
+    onSuccess: (url) => {
+      queryClient.invalidateQueries({ queryKey: ["profile"] });
+      onUpdate?.(url);
+      setPreviewUrl(null);
+      toast({ title: t("profile.avatar.updated") });
+    },
+    onError: (error) => {
+      setPreviewUrl(null);
+      toast({
+        title: t("profile.avatar.uploadError"),
+        description: error.message,
+        variant: "destructive"
+      });
+    }
+  });
+  const deleteMutation = useMutation({
+    mutationFn: async () => {
+      if (!currentAvatarUrl) return;
+      const path = currentAvatarUrl.split("/").slice(-2).join("/");
+      await supabase.storage.from("user-avatars").remove([path]);
+      const { error } = await supabase.from("profiles").update({ avatar_url: null }).eq("user_id", userId);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["profile"] });
+      onUpdate?.(null);
+      toast({ title: t("profile.avatar.removed") });
+    },
+    onError: (error) => {
+      toast({
+        title: t("profile.avatar.deleteError"),
+        description: error.message,
+        variant: "destructive"
+      });
+    }
+  });
+  const handleFileChange = (e) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      setPreviewUrl(reader.result);
+    };
+    reader.readAsDataURL(file);
+    uploadMutation.mutate(file);
+  };
+  const isLoading = uploadMutation.isPending || deleteMutation.isPending;
+  const displayUrl = previewUrl || currentAvatarUrl;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: t("profile.settings.avatar") }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-24 w-24 rounded-full overflow-hidden bg-muted flex items-center justify-center text-2xl font-medium", children: displayUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: displayUrl,
+            alt: "Avatar",
+            width: 96,
+            height: 96,
+            className: "rounded-full object-cover",
+            loading: "lazy",
+            decoding: "async"
+          }
+        ) : getInitials() }),
+        isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-background/50 rounded-full", children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin" }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept: "image/jpeg,image/png,image/webp",
+            onChange: handleFileChange,
+            className: "hidden"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "px-3 py-1.5 border rounded-md text-sm flex items-center gap-2",
+            onClick: () => fileInputRef.current?.click(),
+            disabled: isLoading,
+            children: [
+              /* @__PURE__ */ jsx(Camera, { className: "h-4 w-4" }),
+              t("profile.avatar.uploadButton")
+            ]
+          }
+        ),
+        currentAvatarUrl && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "px-3 py-1.5 text-sm text-destructive hover:text-destructive flex items-center gap-2",
+            onClick: () => deleteMutation.mutate(),
+            disabled: isLoading,
+            children: [
+              /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
+              t("common.delete")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("profile.avatar.formatHint") })
+      ] })
+    ] })
+  ] });
+}
+
+export { AvatarUpload };
+//# sourceMappingURL=chunk-I4LPT6E5.js.map
+//# sourceMappingURL=chunk-I4LPT6E5.js.map