simplycms 0.4.0

package/dist/storefront-routes/pages/ProfileOrders.js

@@ -0,0 +1,131 @@
+import { getOrderStatuses, getMyOrders } from '../../chunk-5C2YI56N.js';
+import { useState } from 'react';
+import { Link } from '@tanstack/react-router';
+import { useQuery } from '@tanstack/react-query';
+import { Filter, Package, Calendar, ChevronRight } from 'lucide-react';
+import { Card, CardContent } from 'simplycms/ui/card';
+import { Button } from 'simplycms/ui/button';
+import { Badge } from 'simplycms/ui/badge';
+import { Skeleton } from 'simplycms/ui/skeleton';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from 'simplycms/ui/select';
+import { useAuth } from 'simplycms/core/hooks/useAuth';
+import { useT } from 'simplycms/i18n';
+import { useFormatPrice } from 'simplycms/react-query';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ALL_STATUSES = "all";
+function ProfileOrdersPage() {
+  const t = useT();
+  const { user } = useAuth();
+  const [selectedStatus, setSelectedStatus] = useState(ALL_STATUSES);
+  const { data: statuses = [] } = useQuery({
+    queryKey: ["order-statuses"],
+    queryFn: () => getOrderStatuses()
+  });
+  const { data: orders = [], isLoading } = useQuery({
+    queryKey: ["my-orders", user?.id, selectedStatus],
+    queryFn: () => getMyOrders({
+      data: selectedStatus === ALL_STATUSES ? {} : { statusId: selectedStatus }
+    }),
+    enabled: !!user
+  });
+  const formatPrice = useFormatPrice();
+  const formatDate = (dateString) => {
+    return new Intl.DateTimeFormat("uk-UA", {
+      day: "numeric",
+      month: "long",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(new Date(dateString));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: t("profile.orders.title") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsxs(Select, { value: selectedStatus, onValueChange: setSelectedStatus, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("profile.orders.allStatuses") }) }),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: ALL_STATUSES, children: t("profile.orders.allStatuses") }),
+            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-2 h-2 rounded-full",
+                  style: { backgroundColor: status.color || "#gray" }
+                }
+              ),
+              status.name
+            ] }) }, status.id))
+          ] })
+        ] })
+      ] })
+    ] }),
+    isLoading ? /* @__PURE__ */ jsx("div", { className: "space-y-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" }, i)) }) : orders.length === 0 ? /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "py-12 text-center", children: [
+      /* @__PURE__ */ jsx(Package, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold mb-2", children: t(
+        selectedStatus === ALL_STATUSES ? "profile.noOrders" : "profile.orders.noneForStatus"
+      ) }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4", children: t(
+        selectedStatus === ALL_STATUSES ? "profile.orders.emptyHint" : "profile.orders.filterHint"
+      ) }),
+      selectedStatus === ALL_STATUSES && /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(Link, { to: "/catalog", children: t("cart.empty.cta") }) })
+    ] }) }) : /* @__PURE__ */ jsx("div", { className: "space-y-4", children: orders.map((order) => /* @__PURE__ */ jsx(
+      Link,
+      {
+        to: "/profile/orders/$orderId",
+        params: { orderId: order.id },
+        className: "block",
+        children: /* @__PURE__ */ jsx(Card, { className: "hover:border-primary/50 transition-colors", children: /* @__PURE__ */ jsx(CardContent, { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg", children: order.order_number }),
+              order.status && /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  variant: "outline",
+                  style: {
+                    borderColor: order.status.color || void 0,
+                    color: order.status.color || void 0
+                  },
+                  children: order.status.name
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4" }),
+              formatDate(order.created_at)
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
+              order.items.slice(0, 2).map((item, i) => /* @__PURE__ */ jsxs("span", { children: [
+                i > 0 && ", ",
+                item.name,
+                " \xD7",
+                item.quantity
+              ] }, item.id)),
+              order.items.length > 2 && /* @__PURE__ */ jsxs("span", { children: [
+                " ",
+                t("profile.orders.moreItems", {
+                  count: order.items.length - 2
+                })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("common.amount") }),
+              /* @__PURE__ */ jsx("p", { className: "text-xl font-bold text-primary", children: formatPrice(order.total) })
+            ] }),
+            /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5 text-muted-foreground hidden sm:block" })
+          ] })
+        ] }) }) })
+      },
+      order.id
+    )) })
+  ] });
+}
+
+export { ProfileOrdersPage as default };
+//# sourceMappingURL=ProfileOrders.js.map
+//# sourceMappingURL=ProfileOrders.js.map

