includio-cms 0.28.0 → 0.33.0

package/dist/admin/client/index.d.ts

@@ -23,3 +23,13 @@ export { default as ShopCouponNewPage } from './shop/coupon-new-page.svelte';
 export { default as ShopCouponEditPage } from './shop/coupon-edit-page.svelte';
 export * from '../helpers/index.js';
 export * from '../ui/index.js';
+export { default as DataTable } from './collection/data-table.svelte';
+export { default as TableToolbar } from './collection/table-toolbar.svelte';
+export { default as TablePagination } from './collection/table-pagination.svelte';
+export { default as StateDisplay } from './collection/state-display.svelte';
+export { default as PageHeader } from '../components/layout/page-header.svelte';
+export { buildCsv, downloadCsv } from '../utils/csv-export.js';
+export type { ColumnDef, PaginationState, SortingState } from '@tanstack/table-core';
+export { getBreadcrumbs, setBreadcrumbs, Breadcrumbs } from '../state/breadcrumbs.svelte.js';
+export type { Breadcrumb, AdminNavItem } from '../types.js';
+export type { AdminConfig } from '../../types/cms.js';

package/dist/admin/client/index.js

@@ -25,3 +25,15 @@ export { default as ShopCouponEditPage } from './shop/coupon-edit-page.svelte';
 export * from '../helpers/index.js';
 // Folded from `./admin/ui` (dropped as separate export in 0.20.0)
 export * from '../ui/index.js';
+// Public list-page primitives (since 0.32.0). Use these when building custom
+// admin list views (e.g. `/admin/newsletter`) so they share visual style and
+// behavior with the built-in `CollectionPage` / `ShopOrdersListPage`.
+export { default as DataTable } from './collection/data-table.svelte';
+export { default as TableToolbar } from './collection/table-toolbar.svelte';
+export { default as TablePagination } from './collection/table-pagination.svelte';
+export { default as StateDisplay } from './collection/state-display.svelte';
+export { default as PageHeader } from '../components/layout/page-header.svelte';
+export { buildCsv, downloadCsv } from '../utils/csv-export.js';
+// Breadcrumbs API (since 0.33.0). Set the breadcrumb trail from a custom
+// admin page with `getBreadcrumbs().state = [{ label, href? }, …]`.
+export { getBreadcrumbs, setBreadcrumbs, Breadcrumbs } from '../state/breadcrumbs.svelte.js';

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

@@ -14,6 +14,11 @@
 	import Server from '@tabler/icons-svelte/icons/server';
 	import Clock from '@tabler/icons-svelte/icons/clock';
 	import Settings from '@tabler/icons-svelte/icons/automation';
+	import Plug from '@tabler/icons-svelte/icons/plug-connected';
+	import Mail from '@tabler/icons-svelte/icons/mail';
+	import CreditCard from '@tabler/icons-svelte/icons/credit-card';
+	import FileInvoice from '@tabler/icons-svelte/icons/file-invoice';
+	import Send from '@tabler/icons-svelte/icons/send';
 	import Button from '../../../components/ui/button/button.svelte';
 	import * as Card from '../../../components/ui/card/index.js';
 	import { toast } from 'svelte-sonner';
@@ -363,8 +368,80 @@
 		}
 	}
 
+	// --- Integrations health-check ---
+	interface IntegrationsInfo {
+		email: { configured: boolean; adminEmail: string | null };
+		payment: { id: string; label: Record<string, string>; canPing: boolean }[];
+		invoicing: { id: string; canPing: boolean } | null;
+	}
+	type PingState = { state: 'idle' | 'checking' | 'ok' | 'error'; message?: string };
+
+	let integrations = $state<IntegrationsInfo | null>(null);
+	let pingStates = $state<Record<string, PingState>>({});
+	let testEmailTo = $state('');
+	let sendingTestEmail = $state(false);
+
+	function i18n(label: Record<string, string>): string {
+		return label[interfaceLanguage.current] ?? label.pl ?? label.en ?? Object.values(label)[0] ?? '';
+	}
+
+	async function loadIntegrations() {
+		try {
+			const res = await fetch('/admin/api/integrations');
+			if (res.ok) integrations = await res.json();
+		} catch {
+			// non-fatal — integrations section just stays hidden
+		}
+	}
+
+	async function pingIntegration(kind: 'payment' | 'invoicing', id: string) {
+		const key = kind === 'payment' ? `payment:${id}` : 'invoicing';
+		pingStates[key] = { state: 'checking' };
+		try {
+			const res = await fetch('/admin/api/integrations', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ kind, id })
+			});
+			const data = await res.json();
+			if (res.ok && data.ok) {
+				pingStates[key] = { state: 'ok' };
+				toast.success('Połączenie działa');
+			} else {
+				const message = data.message ?? data.error ?? 'Błąd połączenia';
+				pingStates[key] = { state: 'error', message };
+				toast.error(message);
+			}
+		} catch {
+			pingStates[key] = { state: 'error', message: 'Błąd sieci' };
+			toast.error('Błąd sieci');
+		}
+	}
+
+	async function sendTestEmail() {
+		sendingTestEmail = true;
+		try {
+			const res = await fetch('/admin/api/test-email', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ to: testEmailTo.trim() || undefined })
+			});
+			const data = await res.json();
+			if (res.ok && data.ok) {
+				toast.success('Wysłano testową wiadomość');
+			} else {
+				toast.error(data.message ?? 'Nie udało się wysłać wiadomości');
+			}
+		} catch {
+			toast.error('Błąd sieci');
+		} finally {
+			sendingTestEmail = false;
+		}
+	}
+
 	$effect(() => {
 		loadReport();
+		loadIntegrations();
 	});
 </script>
 
