includio-cms 0.25.0 → 0.26.0

package/dist/admin/client/login/reset-password-page.svelte

@@ -9,6 +9,7 @@
 	import { loginLang } from './lang.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
 	import { authClient } from '../../auth-client.js';
+	import { generatePassword } from '../../shared/password-generate.js';
 
 	const interfaceLanguage = useInterfaceLanguage();
 	const lang = $derived(loginLang[interfaceLanguage.current]);
@@ -61,6 +62,15 @@
 		return null;
 	}
 
+	function handleGeneratePassword() {
+		const pw = generatePassword();
+		password = pw;
+		confirmPassword = pw;
+		showPassword = true;
+		showConfirm = true;
+		error = '';
+	}
+
 	async function handleSubmit(e: Event) {
 		e.preventDefault();
 		const validationError = validate();
@@ -186,9 +196,20 @@
 								{strengthLabelText}: {strengthLabels[strength.level]}
 							</p>
 						{/if}
-						<p id="reset-pw-hint" class="text-text-light mt-1 text-xs">
-							{lang.reset.passwordHint}
-						</p>
+						<div class="mt-1 flex items-center justify-between gap-2">
+							<p id="reset-pw-hint" class="text-text-light text-xs">
+								{lang.reset.passwordHint}
+							</p>
+							<Button
+								variant="link"
+								size="sm"
+								type="button"
+								class="h-auto shrink-0 p-0 text-xs"
+								onclick={handleGeneratePassword}
+							>
+								{lang.reset.generatePassword}
+							</Button>
+						</div>
 					</div>
 					<div class="space-y-2">
 						<Label for="reset-confirm">{lang.reset.confirm_password}</Label>

package/dist/admin/client/login/schema.d.ts

@@ -1,9 +1,14 @@
 import { z } from 'zod';
-export declare const loginSchema: z.ZodObject<{
+export declare function createLoginSchema(errors: {
+    emailInvalid: string;
+    passwordTooShort: string;
+}): z.ZodObject<{
     email: z.ZodString;
     password: z.ZodString;
 }, z.core.$strip>;
-export declare const forgotPasswordSchema: z.ZodObject<{
+export declare function createForgotPasswordSchema(errors: {
+    emailInvalid: string;
+}): z.ZodObject<{
     email: z.ZodString;
 }, z.core.$strip>;
 export declare function createResetPasswordSchema(errors: {
@@ -14,6 +19,13 @@ export declare function createResetPasswordSchema(errors: {
     password: z.ZodString;
     confirmPassword: z.ZodString;
 }, z.core.$strip>;
+export declare const loginSchema: z.ZodObject<{
+    email: z.ZodString;
+    password: z.ZodString;
+}, z.core.$strip>;
+export declare const forgotPasswordSchema: z.ZodObject<{
+    email: z.ZodString;
+}, z.core.$strip>;
 export declare const resetPasswordSchema: z.ZodObject<{
     password: z.ZodString;
     confirmPassword: z.ZodString;

package/dist/admin/client/login/schema.js

@@ -1,12 +1,16 @@
 import { z } from 'zod';
 import { passwordField } from '../../shared/password-schema.js';
-export const loginSchema = z.object({
-    email: z.string().email(),
-    password: z.string().min(6).max(255, 'Invalid password (min 6, max 255 characters)')
-});
-export const forgotPasswordSchema = z.object({
-    email: z.string().email()
-});
+export function createLoginSchema(errors) {
+    return z.object({
+        email: z.string().email(errors.emailInvalid),
+        password: z.string().min(6, errors.passwordTooShort).max(255, errors.passwordTooShort)
+    });
+}
+export function createForgotPasswordSchema(errors) {
+    return z.object({
+        email: z.string().email(errors.emailInvalid)
+    });
+}
 export function createResetPasswordSchema(errors) {
     return z
         .object({
@@ -18,7 +22,14 @@ export function createResetPasswordSchema(errors) {
         path: ['confirmPassword']
     });
 }
-// Static schema for backward compat (English defaults)
+// Static schemas for backward compat (English defaults)
+export const loginSchema = createLoginSchema({
+    emailInvalid: 'Enter a valid email address',
+    passwordTooShort: 'Password is too short'
+});
+export const forgotPasswordSchema = createForgotPasswordSchema({
+    emailInvalid: 'Enter a valid email address'
+});
 export const resetPasswordSchema = createResetPasswordSchema({
     minLength: 'Password must be at least 8 characters',
     requirements: 'Password must contain an uppercase letter, a number and a special character',

package/dist/admin/client/maintenance/maintenance-page.svelte

@@ -20,6 +20,7 @@
 	import { getBreadcrumbs } from '../../state/breadcrumbs.svelte.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
 	import { sidebarLang } from '../../components/layout/lang.js';
+	import PageHeader from '../../components/layout/page-header.svelte';
 
 	const breadcrumbs = getBreadcrumbs();
 	const interfaceLanguage = useInterfaceLanguage();
@@ -368,23 +369,21 @@
 </script>
 
 <div class="p-5 pb-24 md:p-7">
-	<!-- Header -->
-	<div class="mb-6 flex items-start justify-between">
-		<div>
-			<h1 class="mb-1 text-2xl font-bold">Konserwacja</h1>
-			<p class="text-sm" style="color: var(--muted-foreground);">
-				Zarządzanie mediami, optymalizacja i automatyczna konserwacja
-			</p>
-		</div>
-		<Button variant="outline" size="sm" onclick={loadReport} disabled={loading}>
-			{#if loading}
-				<Loader2 class="size-4 animate-spin" />
-			{:else}
-				<Refresh class="size-4" />
-			{/if}
-			Odśwież
-		</Button>
-	</div>
+	<PageHeader
+		title="Konserwacja"
+		description="Zarządzanie mediami, optymalizacja i automatyczna konserwacja"
+	>
+		{#snippet secondaryActions()}
+			<Button variant="outline" size="sm" onclick={loadReport} disabled={loading}>
+				{#if loading}
+					<Loader2 class="size-4 animate-spin" />
+				{:else}
+					<Refresh class="size-4" />
+				{/if}
+				Odśwież
+			</Button>
+		{/snippet}
+	</PageHeader>
 
 	<!-- Auto-maintenance status -->
 	{#if maintenanceStatus}

package/dist/admin/client/media/media-page.svelte

@@ -16,4 +16,4 @@
 	});
 </script>
 
-<MediaLibrary />
+<MediaLibrary showHeader />

package/dist/admin/client/shop/coupon-edit-page.svelte

@@ -2,25 +2,112 @@
 	import { goto } from '$app/navigation';
 	import { page } from '$app/state';
 	import { getRemotes } from '../../../sveltekit/index.js';
+	import { toast } from 'svelte-sonner';
+	import TrashIcon from '@tabler/icons-svelte/icons/trash';
 	import CouponForm from './coupon-form.svelte';
+	import DetailPageShell from '../../components/layout/detail-page-shell.svelte';
+	import StateDisplay from '../collection/state-display.svelte';
+	import ConfirmationDialog from '../../components/dialogs/confirmation-dialog.svelte';
+	import SaveIndicator from '../entry/header/save-indicator.svelte';
+	import { Button } from '../../../components/ui/button/index.js';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+	import type { InterfaceLanguage } from '../../../types/languages.js';
 
 	const remotes = getRemotes();
+	const interfaceLanguage = useInterfaceLanguage();
 	const id = $derived(page.params.id ?? '');
 	const query = $derived(remotes.getCouponAdmin(id));
+
+	type SaveStatus = 'idle' | 'saving' | 'saved' | 'unsaved' | 'error';
+	let saveStatus = $state<SaveStatus>('idle');
+	let lastSavedAt = $state<Date | null>(null);
+	let confirmDeleteOpen = $state(false);
+	let deleting = $state(false);
+
+	const lang: Record<
+		InterfaceLanguage,
+		{
+			title: string;
+			description: string;
+			submitLabel: string;
+			savedToast: string;
+			deleteLabel: string;
+			confirmDeleteTitle: (code: string) => string;
+			confirmDeleteDescription: string;
+			deleteError: string;
+			notFoundTitle: string;
+			notFoundDescription: string;
+			backToList: string;
+		}
+	> = {
+		pl: {
+			title: 'Edytuj kod rabatowy',
+			description: 'Zmień warunki kodu lub wstrzymaj go bez usuwania.',
+			submitLabel: 'Zapisz zmiany',
+			savedToast: 'Kod zaktualizowany.',
+			deleteLabel: 'Usuń kod',
+			confirmDeleteTitle: (code) => `Usunąć kod „${code}”?`,
+			confirmDeleteDescription:
+				'Klienci nie będą mogli go użyć. Aktywne rezerwacje pozostaną nienaruszone. Tej akcji nie cofniesz.',
+			deleteError: 'Nie udało się usunąć kodu.',
+			notFoundTitle: 'Nie znaleziono kodu',
+			notFoundDescription: 'Kod mógł zostać usunięty lub link jest nieaktualny.',
+			backToList: 'Wróć do listy'
+		},
+		en: {
+			title: 'Edit coupon',
+			description: 'Update conditions or pause the code without deleting it.',
+			submitLabel: 'Save changes',
+			savedToast: 'Coupon updated.',
+			deleteLabel: 'Delete coupon',
+			confirmDeleteTitle: (code) => `Delete coupon "${code}"?`,
+			confirmDeleteDescription:
+				"Customers won't be able to use it anymore. Active reservations stay valid. This cannot be undone.",
+			deleteError: 'Failed to delete coupon.',
+			notFoundTitle: 'Coupon not found',
+			notFoundDescription: 'It may have been deleted or the link is outdated.',
+			backToList: 'Back to list'
+		}
+	};
+
+	const t = $derived(lang[interfaceLanguage.current]);
+
+	function handleDelete() {
+		confirmDeleteOpen = true;
+	}
+
+	async function performDelete() {
+		deleting = true;
+		try {
+			await remotes.deleteCouponCmd(id);
+			await goto('/admin/shop/coupons');
+		} catch (err) {
+			toast.error(err instanceof Error ? err.message : t.deleteError);
+			deleting = false;
+		}
+	}
 </script>
 
-<div class="mx-auto max-w-2xl space-y-6 p-6">
-	<header>
-		<h1 class="text-2xl font-extrabold tracking-tight">Edytuj kod rabatowy</h1>
-		<p class="text-muted-foreground text-sm">
-			<a href="/admin/shop/coupons" class="hover:underline">← Wróć do listy</a>
-		</p>
-	</header>
+<DetailPageShell title={t.title} description={t.description}>
+	{#snippet secondaryActions()}
+		<SaveIndicator status={saveStatus} {lastSavedAt} />
+	{/snippet}
+	{#snippet primaryActions()}
+		<Button type="button" variant="outline" size="sm" onclick={handleDelete}>
+			<TrashIcon class="mr-1 size-4" /> {t.deleteLabel}
+		</Button>
+	{/snippet}
 
 	{#if !query.ready}
-		<p class="text-muted-foreground">Ładowanie…</p>
+		<StateDisplay kind="loading" />
 	{:else if !query.current}
-		<p>Kod nie został znaleziony.</p>
+		<StateDisplay
+			kind="error"
+			title={t.notFoundTitle}
+			description={t.notFoundDescription}
+			ctaLabel={t.backToList}
+			onCta={() => goto('/admin/shop/coupons')}
+		/>
 	{:else}
 		{@const c = query.current}
 		<CouponForm
@@ -33,12 +120,29 @@
 				expiresAt: c.expiresAt instanceof Date ? c.expiresAt.toISOString() : c.expiresAt,
 				isActive: c.isActive
 			}}
-			submitLabel="Zapisz zmiany"
+			submitLabel={t.submitLabel}
 			onSubmit={async (input) => {
-				await remotes.updateCouponCmd({ id, input });
-				await goto('/admin/shop/coupons');
+				saveStatus = 'saving';
+				try {
+					await remotes.updateCouponCmd({ id, input });
+					await query.refresh();
+					saveStatus = 'saved';
+					lastSavedAt = new Date();
+					toast.success(t.savedToast);
+				} catch (err) {
+					saveStatus = 'error';
+					throw err;
+				}
 			}}
 			onCancel={() => goto('/admin/shop/coupons')}
 		/>
 	{/if}
-</div>
+</DetailPageShell>
+
+<ConfirmationDialog
+	bind:open={confirmDeleteOpen}
+	title={query.current ? t.confirmDeleteTitle(query.current.code) : ''}
+	description={t.confirmDeleteDescription}
+	loading={deleting}
+	onConfirm={performDelete}
+/>