package/dist/storefront-routes/pages/ProfileOrders.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/storefront-routes/pages/ProfileOrders.tsx"],"names":[],"mappings":"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","file":"ProfileOrders.js","sourcesContent":["import { useState } from 'react';\nimport { Link } from '@tanstack/react-router';\nimport { useQuery } from '@tanstack/react-query';\nimport { Package, Calendar, ChevronRight, Filter } from 'lucide-react';\nimport { Card, CardContent } from 'simplycms/ui/card';\nimport { Button } from 'simplycms/ui/button';\nimport { Badge } from 'simplycms/ui/badge';\nimport { Skeleton } from 'simplycms/ui/skeleton';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from 'simplycms/ui/select';\nimport { useAuth } from 'simplycms/core/hooks/useAuth';\nimport { useT } from 'simplycms/i18n';\nimport { useFormatPrice } from 'simplycms/react-query';\nimport { getMyOrders, getOrderStatuses } from '../server/profile-orders';\n\n/** Значення фільтра «усі статуси». */\nconst ALL_STATUSES = 'all';\n\nexport default function ProfileOrdersPage() {\n  const t = useT();\n  const { user } = useAuth();\n  const [selectedStatus, setSelectedStatus] = useState<string>(ALL_STATUSES);\n\n  const { data: statuses = [] } = useQuery({\n    queryKey: ['order-statuses'],\n    queryFn: () => getOrderStatuses(),\n  });\n\n  /**\n   * 🔴 Список замовлень — під актором власника сесії (див. `Profile.tsx`).\n   * Фільтр статусу їде параметром, бо він і є вибором користувача; чиї саме\n   * замовлення показати — параметром НЕ їде і їхати не може.\n   */\n  const { data: orders = [], isLoading } = useQuery({\n    queryKey: ['my-orders', user?.id, selectedStatus],\n    queryFn: () =>\n      getMyOrders({\n        data:\n          selectedStatus === ALL_STATUSES ? {} : { statusId: selectedStatus },\n      }),\n    enabled: !!user,\n  });\n\n  // Форматування ціни — через конфіг магазину (locale/currency), а не\n  // хардкод 'uk-UA'/'UAH': символ валюти більше не залежить від CLDR рушія\n  // (див. simplycms/domain/money).\n  const formatPrice = useFormatPrice();\n\n  const formatDate = (dateString: string) => {\n    return new Intl.DateTimeFormat('uk-UA', {\n      day: 'numeric',\n      month: 'long',\n      year: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit',\n    }).format(new Date(dateString));\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\n        <h1 className=\"text-2xl font-bold\">{t('profile.orders.title')}</h1>\n\n        <div className=\"flex items-center gap-2\">\n          <Filter className=\"h-4 w-4 text-muted-foreground\" />\n          <Select value={selectedStatus} onValueChange={setSelectedStatus}>\n            <SelectTrigger className=\"w-[180px]\">\n              <SelectValue placeholder={t('profile.orders.allStatuses')} />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value={ALL_STATUSES}>\n                {t('profile.orders.allStatuses')}\n              </SelectItem>\n              {statuses.map((status) => (\n                <SelectItem key={status.id} value={status.id}>\n                  <div className=\"flex items-center gap-2\">\n                    <div\n                      className=\"w-2 h-2 rounded-full\"\n                      style={{ backgroundColor: status.color || '#gray' }}\n                    />\n                    {status.name}\n                  </div>\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      </div>\n\n      {isLoading ? (\n        <div className=\"space-y-4\">\n          {[1, 2, 3].map((i) => (\n            <Skeleton key={i} className=\"h-32 w-full\" />\n          ))}\n        </div>\n      ) : orders.length === 0 ? (\n        <Card>\n          <CardContent className=\"py-12 text-center\">\n            <Package className=\"h-12 w-12 text-muted-foreground mx-auto mb-4\" />\n            <h2 className=\"text-xl font-semibold mb-2\">\n              {t(\n                selectedStatus === ALL_STATUSES\n                  ? 'profile.noOrders'\n                  : 'profile.orders.noneForStatus',\n              )}\n            </h2>\n            <p className=\"text-muted-foreground mb-4\">\n              {t(\n                selectedStatus === ALL_STATUSES\n                  ? 'profile.orders.emptyHint'\n                  : 'profile.orders.filterHint',\n              )}\n            </p>\n            {selectedStatus === ALL_STATUSES && (\n              <Button asChild>\n                <Link to=\"/catalog\">{t('cart.empty.cta')}</Link>\n              </Button>\n            )}\n          </CardContent>\n        </Card>\n      ) : (\n        <div className=\"space-y-4\">\n          {orders.map((order) => (\n            <Link\n              key={order.id}\n              to=\"/profile/orders/$orderId\"\n              params={{ orderId: order.id }}\n              className=\"block\"\n            >\n              <Card className=\"hover:border-primary/50 transition-colors\">\n                <CardContent className=\"p-4 sm:p-6\">\n                  <div className=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\n                    <div className=\"space-y-2\">\n                      <div className=\"flex items-center gap-3\">\n                        <span className=\"font-semibold text-lg\">\n                          {order.order_number}\n                        </span>\n                        {order.status && (\n                          <Badge\n                            variant=\"outline\"\n                            style={{\n                              borderColor: order.status.color || undefined,\n                              color: order.status.color || undefined,\n                            }}\n                          >\n                            {order.status.name}\n                          </Badge>\n                        )}\n                      </div>\n\n                      <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n                        <Calendar className=\"h-4 w-4\" />\n                        {formatDate(order.created_at)}\n                      </div>\n\n                      <div className=\"text-sm text-muted-foreground\">\n                        {order.items.slice(0, 2).map((item, i) => (\n                          <span key={item.id}>\n                            {i > 0 && ', '}\n                            {item.name} ×{item.quantity}\n                          </span>\n                        ))}\n                        {order.items.length > 2 && (\n                          <span>\n                            {' '}\n                            {t('profile.orders.moreItems', {\n                              count: order.items.length - 2,\n                            })}\n                          </span>\n                        )}\n                      </div>\n                    </div>\n\n                    <div className=\"flex items-center gap-4\">\n                      <div className=\"text-right\">\n                        <p className=\"text-sm text-muted-foreground\">\n                          {t('common.amount')}\n                        </p>\n                        <p className=\"text-xl font-bold text-primary\">\n                          {formatPrice(order.total)}\n                        </p>\n                      </div>\n                      <ChevronRight className=\"h-5 w-5 text-muted-foreground hidden sm:block\" />\n                    </div>\n                  </div>\n                </CardContent>\n              </Card>\n            </Link>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/storefront-routes/pages/ProfileSettings.d.ts

@@ -0,0 +1 @@
+export default function ProfileSettingsPage(): import("react").JSX.Element;

package/dist/storefront-routes/pages/ProfileSettings.js

@@ -0,0 +1,344 @@
+import { getProfileSettings, saveProfileSettings } from '../../chunk-YAAGMUI6.js';
+import { useState, useMemo, useEffect } from 'react';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+import { User, Loader2, Save, KeyRound } from 'lucide-react';
+import { Card, CardHeader, CardTitle, CardContent, CardDescription } from 'simplycms/ui/card';
+import { Button } from 'simplycms/ui/button';
+import { Input } from 'simplycms/ui/input';
+import { Skeleton } from 'simplycms/ui/skeleton';
+import { Form, FormField, FormItem, FormLabel, FormControl, FormMessage } from 'simplycms/ui/form';
+import { useAuth } from 'simplycms/core/hooks/useAuth';
+import { authClient } from 'simplycms/core/lib/auth-client';
+import { useT } from 'simplycms/i18n';
+import { toast } from 'simplycms/core/hooks/use-toast';
+import { AvatarUpload } from 'simplycms/core/components/profile/AvatarUpload';
+import { AddressesList } from 'simplycms/core/components/profile/AddressesList';
+import { RecipientsList } from 'simplycms/core/components/profile/RecipientsList';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var buildProfileSchema = (t) => z.object({
+  firstName: z.string().min(2, t("validation.min2")).max(100, t("validation.max100")),
+  lastName: z.string().min(2, t("validation.min2")).max(100, t("validation.max100")),
+  phone: z.string().min(10, t("validation.phone")).max(20, t("validation.max20")).optional().or(z.literal(""))
+});
+var buildPasswordSchema = (t) => z.object({
+  // 🔴 Поточний пароль зʼявився разом із Better Auth: його `changePassword`
+  // вимагає підтвердження володіння акаунтом, і це не формальність —
+  // без нього викрадена сесія міняла б пароль без жодного знання.
+  currentPassword: z.string().min(6, t("validation.min6")),
+  newPassword: z.string().min(6, t("validation.min6")),
+  confirmPassword: z.string().min(6, t("validation.min6"))
+}).refine((data) => data.newPassword === data.confirmPassword, {
+  message: t("validation.passwordMismatch"),
+  path: ["confirmPassword"]
+});
+function ProfileSettingsPage() {
+  const t = useT();
+  const { user } = useAuth();
+  const [isLoading, setIsLoading] = useState(true);
+  const [isSaving, setIsSaving] = useState(false);
+  const [isChangingPassword, setIsChangingPassword] = useState(false);
+  const [avatarUrl, setAvatarUrl] = useState(null);
+  const [profileData, setProfileData] = useState(null);
+  const profileSchema = useMemo(() => buildProfileSchema(t), [t]);
+  const passwordSchema = useMemo(() => buildPasswordSchema(t), [t]);
+  const profileForm = useForm({
+    resolver: zodResolver(profileSchema),
+    defaultValues: {
+      firstName: "",
+      lastName: "",
+      phone: ""
+    }
+  });
+  const passwordForm = useForm({
+    resolver: zodResolver(passwordSchema),
+    defaultValues: {
+      currentPassword: "",
+      newPassword: "",
+      confirmPassword: ""
+    }
+  });
+  useEffect(() => {
+    if (!user) return;
+    void getProfileSettings().then((data) => {
+      if (!data) return;
+      profileForm.setValue("firstName", data.first_name || "");
+      profileForm.setValue("lastName", data.last_name || "");
+      profileForm.setValue("phone", data.phone || "");
+      setAvatarUrl(data.avatar_url);
+      setProfileData({
+        first_name: data.first_name,
+        last_name: data.last_name
+      });
+    }).catch((error) => {
+      console.error("Error loading profile:", error);
+    }).finally(() => setIsLoading(false));
+  }, [user, profileForm]);
+  const onProfileSubmit = async (data) => {
+    if (!user) return;
+    setIsSaving(true);
+    try {
+      await saveProfileSettings({
+        data: {
+          firstName: data.firstName,
+          lastName: data.lastName,
+          phone: data.phone || null
+        }
+      });
+      toast({
+        title: t("profile.settings.saved"),
+        description: t("profile.settings.savedHint")
+      });
+    } catch (error) {
+      console.error("Error updating profile:", error);
+      toast({
+        title: t("common.error"),
+        description: error instanceof Error ? error.message : t("profile.settings.saveFailed"),
+        variant: "destructive"
+      });
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const onPasswordSubmit = async (data) => {
+    setIsChangingPassword(true);
+    try {
+      const { error } = await authClient.changePassword({
+        currentPassword: data.currentPassword,
+        newPassword: data.newPassword,
+        // Зміна пароля гасить решту сесій — інакше вкрадена cookie
+        // переживала б саме ту дію, якою її намагаються знешкодити.
+        revokeOtherSessions: true
+      });
+      if (error) {
+        throw new Error(
+          error.code === "INVALID_PASSWORD" ? t("profile.password.wrongCurrent") : error.message ?? t("profile.password.failed")
+        );
+      }
+      passwordForm.reset();
+      toast({
+        title: t("profile.password.changed"),
+        description: t("profile.password.changedHint")
+      });
+    } catch (error) {
+      console.error("Error changing password:", error);
+      toast({
+        title: t("common.error"),
+        description: error instanceof Error ? error.message : t("profile.password.failed"),
+        variant: "destructive"
+      });
+    } finally {
+      setIsChangingPassword(false);
+    }
+  };
+  if (isLoading) {
+    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" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-48 w-full" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: t("nav.settings") }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: t("profile.settings.avatar") }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
+        AvatarUpload,
+        {
+          userId: user?.id || "",
+          currentAvatarUrl: avatarUrl,
+          firstName: profileData?.first_name,
+          lastName: profileData?.last_name,
+          email: user?.email,
+          onUpdate: setAvatarUrl
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsxs(CardTitle, { className: "text-lg flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(User, { className: "h-5 w-5" }),
+          t("profile.personalData")
+        ] }),
+        /* @__PURE__ */ jsx(CardDescription, { children: t("profile.settings.editContacts") })
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Form, { ...profileForm, children: /* @__PURE__ */ jsxs(
+        "form",
+        {
+          onSubmit: profileForm.handleSubmit(onProfileSubmit),
+          className: "space-y-4",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsx(
+                FormField,
+                {
+                  control: profileForm.control,
+                  name: "firstName",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                    /* @__PURE__ */ jsx(FormLabel, { children: t("common.firstName") }),
+                    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        placeholder: t(
+                          "profile.settings.firstNamePlaceholder"
+                        ),
+                        ...field
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(FormMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                FormField,
+                {
+                  control: profileForm.control,
+                  name: "lastName",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                    /* @__PURE__ */ jsx(FormLabel, { children: t("common.lastName") }),
+                    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        placeholder: t(
+                          "profile.settings.lastNamePlaceholder"
+                        ),
+                        ...field
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(FormMessage, {})
+                  ] })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(FormLabel, { children: "Email" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: user?.email || "",
+                  disabled: true,
+                  className: "mt-2 bg-muted"
+                }
+              ),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: t("profile.settings.emailLocked") })
+            ] }),
+            /* @__PURE__ */ jsx(
+              FormField,
+              {
+                control: profileForm.control,
+                name: "phone",
+                render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                  /* @__PURE__ */ jsx(FormLabel, { children: t("common.phone") }),
+                  /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { type: "tel", placeholder: "+380", ...field }) }),
+                  /* @__PURE__ */ jsx(FormMessage, {})
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSaving, children: isSaving ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+              t("common.saving")
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Save, { className: "h-4 w-4 mr-2" }),
+              t("common.save")
+            ] }) })
+          ]
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsxs(CardTitle, { className: "text-lg flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(KeyRound, { className: "h-5 w-5" }),
+          t("profile.password.title")
+        ] }),
+        /* @__PURE__ */ jsx(CardDescription, { children: t("profile.password.subtitle") })
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Form, { ...passwordForm, children: /* @__PURE__ */ jsxs(
+        "form",
+        {
+          onSubmit: passwordForm.handleSubmit(onPasswordSubmit),
+          className: "space-y-4",
+          children: [
+            /* @__PURE__ */ jsx(
+              FormField,
+              {
+                control: passwordForm.control,
+                name: "currentPassword",
+                render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                  /* @__PURE__ */ jsx(FormLabel, { children: t("profile.password.current") }),
+                  /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "password",
+                      autoComplete: "current-password",
+                      ...field
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(FormMessage, {})
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              FormField,
+              {
+                control: passwordForm.control,
+                name: "newPassword",
+                render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                  /* @__PURE__ */ jsx(FormLabel, { children: t("profile.password.new") }),
+                  /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "password",
+                      placeholder: t("validation.min6"),
+                      ...field
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(FormMessage, {})
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              FormField,
+              {
+                control: passwordForm.control,
+                name: "confirmPassword",
+                render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                  /* @__PURE__ */ jsx(FormLabel, { children: t("profile.password.confirm") }),
+                  /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "password",
+                      placeholder: t("profile.password.confirmPlaceholder"),
+                      ...field
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(FormMessage, {})
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "submit",
+                variant: "secondary",
+                disabled: isChangingPassword,
+                children: isChangingPassword ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+                  t("profile.password.pending")
+                ] }) : t("profile.password.submit")
+              }
+            )
+          ]
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx(AddressesList, {}),
+    /* @__PURE__ */ jsx(RecipientsList, {})
+  ] });
+}
+
+export { ProfileSettingsPage as default };
+//# sourceMappingURL=ProfileSettings.js.map
+//# sourceMappingURL=ProfileSettings.js.map

