includio-cms 0.23.0 → 0.24.1

package/dist/admin/client/shop/coupon-form.svelte

@@ -0,0 +1,170 @@
+<script lang="ts">
+	import { Input } from '../../../components/ui/input/index.js';
+	import { Button } from '../../../components/ui/button/index.js';
+	import Label from '../../../components/ui/label/label.svelte';
+
+	type CouponInput = {
+		code: string;
+		type: 'percent' | 'fixed';
+		value: number;
+		minOrderAmount: number | null;
+		maxUses: number | null;
+		expiresAt: string | null;
+		isActive: boolean;
+	};
+
+	type Props = {
+		initial?: Partial<CouponInput>;
+		submitLabel?: string;
+		onSubmit: (input: CouponInput) => Promise<void>;
+		onCancel?: () => void;
+	};
+
+	let { initial, submitLabel = 'Zapisz', onSubmit, onCancel }: Props = $props();
+
+	let code = $state(initial?.code ?? '');
+	let type = $state<'percent' | 'fixed'>(initial?.type ?? 'percent');
+	let value = $state(initial?.value != null ? String(initial.value) : '');
+	let minOrderAmountPln = $state(
+		initial?.minOrderAmount != null ? (initial.minOrderAmount / 100).toFixed(2) : ''
+	);
+	let maxUses = $state(initial?.maxUses != null ? String(initial.maxUses) : '');
+	let expiresAt = $state(initial?.expiresAt ? initial.expiresAt.slice(0, 10) : '');
+	let isActive = $state(initial?.isActive ?? true);
+
+	let submitting = $state(false);
+	let error = $state<string | null>(null);
+
+	async function handleSubmit(e: Event) {
+		e.preventDefault();
+		error = null;
+		const numValue = Number(value.replace(',', '.'));
+		if (!Number.isFinite(numValue) || numValue <= 0) {
+			error = 'Podaj wartość większą od zera.';
+			return;
+		}
+		if (type === 'percent' && numValue > 100) {
+			error = 'Procent nie może przekraczać 100.';
+			return;
+		}
+		const minOrderCents = minOrderAmountPln
+			? Math.round(Number(minOrderAmountPln.replace(',', '.')) * 100)
+			: null;
+		if (minOrderCents != null && (!Number.isFinite(minOrderCents) || minOrderCents < 0)) {
+			error = 'Minimalna wartość zamówienia musi być nieujemna.';
+			return;
+		}
+		const maxUsesNum = maxUses ? Number(maxUses) : null;
+		if (maxUsesNum != null && (!Number.isInteger(maxUsesNum) || maxUsesNum <= 0)) {
+			error = 'Maksymalna liczba użyć musi być dodatnią liczbą całkowitą.';
+			return;
+		}
+
+		submitting = true;
+		try {
+			await onSubmit({
+				code: code.trim().toUpperCase(),
+				type,
+				value: numValue,
+				minOrderAmount: minOrderCents,
+				maxUses: maxUsesNum,
+				expiresAt: expiresAt ? new Date(expiresAt).toISOString() : null,
+				isActive
+			});
+		} catch (err) {
+			error = err instanceof Error ? err.message : 'Nie udało się zapisać.';
+			submitting = false;
+		}
+	}
+</script>
+
+<form onsubmit={handleSubmit} class="space-y-5">
+	<div class="space-y-2">
+		<Label for="coupon-code">Kod</Label>
+		<Input
+			id="coupon-code"
+			bind:value={code}
+			placeholder="np. ARIA10"
+			required
+			pattern="[A-Za-z0-9_-]+"
+			maxlength={64}
+			aria-describedby="coupon-code-hint"
+		/>
+		<p id="coupon-code-hint" class="text-muted-foreground text-xs">
+			Wielkość liter zostanie ujednolicona do dużych liter. Tylko litery, cyfry, „_”, „-”.
+		</p>
+	</div>
+
+	<fieldset class="space-y-2">
+		<legend class="mb-1 text-sm font-semibold">Typ rabatu</legend>
+		<label class="flex items-center gap-2 text-sm">
+			<input type="radio" name="coupon-type" value="percent" bind:group={type} />
+			<span>Procent (% od kwoty netto)</span>
+		</label>
+		<label class="flex items-center gap-2 text-sm">
+			<input type="radio" name="coupon-type" value="fixed" bind:group={type} />
+			<span>Kwota stała (PLN)</span>
+		</label>
+	</fieldset>
+
+	<div class="space-y-2">
+		<Label for="coupon-value">{type === 'percent' ? 'Procent (0–100)' : 'Kwota (PLN)'}</Label>
+		<Input
+			id="coupon-value"
+			type="text"
+			inputmode="decimal"
+			bind:value
+			placeholder={type === 'percent' ? 'np. 10' : 'np. 50,00'}
+			required
+		/>
+	</div>
+
+	<div class="grid grid-cols-2 gap-4">
+		<div class="space-y-2">
+			<Label for="coupon-min-order">Min. wartość zamówienia (PLN)</Label>
+			<Input
+				id="coupon-min-order"
+				type="text"
+				inputmode="decimal"
+				bind:value={minOrderAmountPln}
+				placeholder="opcjonalnie"
+			/>
+		</div>
+		<div class="space-y-2">
+			<Label for="coupon-max-uses">Maks. liczba użyć</Label>
+			<Input
+				id="coupon-max-uses"
+				type="number"
+				min="1"
+				step="1"
+				bind:value={maxUses}
+				placeholder="bez limitu"
+			/>
+		</div>
+	</div>
+
+	<div class="space-y-2">
+		<Label for="coupon-expires-at">Data wygaśnięcia</Label>
+		<Input id="coupon-expires-at" type="date" bind:value={expiresAt} />
+	</div>
+
+	<label class="flex items-center gap-2 text-sm">
+		<input type="checkbox" bind:checked={isActive} />
+		<span>Aktywny (dostępny przy checkoucie)</span>
+	</label>
+
+	{#if error}
+		<p class="text-destructive text-sm" role="alert">{error}</p>
+	{/if}
+
+	<div class="flex gap-2">
+		<Button type="submit" disabled={submitting}>
+			{submitting ? 'Zapisywanie…' : submitLabel}
+		</Button>
+		{#if onCancel}
+			<Button type="button" variant="outline" onclick={onCancel} disabled={submitting}>
+				Anuluj
+			</Button>
+		{/if}
+	</div>
+</form>

package/dist/admin/client/shop/coupon-form.svelte.d.ts

@@ -0,0 +1,18 @@
+type CouponInput = {
+    code: string;
+    type: 'percent' | 'fixed';
+    value: number;
+    minOrderAmount: number | null;
+    maxUses: number | null;
+    expiresAt: string | null;
+    isActive: boolean;
+};
+type Props = {
+    initial?: Partial<CouponInput>;
+    submitLabel?: string;
+    onSubmit: (input: CouponInput) => Promise<void>;
+    onCancel?: () => void;
+};
+declare const CouponForm: import("svelte").Component<Props, {}, "">;
+type CouponForm = ReturnType<typeof CouponForm>;
+export default CouponForm;

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

@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { getRemotes } from '../../../sveltekit/index.js';
+	import CouponForm from './coupon-form.svelte';
+
+	const remotes = getRemotes();
+</script>
+
+<div class="mx-auto max-w-2xl space-y-6 p-6">
+	<header>
+		<h1 class="text-2xl font-extrabold tracking-tight">Nowy kod rabatowy</h1>
+		<p class="text-muted-foreground text-sm">
+			<a href="/admin/shop/coupons" class="hover:underline">← Wróć do listy</a>
+		</p>
+	</header>
+
+	<CouponForm
+		submitLabel="Utwórz kod"
+		onSubmit={async (input) => {
+			await remotes.createCouponCmd(input);
+			await goto('/admin/shop/coupons');
+		}}
+		onCancel={() => goto('/admin/shop/coupons')}
+	/>
+</div>

package/dist/admin/client/shop/coupon-new-page.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CouponNewPage: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type CouponNewPage = InstanceType<typeof CouponNewPage>;
+export default CouponNewPage;

package/dist/admin/client/shop/coupons-list-page.svelte

@@ -0,0 +1,135 @@
+<script lang="ts">
+	import { getRemotes } from '../../../sveltekit/index.js';
+	import { Button } from '../../../components/ui/button/index.js';
+	import PlusIcon from '@tabler/icons-svelte/icons/plus';
+	import EditIcon from '@tabler/icons-svelte/icons/edit';
+	import TrashIcon from '@tabler/icons-svelte/icons/trash';
+
+	const remotes = getRemotes();
+	const query = $derived(remotes.listCouponsAdmin());
+
+	function formatValue(type: string, value: string): string {
+		const num = Number(value);
+		if (type === 'percent') return `${num}%`;
+		return new Intl.NumberFormat('pl-PL', {
+			style: 'currency',
+			currency: 'PLN',
+			minimumFractionDigits: 2
+		}).format(num);
+	}
+
+	function formatDate(d: Date | string | null): string {
+		if (!d) return '—';
+		return new Intl.DateTimeFormat('pl-PL', {
+			dateStyle: 'short'
+		}).format(new Date(d));
+	}
+
+	async function handleDelete(id: string, code: string) {
+		if (!confirm(`Usunąć kod „${code}”? Tej operacji nie można cofnąć.`)) return;
+		try {
+			await remotes.deleteCouponCmd(id);
+			await query.refresh();
+		} catch (err) {
+			alert(err instanceof Error ? err.message : 'Nie udało się usunąć kodu.');
+		}
+	}
+</script>
+
+<div class="flex items-center justify-between gap-4 p-6">
+	<div>
+		<h1 class="text-2xl font-extrabold tracking-tight">Kody rabatowe</h1>
+		<p class="text-muted-foreground text-sm">
+			{#if query.ready}
+				{query.current?.length ?? 0}
+				{(query.current?.length ?? 0) === 1 ? 'kod' : 'kodów'}
+			{:else}
+				Ładowanie…
+			{/if}
+		</p>
+	</div>
+	<Button href="/admin/shop/coupons/new">
+		<PlusIcon class="mr-1 size-4" />
+		Dodaj kod
+	</Button>
+</div>
+
+{#if query.ready && query.current && query.current.length > 0}
+	<div class="px-6 pb-6">
+		<div class="border-border bg-card overflow-hidden rounded-xl border">
+			<table class="w-full text-sm">
+				<thead class="text-muted-foreground bg-muted/50 text-left text-xs uppercase">
+					<tr>
+						<th class="px-4 py-3 font-semibold">Kod</th>
+						<th class="px-4 py-3 font-semibold">Wartość</th>
+						<th class="px-4 py-3 font-semibold">Min. zamów.</th>
+						<th class="px-4 py-3 font-semibold">Wykorzystano</th>
+						<th class="px-4 py-3 font-semibold">Wygasa</th>
+						<th class="px-4 py-3 font-semibold">Status</th>
+						<th class="px-4 py-3"></th>
+					</tr>
+				</thead>
+				<tbody>
+					{#each query.current as c (c.id)}
+						<tr class="border-border border-t">
+							<td class="px-4 py-3 font-mono font-semibold">{c.code}</td>
+							<td class="px-4 py-3">{formatValue(c.type, c.value)}</td>
+							<td class="text-muted-foreground px-4 py-3">
+								{c.minOrderAmount != null
+									? new Intl.NumberFormat('pl-PL', {
+											style: 'currency',
+											currency: 'PLN',
+											minimumFractionDigits: 2
+										}).format(c.minOrderAmount / 100)
+									: '—'}
+							</td>
+							<td class="px-4 py-3">
+								{c.usedCount}{c.maxUses != null ? ` / ${c.maxUses}` : ''}
+							</td>
+							<td class="text-muted-foreground px-4 py-3 text-xs">
+								{formatDate(c.expiresAt)}
+							</td>
+							<td class="px-4 py-3">
+								{#if c.isActive}
+									<span class="rounded-full bg-green-100 px-2 py-0.5 text-xs text-green-800"
+										>aktywny</span
+									>
+								{:else}
+									<span class="rounded-full bg-gray-100 px-2 py-0.5 text-xs text-gray-800">
+										wstrzymany
+									</span>
+								{/if}
+							</td>
+							<td class="px-4 py-3 text-right">
+								<div class="flex justify-end gap-1">
+									<Button
+										href="/admin/shop/coupons/{c.id}"
+										variant="ghost"
+										size="sm"
+										title="Edytuj"
+									>
+										<EditIcon class="size-4" />
+									</Button>
+									<Button
+										onclick={() => handleDelete(c.id, c.code)}
+										variant="ghost"
+										size="sm"
+										title="Usuń"
+									>
+										<TrashIcon class="size-4" />
+									</Button>
+								</div>
+							</td>
+						</tr>
+					{/each}
+				</tbody>
+			</table>
+		</div>
+	</div>
+{:else if query.ready}
+	<div class="text-muted-foreground p-6 text-sm">
+		Brak kodów rabatowych. <a href="/admin/shop/coupons/new" class="text-primary hover:underline"
+			>Dodaj pierwszy</a
+		>.
+	</div>
+{/if}

package/dist/admin/client/shop/coupons-list-page.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const CouponsListPage: import("svelte").Component<Record<string, never>, {}, "">;
+type CouponsListPage = ReturnType<typeof CouponsListPage>;
+export default CouponsListPage;

package/dist/admin/client/shop/refund-dialog.svelte

@@ -0,0 +1,161 @@
+<script lang="ts">
+	import * as Dialog from '../../../components/ui/dialog/index.js';
+	import { Input } from '../../../components/ui/input/index.js';
+	import Label from '../../../components/ui/label/label.svelte';
+	import Button from '../../../components/ui/button/button.svelte';
+	import { getRemotes } from '../../../sveltekit/index.js';
+
+	type Props = {
+		open: boolean;
+		orderId: string;
+		currency: string;
+		remainingRefundable: number;
+		onOpenChange: (open: boolean) => void;
+		onRefunded: () => void;
+	};
+
+	let {
+		open = $bindable(),
+		orderId,
+		currency,
+		remainingRefundable,
+		onOpenChange,
+		onRefunded
+	}: Props = $props();
+
+	const remotes = getRemotes();
+
+	let mode = $state<'full' | 'partial'>('full');
+	let amountInput = $state('');
+	let reason = $state('');
+	let submitting = $state(false);
+	let error = $state<string | null>(null);
+
+	const remainingDisplay = $derived(
+		new Intl.NumberFormat('pl-PL', {
+			style: 'currency',
+			currency,
+			minimumFractionDigits: 2
+		}).format(remainingRefundable / 100)
+	);
+
+	function reset() {
+		mode = 'full';
+		amountInput = '';
+		reason = '';
+		error = null;
+		submitting = false;
+	}
+
+	async function handleSubmit(e: Event) {
+		e.preventDefault();
+		error = null;
+
+		let amount: number | undefined;
+		if (mode === 'partial') {
+			const pln = Number(amountInput.replace(',', '.'));
+			if (!Number.isFinite(pln) || pln <= 0) {
+				error = 'Kwota musi być większa od zera.';
+				return;
+			}
+			amount = Math.round(pln * 100);
+			if (amount > remainingRefundable) {
+				error = `Kwota nie może przekroczyć pozostałych ${remainingDisplay}.`;
+				return;
+			}
+		}
+
+		submitting = true;
+		try {
+			const result = await remotes.refundOrderCmd({
+				orderId,
+				amount,
+				reason: reason.trim() || undefined
+			});
+			if (!result.success) {
+				error = result.error;
+				submitting = false;
+				return;
+			}
+			reset();
+			onOpenChange(false);
+			onRefunded();
+		} catch (err) {
+			error = err instanceof Error ? err.message : 'Nie udało się wykonać zwrotu.';
+			submitting = false;
+		}
+	}
+</script>
+
+<Dialog.Root
+	{open}
+	onOpenChange={(v) => {
+		if (!v) reset();
+		onOpenChange(v);
+	}}
+>
+	<Dialog.Content>
+		<Dialog.Header>
+			<Dialog.Title>Zwrot środków</Dialog.Title>
+			<Dialog.Description>
+				Pozostała kwota do zwrotu: <strong>{remainingDisplay}</strong>.
+			</Dialog.Description>
+		</Dialog.Header>
+		<form onsubmit={handleSubmit} class="space-y-4">
+			<fieldset class="space-y-2">
+				<legend class="mb-1 text-sm font-semibold">Typ zwrotu</legend>
+				<label class="flex items-center gap-2 text-sm">
+					<input type="radio" name="refund-mode" value="full" bind:group={mode} />
+					<span>Pełny zwrot ({remainingDisplay})</span>
+				</label>
+				<label class="flex items-center gap-2 text-sm">
+					<input type="radio" name="refund-mode" value="partial" bind:group={mode} />
+					<span>Częściowy zwrot</span>
+				</label>
+			</fieldset>
+
+			{#if mode === 'partial'}
+				<div class="space-y-2">
+					<Label for="refund-amount">Kwota (PLN)</Label>
+					<Input
+						id="refund-amount"
+						type="text"
+						inputmode="decimal"
+						bind:value={amountInput}
+						placeholder="np. 49,99"
+						required
+					/>
+				</div>
+			{/if}
+
+			<div class="space-y-2">
+				<Label for="refund-reason">Powód (opcjonalnie)</Label>
+				<Input
+					id="refund-reason"
+					type="text"
+					bind:value={reason}
+					maxlength={500}
+					placeholder="np. anulowanie zamówienia przez klienta"
+				/>
+			</div>
+
+			{#if error}
+				<p class="text-destructive text-sm" role="alert">{error}</p>
+			{/if}
+
+			<Dialog.Footer>
+				<Button
+					type="button"
+					variant="outline"
+					onclick={() => onOpenChange(false)}
+					disabled={submitting}
+				>
+					Anuluj
+				</Button>
+				<Button type="submit" disabled={submitting}>
+					{submitting ? 'Wykonuję…' : 'Wykonaj zwrot'}
+				</Button>
+			</Dialog.Footer>
+		</form>
+	</Dialog.Content>
+</Dialog.Root>

package/dist/admin/client/shop/refund-dialog.svelte.d.ts

@@ -0,0 +1,11 @@
+type Props = {
+    open: boolean;
+    orderId: string;
+    currency: string;
+    remainingRefundable: number;
+    onOpenChange: (open: boolean) => void;
+    onRefunded: () => void;
+};
+declare const RefundDialog: import("svelte").Component<Props, {}, "open">;
+type RefundDialog = ReturnType<typeof RefundDialog>;
+export default RefundDialog;

package/dist/admin/client/shop/shipping-method-edit-page.svelte

@@ -4,9 +4,7 @@
 	import { getRemotes } from '../../../sveltekit/index.js';
 	import { Button } from '../../../components/ui/button/index.js';
 	import TrashIcon from '@tabler/icons-svelte/icons/trash';
-	import ShippingMethodForm, {
-		type ShippingFormPayload
-	} from './shipping-method-form.svelte';
+	import ShippingMethodForm, { type ShippingFormPayload } from './shipping-method-form.svelte';
 
 	const remotes = getRemotes();
 
@@ -59,9 +57,8 @@
 		<div class="flex items-start justify-between gap-4">
 			<div>
 				<h1 class="text-2xl font-extrabold tracking-tight">Edycja metody wysyłki</h1>
-				<a
-					href="/admin/shop/shipping-methods"
-					class="text-muted-foreground text-sm hover:underline">← Wróć do listy</a
+				<a href="/admin/shop/shipping-methods" class="text-muted-foreground text-sm hover:underline"
+					>← Wróć do listy</a
 				>
 			</div>
 			<div>

package/dist/admin/client/shop/shipping-method-form.svelte

@@ -69,16 +69,10 @@
 	}
 
 	let names = $state<Record<string, string>>(
-		languages.reduce(
-			(acc, l) => ({ ...acc, [l]: asRecord(initial?.name)[l] ?? '' }),
-			{}
-		)
+		languages.reduce((acc, l) => ({ ...acc, [l]: asRecord(initial?.name)[l] ?? '' }), {})
 	);
 	let descriptions = $state<Record<string, string>>(
-		languages.reduce(
-			(acc, l) => ({ ...acc, [l]: asRecord(initial?.description)[l] ?? '' }),
-			{}
-		)
+		languages.reduce((acc, l) => ({ ...acc, [l]: asRecord(initial?.description)[l] ?? '' }), {})
 	);
 	type InputMode = 'net' | 'gross';
 	// initial.price — teraz PLN (number, netto) z API. Hydratujemy jako gross, żeby user widział dokładnie to co wpisał.
@@ -86,9 +80,7 @@
 	const initialVat = Number(initial?.vatRate ?? vatRates[0] ?? 23);
 	let inputMode = $state<InputMode>(initialNetPln != null ? 'gross' : 'gross');
 	let inputPrice = $state(
-		initialNetPln != null
-			? (initialNetPln * (1 + initialVat / 100)).toFixed(2)
-			: '0.00'
+		initialNetPln != null ? (initialNetPln * (1 + initialVat / 100)).toFixed(2) : '0.00'
 	);
 	let vatRate = $state<number | string>(initial?.vatRate ?? vatRates[0] ?? 23);
 
@@ -118,7 +110,8 @@
 	let isActive = $state(initial?.isActive ?? true);
 	// null/undefined = no restriction (all allowed); otherwise a whitelist.
 	let restrictPayments = $state(
-		Array.isArray(initial?.allowedPaymentMethods) && (initial?.allowedPaymentMethods?.length ?? 0) > 0
+		Array.isArray(initial?.allowedPaymentMethods) &&
+			(initial?.allowedPaymentMethods?.length ?? 0) > 0
 	);
 	let allowedPaymentIds = $state<string[]>(
 		Array.isArray(initial?.allowedPaymentMethods) ? [...(initial?.allowedPaymentMethods ?? [])] : []
@@ -248,17 +241,19 @@
 				</select>
 			</label>
 		</div>
-		<div class="bg-muted/40 border-border grid grid-cols-3 gap-2 rounded-lg border p-2.5 text-center text-xs">
+		<div
+			class="bg-muted/40 border-border grid grid-cols-3 gap-2 rounded-lg border p-2.5 text-center text-xs"
+		>
 			<div>
-				<div class="text-muted-foreground font-semibold uppercase tracking-wide">Netto</div>
+				<div class="text-muted-foreground font-semibold tracking-wide uppercase">Netto</div>
 				<div class="text-sm font-bold tabular-nums">{formatPln(netPln)} zł</div>
 			</div>
 			<div class="border-border border-x">
-				<div class="text-muted-foreground font-semibold uppercase tracking-wide">VAT</div>
+				<div class="text-muted-foreground font-semibold tracking-wide uppercase">VAT</div>
 				<div class="text-sm font-bold tabular-nums">{formatPln(vatPln)} zł</div>
 			</div>
 			<div>
-				<div class="text-muted-foreground font-semibold uppercase tracking-wide">Brutto</div>
+				<div class="text-muted-foreground font-semibold tracking-wide uppercase">Brutto</div>
 				<div class="text-primary text-sm font-bold tabular-nums">{formatPln(grossPln)} zł</div>
 			</div>
 		</div>
@@ -284,8 +279,8 @@
 		<section class="border-border bg-card space-y-4 rounded-xl border p-6">
 			<h2 class="text-lg font-bold">Dozwolone metody płatności</h2>
 			<p class="text-muted-foreground text-sm">
-				Ogranicz metody płatności dla tej dostawy (np. wyłącz płatność za pobraniem dla
-				paczkomatu). Jeśli wyłączone — wszystkie skonfigurowane metody są dostępne.
+				Ogranicz metody płatności dla tej dostawy (np. wyłącz płatność za pobraniem dla paczkomatu).
+				Jeśli wyłączone — wszystkie skonfigurowane metody są dostępne.
 			</p>
 			<label class="flex items-center gap-2">
 				<Switch bind:checked={restrictPayments} />
@@ -307,8 +302,7 @@
 					{/each}
 					{#if allowedPaymentIds.length === 0}
 						<p class="text-xs text-amber-700">
-							Wybierz co najmniej jedną metodę, inaczej checkout dla tej dostawy będzie
-							zablokowany.
+							Wybierz co najmniej jedną metodę, inaczej checkout dla tej dostawy będzie zablokowany.
 						</p>
 					{/if}
 				</div>
@@ -327,7 +321,7 @@
 		</label>
 
 		{#if carrierType === 'inpost'}
-			<div class="space-y-4 border-l-2 border-primary/30 pl-4">
+			<div class="border-primary/30 space-y-4 border-l-2 pl-4">
 				<p class="text-muted-foreground text-sm">
 					Wymaga skonfigurowanego adaptera <code>inpostAdapter</code> w <code>cms.config.ts</code>.
 				</p>

package/dist/admin/client/shop/shipping-method-new-page.svelte

@@ -1,9 +1,7 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 	import { getRemotes } from '../../../sveltekit/index.js';
-	import ShippingMethodForm, {
-		type ShippingFormPayload
-	} from './shipping-method-form.svelte';
+	import ShippingMethodForm, { type ShippingFormPayload } from './shipping-method-form.svelte';
 
 	const remotes = getRemotes();
 	const configQuery = $derived(remotes.getShopConfig());
@@ -31,9 +29,8 @@
 	<div class="space-y-6 p-6">
 		<div>
 			<h1 class="text-2xl font-extrabold tracking-tight">Nowa metoda wysyłki</h1>
-			<a
-				href="/admin/shop/shipping-methods"
-				class="text-muted-foreground text-sm hover:underline">← Wróć do listy</a
+			<a href="/admin/shop/shipping-methods" class="text-muted-foreground text-sm hover:underline"
+				>← Wróć do listy</a
 			>
 		</div>
 		<ShippingMethodForm