50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T1b97,'use client'; import { useId, useState } from 'react'; import { Switch } from '@/components/ui/switch'; import { Button } from '@/components/ui/button'; import { cn } from '@/lib/utils'; import { IconCheck, IconShield, FooterBar, type FooterSocial } from './footer-kit'; const KEYFRAMES = ` @keyframes su-policy-panel { from { opacity: 0; transform: translateY(6px) } to { opacity: 1; transform: none } } `; export type PolicyFooterVariant = 'Bar' | 'Panel'; export interface CookieCategory { id: string; label: string; description: string; locked?: boolean; } export interface PolicyFooterProps { socials?: FooterSocial[]; brand: string; legalName?: string; categories: CookieCategory[]; legal?: { label: string; href: string }[]; entities?: string[]; onSave?: (enabled: string[]) => void; copyright?: string; variant?: PolicyFooterVariant; className?: string; } function Toggle({ category, checked, onToggle, }: { category: CookieCategory; checked: boolean; onToggle: () => void; }) { const id = useId(); return (

{/* shadcn's Switch rather than a hand-rolled button with role="switch". It animates the thumb with a transform instead of `left`, which the compositor can run, and it brings the disabled and focus states with it. */} {category.label} {category.locked && ( Always on )} {category.description}

); } export function PolicyFooter({ socials, brand, legalName, categories, legal, entities = [], onSave, copyright, variant = 'Bar', className, }: PolicyFooterProps) { const [enabled, setEnabled] = useState( categories.filter((category) => category.locked).map((category) => category.id), ); const [open, setOpen] = useState(variant === 'Panel'); const [saved, setSaved] = useState(false); function toggle(id: string) { setSaved(false); setEnabled((current) => current.includes(id) ? current.filter((entry) => entry !== id) : [...current, id], ); } function save() { onSave?.(enabled); setSaved(true); } return (