includio-cms 0.14.6 → 0.15.0

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

@@ -12,3 +12,9 @@ export { default as AcceptInvitePage } from './users/accept-invite-page.svelte';
 export { default as ResetPasswordPage } from './login/reset-password-page.svelte';
 export { default as MaintenancePage } from './maintenance/maintenance-page.svelte';
 export { default as MediaSelector } from '../components/media/media-selector.svelte';
+export { default as ShopProductsListPage } from './shop/shop-products-list-page.svelte';
+export { default as ShippingMethodsListPage } from './shop/shipping-methods-list-page.svelte';
+export { default as ShippingMethodNewPage } from './shop/shipping-method-new-page.svelte';
+export { default as ShippingMethodEditPage } from './shop/shipping-method-edit-page.svelte';
+export { default as ShopOrdersListPage } from './shop/shop-orders-list-page.svelte';
+export { default as ShopOrderDetailPage } from './shop/shop-order-detail-page.svelte';

package/dist/admin/client/index.js

@@ -12,3 +12,9 @@ export { default as AcceptInvitePage } from './users/accept-invite-page.svelte';
 export { default as ResetPasswordPage } from './login/reset-password-page.svelte';
 export { default as MaintenancePage } from './maintenance/maintenance-page.svelte';
 export { default as MediaSelector } from '../components/media/media-selector.svelte';
+export { default as ShopProductsListPage } from './shop/shop-products-list-page.svelte';
+export { default as ShippingMethodsListPage } from './shop/shipping-methods-list-page.svelte';
+export { default as ShippingMethodNewPage } from './shop/shipping-method-new-page.svelte';
+export { default as ShippingMethodEditPage } from './shop/shipping-method-edit-page.svelte';
+export { default as ShopOrdersListPage } from './shop/shop-orders-list-page.svelte';
+export { default as ShopOrderDetailPage } from './shop/shop-order-detail-page.svelte';

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

