@happyvertical/smrt-analytics 0.30.0

package/dist/svelte/AnalyticsSummary.svelte

@@ -0,0 +1,63 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import type { PropertyStatsWithTrend } from '../index.js';
+import { M } from './i18n.js';
+import StatCard from './StatCard.svelte';
+
+const { t } = useI18n();
+
+interface Props {
+  stats: PropertyStatsWithTrend | null;
+}
+
+const { stats }: Props = $props();
+</script>
+
+{#if stats}
+	<div class="analytics-summary">
+		<StatCard
+			label="Pageviews Today"
+			value={stats.todayPageviews.toLocaleString()}
+			trend={stats.trend}
+			trendPercent={stats.trendPercent}
+			subtitle={`vs. yesterday (${stats.yesterdayPageviews.toLocaleString()})`}
+		/>
+		<StatCard
+			label="Users Today"
+			value={stats.todayUsers.toLocaleString()}
+			subtitle="unique visitors"
+		/>
+		<StatCard
+			label="Yesterday Pageviews"
+			value={stats.yesterdayPageviews.toLocaleString()}
+		/>
+		<StatCard
+			label="Yesterday Users"
+			value={stats.yesterdayUsers.toLocaleString()}
+		/>
+	</div>
+{:else}
+	<div class="analytics-empty">
+		<p>{t(M['analytics.analytics_summary.empty'])}</p>
+	</div>
+{/if}
+
+<style>
+	.analytics-summary {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+		gap: 1rem;
+	}
+
+	.analytics-empty {
+		text-align: center;
+		padding: 2rem;
+		color: var(--color-text-secondary, #6b7280);
+		background: var(--color-neutral-bg, #f9fafb);
+		border-radius: 0.5rem;
+	}
+
+	.analytics-empty p {
+		margin: 0;
+	}
+</style>

package/dist/svelte/AnalyticsSummary.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { PropertyStatsWithTrend } from '../index.js';
+interface Props {
+    stats: PropertyStatsWithTrend | null;
+}
+declare const AnalyticsSummary: import("svelte").Component<Props, {}, "">;
+type AnalyticsSummary = ReturnType<typeof AnalyticsSummary>;
+export default AnalyticsSummary;
+//# sourceMappingURL=AnalyticsSummary.svelte.d.ts.map

package/dist/svelte/AnalyticsSummary.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsSummary.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/AnalyticsSummary.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAK1D,UAAU,KAAK;IACb,KAAK,EAAE,sBAAsB,GAAG,IAAI,CAAC;CACtC;AA8BD,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/svelte/EventsTable.svelte

@@ -0,0 +1,161 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { M } from './i18n.js';
+
+const { t } = useI18n();
+
+interface EventRow {
+  id: string;
+  eventName: string;
+  clientId: string;
+  pagePath?: string;
+  eventTimestamp: string;
+  status: string;
+}
+
+interface Props {
+  events: EventRow[];
+  maxRows?: number;
+}
+
+const { events, maxRows = 20 }: Props = $props();
+
+const displayEvents = $derived(events.slice(0, maxRows));
+
+function formatTimestamp(ts: string): string {
+  const date = new Date(ts);
+  if (Number.isNaN(date.getTime())) return ts;
+  return date.toLocaleString();
+}
+
+function statusClass(status: string): string {
+  if (status === 'sent') return 'status-sent';
+  if (status === 'failed') return 'status-failed';
+  return 'status-pending';
+}
+</script>
+
+<div class="events-table-wrapper">
+	{#if displayEvents.length === 0}
+		<p class="events-empty">{t(M['analytics.events_table.empty'])}</p>
+	{:else}
+		<table class="events-table">
+			<thead>
+				<tr>
+					<th>Event</th>
+					<th>Page</th>
+					<th>Client</th>
+					<th>Time</th>
+					<th>Status</th>
+				</tr>
+			</thead>
+			<tbody>
+				{#each displayEvents as event (event.id)}
+					<tr>
+						<td class="event-name">{event.eventName}</td>
+						<td class="event-page">{event.pagePath ?? '-'}</td>
+						<td class="event-client" title={event.clientId}>{event.clientId.slice(0, 8)}</td>
+						<td class="event-time">{formatTimestamp(event.eventTimestamp)}</td>
+						<td><span class="status-pill {statusClass(event.status)}">{event.status}</span></td>
+					</tr>
+				{/each}
+			</tbody>
+		</table>
+		{#if events.length > maxRows}
+			<p class="events-overflow">{t(M['analytics.events_table.showing'], { maxRows, total: events.length })}</p>
+		{/if}
+	{/if}
+</div>
+
+<style>
+	.events-table-wrapper {
+		overflow-x: auto;
+	}
+
+	.events-table {
+		width: 100%;
+		border-collapse: collapse;
+		font-size: var(--smrt-typography-body-medium-size, 0.8125rem);
+	}
+
+	.events-table th {
+		text-align: left;
+		padding: 0.5rem 0.75rem;
+		font-weight: var(--smrt-typography-weight-semibold, 600);
+		color: var(--color-text-secondary, #6b7280);
+		border-bottom: 2px solid var(--color-border, #e5e7eb);
+		font-size: var(--smrt-typography-label-medium-size, 0.75rem);
+		text-transform: uppercase;
+		letter-spacing: var(--smrt-typography-label-medium-tracking, 0.05em);
+	}
+
+	.events-table td {
+		padding: 0.5rem 0.75rem;
+		border-bottom: 1px solid var(--color-border-light, #f3f4f6);
+		color: var(--color-text-primary, #111827);
+	}
+
+	.events-table tbody tr:hover {
+		background: var(--color-hover, #f9fafb);
+	}
+
+	.event-name {
+		font-weight: var(--smrt-typography-weight-medium, 500);
+	}
+
+	.event-page {
+		max-width: 200px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		color: var(--color-text-secondary, #6b7280);
+	}
+
+	.event-client {
+		font-family: var(--smrt-font-family-mono, monospace);
+		font-size: var(--smrt-typography-body-small-size, 0.75rem);
+		color: var(--color-text-secondary, #6b7280);
+	}
+
+	.event-time {
+		white-space: nowrap;
+		color: var(--color-text-secondary, #6b7280);
+		font-size: var(--smrt-typography-label-medium-size, 0.75rem);
+	}
+
+	.status-pill {
+		display: inline-block;
+		padding: 0.125rem 0.5rem;
+		border-radius: var(--smrt-radius-full, 9999px);
+		font-size: var(--smrt-typography-label-small-size, 0.6875rem);
+		font-weight: var(--smrt-typography-weight-medium, 500);
+	}
+
+	.status-sent {
+		background: var(--color-success-bg, #dcfce7);
+		color: var(--color-success-text, #166534);
+	}
+
+	.status-failed {
+		background: var(--color-error-bg, #fee2e2);
+		color: var(--color-error-text, #991b1b);
+	}
+
+	.status-pending {
+		background: var(--color-warning-bg, #fef9c3);
+		color: var(--color-warning-text, #854d0e);
+	}
+
+	.events-empty {
+		text-align: center;
+		padding: 2rem;
+		color: var(--color-text-secondary, #6b7280);
+	}
+
+	.events-overflow {
+		text-align: center;
+		padding: 0.5rem;
+		color: var(--color-text-tertiary, #9ca3af);
+		font-size: var(--smrt-typography-body-small-size, 0.75rem);
+	}
+</style>

package/dist/svelte/EventsTable.svelte.d.ts

@@ -0,0 +1,16 @@
+interface EventRow {
+    id: string;
+    eventName: string;
+    clientId: string;
+    pagePath?: string;
+    eventTimestamp: string;
+    status: string;
+}
+interface Props {
+    events: EventRow[];
+    maxRows?: number;
+}
+declare const EventsTable: import("svelte").Component<Props, {}, "">;
+type EventsTable = ReturnType<typeof EventsTable>;
+export default EventsTable;
+//# sourceMappingURL=EventsTable.svelte.d.ts.map

package/dist/svelte/EventsTable.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventsTable.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/EventsTable.svelte.ts"],"names":[],"mappings":"AAOA,UAAU,QAAQ;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AA8DD,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/svelte/PropertyInfo.svelte

@@ -0,0 +1,139 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { M } from './i18n.js';
+import PropertyStatusBadge from './PropertyStatusBadge.svelte';
+
+const { t } = useI18n();
+
+interface Props {
+  propertyId: string | null;
+  measurementId: string | null;
+  provider: string | null;
+  status: 'active' | 'inactive' | 'pending';
+  lastSyncAt: string | null;
+  siteDomain?: string;
+}
+
+const {
+  propertyId,
+  measurementId,
+  provider,
+  status,
+  lastSyncAt,
+  siteDomain,
+}: Props = $props();
+
+const PROVIDER_LABELS = new Map<string, string>([
+  ['ga4', 'Google Analytics 4'],
+  ['plausible', 'Plausible'],
+  ['matomo', 'Matomo'],
+]);
+
+const providerLabel = $derived(
+  provider ? (PROVIDER_LABELS.get(provider) ?? provider) : 'Unknown',
+);
+
+const lastSyncFormatted = $derived.by(() => {
+  if (!lastSyncAt) return 'Never';
+  const parsed = new Date(lastSyncAt);
+  if (Number.isNaN(parsed.getTime())) return 'Never';
+  return parsed.toLocaleString();
+});
+</script>
+
+<div class="property-info">
+	<div class="property-header">
+		<h3>{t(M['analytics.property_info.title'])}</h3>
+		<PropertyStatusBadge {status} />
+	</div>
+
+	{#if propertyId}
+		<dl class="property-details">
+			<div class="detail-row">
+				<dt>Provider</dt>
+				<dd>{providerLabel}</dd>
+			</div>
+			{#if measurementId}
+				<div class="detail-row">
+					<dt>{t(M['analytics.property_info.measurement_id'])}</dt>
+					<dd><code>{measurementId}</code></dd>
+				</div>
+			{/if}
+			{#if siteDomain}
+				<div class="detail-row">
+					<dt>Domain</dt>
+					<dd>{siteDomain}</dd>
+				</div>
+			{/if}
+			<div class="detail-row">
+				<dt>{t(M['analytics.property_info.last_synced'])}</dt>
+				<dd>{lastSyncFormatted}</dd>
+			</div>
+		</dl>
+	{:else}
+		<p class="no-property">{t(M['analytics.property_info.no_property'])}</p>
+	{/if}
+</div>
+
+<style>
+	.property-info {
+		padding: 1rem;
+		background: var(--color-surface, #fff);
+		border: 1px solid var(--color-border, #e5e7eb);
+		border-radius: 0.5rem;
+	}
+
+	.property-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-bottom: 0.75rem;
+	}
+
+	.property-header h3 {
+		margin: 0;
+		font-size: var(--smrt-typography-title-medium-size, 1rem);
+		font-weight: var(--smrt-typography-weight-semibold, 600);
+	}
+
+	.property-details {
+		margin: 0;
+	}
+
+	.detail-row {
+		display: flex;
+		justify-content: space-between;
+		padding: 0.375rem 0;
+		border-bottom: 1px solid var(--color-border-light, #f3f4f6);
+	}
+
+	.detail-row:last-child {
+		border-bottom: none;
+	}
+
+	dt {
+		font-size: var(--smrt-typography-label-large-size, 0.8125rem);
+		color: var(--color-text-secondary, #6b7280);
+	}
+
+	dd {
+		margin: 0;
+		font-size: var(--smrt-typography-body-medium-size, 0.8125rem);
+		font-weight: var(--smrt-typography-weight-medium, 500);
+		color: var(--color-text-primary, #111827);
+	}
+
+	code {
+		font-family: var(--smrt-font-family-mono, monospace);
+		font-size: var(--smrt-typography-body-small-size, 0.75rem);
+		padding: 0.125rem 0.25rem;
+		background: var(--color-neutral-bg, #f3f4f6);
+		border-radius: 0.25rem;
+	}
+
+	.no-property {
+		margin: 0;
+		color: var(--color-text-secondary, #6b7280);
+		font-size: var(--smrt-typography-body-medium-size, 0.875rem);
+	}
+</style>

package/dist/svelte/PropertyInfo.svelte.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    propertyId: string | null;
+    measurementId: string | null;
+    provider: string | null;
+    status: 'active' | 'inactive' | 'pending';
+    lastSyncAt: string | null;
+    siteDomain?: string;
+}
+declare const PropertyInfo: import("svelte").Component<Props, {}, "">;
+type PropertyInfo = ReturnType<typeof PropertyInfo>;
+export default PropertyInfo;
+//# sourceMappingURL=PropertyInfo.svelte.d.ts.map

package/dist/svelte/PropertyInfo.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyInfo.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/PropertyInfo.svelte.ts"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA0ED,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/svelte/PropertyStatusBadge.svelte

@@ -0,0 +1,65 @@
+<script lang="ts">
+interface Props {
+  status: 'active' | 'inactive' | 'pending';
+}
+
+const { status }: Props = $props();
+
+const label = $derived(
+  status === 'active'
+    ? 'Connected'
+    : status === 'pending'
+      ? 'Pending'
+      : 'Disconnected',
+);
+</script>
+
+<span class="status-badge" class:connected={status === 'active'} class:pending={status === 'pending'} class:disconnected={status === 'inactive'}>
+	<span class="status-dot"></span>
+	{label}
+</span>
+
+<style>
+	.status-badge {
+		display: inline-flex;
+		align-items: center;
+		gap: 0.375rem;
+		padding: 0.25rem 0.625rem;
+		border-radius: var(--smrt-radius-full, 9999px);
+		font-size: var(--smrt-typography-label-medium-size, 0.75rem);
+		font-weight: var(--smrt-typography-weight-medium, 500);
+	}
+
+	.status-dot {
+		width: 0.5rem;
+		height: 0.5rem;
+		border-radius: var(--smrt-radius-full, 9999px);
+	}
+
+	.connected {
+		background: var(--color-success-bg, #dcfce7);
+		color: var(--color-success-text, #166534);
+	}
+
+	.connected .status-dot {
+		background: var(--color-success-main, #22c55e);
+	}
+
+	.pending {
+		background: var(--color-warning-bg, #fef9c3);
+		color: var(--color-warning-text, #854d0e);
+	}
+
+	.pending .status-dot {
+		background: var(--color-warning-main, #eab308);
+	}
+
+	.disconnected {
+		background: var(--color-neutral-bg, #f3f4f6);
+		color: var(--color-neutral-text, #4b5563);
+	}
+
+	.disconnected .status-dot {
+		background: var(--color-neutral-main, #9ca3af);
+	}
+</style>

package/dist/svelte/PropertyStatusBadge.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    status: 'active' | 'inactive' | 'pending';
+}
+declare const PropertyStatusBadge: import("svelte").Component<Props, {}, "">;
+type PropertyStatusBadge = ReturnType<typeof PropertyStatusBadge>;
+export default PropertyStatusBadge;
+//# sourceMappingURL=PropertyStatusBadge.svelte.d.ts.map

package/dist/svelte/PropertyStatusBadge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyStatusBadge.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/PropertyStatusBadge.svelte.ts"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACb,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;CAC3C;AAwBD,QAAA,MAAM,mBAAmB,2CAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/svelte/StatCard.svelte

@@ -0,0 +1,63 @@
+<script lang="ts">
+import TrendBadge from './TrendBadge.svelte';
+
+interface Props {
+  label: string;
+  value: number | string;
+  trend?: 'up' | 'down' | 'flat';
+  trendPercent?: number;
+  subtitle?: string;
+}
+
+const { label, value, trend, trendPercent, subtitle }: Props = $props();
+</script>
+
+<div class="stat-card">
+	<div class="stat-label">{label}</div>
+	<div class="stat-row">
+		<div class="stat-value">{value}</div>
+		{#if trend && trendPercent !== undefined}
+			<TrendBadge {trend} percent={trendPercent} />
+		{/if}
+	</div>
+	{#if subtitle}
+		<div class="stat-subtitle">{subtitle}</div>
+	{/if}
+</div>
+
+<style>
+	.stat-card {
+		padding: 1rem;
+		background: var(--color-surface, #fff);
+		border: 1px solid var(--color-border, #e5e7eb);
+		border-radius: 0.5rem;
+	}
+
+	.stat-label {
+		font-size: var(--smrt-typography-label-medium-size, 0.75rem);
+		font-weight: var(--smrt-typography-weight-medium, 500);
+		color: var(--color-text-secondary, #6b7280);
+		text-transform: uppercase;
+		letter-spacing: var(--smrt-typography-label-medium-tracking, 0.05em);
+		margin-bottom: 0.25rem;
+	}
+
+	.stat-row {
+		display: flex;
+		align-items: baseline;
+		gap: 0.5rem;
+	}
+
+	.stat-value {
+		font-size: var(--smrt-typography-headline-small-size, 1.5rem);
+		font-weight: var(--smrt-typography-weight-bold, 700);
+		color: var(--color-text-primary, #111827);
+		line-height: var(--smrt-typography-headline-small-line-height, 1.2);
+	}
+
+	.stat-subtitle {
+		font-size: var(--smrt-typography-body-small-size, 0.75rem);
+		color: var(--color-text-tertiary, #9ca3af);
+		margin-top: 0.25rem;
+	}
+</style>

package/dist/svelte/StatCard.svelte.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    label: string;
+    value: number | string;
+    trend?: 'up' | 'down' | 'flat';
+    trendPercent?: number;
+    subtitle?: string;
+}
+declare const StatCard: import("svelte").Component<Props, {}, "">;
+type StatCard = ReturnType<typeof StatCard>;
+export default StatCard;
+//# sourceMappingURL=StatCard.svelte.d.ts.map

package/dist/svelte/StatCard.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/StatCard.svelte.ts"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAyBD,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/svelte/TrendBadge.svelte

@@ -0,0 +1,49 @@
+<script lang="ts">
+interface Props {
+  trend: 'up' | 'down' | 'flat';
+  percent: number;
+}
+
+const { trend, percent }: Props = $props();
+
+const arrow = $derived(
+  trend === 'up' ? '\u2191' : trend === 'down' ? '\u2193' : '\u2192',
+);
+</script>
+
+<span class="trend-badge" class:up={trend === 'up'} class:down={trend === 'down'} class:flat={trend === 'flat'}>
+	<span class="trend-arrow">{arrow}</span>
+	<span class="trend-percent">{Math.abs(percent)}%</span>
+</span>
+
+<style>
+	.trend-badge {
+		display: inline-flex;
+		align-items: center;
+		gap: 0.25rem;
+		padding: 0.125rem 0.5rem;
+		border-radius: var(--smrt-radius-full, 9999px);
+		font-size: var(--smrt-typography-label-medium-size, 0.75rem);
+		font-weight: var(--smrt-typography-weight-semibold, 600);
+		line-height: 1;
+	}
+
+	.trend-badge.up {
+		background: var(--color-success-bg, #dcfce7);
+		color: var(--color-success-text, #166534);
+	}
+
+	.trend-badge.down {
+		background: var(--color-error-bg, #fee2e2);
+		color: var(--color-error-text, #991b1b);
+	}
+
+	.trend-badge.flat {
+		background: var(--color-neutral-bg, #f3f4f6);
+		color: var(--color-neutral-text, #4b5563);
+	}
+
+	.trend-arrow {
+		font-size: var(--smrt-typography-label-large-size, 0.875rem);
+	}
+</style>

package/dist/svelte/TrendBadge.svelte.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    trend: 'up' | 'down' | 'flat';
+    percent: number;
+}
+declare const TrendBadge: import("svelte").Component<Props, {}, "">;
+type TrendBadge = ReturnType<typeof TrendBadge>;
+export default TrendBadge;
+//# sourceMappingURL=TrendBadge.svelte.d.ts.map

package/dist/svelte/TrendBadge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendBadge.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/TrendBadge.svelte.ts"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACb,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;CACjB;AAoBD,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/svelte/i18n.d.ts

@@ -0,0 +1,10 @@
+export declare const M: {
+    readonly 'analytics.analytics_summary.empty': "analytics.analytics_summary.empty";
+    readonly 'analytics.events_table.empty': "analytics.events_table.empty";
+    readonly 'analytics.events_table.showing': "analytics.events_table.showing";
+    readonly 'analytics.property_info.title': "analytics.property_info.title";
+    readonly 'analytics.property_info.measurement_id': "analytics.property_info.measurement_id";
+    readonly 'analytics.property_info.last_synced': "analytics.property_info.last_synced";
+    readonly 'analytics.property_info.no_property': "analytics.property_info.no_property";
+};
+//# sourceMappingURL=i18n.d.ts.map

package/dist/svelte/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/svelte/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC;;;;;;;;CASZ,CAAC"}

package/dist/svelte/i18n.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@happyvertical/smrt-ui/i18n';
+export const M = defineMessages({
+    'analytics.analytics_summary.empty': 'No analytics data available yet.',
+    'analytics.events_table.empty': 'No recent events.',
+    'analytics.events_table.showing': 'Showing {maxRows} of {total} events',
+    'analytics.property_info.title': 'Analytics Property',
+    'analytics.property_info.measurement_id': 'Measurement ID',
+    'analytics.property_info.last_synced': 'Last Synced',
+    'analytics.property_info.no_property': 'No analytics property configured for this site.',
+});