package/dist/storefront-routes/pages/ProfileSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/storefront-routes/pages/ProfileSettings.tsx"],"names":[],"mappings":"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","file":"ProfileSettings.js","sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { z } from 'zod';\nimport { User, Save, Loader2, KeyRound } from 'lucide-react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n} from 'simplycms/ui/card';\nimport { Button } from 'simplycms/ui/button';\nimport { Input } from 'simplycms/ui/input';\nimport { Skeleton } from 'simplycms/ui/skeleton';\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from 'simplycms/ui/form';\nimport { useAuth } from 'simplycms/core/hooks/useAuth';\nimport { authClient } from 'simplycms/core/lib/auth-client';\nimport { getProfileSettings, saveProfileSettings } from '../server/profile';\nimport { useT, type Translator } from 'simplycms/i18n';\nimport { toast } from 'simplycms/core/hooks/use-toast';\nimport { AvatarUpload } from 'simplycms/core/components/profile/AvatarUpload';\nimport { AddressesList } from 'simplycms/core/components/profile/AddressesList';\nimport { RecipientsList } from 'simplycms/core/components/profile/RecipientsList';\n\n// Фабрики схем: повідомлення валідації живуть у каталозі, а транслятор\n// доступний лише в рендері. Обидві мемоїзуються по `t` у компоненті.\nconst buildProfileSchema = (t: Translator) =>\n  z.object({\n    firstName: z\n      .string()\n      .min(2, t('validation.min2'))\n      .max(100, t('validation.max100')),\n    lastName: z\n      .string()\n      .min(2, t('validation.min2'))\n      .max(100, t('validation.max100')),\n    phone: z\n      .string()\n      .min(10, t('validation.phone'))\n      .max(20, t('validation.max20'))\n      .optional()\n      .or(z.literal('')),\n  });\n\nconst buildPasswordSchema = (t: Translator) =>\n  z\n    .object({\n      // 🔴 Поточний пароль зʼявився разом із Better Auth: його `changePassword`\n      // вимагає підтвердження володіння акаунтом, і це не формальність —\n      // без нього викрадена сесія міняла б пароль без жодного знання.\n      currentPassword: z.string().min(6, t('validation.min6')),\n      newPassword: z.string().min(6, t('validation.min6')),\n      confirmPassword: z.string().min(6, t('validation.min6')),\n    })\n    .refine((data) => data.newPassword === data.confirmPassword, {\n      message: t('validation.passwordMismatch'),\n      path: ['confirmPassword'],\n    });\n\ntype ProfileFormData = z.infer<ReturnType<typeof buildProfileSchema>>;\ntype PasswordFormData = z.infer<ReturnType<typeof buildPasswordSchema>>;\n\nexport default function ProfileSettingsPage() {\n  const t = useT();\n  const { user } = useAuth();\n  const [isLoading, setIsLoading] = useState(true);\n  const [isSaving, setIsSaving] = useState(false);\n  const [isChangingPassword, setIsChangingPassword] = useState(false);\n  const [avatarUrl, setAvatarUrl] = useState<string | null>(null);\n  const [profileData, setProfileData] = useState<{\n    first_name?: string | null;\n    last_name?: string | null;\n  } | null>(null);\n\n  const profileSchema = useMemo(() => buildProfileSchema(t), [t]);\n  const passwordSchema = useMemo(() => buildPasswordSchema(t), [t]);\n\n  const profileForm = useForm<ProfileFormData>({\n    resolver: zodResolver(profileSchema),\n    defaultValues: {\n      firstName: '',\n      lastName: '',\n      phone: '',\n    },\n  });\n\n  const passwordForm = useForm<PasswordFormData>({\n    resolver: zodResolver(passwordSchema),\n    defaultValues: {\n      currentPassword: '',\n      newPassword: '',\n      confirmPassword: '',\n    },\n  });\n\n  /**\n   * 🔴 Профіль читає й пише СЕРВЕР під актором власника сесії. `user_id` у\n   * запиті більше немає взагалі: рядок обирає `readSessionSubject`, а не\n   * параметр із браузера — інакше форма налаштувань редагувала б будь-який\n   * профіль, id якого підставили.\n   */\n  useEffect(() => {\n    // Без користувача сторінка кабінету й не рендериться (роут `_protected`),\n    // тож стан лишається «завантаження» — як і до переходу на serverFn.\n    if (!user) return;\n\n    void getProfileSettings()\n      .then((data) => {\n        if (!data) return;\n        profileForm.setValue('firstName', data.first_name || '');\n        profileForm.setValue('lastName', data.last_name || '');\n        profileForm.setValue('phone', data.phone || '');\n        setAvatarUrl(data.avatar_url);\n        setProfileData({\n          first_name: data.first_name,\n          last_name: data.last_name,\n        });\n      })\n      .catch((error: unknown) => {\n        console.error('Error loading profile:', error);\n      })\n      .finally(() => setIsLoading(false));\n  }, [user, profileForm]);\n\n  const onProfileSubmit = async (data: ProfileFormData) => {\n    if (!user) return;\n    setIsSaving(true);\n\n    try {\n      await saveProfileSettings({\n        data: {\n          firstName: data.firstName,\n          lastName: data.lastName,\n          phone: data.phone || null,\n        },\n      });\n\n      toast({\n        title: t('profile.settings.saved'),\n        description: t('profile.settings.savedHint'),\n      });\n    } catch (error: unknown) {\n      console.error('Error updating profile:', error);\n      toast({\n        title: t('common.error'),\n        description:\n          error instanceof Error\n            ? error.message\n            : t('profile.settings.saveFailed'),\n        variant: 'destructive',\n      });\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const onPasswordSubmit = async (data: PasswordFormData) => {\n    setIsChangingPassword(true);\n\n    try {\n      const { error } = await authClient.changePassword({\n        currentPassword: data.currentPassword,\n        newPassword: data.newPassword,\n        // Зміна пароля гасить решту сесій — інакше вкрадена cookie\n        // переживала б саме ту дію, якою її намагаються знешкодити.\n        revokeOtherSessions: true,\n      });\n\n      if (error) {\n        throw new Error(\n          error.code === 'INVALID_PASSWORD'\n            ? t('profile.password.wrongCurrent')\n            : (error.message ?? t('profile.password.failed')),\n        );\n      }\n\n      passwordForm.reset();\n      toast({\n        title: t('profile.password.changed'),\n        description: t('profile.password.changedHint'),\n      });\n    } catch (error: unknown) {\n      console.error('Error changing password:', error);\n      toast({\n        title: t('common.error'),\n        description:\n          error instanceof Error ? error.message : t('profile.password.failed'),\n        variant: 'destructive',\n      });\n    } finally {\n      setIsChangingPassword(false);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-6\">\n        <Skeleton className=\"h-8 w-48\" />\n        <Skeleton className=\"h-64 w-full\" />\n        <Skeleton className=\"h-48 w-full\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      <h1 className=\"text-2xl font-bold\">{t('nav.settings')}</h1>\n\n      {/* Avatar */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-lg\">\n            {t('profile.settings.avatar')}\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <AvatarUpload\n            userId={user?.id || ''}\n            currentAvatarUrl={avatarUrl}\n            firstName={profileData?.first_name}\n            lastName={profileData?.last_name}\n            email={user?.email}\n            onUpdate={setAvatarUrl}\n          />\n        </CardContent>\n      </Card>\n\n      {/* Profile settings */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-lg flex items-center gap-2\">\n            <User className=\"h-5 w-5\" />\n            {t('profile.personalData')}\n          </CardTitle>\n          <CardDescription>\n            {t('profile.settings.editContacts')}\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <Form {...profileForm}>\n            <form\n              onSubmit={profileForm.handleSubmit(onProfileSubmit)}\n              className=\"space-y-4\"\n            >\n              <div className=\"grid sm:grid-cols-2 gap-4\">\n                <FormField\n                  control={profileForm.control}\n                  name=\"firstName\"\n                  render={({ field }) => (\n                    <FormItem>\n                      <FormLabel>{t('common.firstName')}</FormLabel>\n                      <FormControl>\n                        <Input\n                          placeholder={t(\n                            'profile.settings.firstNamePlaceholder',\n                          )}\n                          {...field}\n                        />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  )}\n                />\n                <FormField\n                  control={profileForm.control}\n                  name=\"lastName\"\n                  render={({ field }) => (\n                    <FormItem>\n                      <FormLabel>{t('common.lastName')}</FormLabel>\n                      <FormControl>\n                        <Input\n                          placeholder={t(\n                            'profile.settings.lastNamePlaceholder',\n                          )}\n                          {...field}\n                        />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  )}\n                />\n              </div>\n\n              <div>\n                <FormLabel>Email</FormLabel>\n                <Input\n                  value={user?.email || ''}\n                  disabled\n                  className=\"mt-2 bg-muted\"\n                />\n                <p className=\"text-sm text-muted-foreground mt-1\">\n                  {t('profile.settings.emailLocked')}\n                </p>\n              </div>\n\n              <FormField\n                control={profileForm.control}\n                name=\"phone\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>{t('common.phone')}</FormLabel>\n                    <FormControl>\n                      <Input type=\"tel\" placeholder=\"+380\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <Button type=\"submit\" disabled={isSaving}>\n                {isSaving ? (\n                  <>\n                    <Loader2 className=\"h-4 w-4 mr-2 animate-spin\" />\n                    {t('common.saving')}\n                  </>\n                ) : (\n                  <>\n                    <Save className=\"h-4 w-4 mr-2\" />\n                    {t('common.save')}\n                  </>\n                )}\n              </Button>\n            </form>\n          </Form>\n        </CardContent>\n      </Card>\n\n      {/* Password change */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-lg flex items-center gap-2\">\n            <KeyRound className=\"h-5 w-5\" />\n            {t('profile.password.title')}\n          </CardTitle>\n          <CardDescription>{t('profile.password.subtitle')}</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <Form {...passwordForm}>\n            <form\n              onSubmit={passwordForm.handleSubmit(onPasswordSubmit)}\n              className=\"space-y-4\"\n            >\n              <FormField\n                control={passwordForm.control}\n                name=\"currentPassword\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>{t('profile.password.current')}</FormLabel>\n                    <FormControl>\n                      <Input\n                        type=\"password\"\n                        autoComplete=\"current-password\"\n                        {...field}\n                      />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={passwordForm.control}\n                name=\"newPassword\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>{t('profile.password.new')}</FormLabel>\n                    <FormControl>\n                      <Input\n                        type=\"password\"\n                        placeholder={t('validation.min6')}\n                        {...field}\n                      />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={passwordForm.control}\n                name=\"confirmPassword\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>{t('profile.password.confirm')}</FormLabel>\n                    <FormControl>\n                      <Input\n                        type=\"password\"\n                        placeholder={t('profile.password.confirmPlaceholder')}\n                        {...field}\n                      />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <Button\n                type=\"submit\"\n                variant=\"secondary\"\n                disabled={isChangingPassword}\n              >\n                {isChangingPassword ? (\n                  <>\n                    <Loader2 className=\"h-4 w-4 mr-2 animate-spin\" />\n                    {t('profile.password.pending')}\n                  </>\n                ) : (\n                  t('profile.password.submit')\n                )}\n              </Button>\n            </form>\n          </Form>\n        </CardContent>\n      </Card>\n\n      {/* Addresses */}\n      <AddressesList />\n\n      {/* Recipients */}\n      <RecipientsList />\n    </div>\n  );\n}\n"]}

