simplycms 0.4.0

package/dist/chunk-3AESWXJD.js

@@ -0,0 +1,398 @@
+import { useState } from 'react';
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';
+import { useT } from 'simplycms/i18n';
+import { Button } from 'simplycms/ui/button';
+import { Input } from 'simplycms/ui/input';
+import { Label } from 'simplycms/ui/label';
+import { Switch } from 'simplycms/ui/switch';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from 'simplycms/ui/table';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from 'simplycms/ui/dialog';
+import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from 'simplycms/ui/alert-dialog';
+import { Plus, ArrowUp, ArrowDown, Pencil, Trash2 } from 'lucide-react';
+import { toast } from 'sonner';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/admin/pages/OrderStatuses.tsx
+function OrderStatuses() {
+  const t = useT();
+  const supabase = useSupabaseClient();
+  const queryClient = useQueryClient();
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [editingStatus, setEditingStatus] = useState(null);
+  const [deleteStatus, setDeleteStatus] = useState(null);
+  const [formData, setFormData] = useState({
+    name: "",
+    code: "",
+    color: "#6B7280",
+    is_default: false
+  });
+  const { data: statuses, isLoading } = useQuery({
+    queryKey: ["order-statuses"],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("order_statuses").select("*").order("sort_order", { ascending: true });
+      if (error) throw error;
+      return data;
+    }
+  });
+  const createMutation = useMutation({
+    mutationFn: async (data) => {
+      const maxSortOrder = statuses?.reduce((max, s) => Math.max(max, s.sort_order), -1) ?? -1;
+      if (data.is_default) {
+        await supabase.from("order_statuses").update({ is_default: false }).eq("is_default", true);
+      }
+      const { error } = await supabase.from("order_statuses").insert({
+        name: data.name,
+        code: data.code,
+        color: data.color,
+        is_default: data.is_default,
+        sort_order: maxSortOrder + 1
+      });
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["order-statuses"] });
+      toast.success(t("admin.orders.statuses.created"));
+      handleCloseDialog();
+    },
+    onError: (error) => {
+      toast.error(
+        t("admin.orders.statuses.createFailed") + " " + error.message
+      );
+    }
+  });
+  const updateMutation = useMutation({
+    mutationFn: async ({ id, data }) => {
+      if (data.is_default) {
+        await supabase.from("order_statuses").update({ is_default: false }).neq("id", id);
+      }
+      const { error } = await supabase.from("order_statuses").update({
+        name: data.name,
+        code: data.code,
+        color: data.color,
+        is_default: data.is_default
+      }).eq("id", id);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["order-statuses"] });
+      toast.success(t("common.statusUpdated"));
+      handleCloseDialog();
+    },
+    onError: (error) => {
+      toast.error(
+        t("admin.orders.statuses.updateFailed") + " " + error.message
+      );
+    }
+  });
+  const deleteMutation = useMutation({
+    mutationFn: async (id) => {
+      const { error } = await supabase.from("order_statuses").delete().eq("id", id);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["order-statuses"] });
+      toast.success(t("admin.orders.statuses.deleted"));
+      setDeleteStatus(null);
+    },
+    onError: (error) => {
+      toast.error(
+        t("admin.orders.statuses.deleteFailed") + " " + error.message
+      );
+    }
+  });
+  const reorderMutation = useMutation({
+    mutationFn: async ({
+      id,
+      direction
+    }) => {
+      if (!statuses) return;
+      const currentIndex = statuses.findIndex((s) => s.id === id);
+      if (currentIndex === -1) return;
+      const swapIndex = direction === "up" ? currentIndex - 1 : currentIndex + 1;
+      if (swapIndex < 0 || swapIndex >= statuses.length) return;
+      const currentStatus = statuses[currentIndex];
+      const swapStatus = statuses[swapIndex];
+      await supabase.from("order_statuses").update({ sort_order: swapStatus.sort_order }).eq("id", currentStatus.id);
+      await supabase.from("order_statuses").update({ sort_order: currentStatus.sort_order }).eq("id", swapStatus.id);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["order-statuses"] });
+    },
+    onError: (error) => {
+      toast.error(
+        t("admin.orders.statuses.reorderFailed") + " " + error.message
+      );
+    }
+  });
+  const handleOpenCreate = () => {
+    setEditingStatus(null);
+    setFormData({
+      name: "",
+      code: "",
+      color: "#6B7280",
+      is_default: false
+    });
+    setIsDialogOpen(true);
+  };
+  const handleOpenEdit = (status) => {
+    setEditingStatus(status);
+    setFormData({
+      name: status.name,
+      code: status.code,
+      color: status.color || "#6B7280",
+      is_default: status.is_default
+    });
+    setIsDialogOpen(true);
+  };
+  const handleCloseDialog = () => {
+    setIsDialogOpen(false);
+    setEditingStatus(null);
+    setFormData({
+      name: "",
+      code: "",
+      color: "#6B7280",
+      is_default: false
+    });
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!formData.name.trim() || !formData.code.trim()) {
+      toast.error(t("admin.orders.statuses.requiredFields"));
+      return;
+    }
+    if (editingStatus) {
+      updateMutation.mutate({ id: editingStatus.id, data: formData });
+    } else {
+      createMutation.mutate(formData);
+    }
+  };
+  const generateCode = (name) => {
+    return name.toLowerCase().replace(/[^a-zа-яіїєґ0-9\s]/gi, "").replace(/\s+/g, "_").slice(0, 20);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-8 bg-muted rounded w-1/4" }),
+      /* @__PURE__ */ jsx("div", { className: "h-64 bg-muted rounded" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: t("admin.common.placeholder.orderStatuses") }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("admin.orders.statuses.subtitle") })
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { onClick: handleOpenCreate, children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+        t("admin.orders.statuses.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-12" }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("common.name") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("common.code") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("common.color") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("common.byDefault") }),
+        /* @__PURE__ */ jsx(TableHead, { className: "w-32", children: t("common.actions") })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: statuses?.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+        TableCell,
+        {
+          colSpan: 6,
+          className: "text-center py-8 text-muted-foreground",
+          children: t("admin.orders.statuses.empty")
+        }
+      ) }) : statuses?.map((status, index) => /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-6 w-6",
+              disabled: index === 0,
+              onClick: () => reorderMutation.mutate({
+                id: status.id,
+                direction: "up"
+              }),
+              children: /* @__PURE__ */ jsx(ArrowUp, { className: "h-3 w-3" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-6 w-6",
+              disabled: index === (statuses?.length ?? 0) - 1,
+              onClick: () => reorderMutation.mutate({
+                id: status.id,
+                direction: "down"
+              }),
+              children: /* @__PURE__ */ jsx(ArrowDown, { className: "h-3 w-3" })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: status.name }),
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("code", { className: "px-2 py-1 bg-muted rounded text-sm", children: status.code }) }),
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "w-6 h-6 rounded-full border",
+              style: { backgroundColor: status.color || "#6B7280" }
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: status.color || "#6B7280" })
+        ] }) }),
+        /* @__PURE__ */ jsx(TableCell, { children: status.is_default && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-primary/10 text-primary", children: t("common.byDefault") }) }),
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: () => handleOpenEdit(status),
+              children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: () => setDeleteStatus(status),
+              disabled: status.is_default,
+              children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+            }
+          )
+        ] }) })
+      ] }, status.id)) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Dialog, { open: isDialogOpen, onOpenChange: setIsDialogOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: editingStatus ? t("admin.orders.statuses.edit") : t("admin.orders.statuses.new") }) }),
+      /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: t("common.nameRequiredLabel") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "name",
+              value: formData.name,
+              onChange: (e) => {
+                const name = e.target.value;
+                setFormData((prev) => ({
+                  ...prev,
+                  name,
+                  code: prev.code || generateCode(name)
+                }));
+              },
+              placeholder: t("admin.orders.statuses.namePlaceholder")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "code", children: t("admin.orders.statuses.codeRequired") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "code",
+              value: formData.code,
+              onChange: (e) => setFormData((prev) => ({ ...prev, code: e.target.value })),
+              placeholder: "processing"
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("admin.orders.statuses.codeHint") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "color", children: t("common.color") }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "color",
+                id: "color",
+                value: formData.color,
+                onChange: (e) => setFormData((prev) => ({ ...prev, color: e.target.value })),
+                className: "w-12 h-10 rounded border cursor-pointer"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: formData.color,
+                onChange: (e) => setFormData((prev) => ({ ...prev, color: e.target.value })),
+                placeholder: "#6B7280",
+                className: "flex-1"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "is_default", children: t("common.byDefault") }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("admin.orders.statuses.autoAssign") })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              id: "is_default",
+              checked: formData.is_default,
+              onCheckedChange: (checked) => setFormData((prev) => ({ ...prev, is_default: checked }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: handleCloseDialog,
+              children: t("common.cancel")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              disabled: createMutation.isPending || updateMutation.isPending,
+              children: editingStatus ? t("common.save") : t("common.create")
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      AlertDialog,
+      {
+        open: !!deleteStatus,
+        onOpenChange: () => setDeleteStatus(null),
+        children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: t("admin.orders.statuses.deleteTitle") }),
+            /* @__PURE__ */ jsx(AlertDialogDescription, { children: t("admin.orders.statuses.deleteText", {
+              name: deleteStatus?.name ?? ""
+            }) })
+          ] }),
+          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx(AlertDialogCancel, { children: t("common.cancel") }),
+            /* @__PURE__ */ jsx(
+              AlertDialogAction,
+              {
+                onClick: () => deleteStatus && deleteMutation.mutate(deleteStatus.id),
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                children: t("common.delete")
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+export { OrderStatuses };
+//# sourceMappingURL=chunk-3AESWXJD.js.map
+//# sourceMappingURL=chunk-3AESWXJD.js.map

package/dist/chunk-3AESWXJD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/pages/OrderStatuses.tsx"],"names":[],"mappings":"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","file":"chunk-3AESWXJD.js","sourcesContent":["import { useState } from 'react';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';\nimport { useT } from 'simplycms/i18n';\nimport { Button } from 'simplycms/ui/button';\nimport { Input } from 'simplycms/ui/input';\nimport { Label } from 'simplycms/ui/label';\nimport { Switch } from 'simplycms/ui/switch';\nimport {\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  DialogFooter,\n} from 'simplycms/ui/dialog';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from 'simplycms/ui/alert-dialog';\nimport { Plus, Pencil, Trash2, ArrowUp, ArrowDown } from 'lucide-react';\nimport { toast } from 'sonner';\n\ninterface OrderStatus {\n  id: string;\n  name: string;\n  code: string;\n  color: string | null;\n  sort_order: number;\n  is_default: boolean;\n  created_at: string;\n}\n\ninterface StatusFormData {\n  name: string;\n  code: string;\n  color: string;\n  is_default: boolean;\n}\n\nexport default function OrderStatuses() {\n  const t = useT();\n  const supabase = useSupabaseClient();\n  const queryClient = useQueryClient();\n  const [isDialogOpen, setIsDialogOpen] = useState(false);\n  const [editingStatus, setEditingStatus] = useState<OrderStatus | null>(null);\n  const [deleteStatus, setDeleteStatus] = useState<OrderStatus | null>(null);\n  const [formData, setFormData] = useState<StatusFormData>({\n    name: '',\n    code: '',\n    color: '#6B7280',\n    is_default: false,\n  });\n\n  const { data: statuses, isLoading } = useQuery({\n    queryKey: ['order-statuses'],\n    queryFn: async () => {\n      const { data, error } = await supabase\n        .from('order_statuses')\n        .select('*')\n        .order('sort_order', { ascending: true });\n\n      if (error) throw error;\n      return data as OrderStatus[];\n    },\n  });\n\n  const createMutation = useMutation({\n    mutationFn: async (data: StatusFormData) => {\n      const maxSortOrder =\n        statuses?.reduce((max, s) => Math.max(max, s.sort_order), -1) ?? -1;\n\n      // If setting as default, unset other defaults first\n      if (data.is_default) {\n        await supabase\n          .from('order_statuses')\n          .update({ is_default: false })\n          .eq('is_default', true);\n      }\n\n      const { error } = await supabase.from('order_statuses').insert({\n        name: data.name,\n        code: data.code,\n        color: data.color,\n        is_default: data.is_default,\n        sort_order: maxSortOrder + 1,\n      });\n\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['order-statuses'] });\n      toast.success(t('admin.orders.statuses.created'));\n      handleCloseDialog();\n    },\n    onError: (error) => {\n      toast.error(\n        t('admin.orders.statuses.createFailed') + ' ' + error.message,\n      );\n    },\n  });\n\n  const updateMutation = useMutation({\n    mutationFn: async ({ id, data }: { id: string; data: StatusFormData }) => {\n      // If setting as default, unset other defaults first\n      if (data.is_default) {\n        await supabase\n          .from('order_statuses')\n          .update({ is_default: false })\n          .neq('id', id);\n      }\n\n      const { error } = await supabase\n        .from('order_statuses')\n        .update({\n          name: data.name,\n          code: data.code,\n          color: data.color,\n          is_default: data.is_default,\n        })\n        .eq('id', id);\n\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['order-statuses'] });\n      toast.success(t('common.statusUpdated'));\n      handleCloseDialog();\n    },\n    onError: (error) => {\n      toast.error(\n        t('admin.orders.statuses.updateFailed') + ' ' + error.message,\n      );\n    },\n  });\n\n  const deleteMutation = useMutation({\n    mutationFn: async (id: string) => {\n      const { error } = await supabase\n        .from('order_statuses')\n        .delete()\n        .eq('id', id);\n\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['order-statuses'] });\n      toast.success(t('admin.orders.statuses.deleted'));\n      setDeleteStatus(null);\n    },\n    onError: (error) => {\n      toast.error(\n        t('admin.orders.statuses.deleteFailed') + ' ' + error.message,\n      );\n    },\n  });\n\n  const reorderMutation = useMutation({\n    mutationFn: async ({\n      id,\n      direction,\n    }: {\n      id: string;\n      direction: 'up' | 'down';\n    }) => {\n      if (!statuses) return;\n\n      const currentIndex = statuses.findIndex((s) => s.id === id);\n      if (currentIndex === -1) return;\n\n      const swapIndex =\n        direction === 'up' ? currentIndex - 1 : currentIndex + 1;\n      if (swapIndex < 0 || swapIndex >= statuses.length) return;\n\n      const currentStatus = statuses[currentIndex];\n      const swapStatus = statuses[swapIndex];\n\n      // Swap sort_order values\n      await supabase\n        .from('order_statuses')\n        .update({ sort_order: swapStatus.sort_order })\n        .eq('id', currentStatus.id);\n\n      await supabase\n        .from('order_statuses')\n        .update({ sort_order: currentStatus.sort_order })\n        .eq('id', swapStatus.id);\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['order-statuses'] });\n    },\n    onError: (error) => {\n      toast.error(\n        t('admin.orders.statuses.reorderFailed') + ' ' + error.message,\n      );\n    },\n  });\n\n  const handleOpenCreate = () => {\n    setEditingStatus(null);\n    setFormData({\n      name: '',\n      code: '',\n      color: '#6B7280',\n      is_default: false,\n    });\n    setIsDialogOpen(true);\n  };\n\n  const handleOpenEdit = (status: OrderStatus) => {\n    setEditingStatus(status);\n    setFormData({\n      name: status.name,\n      code: status.code,\n      color: status.color || '#6B7280',\n      is_default: status.is_default,\n    });\n    setIsDialogOpen(true);\n  };\n\n  const handleCloseDialog = () => {\n    setIsDialogOpen(false);\n    setEditingStatus(null);\n    setFormData({\n      name: '',\n      code: '',\n      color: '#6B7280',\n      is_default: false,\n    });\n  };\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!formData.name.trim() || !formData.code.trim()) {\n      toast.error(t('admin.orders.statuses.requiredFields'));\n      return;\n    }\n\n    if (editingStatus) {\n      updateMutation.mutate({ id: editingStatus.id, data: formData });\n    } else {\n      createMutation.mutate(formData);\n    }\n  };\n\n  const generateCode = (name: string) => {\n    return name\n      .toLowerCase()\n      .replace(/[^a-zа-яіїєґ0-9\\s]/gi, '')\n      .replace(/\\s+/g, '_')\n      .slice(0, 20);\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"p-6\">\n        <div className=\"animate-pulse space-y-4\">\n          <div className=\"h-8 bg-muted rounded w-1/4\" />\n          <div className=\"h-64 bg-muted rounded\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"p-6 space-y-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold\">\n            {t('admin.common.placeholder.orderStatuses')}\n          </h1>\n          <p className=\"text-muted-foreground\">\n            {t('admin.orders.statuses.subtitle')}\n          </p>\n        </div>\n        <Button onClick={handleOpenCreate}>\n          <Plus className=\"h-4 w-4 mr-2\" />\n          {t('admin.orders.statuses.add')}\n        </Button>\n      </div>\n\n      <div className=\"border rounded-lg\">\n        <Table>\n          <TableHeader>\n            <TableRow>\n              <TableHead className=\"w-12\"></TableHead>\n              <TableHead>{t('common.name')}</TableHead>\n              <TableHead>{t('common.code')}</TableHead>\n              <TableHead>{t('common.color')}</TableHead>\n              <TableHead>{t('common.byDefault')}</TableHead>\n              <TableHead className=\"w-32\">{t('common.actions')}</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {statuses?.length === 0 ? (\n              <TableRow>\n                <TableCell\n                  colSpan={6}\n                  className=\"text-center py-8 text-muted-foreground\"\n                >\n                  {t('admin.orders.statuses.empty')}\n                </TableCell>\n              </TableRow>\n            ) : (\n              statuses?.map((status, index) => (\n                <TableRow key={status.id}>\n                  <TableCell>\n                    <div className=\"flex flex-col gap-1\">\n                      <Button\n                        variant=\"ghost\"\n                        size=\"icon\"\n                        className=\"h-6 w-6\"\n                        disabled={index === 0}\n                        onClick={() =>\n                          reorderMutation.mutate({\n                            id: status.id,\n                            direction: 'up',\n                          })\n                        }\n                      >\n                        <ArrowUp className=\"h-3 w-3\" />\n                      </Button>\n                      <Button\n                        variant=\"ghost\"\n                        size=\"icon\"\n                        className=\"h-6 w-6\"\n                        disabled={index === (statuses?.length ?? 0) - 1}\n                        onClick={() =>\n                          reorderMutation.mutate({\n                            id: status.id,\n                            direction: 'down',\n                          })\n                        }\n                      >\n                        <ArrowDown className=\"h-3 w-3\" />\n                      </Button>\n                    </div>\n                  </TableCell>\n                  <TableCell className=\"font-medium\">{status.name}</TableCell>\n                  <TableCell>\n                    <code className=\"px-2 py-1 bg-muted rounded text-sm\">\n                      {status.code}\n                    </code>\n                  </TableCell>\n                  <TableCell>\n                    <div className=\"flex items-center gap-2\">\n                      <div\n                        className=\"w-6 h-6 rounded-full border\"\n                        style={{ backgroundColor: status.color || '#6B7280' }}\n                      />\n                      <span className=\"text-sm text-muted-foreground\">\n                        {status.color || '#6B7280'}\n                      </span>\n                    </div>\n                  </TableCell>\n                  <TableCell>\n                    {status.is_default && (\n                      <span className=\"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-primary/10 text-primary\">\n                        {t('common.byDefault')}\n                      </span>\n                    )}\n                  </TableCell>\n                  <TableCell>\n                    <div className=\"flex items-center gap-1\">\n                      <Button\n                        variant=\"ghost\"\n                        size=\"icon\"\n                        onClick={() => handleOpenEdit(status)}\n                      >\n                        <Pencil className=\"h-4 w-4\" />\n                      </Button>\n                      <Button\n                        variant=\"ghost\"\n                        size=\"icon\"\n                        onClick={() => setDeleteStatus(status)}\n                        disabled={status.is_default}\n                      >\n                        <Trash2 className=\"h-4 w-4\" />\n                      </Button>\n                    </div>\n                  </TableCell>\n                </TableRow>\n              ))\n            )}\n          </TableBody>\n        </Table>\n      </div>\n\n      {/* Create/Edit Dialog */}\n      <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>\n              {editingStatus\n                ? t('admin.orders.statuses.edit')\n                : t('admin.orders.statuses.new')}\n            </DialogTitle>\n          </DialogHeader>\n          <form onSubmit={handleSubmit} className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"name\">{t('common.nameRequiredLabel')}</Label>\n              <Input\n                id=\"name\"\n                value={formData.name}\n                onChange={(e) => {\n                  const name = e.target.value;\n                  setFormData((prev) => ({\n                    ...prev,\n                    name,\n                    code: prev.code || generateCode(name),\n                  }));\n                }}\n                placeholder={t('admin.orders.statuses.namePlaceholder')}\n              />\n            </div>\n\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"code\">\n                {t('admin.orders.statuses.codeRequired')}\n              </Label>\n              <Input\n                id=\"code\"\n                value={formData.code}\n                onChange={(e) =>\n                  setFormData((prev) => ({ ...prev, code: e.target.value }))\n                }\n                placeholder=\"processing\"\n              />\n              <p className=\"text-xs text-muted-foreground\">\n                {t('admin.orders.statuses.codeHint')}\n              </p>\n            </div>\n\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"color\">{t('common.color')}</Label>\n              <div className=\"flex items-center gap-3\">\n                <input\n                  type=\"color\"\n                  id=\"color\"\n                  value={formData.color}\n                  onChange={(e) =>\n                    setFormData((prev) => ({ ...prev, color: e.target.value }))\n                  }\n                  className=\"w-12 h-10 rounded border cursor-pointer\"\n                />\n                <Input\n                  value={formData.color}\n                  onChange={(e) =>\n                    setFormData((prev) => ({ ...prev, color: e.target.value }))\n                  }\n                  placeholder=\"#6B7280\"\n                  className=\"flex-1\"\n                />\n              </div>\n            </div>\n\n            <div className=\"flex items-center justify-between\">\n              <div className=\"space-y-0.5\">\n                <Label htmlFor=\"is_default\">{t('common.byDefault')}</Label>\n                <p className=\"text-xs text-muted-foreground\">\n                  {t('admin.orders.statuses.autoAssign')}\n                </p>\n              </div>\n              <Switch\n                id=\"is_default\"\n                checked={formData.is_default}\n                onCheckedChange={(checked) =>\n                  setFormData((prev) => ({ ...prev, is_default: checked }))\n                }\n              />\n            </div>\n\n            <DialogFooter>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={handleCloseDialog}\n              >\n                {t('common.cancel')}\n              </Button>\n              <Button\n                type=\"submit\"\n                disabled={createMutation.isPending || updateMutation.isPending}\n              >\n                {editingStatus ? t('common.save') : t('common.create')}\n              </Button>\n            </DialogFooter>\n          </form>\n        </DialogContent>\n      </Dialog>\n\n      {/* Delete Confirmation */}\n      <AlertDialog\n        open={!!deleteStatus}\n        onOpenChange={() => setDeleteStatus(null)}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {t('admin.orders.statuses.deleteTitle')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {t('admin.orders.statuses.deleteText', {\n                name: deleteStatus?.name ?? '',\n              })}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>{t('common.cancel')}</AlertDialogCancel>\n            <AlertDialogAction\n              onClick={() =>\n                deleteStatus && deleteMutation.mutate(deleteStatus.id)\n              }\n              className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n            >\n              {t('common.delete')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </div>\n  );\n}\n"]}

package/dist/chunk-3AJKXVPJ.js

@@ -0,0 +1,68 @@
+import { ThemeFonts } from './chunk-QXJIUF4T.js';
+import { ThemeTokens } from './chunk-VSXW336V.js';
+import { useActiveThemeModule } from './chunk-IRR2UMIH.js';
+import { useLocation, Link } from '@tanstack/react-router';
+import { User, Package, Settings, LogOut } from 'lucide-react';
+import { cn } from 'simplycms/ui/utils';
+import { useAuth } from 'simplycms/core/hooks/useAuth';
+import { Button } from 'simplycms/ui/button';
+import { useT } from 'simplycms/i18n';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var navItems = [
+  { href: "/profile", icon: User, labelKey: "nav.profile", exact: true },
+  { href: "/profile/orders", icon: Package, labelKey: "nav.orders" },
+  { href: "/profile/settings", icon: Settings, labelKey: "nav.settings" }
+];
+function ProtectedShell({ children }) {
+  const theme = useActiveThemeModule();
+  const { Header, Footer } = theme.components;
+  const { signOut } = useAuth();
+  const pathname = useLocation({ select: (l) => l.pathname });
+  const t = useT();
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-[hsl(var(--background))] flex flex-col", children: [
+    /* @__PURE__ */ jsx(ThemeTokens, { tokens: theme.tokens }),
+    /* @__PURE__ */ jsx(ThemeFonts, { fonts: theme.fonts }),
+    /* @__PURE__ */ jsx(Header, {}),
+    /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-8 flex-1", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row gap-8", children: [
+      /* @__PURE__ */ jsx("aside", { className: "w-full md:w-64 shrink-0", children: /* @__PURE__ */ jsxs("nav", { className: "space-y-1", children: [
+        navItems.map((item) => {
+          const isActive = item.exact ? pathname === item.href : pathname.startsWith(item.href);
+          return /* @__PURE__ */ jsxs(
+            Link,
+            {
+              to: item.href,
+              className: cn(
+                "flex items-center gap-3 px-4 py-3 rounded-md text-sm font-medium transition-colors",
+                isActive ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(item.icon, { className: "h-5 w-5" }),
+                t(item.labelKey)
+              ]
+            },
+            item.href
+          );
+        }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            className: "w-full justify-start gap-3 px-4 py-3 h-auto text-destructive hover:text-destructive hover:bg-destructive/10",
+            onClick: signOut,
+            children: [
+              /* @__PURE__ */ jsx(LogOut, { className: "h-5 w-5" }),
+              t("nav.signOut")
+            ]
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx("main", { className: "flex-1 min-w-0", children })
+    ] }) }),
+    /* @__PURE__ */ jsx(Footer, {})
+  ] });
+}
+
+export { ProtectedShell };
+//# sourceMappingURL=chunk-3AJKXVPJ.js.map
+//# sourceMappingURL=chunk-3AJKXVPJ.js.map

package/dist/chunk-3AJKXVPJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/shells/ProtectedShell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAkBA,IAAM,QAAA,GAAsB;AAAA,EAC1B,EAAE,MAAM,UAAA,EAAY,IAAA,EAAM,MAAM,QAAA,EAAU,aAAA,EAAe,OAAO,IAAA,EAAK;AAAA,EACrE,EAAE,IAAA,EAAM,iBAAA,EAAmB,IAAA,EAAM,OAAA,EAAS,UAAU,YAAA,EAAa;AAAA,EACjE,EAAE,IAAA,EAAM,mBAAA,EAAqB,IAAA,EAAM,QAAA,EAAU,UAAU,cAAA;AACzD,CAAA;AAQO,SAAS,cAAA,CAAe,EAAE,QAAA,EAAS,EAA6B;AACrE,EAAA,MAAM,QAAQ,oBAAA,EAAqB;AACnC,EAAA,MAAM,EAAE,MAAA,EAAQ,MAAA,EAAO,GAAI,KAAA,CAAM,UAAA;AACjC,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,OAAA,EAAQ;AAC5B,EAAA,MAAM,QAAA,GAAW,YAAY,EAAE,MAAA,EAAQ,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,CAAA;AAC1D,EAAA,MAAM,IAAI,IAAA,EAAK;AAEf,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQ,KAAA,CAAM,MAAA,EAAQ,CAAA;AAAA,oBACnC,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAO,KAAA,CAAM,KAAA,EAAO,CAAA;AAAA,wBAC/B,MAAA,EAAA,EAAO,CAAA;AAAA,wBACP,KAAA,EAAA,EAAI,SAAA,EAAU,sCACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAM,SAAA,EAAU,yBAAA,EACf,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACZ,QAAA,EAAA;AAAA,QAAA,QAAA,CAAS,GAAA,CAAI,CAAC,IAAA,KAAS;AACtB,UAAA,MAAM,QAAA,GAAW,KAAK,KAAA,GAClB,QAAA,KAAa,KAAK,IAAA,GAClB,QAAA,CAAS,UAAA,CAAW,IAAA,CAAK,IAAI,CAAA;AACjC,UAAA,uBACE,IAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cAEC,IAAI,IAAA,CAAK,IAAA;AAAA,cACT,SAAA,EAAW,EAAA;AAAA,gBACT,oFAAA;AAAA,gBACA,WACI,oCAAA,GACA;AAAA,eACN;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,IAAA,CAAK,IAAA,EAAL,EAAU,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,gBAC9B,CAAA,CAAE,KAAK,QAAQ;AAAA;AAAA,aAAA;AAAA,YAVX,IAAA,CAAK;AAAA,WAWZ;AAAA,QAEJ,CAAC,CAAA;AAAA,wBACD,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,OAAA;AAAA,YACR,SAAA,EAAU,6GAAA;AAAA,YACV,OAAA,EAAS,OAAA;AAAA,YAET,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAO,WAAU,SAAA,EAAU,CAAA;AAAA,cAC3B,EAAE,aAAa;AAAA;AAAA;AAAA;AAClB,OAAA,EACF,CAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAS;AAAA,KAAA,EAC7C,CAAA,EACF,CAAA;AAAA,wBACC,MAAA,EAAA,EAAO;AAAA,GAAA,EACV,CAAA;AAEJ","file":"chunk-3AJKXVPJ.js","sourcesContent":["import type { ReactNode } from 'react';\nimport { Link, useLocation } from '@tanstack/react-router';\nimport { User, Package, Settings, LogOut, type LucideIcon } from 'lucide-react';\nimport { cn } from 'simplycms/ui/utils';\nimport { useAuth } from 'simplycms/core/hooks/useAuth';\nimport { Button } from 'simplycms/ui/button';\nimport { useT, type MessageKey } from 'simplycms/i18n';\nimport { useActiveThemeModule } from './useActiveThemeModule';\nimport { ThemeTokens } from './ThemeTokens';\nimport { ThemeFonts } from './ThemeFonts';\n\ntype NavItem = {\n  href: string;\n  icon: LucideIcon;\n  labelKey: MessageKey;\n  exact?: boolean;\n};\n\nconst navItems: NavItem[] = [\n  { href: '/profile', icon: User, labelKey: 'nav.profile', exact: true },\n  { href: '/profile/orders', icon: Package, labelKey: 'nav.orders' },\n  { href: '/profile/settings', icon: Settings, labelKey: 'nav.settings' },\n];\n\n/**\n * Канонічний каркас профілю — заміна `theme.ProfileLayout`.\n *\n * Header/Footer беруться з теми, бічна навігація і вихід — з ядра:\n * структура профілю однакова для всіх тем.\n */\nexport function ProtectedShell({ children }: { children?: ReactNode }) {\n  const theme = useActiveThemeModule();\n  const { Header, Footer } = theme.components;\n  const { signOut } = useAuth();\n  const pathname = useLocation({ select: (l) => l.pathname });\n  const t = useT();\n\n  return (\n    <div className=\"min-h-screen bg-[hsl(var(--background))] flex flex-col\">\n      <ThemeTokens tokens={theme.tokens} />\n      <ThemeFonts fonts={theme.fonts} />\n      <Header />\n      <div className=\"container mx-auto px-4 py-8 flex-1\">\n        <div className=\"flex flex-col md:flex-row gap-8\">\n          <aside className=\"w-full md:w-64 shrink-0\">\n            <nav className=\"space-y-1\">\n              {navItems.map((item) => {\n                const isActive = item.exact\n                  ? pathname === item.href\n                  : pathname.startsWith(item.href);\n                return (\n                  <Link\n                    key={item.href}\n                    to={item.href}\n                    className={cn(\n                      'flex items-center gap-3 px-4 py-3 rounded-md text-sm font-medium transition-colors',\n                      isActive\n                        ? 'bg-primary text-primary-foreground'\n                        : 'text-muted-foreground hover:bg-muted hover:text-foreground',\n                    )}\n                  >\n                    <item.icon className=\"h-5 w-5\" />\n                    {t(item.labelKey)}\n                  </Link>\n                );\n              })}\n              <Button\n                variant=\"ghost\"\n                className=\"w-full justify-start gap-3 px-4 py-3 h-auto text-destructive hover:text-destructive hover:bg-destructive/10\"\n                onClick={signOut}\n              >\n                <LogOut className=\"h-5 w-5\" />\n                {t('nav.signOut')}\n              </Button>\n            </nav>\n          </aside>\n          <main className=\"flex-1 min-w-0\">{children}</main>\n        </div>\n      </div>\n      <Footer />\n    </div>\n  );\n}\n"]}