@@ -814,4 +891,137 @@
 			</div>
 		{/if}
 	{/if}
+
+	<!-- Section: Integrations health-check -->
+	{#snippet statusBadge(ps: PingState | undefined)}
+		{#if ps?.state === 'ok'}
+			<span class="rounded-full px-2 py-0.5 text-xs font-medium" style="background: color-mix(in srgb, var(--success, #3A8A5C) 15%, transparent); color: var(--success, #3A8A5C);">Połączenie OK</span>
+		{:else if ps?.state === 'error'}
+			<span class="rounded-full px-2 py-0.5 text-xs font-medium" style="background: color-mix(in srgb, var(--error, #C44B4B) 15%, transparent); color: var(--error, #C44B4B);">Błąd</span>
+		{:else if ps?.state === 'checking'}
+			<span class="flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium" style="background: var(--muted, #e5e7eb); color: var(--muted-foreground);"><Loader2 class="size-3 animate-spin" /> Sprawdzanie…</span>
+		{:else}
+			<span class="rounded-full px-2 py-0.5 text-xs font-medium" style="background: var(--muted, #e5e7eb); color: var(--muted-foreground);">Niesprawdzone</span>
+		{/if}
+	{/snippet}
+
+	{#if integrations}
+		<div class="mt-8">
+			<h2 class="mb-3 flex items-center gap-2 text-sm font-semibold uppercase tracking-wider" style="color: var(--muted-foreground);">
+				<Plug class="size-4" /> Integracje
+			</h2>
+			<div class="grid gap-4 md:grid-cols-2">
+				<!-- Email -->
+				<Card.Root>
+					<Card.Header class="pb-3">
+						<div class="flex items-center justify-between">
+							<div class="flex items-center gap-2">
+								<Mail class="size-5" style="color: var(--primary);" />
+								<Card.Title class="text-base">E-mail</Card.Title>
+							</div>
+							{#if integrations.email.configured}
+								<span class="rounded-full px-2 py-0.5 text-xs font-medium" style="background: color-mix(in srgb, var(--success, #3A8A5C) 15%, transparent); color: var(--success, #3A8A5C);">Skonfigurowane</span>
+							{:else}
+								<span class="rounded-full px-2 py-0.5 text-xs font-medium" style="background: var(--muted, #e5e7eb); color: var(--muted-foreground);">Nieskonfigurowane</span>
+							{/if}
+						</div>
+					</Card.Header>
+					<Card.Content>
+						<p class="text-sm" style="color: var(--muted-foreground);">
+							Wyślij testową wiadomość, aby sprawdzić dostarczanie e-maili.
+						</p>
+						{#if integrations.email.configured}
+							<div class="mt-3 flex flex-col gap-2 sm:flex-row">
+								<input
+									type="email"
+									bind:value={testEmailTo}
+									placeholder={integrations.email.adminEmail ?? 'adres@przyklad.pl'}
+									class="flex-1 rounded-md border bg-transparent px-3 py-1.5 text-sm outline-none focus:ring-2"
+									style="border-color: var(--border);"
+								/>
+								<Button variant="default" size="sm" onclick={sendTestEmail} disabled={sendingTestEmail}>
+									{#if sendingTestEmail}<Loader2 class="size-3.5 animate-spin" />{:else}<Send class="size-3.5" />{/if}
+									Wyślij testowy e-mail
+								</Button>
+							</div>
+							{#if !testEmailTo.trim() && integrations.email.adminEmail}
+								<p class="mt-1.5 text-xs" style="color: var(--muted-foreground);">
+									Puste pole → wyślemy na {integrations.email.adminEmail}
+								</p>
+							{:else if !testEmailTo.trim() && !integrations.email.adminEmail}
+								<p class="mt-1.5 text-xs" style="color: var(--warning, #C4893A);">
+									Podaj adres odbiorcy (brak ustawionego ADMIN_EMAIL).
+								</p>
+							{/if}
+						{/if}
+					</Card.Content>
+				</Card.Root>
+
+				<!-- Payment adapters -->
+				{#each integrations.payment as p (p.id)}
+					{@const ps = pingStates[`payment:${p.id}`]}
+					<Card.Root>
+						<Card.Header class="pb-3">
+							<div class="flex items-center justify-between">
+								<div class="flex items-center gap-2">
+									<CreditCard class="size-5" style="color: var(--primary);" />
+									<Card.Title class="text-base">{i18n(p.label)}</Card.Title>
+								</div>
+								{@render statusBadge(ps)}
+							</div>
+						</Card.Header>
+						<Card.Content>
+							<p class="text-sm" style="color: var(--muted-foreground);">Płatności · {p.id}</p>
+							{#if ps?.state === 'error' && ps.message}
+								<p class="mt-2 break-words text-xs" style="color: var(--error, #C44B4B);">{ps.message}</p>
+							{/if}
+							<div class="mt-3">
+								{#if p.canPing}
+									<Button variant="outline" size="sm" onclick={() => pingIntegration('payment', p.id)} disabled={ps?.state === 'checking'}>
+										{#if ps?.state === 'checking'}<Loader2 class="size-3.5 animate-spin" />{:else}<Plug class="size-3.5" />{/if}
+										Sprawdź połączenie
+									</Button>
+								{:else}
+									<p class="text-xs" style="color: var(--muted-foreground);">Sprawdzanie połączenia niedostępne dla tego adaptera.</p>
+								{/if}
+							</div>
+						</Card.Content>
+					</Card.Root>
+				{/each}
+
+				<!-- Invoicing -->
+				{#if integrations.invoicing}
+					{@const inv = integrations.invoicing}
+					{@const ps = pingStates['invoicing']}
+					<Card.Root>
+						<Card.Header class="pb-3">
+							<div class="flex items-center justify-between">
+								<div class="flex items-center gap-2">
+									<FileInvoice class="size-5" style="color: var(--primary);" />
+									<Card.Title class="text-base">Faktury</Card.Title>
+								</div>
+								{@render statusBadge(ps)}
+							</div>
+						</Card.Header>
+						<Card.Content>
+							<p class="text-sm" style="color: var(--muted-foreground);">Wystawianie faktur · {inv.id}</p>
+							{#if ps?.state === 'error' && ps.message}
+								<p class="mt-2 break-words text-xs" style="color: var(--error, #C44B4B);">{ps.message}</p>
+							{/if}
+							<div class="mt-3">
+								{#if inv.canPing}
+									<Button variant="outline" size="sm" onclick={() => pingIntegration('invoicing', inv.id)} disabled={ps?.state === 'checking'}>
+										{#if ps?.state === 'checking'}<Loader2 class="size-3.5 animate-spin" />{:else}<Plug class="size-3.5" />{/if}
+										Sprawdź połączenie
+									</Button>
+								{:else}
+									<p class="text-xs" style="color: var(--muted-foreground);">Sprawdzanie połączenia niedostępne dla tego adaptera.</p>
+								{/if}
+							</div>
+						</Card.Content>
+					</Card.Root>
+				{/if}
+			</div>
+		</div>
+	{/if}
 </div>

package/dist/admin/client/shop/coupon-schema.d.ts

@@ -16,8 +16,8 @@ export type CouponInput = {
 export declare function createCouponSchema(lang?: InterfaceLanguage): z.ZodObject<{
     code: z.ZodString;
     type: z.ZodEnum<{
-        percent: "percent";
         fixed: "fixed";
+        percent: "percent";
     }>;
     value: z.ZodNumber;
     minOrderAmount: z.ZodNullable<z.ZodNumber>;

package/dist/admin/client/shop/restore-order-cell.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { getRemotes } from '../../../sveltekit/index.js';
+	import { Button } from '../../../components/ui/button/index.js';
+	import RestoreIcon from '@tabler/icons-svelte/icons/restore';
+
+	let {
+		orderId,
+		label,
+		onRestored
+	}: { orderId: string; label: string; onRestored: () => void } = $props();
+
+	const remotes = getRemotes();
+	let busy = $state(false);
+
+	async function restore() {
+		busy = true;
+		try {
+			await remotes.restoreOrderCmd({ orderId });
+			onRestored();
+		} finally {
+			busy = false;
+		}
+	}
+</script>
+
+<Button variant="outline" size="sm" disabled={busy} onclick={restore}>
+	<RestoreIcon class="size-4" />
+	{label}
+</Button>

package/dist/admin/client/shop/restore-order-cell.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    orderId: string;
+    label: string;
+    onRestored: () => void;
+};
+declare const RestoreOrderCell: import("svelte").Component<$$ComponentProps, {}, "">;
+type RestoreOrderCell = ReturnType<typeof RestoreOrderCell>;
+export default RestoreOrderCell;

package/dist/admin/client/shop/shop-order-detail-page.svelte

@@ -1,8 +1,11 @@
 <script lang="ts">
 	import { page } from '$app/state';
+	import { goto } from '$app/navigation';
 	import { getRemotes } from '../../../sveltekit/index.js';
+	import { authClient } from '../../auth-client.js';
 	import { Button } from '../../../components/ui/button/index.js';
 	import MailIcon from '@tabler/icons-svelte/icons/mail';
+	import TrashIcon from '@tabler/icons-svelte/icons/trash';
 	import RefundDialog from './refund-dialog.svelte';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
 	import { getBreadcrumbs } from '../../state/breadcrumbs.svelte.js';
@@ -21,6 +24,16 @@
 	const interfaceLanguage = useInterfaceLanguage();
 	const breadcrumbs = getBreadcrumbs();
 
+	const session = authClient.useSession();
+	const isAdmin = $derived($session.data?.user?.role === 'admin');
+	// Mirror of DELETABLE_ORDER_STATUSES (server) — statuses an admin may hide.
+	const DELETABLE_STATUSES = new Set<OrderStatusT>([
+		'new',
+		'awaitingPayment',
+		'cancelled',
+		'paymentRejected'
+	]);
+
 	const orderId = $derived(page.params.id ?? '');
 	const query = $derived(remotes.getOrderForAdmin(orderId));
 
@@ -229,6 +242,29 @@
 			balanceLinkBusy = false;
 		}
 	}
+
+	let deleteDialogOpen = $state(false);
+	let deleting = $state(false);
+
+	async function performDelete() {
+		deleting = true;
+		errorMessage = null;
+		successMessage = null;
+		try {
+			const result = await remotes.deleteOrderCmd({ orderId });
+			if (!result.success) {
+				errorMessage = result.error;
+				deleteDialogOpen = false;
+				return;
+			}
+			await goto('/admin/shop/orders');
+		} catch (err) {
+			errorMessage = err instanceof Error ? err.message : 'Nie udało się usunąć zamówienia';
+			deleteDialogOpen = false;
+		} finally {
+			deleting = false;
+		}
+	}
 </script>
 
 {#if !query.ready}
@@ -239,7 +275,7 @@
 		<Button href="/admin/shop/orders" variant="outline">← Wróć do listy</Button>
 	</div>
 {:else}
-	{@const { order, items, history } = query.current}
+	{@const { order, items, history, coupon } = query.current}
 	{@const address = order.shippingAddress as Record<string, string> | null}
 	{@const consents = order.consents as Array<{
 		id: string;
@@ -324,6 +360,14 @@
 									>{formatCentsPrice(order.shippingGross, order.currency)}</td
 								>
 							</tr>
+							{#if coupon && coupon.discountAmount > 0}
+								<tr>
+									<td colspan="5" class="text-right text-sm">Rabat ({coupon.code}):</td>
+									<td class="text-primary text-right tabular-nums">
+										−{formatCentsPrice(coupon.discountAmount, order.currency)}
+									</td>
+								</tr>
+							{/if}
 							<tr>
 								<td colspan="5" class="text-right text-sm">Razem netto:</td>
 								<td class="text-muted-foreground text-right tabular-nums">
@@ -704,6 +748,24 @@
 						<p class="text-xs whitespace-pre-wrap">{order.notes}</p>
 					</section>
 				{/if}
+
+				{#if isAdmin && !order.deletedAt && DELETABLE_STATUSES.has(order.status as OrderStatusT)}
+					<section class="border-destructive/30 bg-card space-y-3 rounded-xl border p-3 text-sm sm:p-5">
+						<h2 class="text-base font-bold">Usuń zamówienie</h2>
+						<p class="text-muted-foreground text-xs">
+							Zamówienie zniknie z listy, ale zostanie zapisane — w razie potrzeby przywrócisz je
+							z kosza. Dostępne tylko dla zamówień bez płatności i faktury.
+						</p>
+						<Button
+							onclick={() => (deleteDialogOpen = true)}
+							variant="outline"
+							class="text-destructive hover:bg-destructive-bg w-full"
+						>
+							<TrashIcon class="size-4" />
+							Usuń zamówienie
+						</Button>
+					</section>
+				{/if}
 			</div>
 		</div>
 	</div>
@@ -732,3 +794,11 @@
 	loading={shipping}
 	onConfirm={performCancelShipment}
 />
+
+<ConfirmationDialog
+	bind:open={deleteDialogOpen}
+	title="Usunąć zamówienie?"
+	description="Zniknie z listy zamówień. Zostanie zapisane i w razie potrzeby przywrócisz je z kosza."
+	loading={deleting}
+	onConfirm={performDelete}
+/>