package/dist/storefront-routes/pages/Properties.d.ts

@@ -0,0 +1,5 @@
+import type { PropertyWithOptions } from 'simplycms/storefront/loaders';
+export interface PropertiesPageProps {
+    properties?: PropertyWithOptions[];
+}
+export default function PropertiesPage({ properties: initialProperties, }?: PropertiesPageProps): import("react").JSX.Element;

package/dist/storefront-routes/pages/Properties.js

@@ -0,0 +1,53 @@
+import { getProperties } from '../../chunk-MTGH4EXD.js';
+import { Link } from '@tanstack/react-router';
+import { useQuery } from '@tanstack/react-query';
+import { useT } from 'simplycms/i18n';
+import { Card, CardHeader, CardTitle, CardContent } from 'simplycms/ui/card';
+import { Loader2, ChevronRight, Tag } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function PropertiesPage({
+  properties: initialProperties
+} = {}) {
+  const t = useT();
+  const { data: properties, isLoading } = useQuery({
+    queryKey: ["public-properties-with-pages"],
+    queryFn: () => getProperties(),
+    initialData: initialProperties
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "min-h-[50vh] flex items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin text-primary" }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-4 py-8", children: [
+    /* @__PURE__ */ jsxs("nav", { className: "flex items-center gap-2 text-sm text-muted-foreground mb-6", children: [
+      /* @__PURE__ */ jsx(Link, { to: "/", className: "hover:text-foreground transition-colors", children: t("breadcrumbs.home") }),
+      /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { className: "text-foreground", children: t("properties.title") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold mb-2", children: t("properties.pageTitle") }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("properties.subtitle") })
+    ] }),
+    properties && properties.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: properties.map((property) => /* @__PURE__ */ jsx(
+      Link,
+      {
+        to: "/properties/$propertySlug",
+        params: { propertySlug: property.slug },
+        children: /* @__PURE__ */ jsxs(Card, { className: "h-full hover:shadow-lg transition-shadow cursor-pointer group", children: [
+          /* @__PURE__ */ jsx(CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "p-2 bg-primary/10 rounded-lg group-hover:bg-primary/20 transition-colors", children: /* @__PURE__ */ jsx(Tag, { className: "h-5 w-5 text-primary" }) }),
+            /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: property.name })
+          ] }) }),
+          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("properties.optionCount", {
+            count: property.property_options.length
+          }) }) })
+        ] })
+      },
+      property.id
+    )) }) : /* @__PURE__ */ jsx("div", { className: "text-center py-12 bg-muted/30 rounded-lg", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("properties.empty") }) })
+  ] });
+}
+
+export { PropertiesPage as default };
+//# sourceMappingURL=Properties.js.map
+//# sourceMappingURL=Properties.js.map