simplycms 0.4.0

package/dist/chunk-EQDFU2YI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/pages/PriceTypeEdit.tsx"],"names":[],"mappings":"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","file":"chunk-EQDFU2YI.js","sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { useParams, useNavigate, Link } from '@tanstack/react-router';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { z } from 'zod';\nimport { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';\nimport { useT, type Translator } from 'simplycms/i18n';\nimport { Button } from 'simplycms/ui/button';\nimport { Input } from 'simplycms/ui/input';\nimport { Switch } from 'simplycms/ui/switch';\nimport { Card, CardContent, CardHeader, CardTitle } from 'simplycms/ui/card';\nimport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from 'simplycms/ui/form';\nimport { ArrowLeft, Loader2, Trash2 } from 'lucide-react';\nimport { toast } from 'simplycms/core/hooks/use-toast';\nimport { adminPath } from '../lib/adminLinks';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from 'simplycms/ui/alert-dialog';\n\n// Фабрика схеми: повідомлення з каталогу, транслятор живе в рендері.\nconst buildSchema = (t: Translator) =>\n  z.object({\n    name: z.string().min(1, t('validation.nameRequired')),\n    code: z\n      .string()\n      .min(1, t('validation.codeRequired'))\n      .regex(/^[a-z0-9_]+$/, t('validation.slug')),\n    sort_order: z.coerce.number().int().min(0),\n    is_default: z.boolean(),\n  });\n\ntype FormData = z.infer<ReturnType<typeof buildSchema>>;\n\nexport default function PriceTypeEdit() {\n  const t = useT();\n  const supabase = useSupabaseClient();\n  const { priceTypeId } = useParams({ strict: false }) as {\n    priceTypeId: string;\n  };\n  const navigate = useNavigate();\n  const queryClient = useQueryClient();\n  const isNew = !priceTypeId || priceTypeId === 'new';\n\n  const schema = useMemo(() => buildSchema(t), [t]);\n\n  const form = useForm<FormData>({\n    // zodResolver + z.coerce.number() спричиняє TFieldValues mismatch\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    resolver: zodResolver(schema) as any,\n    defaultValues: { name: '', code: '', sort_order: 0, is_default: false },\n  });\n\n  const { data: priceType, isLoading } = useQuery({\n    queryKey: ['price-type', priceTypeId],\n    queryFn: async () => {\n      if (isNew || !priceTypeId) return null;\n      const { data, error } = await supabase\n        .from('price_types')\n        .select('*')\n        .eq('id', priceTypeId)\n        .single();\n      if (error) throw error;\n      return data;\n    },\n    enabled: !isNew && !!priceTypeId,\n  });\n\n  useEffect(() => {\n    if (priceType) {\n      form.reset({\n        name: priceType.name,\n        code: priceType.code,\n        sort_order: priceType.sort_order,\n        is_default: priceType.is_default,\n      });\n    }\n  }, [priceType, form]);\n\n  const saveMutation = useMutation({\n    mutationFn: async (data: FormData) => {\n      if (data.is_default) {\n        await supabase\n          .from('price_types')\n          .update({ is_default: false })\n          .neq('id', priceTypeId || '');\n      }\n      if (isNew) {\n        const { error } = await supabase.from('price_types').insert({\n          name: data.name,\n          code: data.code,\n          sort_order: data.sort_order,\n          is_default: data.is_default,\n        });\n        if (error) throw error;\n      } else {\n        const { error } = await supabase\n          .from('price_types')\n          .update(data)\n          .eq('id', priceTypeId!);\n        if (error) throw error;\n      }\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['admin-price-types'] });\n      queryClient.invalidateQueries({ queryKey: ['price-types'] });\n      toast({\n        title: isNew ? t('admin.prices.created') : t('common.changesSaved'),\n      });\n      navigate({ to: adminPath('price-types') });\n    },\n    onError: (error: Error) => {\n      toast({\n        title: t('common.error'),\n        description: error.message,\n        variant: 'destructive',\n      });\n    },\n  });\n\n  const deleteMutation = useMutation({\n    mutationFn: async () => {\n      const { error } = await supabase\n        .from('price_types')\n        .delete()\n        .eq('id', priceTypeId!);\n      if (error) throw error;\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['admin-price-types'] });\n      toast({ title: t('admin.prices.deleted') });\n      navigate({ to: adminPath('price-types') });\n    },\n    onError: (error: Error) => {\n      toast({\n        title: t('common.error'),\n        description: error.message,\n        variant: 'destructive',\n      });\n    },\n  });\n\n  if (!isNew && isLoading)\n    return <div className=\"p-8 text-center\">{t('common.loading')}</div>;\n\n  return (\n    <div className=\"space-y-6 max-w-2xl\">\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('price-types')}>\n              <ArrowLeft className=\"h-5 w-5\" />\n            </Link>\n          </Button>\n          <h1 className=\"text-3xl font-bold\">\n            {isNew ? t('admin.prices.new') : t('admin.prices.editTitle')}\n          </h1>\n        </div>\n        {!isNew && !priceType?.is_default && (\n          <AlertDialog>\n            <AlertDialogTrigger asChild>\n              <Button variant=\"destructive\" size=\"icon\">\n                <Trash2 className=\"h-4 w-4\" />\n              </Button>\n            </AlertDialogTrigger>\n            <AlertDialogContent>\n              <AlertDialogHeader>\n                <AlertDialogTitle>\n                  {t('admin.prices.deleteTitle')}\n                </AlertDialogTitle>\n                <AlertDialogDescription>\n                  {t('admin.prices.deleteWarning')}\n                </AlertDialogDescription>\n              </AlertDialogHeader>\n              <AlertDialogFooter>\n                <AlertDialogCancel>{t('common.cancel')}</AlertDialogCancel>\n                <AlertDialogAction\n                  onClick={() => deleteMutation.mutate()}\n                  className=\"bg-destructive text-destructive-foreground\"\n                >\n                  {t('common.delete')}\n                </AlertDialogAction>\n              </AlertDialogFooter>\n            </AlertDialogContent>\n          </AlertDialog>\n        )}\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>{t('common.information')}</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <Form {...form}>\n            <form\n              onSubmit={form.handleSubmit((data) => saveMutation.mutate(data))}\n              className=\"space-y-6\"\n            >\n              <FormField\n                control={form.control}\n                name=\"name\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>{t('common.name')}</FormLabel>\n                    <FormControl>\n                      <Input\n                        placeholder={t('admin.prices.namePlaceholder')}\n                        {...field}\n                      />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n              <FormField\n                control={form.control}\n                name=\"code\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>{t('common.code')}</FormLabel>\n                    <FormControl>\n                      <Input placeholder=\"retail\" {...field} />\n                    </FormControl>\n                    <FormDescription>\n                      {t('admin.prices.codeHint')}\n                    </FormDescription>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n              <FormField\n                control={form.control}\n                name=\"sort_order\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>{t('common.sortOrder')}</FormLabel>\n                    <FormControl>\n                      <Input type=\"number\" min=\"0\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n              <FormField\n                control={form.control}\n                name=\"is_default\"\n                render={({ field }) => (\n                  <FormItem className=\"flex items-center justify-between rounded-lg border p-4\">\n                    <div className=\"space-y-0.5\">\n                      <FormLabel className=\"text-base\">\n                        {t('common.byDefault')}\n                      </FormLabel>\n                      <FormDescription>\n                        {t('admin.prices.defaultHint')}\n                      </FormDescription>\n                    </div>\n                    <FormControl>\n                      <Switch\n                        checked={field.value}\n                        onCheckedChange={field.onChange}\n                      />\n                    </FormControl>\n                  </FormItem>\n                )}\n              />\n              <div className=\"flex justify-end gap-4\">\n                <Button variant=\"outline\" asChild>\n                  <Link to={adminPath('price-types')}>\n                    {t('common.cancel')}\n                  </Link>\n                </Button>\n                <Button type=\"submit\" disabled={saveMutation.isPending}>\n                  {saveMutation.isPending && (\n                    <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n                  )}\n                  {isNew ? t('common.create') : t('common.save')}\n                </Button>\n              </div>\n            </form>\n          </Form>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"]}

package/dist/chunk-ETDZDO35.js

@@ -0,0 +1,30 @@
+import { ProductCard } from 'simplycms/catalog-ui/ProductCard';
+import { jsx } from 'react/jsx-runtime';
+
+// src/storefront-routes/components/SsrProductGrid.tsx
+function SsrProductGrid({ items, viewMode }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: viewMode === "grid" ? "grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4" : "flex flex-col gap-4",
+      children: items.map((item) => /* @__PURE__ */ jsx(
+        ProductCard,
+        {
+          product: {
+            id: item.id,
+            name: item.name,
+            slug: item.slug,
+            images: item.imageUrl ? [item.imageUrl] : [],
+            section: item.sectionSlug ? { slug: item.sectionSlug } : null,
+            price: item.price
+          }
+        },
+        item.id
+      ))
+    }
+  );
+}
+
+export { SsrProductGrid };
+//# sourceMappingURL=chunk-ETDZDO35.js.map
+//# sourceMappingURL=chunk-ETDZDO35.js.map

