Fixed imports.

src/app/(main)/websites/[websiteId]/settings/WebsiteTrackingCode.tsx

@@ -0,0 +1,33 @@
+import { TextField, Text, Column } from '@umami/react-zen';
+import { useMessages, useConfig } from '@/components/hooks';
+
+const SCRIPT_NAME = 'script.js';
+
+export function WebsiteTrackingCode({
+  websiteId,
+  hostUrl,
+}: {
+  websiteId: string;
+  hostUrl?: string;
+}) {
+  const { formatMessage, messages } = useMessages();
+  const config = useConfig();
+
+  const trackerScriptName =
+    config?.trackerScriptName?.split(',')?.map((n: string) => n.trim())?.[0] || SCRIPT_NAME;
+
+  const url = trackerScriptName?.startsWith('http')
+    ? trackerScriptName
+    : `${hostUrl || window?.location.origin || ''}${
+        process.env.basePath || ''
+      }/${trackerScriptName}`;
+
+  const code = `<script defer src="${url}" data-website-id="${websiteId}"></script>`;
+
+  return (
+    <Column gap>
+      <Text>{formatMessage(messages.trackingCode)}</Text>
+      <TextField value={code} isReadOnly allowCopy asTextArea resize="none" />
+    </Column>
+  );
+}