fix: replace developer jargon with user-friendly labels in visitor identity settings
Storage/TTL labels used implementation terms (localStorage, sessionStorage, TTL) that only make sense to developers. Replaced with plain language and added a description explaining the privacy trade-off.
This commit is contained in:
@@ -14,15 +14,15 @@ import { toast, Toggle, Select, CheckIcon } from '@ciphera-net/ui'
|
|||||||
const FRAMEWORKS = integrations.filter((i) => i.category === 'framework').slice(0, 10)
|
const FRAMEWORKS = integrations.filter((i) => i.category === 'framework').slice(0, 10)
|
||||||
|
|
||||||
const STORAGE_OPTIONS = [
|
const STORAGE_OPTIONS = [
|
||||||
{ value: 'local', label: 'Cross-tab (localStorage)' },
|
{ value: 'local', label: 'Across all tabs' },
|
||||||
{ value: 'session', label: 'Per-tab (sessionStorage)' },
|
{ value: 'session', label: 'Single tab only' },
|
||||||
]
|
]
|
||||||
|
|
||||||
const TTL_OPTIONS = [
|
const TTL_OPTIONS = [
|
||||||
{ value: '24', label: '24h' },
|
{ value: '24', label: '24 hours' },
|
||||||
{ value: '48', label: '48h' },
|
{ value: '48', label: '2 days' },
|
||||||
{ value: '168', label: '7d' },
|
{ value: '168', label: '7 days' },
|
||||||
{ value: '720', label: '30d' },
|
{ value: '720', label: '30 days' },
|
||||||
]
|
]
|
||||||
|
|
||||||
const FEATURES = [
|
const FEATURES = [
|
||||||
@@ -187,13 +187,16 @@ export default function ScriptSetupBlock({
|
|||||||
|
|
||||||
{/* ── Storage + TTL ───────────────────────────────────────────────── */}
|
{/* ── Storage + TTL ───────────────────────────────────────────────── */}
|
||||||
<div className="mt-6">
|
<div className="mt-6">
|
||||||
<h4 className="text-sm font-semibold text-neutral-900 dark:text-white mb-3">
|
<h4 className="text-sm font-semibold text-neutral-900 dark:text-white mb-1">
|
||||||
Visitor identity
|
Visitor identity
|
||||||
</h4>
|
</h4>
|
||||||
|
<p className="text-xs text-neutral-500 dark:text-neutral-400 mb-3">
|
||||||
|
How returning visitors are recognized. Stricter settings increase privacy but may raise unique visitor counts.
|
||||||
|
</p>
|
||||||
<div className="flex items-end gap-3">
|
<div className="flex items-end gap-3">
|
||||||
<div className="min-w-0">
|
<div className="min-w-0">
|
||||||
<label className="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1 block">
|
<label className="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1 block">
|
||||||
Storage
|
Recognition
|
||||||
</label>
|
</label>
|
||||||
<Select
|
<Select
|
||||||
variant="input"
|
variant="input"
|
||||||
@@ -205,7 +208,7 @@ export default function ScriptSetupBlock({
|
|||||||
{storage === 'local' && (
|
{storage === 'local' && (
|
||||||
<div>
|
<div>
|
||||||
<label className="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1 block">
|
<label className="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1 block">
|
||||||
TTL
|
Reset after
|
||||||
</label>
|
</label>
|
||||||
<Select
|
<Select
|
||||||
variant="input"
|
variant="input"
|
||||||
|
|||||||
Reference in New Issue
Block a user