@@ -0,0 +1,113 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	import { goto } from '$app/navigation';
+	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';
+
+	const remotes = getRemotes();
+
+	const methodId = $derived(page.params.id ?? '');
+	const methodQuery = $derived(remotes.getShippingMethodForAdmin(methodId));
+	const configQuery = $derived(remotes.getShopConfig());
+
+	let saving = $state(false);
+	let deleting = $state(false);
+	let errorMessage = $state<string | null>(null);
+	let successMessage = $state<string | null>(null);
+	let confirmingDelete = $state(false);
+
+	async function handleSubmit(payload: ShippingFormPayload) {
+		saving = true;
+		errorMessage = null;
+		successMessage = null;
+		try {
+			await remotes.updateShippingMethodCmd({ id: methodId, input: payload });
+			await methodQuery.refresh();
+			successMessage = 'Zapisano zmiany.';
+		} catch (err) {
+			errorMessage = err instanceof Error ? err.message : 'Nie udało się zapisać';
+		} finally {
+			saving = false;
+		}
+	}
+
+	async function handleDelete() {
+		deleting = true;
+		try {
+			await remotes.deleteShippingMethodCmd(methodId);
+			await goto('/admin/shop/shipping-methods');
+		} catch (err) {
+			errorMessage = err instanceof Error ? err.message : 'Nie udało się usunąć';
+			deleting = false;
+		}
+	}
+</script>
+
+{#if !methodQuery.ready || !configQuery.ready}
+	<div class="text-muted-foreground p-6">Ładowanie…</div>
+{:else if !methodQuery.current}
+	<div class="p-6">
+		<p class="mb-4">Metoda nie została znaleziona.</p>
+		<Button href="/admin/shop/shipping-methods" variant="outline">← Wróć do listy</Button>
+	</div>
+{:else if configQuery.current}
+	<div class="space-y-6 p-6">
+		<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
+				>
+			</div>
+			<div>
+				{#if confirmingDelete}
+					<div class="flex items-center gap-2">
+						<span class="text-sm">Na pewno?</span>
+						<Button
+							type="button"
+							variant="destructive"
+							size="sm"
+							onclick={handleDelete}
+							disabled={deleting}
+						>
+							{deleting ? 'Usuwanie…' : 'Usuń'}
+						</Button>
+						<Button
+							type="button"
+							variant="outline"
+							size="sm"
+							onclick={() => (confirmingDelete = false)}>Anuluj</Button
+						>
+					</div>
+				{:else}
+					<Button
+						type="button"
+						variant="outline"
+						size="sm"
+						onclick={() => (confirmingDelete = true)}
+					>
+						<TrashIcon class="mr-1 size-4" /> Usuń
+					</Button>
+				{/if}
+			</div>
+		</div>
+
+		{#if successMessage}
+			<div class="rounded-lg bg-green-50 p-3 text-sm text-green-800">{successMessage}</div>
+		{/if}
+
+		<ShippingMethodForm
+			languages={configQuery.current.languages}
+			vatRates={configQuery.current.vatRates}
+			initial={methodQuery.current}
+			{saving}
+			{errorMessage}
+			onsubmit={handleSubmit}
+		/>
+	</div>
+{/if}

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

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

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

@@ -0,0 +1,244 @@
+<script lang="ts">
+	import { Button } from '../../../components/ui/button/index.js';
+	import { Switch } from '../../../components/ui/switch/index.js';
+
+	type CarrierType = 'none' | 'inpost';
+	export interface ShippingFormPayload {
+		name: Record<string, string>;
+		description: Record<string, string> | null;
+		price: number;
+		vatRate: number;
+		carrierType: CarrierType;
+		conditions: { freeAbove?: number } | null;
+		isActive: boolean;
+		sortOrder: number | null;
+	}
+	export interface ShippingFormInitial {
+		name?: Record<string, string> | unknown;
+		description?: Record<string, string> | unknown | null;
+		price?: number;
+		vatRate?: number;
+		carrierType?: string;
+		conditions?: { freeAbove?: number } | null;
+		isActive?: boolean;
+		sortOrder?: number | null;
+	}
+
+	interface Props {
+		languages: string[];
+		vatRates: number[];
+		initial?: ShippingFormInitial | null;
+		saving?: boolean;
+		errorMessage?: string | null;
+		submitLabel?: string;
+		onsubmit: (payload: ShippingFormPayload) => void | Promise<void>;
+	}
+
+	const {
+		languages,
+		vatRates,
+		initial = null,
+		saving = false,
+		errorMessage = null,
+		submitLabel = 'Zapisz',
+		onsubmit
+	}: Props = $props();
+
+	function asRecord(v: unknown): Record<string, string> {
+		return v && typeof v === 'object' ? (v as Record<string, string>) : {};
+	}
+
+	let names = $state<Record<string, string>>(
+		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] ?? '' }),
+			{}
+		)
+	);
+	type InputMode = 'net' | 'gross';
+	let inputMode = $state<InputMode>(initial?.price != null ? 'net' : 'gross');
+	let inputPrice = $state(initial?.price != null ? (initial.price / 100).toFixed(2) : '0.00');
+	let vatRate = $state<number | string>(initial?.vatRate ?? vatRates[0] ?? 23);
+
+	const inputPriceCents = $derived(Math.round(parseFloat(inputPrice || '0') * 100));
+	const vat = $derived(Number(vatRate) || 0);
+	const netCents = $derived(
+		inputMode === 'net' ? inputPriceCents : Math.round(inputPriceCents / (1 + vat / 100))
+	);
+	const grossCents = $derived(
+		inputMode === 'gross' ? inputPriceCents : Math.round(inputPriceCents * (1 + vat / 100))
+	);
+	const vatCents = $derived(grossCents - netCents);
+
+	function formatCents(cents: number) {
+		return (cents / 100).toFixed(2);
+	}
+
+	function switchMode(newMode: InputMode) {
+		if (newMode === inputMode) return;
+		const preservedCents = newMode === 'net' ? netCents : grossCents;
+		inputMode = newMode;
+		inputPrice = formatCents(preservedCents);
+	}
+	let carrierType = $state<CarrierType>((initial?.carrierType as CarrierType) ?? 'none');
+	let isActive = $state(initial?.isActive ?? true);
+	let freeAboveEnabled = $state(initial?.conditions?.freeAbove != null);
+	let freeAbove = $state(
+		initial?.conditions?.freeAbove != null
+			? (initial.conditions.freeAbove / 100).toFixed(2)
+			: '200.00'
+	);
+	async function handleSubmit(e: SubmitEvent) {
+		e.preventDefault();
+		await onsubmit({
+			name: names,
+			description: Object.values(descriptions).some((d) => d.length > 0) ? descriptions : null,
+			price: netCents,
+			vatRate: Number(vatRate),
+			carrierType,
+			conditions: freeAboveEnabled
+				? { freeAbove: Math.round(parseFloat(freeAbove || '0') * 100) }
+				: null,
+			isActive,
+			sortOrder: initial?.sortOrder ?? null
+		});
+	}
+</script>
+
+<form onsubmit={handleSubmit} class="space-y-6">
+	{#if errorMessage}
+		<div class="rounded-lg bg-red-50 p-3 text-sm text-red-800">{errorMessage}</div>
+	{/if}
+
+	<section class="border-border bg-card space-y-4 rounded-xl border p-6">
+		<h2 class="text-lg font-bold">Podstawowe informacje</h2>
+
+		{#each languages as lang (lang)}
+			<label class="block">
+				<span class="mb-1 block text-sm font-semibold">Nazwa ({lang})</span>
+				<input
+					type="text"
+					bind:value={names[lang]}
+					required={lang === languages[0]}
+					class="border-border w-full rounded-lg border px-3 py-2"
+				/>
+			</label>
+		{/each}
+
+		{#each languages as lang (lang)}
+			<label class="block">
+				<span class="mb-1 block text-sm font-semibold">Opis ({lang})</span>
+				<textarea
+					bind:value={descriptions[lang]}
+					rows="2"
+					class="border-border w-full rounded-lg border px-3 py-2"
+				></textarea>
+			</label>
+		{/each}
+
+		<label class="flex items-center gap-2">
+			<Switch bind:checked={isActive} />
+			<span class="text-sm">Aktywna (widoczna w checkout)</span>
+		</label>
+	</section>
+
+	<section class="border-border bg-card space-y-4 rounded-xl border p-6">
+		<h2 class="text-lg font-bold">Cena i VAT</h2>
+		<div class="grid grid-cols-[1fr_auto] gap-3">
+			<label class="block">
+				<div class="mb-1 flex items-center justify-between">
+					<span class="text-muted-foreground text-xs font-semibold">
+						Cena ({inputMode === 'net' ? 'netto' : 'brutto'}, PLN)
+					</span>
+					<div class="bg-muted inline-flex rounded-md p-0.5 text-xs">
+						<button
+							type="button"
+							class="rounded px-2 py-0.5 {inputMode === 'net'
+								? 'bg-background text-primary font-semibold shadow-sm'
+								: 'text-muted-foreground'}"
+							onclick={() => switchMode('net')}
+						>
+							Netto
+						</button>
+						<button
+							type="button"
+							class="rounded px-2 py-0.5 {inputMode === 'gross'
+								? 'bg-background text-primary font-semibold shadow-sm'
+								: 'text-muted-foreground'}"
+							onclick={() => switchMode('gross')}
+						>
+							Brutto
+						</button>
+					</div>
+				</div>
+				<input
+					type="number"
+					step="0.01"
+					min="0"
+					bind:value={inputPrice}
+					required
+					class="border-border w-full rounded-lg border px-3 py-2"
+				/>
+			</label>
+			<label class="block">
+				<span class="text-muted-foreground mb-1 block text-xs font-semibold">VAT</span>
+				<select bind:value={vatRate} class="border-border w-full rounded-lg border px-3 py-2">
+					{#each vatRates as r (r)}
+						<option value={r}>{r}%</option>
+					{/each}
+				</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>
+				<div class="text-muted-foreground font-semibold uppercase tracking-wide">Netto</div>
+				<div class="text-sm font-bold tabular-nums">{formatCents(netCents)} zł</div>
+			</div>
+			<div class="border-border border-x">
+				<div class="text-muted-foreground font-semibold uppercase tracking-wide">VAT</div>
+				<div class="text-sm font-bold tabular-nums">{formatCents(vatCents)} zł</div>
+			</div>
+			<div>
+				<div class="text-muted-foreground font-semibold uppercase tracking-wide">Brutto</div>
+				<div class="text-primary text-sm font-bold tabular-nums">{formatCents(grossCents)} zł</div>
+			</div>
+		</div>
+		<label class="flex items-center gap-2">
+			<Switch bind:checked={freeAboveEnabled} />
+			<span class="text-sm">Darmowa dostawa powyżej progu</span>
+		</label>
+		{#if freeAboveEnabled}
+			<label class="block">
+				<span class="mb-1 block text-sm font-semibold">Próg (brutto, PLN)</span>
+				<input
+					type="number"
+					step="0.01"
+					min="0"
+					bind:value={freeAbove}
+					class="border-border w-full rounded-lg border px-3 py-2"
+				/>
+			</label>
+		{/if}
+	</section>
+
+	<section class="border-border bg-card space-y-4 rounded-xl border p-6">
+		<h2 class="text-lg font-bold">Przewoźnik</h2>
+		<label class="block">
+			<span class="mb-1 block text-sm font-semibold">Typ</span>
+			<select bind:value={carrierType} class="border-border w-full rounded-lg border px-3 py-2">
+				<option value="none">Bez integracji (adres)</option>
+				<option value="inpost" disabled>InPost paczkomat (wkrótce)</option>
+			</select>
+		</label>
+	</section>
+
+	<div class="flex gap-3">
+		<Button type="submit" disabled={saving}>{saving ? 'Zapisywanie…' : submitLabel}</Button>
+		<Button type="button" variant="outline" href="/admin/shop/shipping-methods">Anuluj</Button>
+	</div>
+</form>

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

@@ -0,0 +1,37 @@
+type CarrierType = 'none' | 'inpost';
+export interface ShippingFormPayload {
+    name: Record<string, string>;
+    description: Record<string, string> | null;
+    price: number;
+    vatRate: number;
+    carrierType: CarrierType;
+    conditions: {
+        freeAbove?: number;
+    } | null;
+    isActive: boolean;
+    sortOrder: number | null;
+}
+export interface ShippingFormInitial {
+    name?: Record<string, string> | unknown;
+    description?: Record<string, string> | unknown | null;
+    price?: number;
+    vatRate?: number;
+    carrierType?: string;
+    conditions?: {
+        freeAbove?: number;
+    } | null;
+    isActive?: boolean;
+    sortOrder?: number | null;
+}
+interface Props {
+    languages: string[];
+    vatRates: number[];
+    initial?: ShippingFormInitial | null;
+    saving?: boolean;
+    errorMessage?: string | null;
+    submitLabel?: string;
+    onsubmit: (payload: ShippingFormPayload) => void | Promise<void>;
+}
+declare const ShippingMethodForm: import("svelte").Component<Props, {}, "">;
+type ShippingMethodForm = ReturnType<typeof ShippingMethodForm>;
+export default ShippingMethodForm;

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

@@ -0,0 +1,47 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { getRemotes } from '../../../sveltekit/index.js';
+	import ShippingMethodForm, {
+		type ShippingFormPayload
+	} from './shipping-method-form.svelte';
+
+	const remotes = getRemotes();
+	const configQuery = $derived(remotes.getShopConfig());
+
+	let saving = $state(false);
+	let errorMessage = $state<string | null>(null);
+
+	async function handleSubmit(payload: ShippingFormPayload) {
+		saving = true;
+		errorMessage = null;
+		try {
+			const row = await remotes.createShippingMethodCmd(payload);
+			await goto(`/admin/shop/shipping-methods/${row.id}`);
+		} catch (err) {
+			errorMessage = err instanceof Error ? err.message : 'Nie udało się zapisać';
+		} finally {
+			saving = false;
+		}
+	}
+</script>
+
+{#if !configQuery.ready}
+	<div class="text-muted-foreground p-6">Ładowanie…</div>
+{:else if configQuery.current}
+	<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
+			>
+		</div>
+		<ShippingMethodForm
+			languages={configQuery.current.languages}
+			vatRates={configQuery.current.vatRates}
+			{saving}
+			{errorMessage}
+			onsubmit={handleSubmit}
+		/>
+	</div>
+{/if}

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

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

package/dist/admin/client/shop/shipping-methods-list-page.svelte

@@ -0,0 +1,172 @@
+<script lang="ts">
+	import { flip } from 'svelte/animate';
+	import { droppable, draggable, dndState } from '@thisux/sveltednd';
+	import { getRemotes } from '../../../sveltekit/index.js';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+	import { resolveI18n } from '../../../shop/pricing.js';
+	import { Button } from '../../../components/ui/button/index.js';
+	import PlusIcon from '@tabler/icons-svelte/icons/plus';
+	import GripIcon from '@tabler/icons-svelte/icons/grip-vertical';
+
+	const remotes = getRemotes();
+	const interfaceLanguage = useInterfaceLanguage();
+	const query = $derived(remotes.listShippingMethodsAdmin());
+
+	type Row = NonNullable<ReturnType<typeof remotes.listShippingMethodsAdmin>['current']>[number];
+
+	let localRows = $state<Row[]>([]);
+	let dropProcessing = false;
+
+	let matchesReducedMotion = $state(false);
+	$effect(() => {
+		if (typeof window !== 'undefined') {
+			matchesReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+		}
+	});
+
+	$effect(() => {
+		if (query.ready && query.current) {
+			if (
+				localRows.length !== query.current.length ||
+				localRows.some((r, i) => r.id !== query.current![i].id)
+			) {
+				localRows = [...query.current];
+			}
+		}
+	});
+
+	function formatPrice(smallest: number) {
+		return new Intl.NumberFormat('pl-PL', {
+			style: 'currency',
+			currency: 'PLN',
+			minimumFractionDigits: 2
+		}).format(smallest / 100);
+	}
+
+	async function doReorder(fromIndex: number, toIndex: number) {
+		if (fromIndex === toIndex) return;
+		const next = [...localRows];
+		const [moved] = next.splice(fromIndex, 1);
+		next.splice(toIndex, 0, moved);
+		localRows = next;
+		try {
+			await remotes.reorderShippingMethodsCmd(next.map((r) => r.id));
+			await query.refresh();
+		} catch {
+			await query.refresh();
+		}
+	}
+</script>
+
+<div class="flex items-center justify-between gap-4 p-6">
+	<div>
+		<h1 class="text-2xl font-extrabold tracking-tight">Metody wysyłki</h1>
+		<p class="text-muted-foreground text-sm">
+			{#if query.ready}
+				{localRows.length}
+				{localRows.length === 1 ? 'metoda' : 'metod'} · przeciągnij
+				<GripIcon class="inline size-3.5 align-[-2px]" />
+				by zmienić kolejność
+			{:else}
+				Ładowanie…
+			{/if}
+		</p>
+	</div>
+	<Button href="/admin/shop/shipping-methods/new">
+		<PlusIcon class="mr-1 size-4" />
+		Dodaj metodę
+	</Button>
+</div>
+
+<div class="px-6 pb-12">
+	{#if !query.ready}
+		<div class="text-muted-foreground">Ładowanie…</div>
+	{:else if localRows.length === 0}
+		<div class="bg-lavender-lighter/40 border-border rounded-xl border p-8 text-center text-sm">
+			<p class="mb-2 font-semibold">Brak metod wysyłki</p>
+			<p class="text-muted-foreground">
+				Dodaj pierwszą metodę — np. kurier, paczkomat, odbiór osobisty.
+			</p>
+		</div>
+	{:else}
+		<div class="border-border overflow-hidden rounded-xl border">
+			<div class="bg-muted/50 grid grid-cols-[32px_minmax(0,2fr)_minmax(0,1fr)_minmax(0,0.6fr)_minmax(0,1fr)_minmax(0,0.8fr)_minmax(0,1fr)] gap-3 px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide">
+				<div></div>
+				<div>Nazwa</div>
+				<div>Cena (netto)</div>
+				<div>VAT</div>
+				<div>Darmowa od</div>
+				<div>Typ</div>
+				<div>Status</div>
+			</div>
+			<div>
+				{#each localRows as m, i (m.id)}
+					{@const cond = m.conditions as { freeAbove?: number } | null}
+					<div
+						use:droppable={{
+							container: i.toString(),
+							callbacks: {
+								onDrop: (state) => {
+									if (dropProcessing) return;
+									dropProcessing = true;
+									const fromIndex = parseInt(state.sourceContainer ?? '');
+									const toIndex = parseInt(state.targetContainer ?? '');
+									if (!isNaN(fromIndex) && !isNaN(toIndex)) doReorder(fromIndex, toIndex);
+									dndState.isDragging = false;
+									dndState.draggedItem = null;
+									dndState.sourceContainer = '';
+									dndState.targetContainer = null;
+									dndState.targetElement = null;
+									setTimeout(() => {
+										dropProcessing = false;
+									}, 50);
+								}
+							}
+						}}
+						animate:flip={{ duration: matchesReducedMotion ? 0 : 200 }}
+						class="border-border hover:bg-muted/30 grid grid-cols-[32px_minmax(0,2fr)_minmax(0,1fr)_minmax(0,0.6fr)_minmax(0,1fr)_minmax(0,0.8fr)_minmax(0,1fr)] items-center gap-3 border-t px-4 py-3 text-sm transition-colors"
+					>
+						<div
+							use:draggable={{ container: i.toString(), dragData: { index: i } }}
+							class="text-muted-foreground hover:text-foreground flex cursor-grab items-center justify-center"
+							role="button"
+							tabindex="0"
+							aria-label={`Drag to reorder, row ${i + 1} of ${localRows.length}`}
+						>
+							<GripIcon class="size-4" />
+						</div>
+						<div>
+							<a
+								href={`/admin/shop/shipping-methods/${m.id}`}
+								class="text-primary hover:underline"
+							>
+								{resolveI18n(m.name as Record<string, string>, interfaceLanguage.current, '')}
+							</a>
+						</div>
+						<div>{formatPrice(m.price)}</div>
+						<div>{m.vatRate}%</div>
+						<div>
+							{#if cond?.freeAbove != null}
+								{formatPrice(cond.freeAbove)}
+							{:else}
+								<span class="text-muted-foreground text-xs">—</span>
+							{/if}
+						</div>
+						<div class="text-muted-foreground font-mono text-xs">{m.carrierType}</div>
+						<div>
+							{#if m.isActive}
+								<span class="inline-flex rounded-full bg-green-100 px-2 py-0.5 text-xs text-green-800"
+									>Aktywna</span
+								>
+							{:else}
+								<span class="inline-flex rounded-full bg-gray-100 px-2 py-0.5 text-xs text-gray-800"
+									>Nieaktywna</span
+								>
+							{/if}
+						</div>
+					</div>
+				{/each}
+			</div>
+		</div>
+	{/if}
+</div>

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

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