package/dist/chunk-ETDZDO35.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/components/SsrProductGrid.tsx"],"names":[],"mappings":";;;;AAaO,SAAS,cAAA,CAAe,EAAE,KAAA,EAAO,QAAA,EAAS,EAAwB;AACvE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EACE,QAAA,KAAa,MAAA,GACT,sDAAA,GACA,qBAAA;AAAA,MAGL,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACV,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UAEC,OAAA,EAAS;AAAA,YACP,IAAI,IAAA,CAAK,EAAA;AAAA,YACT,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,QAAQ,IAAA,CAAK,QAAA,GAAW,CAAC,IAAA,CAAK,QAAQ,IAAI,EAAC;AAAA,YAC3C,SAAS,IAAA,CAAK,WAAA,GAAc,EAAE,IAAA,EAAM,IAAA,CAAK,aAAY,GAAI,IAAA;AAAA,YACzD,OAAO,IAAA,CAAK;AAAA;AACd,SAAA;AAAA,QARK,IAAA,CAAK;AAAA,OAUb;AAAA;AAAA,GACH;AAEJ","file":"chunk-ETDZDO35.js","sourcesContent":["import { ProductCard } from 'simplycms/catalog-ui/ProductCard';\nimport type { ProductListItem } from '../server/product-list-item';\n\ninterface SsrProductGridProps {\n  items: ProductListItem[];\n  viewMode: 'grid' | 'list';\n}\n\n/**\n * Сітка товарів із серверних даних. Рендериться на сервері й у першому\n * клієнтському рендері — доки React Query не збагатить список (наявність,\n * знижки, рейтинги). Після цього сторінка перемикається на клієнтський список.\n */\nexport function SsrProductGrid({ items, viewMode }: SsrProductGridProps) {\n  return (\n    <div\n      className={\n        viewMode === 'grid'\n          ? 'grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4'\n          : 'flex flex-col gap-4'\n      }\n    >\n      {items.map((item) => (\n        <ProductCard\n          key={item.id}\n          product={{\n            id: item.id,\n            name: item.name,\n            slug: item.slug,\n            images: item.imageUrl ? [item.imageUrl] : [],\n            section: item.sectionSlug ? { slug: item.sectionSlug } : null,\n            price: item.price,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/chunk-EZFEM6WJ.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import { cn } from 'simplycms/ui/utils';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/hover-card.tsx
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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
+  }
+));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=chunk-EZFEM6WJ.js.map
+//# sourceMappingURL=chunk-EZFEM6WJ.js.map

package/dist/chunk-EZFEM6WJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/hover-card.tsx"],"names":[],"mappings":";;;;;;AAKA,IAAM,SAAA,GAA+B,kBAAA,CAAA;AAErC,IAAM,gBAAA,GAAsC,kBAAA,CAAA;AAE5C,IAAM,gBAAA,GAAyB,KAAA,CAAA,UAAA,CAG7B,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,QAAA,EAAU,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC5D,GAAA;AAAA,EAAoB,kBAAA,CAAA,OAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,4aAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,gBAAA,CAAiB,cAAiC,kBAAA,CAAA,OAAA,CAAQ,WAAA","file":"chunk-EZFEM6WJ.js","sourcesContent":["import * as React from 'react';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\n\nimport { cn } from 'simplycms/ui/utils';\n\nconst HoverCard = HoverCardPrimitive.Root;\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\nconst HoverCardContent = React.forwardRef<\n  React.ElementRef<typeof HoverCardPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <HoverCardPrimitive.Content\n    ref={ref}\n    align={align}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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));\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"]}

package/dist/chunk-F2N5BY57.js

@@ -0,0 +1,513 @@
+import { adminPath } from './chunk-2VKURKLN.js';
+import { AddProductToOrder } from './chunk-UCZQWXCW.js';
+import { useParams, useNavigate } from '@tanstack/react-router';
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';
+import { useT } from 'simplycms/i18n';
+import { Card, CardHeader, CardTitle, CardContent } from 'simplycms/ui/card';
+import { Button } from 'simplycms/ui/button';
+import { Badge } from 'simplycms/ui/badge';
+import { Input } from 'simplycms/ui/input';
+import { Skeleton } from 'simplycms/ui/skeleton';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from 'simplycms/ui/select';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from 'simplycms/ui/table';
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from 'simplycms/ui/alert-dialog';
+import { ArrowLeft, Loader2, Save, Trash2, UserPlus } from 'lucide-react';
+import { format } from 'date-fns';
+import { uk } from 'date-fns/locale';
+import { useToast } from 'simplycms/core/hooks/use-toast';
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function OrderDetail() {
+  const t = useT();
+  const supabase = useSupabaseClient();
+  const { orderId } = useParams({ strict: false });
+  const navigate = useNavigate();
+  const { toast } = useToast();
+  const queryClient = useQueryClient();
+  const [editedItems, setEditedItems] = useState({});
+  const [selectedStatus, setSelectedStatus] = useState(null);
+  const [hasChanges, setHasChanges] = useState(false);
+  const { data: order, isLoading: orderLoading } = useQuery({
+    queryKey: ["admin-order", orderId],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("orders").select("*, order_statuses(id, name, color, code)").eq("id", orderId).maybeSingle();
+      if (error) throw error;
+      return data;
+    },
+    enabled: !!orderId
+  });
+  const { data: orderItems, isLoading: itemsLoading } = useQuery({
+    queryKey: ["admin-order-items", orderId],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("order_items").select("*").eq("order_id", orderId).order("created_at");
+      if (error) throw error;
+      return data;
+    },
+    enabled: !!orderId
+  });
+  const { data: statuses } = useQuery({
+    queryKey: ["order-statuses"],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("order_statuses").select("*").order("sort_order");
+      if (error) throw error;
+      return data;
+    }
+  });
+  if (order?.status_id && selectedStatus === null) {
+    setSelectedStatus(order.status_id);
+  }
+  const updateOrderMutation = useMutation({
+    mutationFn: async () => {
+      for (const [itemId, newQuantity] of Object.entries(editedItems)) {
+        const item = orderItems?.find((i) => i.id === itemId);
+        if (item) {
+          const newTotal = item.price * newQuantity;
+          const { error: error2 } = await supabase.from("order_items").update({ quantity: newQuantity, total: newTotal }).eq("id", itemId);
+          if (error2) throw error2;
+        }
+      }
+      const { data: updatedItems } = await supabase.from("order_items").select("total").eq("order_id", orderId);
+      const newSubtotal = updatedItems?.reduce((sum, item) => sum + item.total, 0) || 0;
+      const { error } = await supabase.from("orders").update({
+        subtotal: newSubtotal,
+        total: newSubtotal,
+        status_id: selectedStatus
+      }).eq("id", orderId);
+      if (error) throw error;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["admin-order", orderId] });
+      queryClient.invalidateQueries({
+        queryKey: ["admin-order-items", orderId]
+      });
+      queryClient.invalidateQueries({ queryKey: ["admin-orders"] });
+      setEditedItems({});
+      setHasChanges(false);
+      toast({
+        title: t("admin.orders.updated"),
+        description: t("admin.orders.updatedHint")
+      });
+    },
+    onError: (error) => {
+      toast({
+        title: t("common.error"),
+        description: t("admin.orders.updateFailed"),
+        variant: "destructive"
+      });
+      console.error("Update error:", error);
+    }
+  });
+  const deleteItemMutation = useMutation({
+    mutationFn: async (itemId) => {
+      const { error } = await supabase.from("order_items").delete().eq("id", itemId);
+      if (error) throw error;
+      const { data: remainingItems } = await supabase.from("order_items").select("total").eq("order_id", orderId);
+      const newSubtotal = remainingItems?.reduce((sum, item) => sum + item.total, 0) || 0;
+      const { error: updateError } = await supabase.from("orders").update({
+        subtotal: newSubtotal,
+        total: newSubtotal
+      }).eq("id", orderId);
+      if (updateError) throw updateError;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["admin-order", orderId] });
+      queryClient.invalidateQueries({
+        queryKey: ["admin-order-items", orderId]
+      });
+      queryClient.invalidateQueries({ queryKey: ["admin-orders"] });
+      toast({
+        title: t("admin.orders.itemRemoved"),
+        description: t("admin.orders.itemRemovedHint")
+      });
+    },
+    onError: () => {
+      toast({
+        title: t("common.error"),
+        description: t("admin.orders.itemRemoveFailed"),
+        variant: "destructive"
+      });
+    }
+  });
+  const addItemMutation = useMutation({
+    mutationFn: async (newItem) => {
+      const total = newItem.price * newItem.quantity;
+      const { error } = await supabase.from("order_items").insert({
+        order_id: orderId,
+        name: newItem.name,
+        price: newItem.price,
+        quantity: newItem.quantity,
+        total,
+        product_id: newItem.product_id,
+        modification_id: newItem.modification_id
+      });
+      if (error) throw error;
+      const { data: updatedItems } = await supabase.from("order_items").select("total").eq("order_id", orderId);
+      const newSubtotal = updatedItems?.reduce((sum, item) => sum + item.total, 0) || 0;
+      const { error: updateError } = await supabase.from("orders").update({
+        subtotal: newSubtotal,
+        total: newSubtotal
+      }).eq("id", orderId);
+      if (updateError) throw updateError;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["admin-order", orderId] });
+      queryClient.invalidateQueries({
+        queryKey: ["admin-order-items", orderId]
+      });
+      queryClient.invalidateQueries({ queryKey: ["admin-orders"] });
+      toast({
+        title: t("admin.orders.itemAdded"),
+        description: t("admin.orders.itemAddedHint")
+      });
+    },
+    onError: () => {
+      toast({
+        title: t("common.error"),
+        description: t("admin.orders.itemAddFailed"),
+        variant: "destructive"
+      });
+    }
+  });
+  const handleQuantityChange = (itemId, newQuantity) => {
+    if (newQuantity < 1) return;
+    setEditedItems((prev) => ({ ...prev, [itemId]: newQuantity }));
+    setHasChanges(true);
+  };
+  const handleStatusChange = (statusId) => {
+    setSelectedStatus(statusId);
+    setHasChanges(true);
+  };
+  const getItemQuantity = (item) => {
+    return editedItems[item.id] ?? item.quantity;
+  };
+  const getItemTotal = (item) => {
+    const quantity = getItemQuantity(item);
+    return item.price * quantity;
+  };
+  const calculateNewTotal = () => {
+    if (!orderItems) return 0;
+    return orderItems.reduce((sum, item) => sum + getItemTotal(item), 0);
+  };
+  if (orderLoading || itemsLoading) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-48" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-64 w-full" })
+    ] });
+  }
+  if (!order) {
+    return /* @__PURE__ */ jsxs("div", { className: "text-center py-12", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("admin.orders.notFound") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "link",
+          onClick: () => navigate({ to: adminPath("orders") }),
+          children: t("admin.orders.backToList")
+        }
+      )
+    ] });
+  }
+  const currentStatus = statuses?.find((s) => s.id === selectedStatus);
+  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",
+            onClick: () => navigate({ to: adminPath("orders") }),
+            children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("h1", { className: "text-2xl font-bold", children: [
+            t("admin.nav.orders"),
+            " ",
+            order.order_number
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+            t("admin.orders.from"),
+            " ",
+            format(new Date(order.created_at), "dd MMMM yyyy, HH:mm", {
+              locale: uk
+            })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          onClick: () => updateOrderMutation.mutate(),
+          disabled: !hasChanges || updateOrderMutation.isPending,
+          children: [
+            updateOrderMutation.isPending ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }) : /* @__PURE__ */ jsx(Save, { className: "h-4 w-4 mr-2" }),
+            t("admin.orders.saveChanges")
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "lg:col-span-2 space-y-6", children: /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0", children: [
+          /* @__PURE__ */ jsx(CardTitle, { children: t("admin.orders.items") }),
+          /* @__PURE__ */ jsx(
+            AddProductToOrder,
+            {
+              onAddProduct: (product) => addItemMutation.mutate(product),
+              isAdding: addItemMutation.isPending
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(CardContent, { children: [
+          /* @__PURE__ */ jsxs(Table, { children: [
+            /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+              /* @__PURE__ */ jsx(TableHead, { children: t("common.name") }),
+              /* @__PURE__ */ jsx(TableHead, { className: "w-28 text-right", children: t("admin.orders.basePrice") }),
+              /* @__PURE__ */ jsx(TableHead, { className: "w-24 text-right", children: t("common.price") }),
+              /* @__PURE__ */ jsx(TableHead, { className: "w-32 text-center", children: t("common.quantity") }),
+              /* @__PURE__ */ jsx(TableHead, { className: "w-28 text-right", children: t("common.amount") }),
+              /* @__PURE__ */ jsx(TableHead, { className: "w-16" })
+            ] }) }),
+            /* @__PURE__ */ jsx(TableBody, { children: orderItems?.map((item) => /* @__PURE__ */ jsxs(TableRow, { children: [
+              /* @__PURE__ */ jsxs(TableCell, { children: [
+                /* @__PURE__ */ jsx("div", { className: "font-medium", children: item.name }),
+                (item.discount_data?.appliedDiscounts?.length ?? 0) > 0 && /* @__PURE__ */ jsx("div", { className: "mt-1", children: item.discount_data?.appliedDiscounts?.map(
+                  (d, i) => /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      className: "inline-block text-xs bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400 rounded px-1.5 py-0.5 mr-1 mb-0.5",
+                      children: [
+                        d.name,
+                        ": -",
+                        d.calculatedAmount.toLocaleString(),
+                        " \u20B4"
+                      ]
+                    },
+                    i
+                  )
+                ) })
+              ] }),
+              /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: item.base_price && item.base_price > item.price ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground line-through", children: [
+                item.base_price.toLocaleString(),
+                " \u20B4"
+              ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" }) }),
+              /* @__PURE__ */ jsxs(TableCell, { className: "text-right", children: [
+                item.price.toLocaleString(),
+                " \u20B4"
+              ] }),
+              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-1", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "outline",
+                    size: "icon",
+                    className: "h-8 w-8",
+                    onClick: () => handleQuantityChange(
+                      item.id,
+                      getItemQuantity(item) - 1
+                    ),
+                    disabled: getItemQuantity(item) <= 1,
+                    children: "-"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "number",
+                    min: "1",
+                    value: getItemQuantity(item),
+                    onChange: (e) => handleQuantityChange(
+                      item.id,
+                      parseInt(e.target.value) || 1
+                    ),
+                    className: "w-14 h-8 text-center"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "outline",
+                    size: "icon",
+                    className: "h-8 w-8",
+                    onClick: () => handleQuantityChange(
+                      item.id,
+                      getItemQuantity(item) + 1
+                    ),
+                    children: "+"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsxs(TableCell, { className: "text-right font-medium", children: [
+                getItemTotal(item).toLocaleString(),
+                " \u20B4"
+              ] }),
+              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs(AlertDialog, { children: [
+                /* @__PURE__ */ jsx(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-8 w-8 text-destructive hover:text-destructive",
+                    disabled: orderItems.length <= 1,
+                    children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+                  /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+                    /* @__PURE__ */ jsx(AlertDialogTitle, { children: t("admin.orders.removeItemTitle") }),
+                    /* @__PURE__ */ jsx(AlertDialogDescription, { children: t("admin.orders.removeItemText", {
+                      name: item.name
+                    }) })
+                  ] }),
+                  /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+                    /* @__PURE__ */ jsx(AlertDialogCancel, { children: t("common.cancel") }),
+                    /* @__PURE__ */ jsx(
+                      AlertDialogAction,
+                      {
+                        onClick: () => deleteItemMutation.mutate(item.id),
+                        children: t("common.delete")
+                      }
+                    )
+                  ] })
+                ] })
+              ] }) })
+            ] }, item.id)) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-4 pt-4 border-t flex justify-between items-center", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("admin.orders.totalSum") }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xl font-bold", children: [
+              calculateNewTotal().toLocaleString(),
+              " \u20B4"
+            ] })
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("admin.orders.statusSection") }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: selectedStatus || "",
+                onValueChange: handleStatusChange,
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("admin.orders.pickStatus"), children: currentStatus && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "w-3 h-3 rounded-full",
+                        style: {
+                          backgroundColor: currentStatus.color || "#6B7280"
+                        }
+                      }
+                    ),
+                    currentStatus.name
+                  ] }) }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: statuses?.map((status) => /* @__PURE__ */ jsx(SelectItem, { value: status.id, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "w-3 h-3 rounded-full",
+                        style: { backgroundColor: status.color || "#6B7280" }
+                      }
+                    ),
+                    status.name
+                  ] }) }, status.id)) })
+                ]
+              }
+            ),
+            currentStatus && /* @__PURE__ */ jsx(
+              Badge,
+              {
+                className: "w-full justify-center py-1",
+                style: { backgroundColor: currentStatus.color || "#6B7280" },
+                children: currentStatus.name
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("admin.orders.customerInfo") }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3 text-sm", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("admin.orders.nameLabel") }),
+              /* @__PURE__ */ jsxs("p", { className: "font-medium", children: [
+                order.first_name,
+                " ",
+                order.last_name
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Email:" }),
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: order.email })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("admin.orders.phoneLabel") }),
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: order.phone })
+            ] })
+          ] })
+        ] }),
+        order.has_different_recipient && /* @__PURE__ */ jsxs(Card, { className: "border-primary/30 bg-primary/5", children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(UserPlus, { className: "h-4 w-4" }),
+            t("checkout.success.recipient")
+          ] }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3 text-sm", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("admin.orders.nameLabel") }),
+              /* @__PURE__ */ jsxs("p", { className: "font-medium", children: [
+                order.recipient_first_name,
+                " ",
+                order.recipient_last_name
+              ] })
+            ] }),
+            order.recipient_phone && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("admin.orders.phoneLabel") }),
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: order.recipient_phone })
+            ] }),
+            order.recipient_email && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Email:" }),
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: order.recipient_email })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("cart.summary.shipping") }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3 text-sm", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("admin.orders.methodLabel") }),
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: order.delivery_method === "pickup" ? t("checkout.shipping.pickup") : order.delivery_method === "nova_poshta" ? t("checkout.shipping.novaPoshta") : order.delivery_method === "courier" ? t("checkout.shipping.courier") : order.delivery_method })
+            ] }),
+            order.delivery_city && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("admin.orders.cityLabel") }),
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: order.delivery_city })
+            ] }),
+            order.delivery_address && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("admin.orders.addressLabel") }),
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: order.delivery_address })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("checkout.success.payment") }) }),
+          /* @__PURE__ */ jsx(CardContent, { className: "space-y-3 text-sm", children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("admin.orders.methodLabel") }),
+            /* @__PURE__ */ jsx("p", { className: "font-medium", children: order.payment_method === "cash" ? t("checkout.payment.cash") : order.payment_method })
+          ] }) })
+        ] }),
+        order.notes && /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("admin.orders.comment") }) }),
+          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", { className: "text-sm", children: order.notes }) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+export { OrderDetail };
+//# sourceMappingURL=chunk-F2N5BY57.js.map
+//# sourceMappingURL=chunk-F2N5BY57.js.map