@evolve.ui/core-components 1.0.0

package/CookieConsent-PIglB_bb.cjs

@@ -0,0 +1,430 @@
+const require_Typography_Text = require("./Typography/Text.cjs");
+const require_Button = require("./Button.cjs");
+const require_Typography_InlineButton = require("./Typography/InlineButton.cjs");
+const require_Toast = require("./Toast-CPEKESLZ.cjs");
+const require_components = require("./components-CL4KcKF0.cjs");
+const require_Modal = require("./Modal-CiBqXyiK.cjs");
+const require_toggleSwitch = require("./toggleSwitch.cjs");
+let _evolve_ui_theme_system = require("@evolve.ui/theme-system");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/CookieConsent/types/cookieConsent.types.ts
+/** Where the user interaction originated. */
+let ConsentSource = /* @__PURE__ */ function(ConsentSource) {
+	ConsentSource["Banner"] = "banner";
+	ConsentSource["Modal"] = "modal";
+	return ConsentSource;
+}({});
+const DEFAULT_COOKIE_CATEGORIES = [
+	{
+		description: "Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.",
+		key: "necessary",
+		label: "Necessary",
+		required: true
+	},
+	{
+		description: "Preference cookies enable a website to remember information that changes the way the website behaves or looks, like your preferred language or the region that you are in.",
+		key: "preferences",
+		label: "Preferences"
+	},
+	{
+		description: "Statistics cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.",
+		key: "statistics",
+		label: "Statistics"
+	},
+	{
+		description: "Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.",
+		key: "marketing",
+		label: "Marketing"
+	}
+];
+//#endregion
+//#region src/CookieConsent/hooks/useCookieConsent.ts
+const DEFAULT_CONSENT_STORAGE_KEY = "hui-cookie-consent";
+const DEFAULT_CONSENT = {
+	marketing: false,
+	preferences: false,
+	statistics: false
+};
+/**
+* Reads a previously persisted consent payload from localStorage.
+* Returns `undefined` during SSR, when nothing is stored, or when the stored
+* value is corrupt/unparseable (corrupt values are treated as "no response yet"
+* so the banner shows again rather than trusting bad data).
+*/
+const readStoredConsent = (storageKey) => {
+	/* istanbul ignore next -- @preserve: SSR guard; a React test renderer always runs with a defined `window`, so this branch is unreachable under jest/jsdom. */
+	if (typeof window === "undefined") return;
+	let raw = null;
+	try {
+		raw = window.localStorage.getItem(storageKey);
+	} catch {
+		return;
+	}
+	if (!raw) return;
+	try {
+		const parsed = JSON.parse(raw);
+		if (typeof parsed === "object" && parsed !== null && typeof parsed.marketing === "boolean" && typeof parsed.preferences === "boolean" && typeof parsed.statistics === "boolean") {
+			const payload = parsed;
+			return {
+				marketing: payload.marketing,
+				preferences: payload.preferences,
+				statistics: payload.statistics
+			};
+		}
+	} catch {}
+};
+/**
+* Persists a consent payload to localStorage. No-ops during SSR or when
+* localStorage is unavailable.
+*/
+const writeStoredConsent = (storageKey, categories) => {
+	/* istanbul ignore next -- @preserve: SSR guard; consent writes are user-triggered client-side actions and a React test renderer always has a defined `window`, so this branch is unreachable under jest/jsdom. */
+	if (typeof window === "undefined") return;
+	const payload = {
+		...categories,
+		necessary: true
+	};
+	try {
+		window.localStorage.setItem(storageKey, JSON.stringify(payload));
+	} catch {}
+};
+/**
+* Low-level consent engine backed by localStorage.
+*
+* Uncontrolled (default) mode: on mount, reads any previously saved consent
+* from localStorage. The banner is visible if and only if no stored consent
+* exists. Action helpers (`acceptAll`, `declineAll`, `submitConsent`) persist
+* the new consent payload and hide the banner.
+*
+* Controlled mode (`consent` param provided): an external CMP owns the state —
+* nothing is read from or written to localStorage and the banner is never
+* auto-shown; the preferences modal remains reachable via
+* `CookieConsentHandle.openModal()`.
+*
+* Exposes `isBannerVisible`, current `consent` state, `hasResponse` (whether
+* the user has already responded), and the action helpers.
+*/
+const useCookieConsent = ({ consent: controlledConsent, storageKey = DEFAULT_CONSENT_STORAGE_KEY } = {}) => {
+	const isControlled = controlledConsent !== void 0;
+	const [isBannerVisible, setIsBannerVisible] = (0, react.useState)(false);
+	const [internalConsent, setInternalConsent] = (0, react.useState)(DEFAULT_CONSENT);
+	const [hasStoredResponse, setHasStoredResponse] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (isControlled) return;
+		const stored = readStoredConsent(storageKey);
+		if (stored) {
+			setInternalConsent(stored);
+			setHasStoredResponse(true);
+			setIsBannerVisible(false);
+		} else setIsBannerVisible(true);
+	}, [isControlled, storageKey]);
+	const applyConsent = (0, react.useCallback)((categories) => {
+		if (!isControlled) writeStoredConsent(storageKey, categories);
+		setInternalConsent(categories);
+		setHasStoredResponse(true);
+		setIsBannerVisible(false);
+	}, [isControlled, storageKey]);
+	const acceptAll = (0, react.useCallback)(() => {
+		applyConsent({
+			marketing: true,
+			preferences: true,
+			statistics: true
+		});
+	}, [applyConsent]);
+	const declineAll = (0, react.useCallback)(() => {
+		applyConsent(DEFAULT_CONSENT);
+	}, [applyConsent]);
+	const submitConsent = (0, react.useCallback)((categories) => {
+		applyConsent(categories);
+	}, [applyConsent]);
+	return {
+		acceptAll,
+		consent: isControlled ? controlledConsent : internalConsent,
+		declineAll,
+		/** Whether the user has already responded (controlled mode counts as responded). */
+		hasResponse: isControlled || hasStoredResponse,
+		isBannerVisible,
+		submitConsent
+	};
+};
+//#endregion
+//#region src/CookieConsent/hooks/useCookieConsentState.ts
+const DEFAULT_LOCAL_CONSENT = {
+	marketing: true,
+	preferences: true,
+	statistics: true
+};
+const buildConsentPayload = (consent) => ({
+	...consent,
+	necessary: true
+});
+/**
+* UI state manager for the CookieConsent component.
+*
+* Wraps `useCookieConsent` and owns banner/modal visibility, local consent
+* toggle state, and all user interaction handlers (OK, save, toggle, open/close).
+*
+* Modal toggles default to all-ON (`DEFAULT_LOCAL_CONSENT`). When opening the
+* modal, existing consent is read from the consent engine only if the user has
+* already responded — before a response, consent initializes as all `false`,
+* so we fall back to the all-ON default.
+*/
+const useCookieConsentState = ({ consent: controlledConsent, onConsentChange, storageKey, toastMessage, tracking }) => {
+	const { acceptAll, consent, hasResponse, isBannerVisible, submitConsent } = useCookieConsent({
+		consent: controlledConsent,
+		storageKey
+	});
+	const trackingRef = (0, react.useRef)(tracking);
+	trackingRef.current = tracking;
+	const [showBanner, setShowBanner] = (0, react.useState)(false);
+	const [bannerExiting, setBannerExiting] = (0, react.useState)(false);
+	const [showDialog, setShowDialog] = (0, react.useState)(false);
+	const [localConsent, setLocalConsent] = (0, react.useState)(DEFAULT_LOCAL_CONSENT);
+	const readCurrentConsent = (0, react.useCallback)(() => hasResponse ? consent : DEFAULT_LOCAL_CONSENT, [consent, hasResponse]);
+	(0, react.useEffect)(() => {
+		if (isBannerVisible) {
+			setShowBanner(true);
+			setBannerExiting(false);
+			trackingRef.current?.onBannerViewed?.();
+		}
+	}, [isBannerVisible]);
+	const openModal = (0, react.useCallback)(() => {
+		setLocalConsent(readCurrentConsent());
+		setShowDialog(true);
+	}, [readCurrentConsent]);
+	const handleBannerAnimationEnd = (0, react.useCallback)((e) => {
+		/* istanbul ignore next -- @preserve: `bannerExiting` is only ever set to false in this hook (faithful hammer parity), so the exit-animation cleanup branch is unreachable. Reported as latent dead code, not modified to preserve parity. */
+		if (bannerExiting && e.target === e.currentTarget) {
+			setShowBanner(false);
+			setBannerExiting(false);
+		}
+	}, [bannerExiting]);
+	const openDialog = (0, react.useCallback)(() => {
+		setLocalConsent(readCurrentConsent());
+		setShowDialog(true);
+		setShowBanner(false);
+		setBannerExiting(false);
+		trackingRef.current?.onPreferencesOpened?.("banner");
+	}, [readCurrentConsent]);
+	return {
+		bannerExiting,
+		closeDialog: (0, react.useCallback)(() => {
+			setShowDialog(false);
+			trackingRef.current?.onPreferencesDismissed?.("modal");
+			if (isBannerVisible) {
+				setShowBanner(true);
+				setBannerExiting(false);
+			}
+		}, [isBannerVisible]),
+		handleBannerAnimationEnd,
+		handleOk: (0, react.useCallback)(() => {
+			const allConsent = {
+				marketing: true,
+				preferences: true,
+				statistics: true
+			};
+			acceptAll();
+			onConsentChange?.(allConsent);
+			setShowBanner(false);
+			setBannerExiting(false);
+			require_Toast.toast("success", { title: toastMessage });
+			trackingRef.current?.onPreferencesSaved?.({
+				consent: buildConsentPayload(allConsent),
+				source: "banner"
+			});
+		}, [
+			acceptAll,
+			onConsentChange,
+			toastMessage
+		]),
+		handleSavePreferences: (0, react.useCallback)(() => {
+			submitConsent(localConsent);
+			onConsentChange?.(localConsent);
+			setShowDialog(false);
+			setShowBanner(false);
+			setBannerExiting(false);
+			require_Toast.toast("success", { title: toastMessage });
+			trackingRef.current?.onPreferencesSaved?.({
+				consent: buildConsentPayload(localConsent),
+				source: "modal"
+			});
+		}, [
+			localConsent,
+			onConsentChange,
+			submitConsent,
+			toastMessage
+		]),
+		handleToggle: (0, react.useCallback)((key) => {
+			setLocalConsent((prev) => ({
+				...prev,
+				[key]: !prev[key]
+			}));
+		}, []),
+		localConsent,
+		openDialog,
+		openModal,
+		showBanner,
+		showDialog
+	};
+};
+//#endregion
+//#region src/CookieConsent/components/CookieConsentBanner/CookieConsentBanner.tsx
+const CookieConsentBanner = (0, react.memo)(({ isExiting, onAnimationEnd, onDismiss, onOpenPreferences }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	"aria-label": "Cookie consent",
+	className: (0, _evolve_ui_theme_system.cn)("fixed inset-x-0 bottom-md z-[10300] mx-auto w-[calc(100%-48px)] max-w-[1200px] rounded-md border border-border-secondary bg-background-tertiary shadow-01", isExiting ? "animate-slideDown" : "animate-slideUp"),
+	onAnimationEnd,
+	role: "region",
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-xs p-sm smMin:flex-row smMin:items-center smMin:gap-md smMin:p-md",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.BodySecondary, {
+				className: "inline",
+				children: "We use cookies to improve your experience, to analyze website usage, and for marketing purposes."
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_InlineButton.InlineButton, {
+				className: "ml-2xs inline text-text-primary underline",
+				onClick: onOpenPreferences,
+				size: "sm",
+				children: "Cookie preferences"
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "shrink-0 self-end smMin:self-auto",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+				className: "min-w-[96px]",
+				onClick: onDismiss,
+				size: "sm",
+				style: "neutral",
+				variant: "outlined",
+				children: "OK"
+			})
+		})]
+	})
+}));
+//#endregion
+//#region src/CookieConsent/components/CookieCategoryRow/CookieCategoryRow.tsx
+const CookieCategoryRow = (0, react.memo)(({ description, isToggled, label, onToggleChange, required }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	className: "flex flex-col gap-2xs border-b border-border-secondary py-sm",
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex h-[22px] items-center justify-between",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.LabelStrong, { children: label }), required ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.BodySecondary, {
+			className: "text-text-primary",
+			children: "Required"
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_toggleSwitch.ToggleSwitch, {
+			"aria-label": label,
+			isToggled,
+			onToggleChange
+		})]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.Caption, {
+		className: "text-text-secondary",
+		children: description
+	})]
+}));
+//#endregion
+//#region src/CookieConsent/components/CookieConsentModal/CookieConsentModal.tsx
+const CookieConsentModal = (0, react.memo)(({ categories = DEFAULT_COOKIE_CATEGORIES, localConsent, onClose, onSave, onToggle, show }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Modal.Modal, {
+	className: "max-w-[588px]",
+	handleClose: onClose,
+	show,
+	type: "composable",
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.CloseButton, {}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ModalHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.H2, { children: "Cookie Preferences" }) }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components.ModalContent, {
+			className: "max-w-460px pb-sm",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.BodySecondary, {
+					className: "mb-sm",
+					children: "Our platform uses various types of cookies, each of which has a specific function. Manage your preferences below:"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-b border-border-secondary pb-sm" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "flex flex-col",
+					children: categories.map((cat) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CookieCategoryRow, {
+						description: cat.description,
+						isToggled: cat.required ? true : localConsent[cat.key],
+						label: cat.label,
+						onToggleChange: cat.required ? void 0 : () => onToggle(cat.key),
+						required: cat.required
+					}, cat.key))
+				})
+			]
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ModalActions, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+			onClick: onSave,
+			size: "md",
+			style: "primary",
+			variant: "filled",
+			children: "SAVE PREFERENCES"
+		}) })
+	]
+}));
+//#endregion
+//#region src/CookieConsent/components/CookieConsent/CookieConsent.tsx
+const DEFAULT_TOAST_MESSAGE = "Your privacy preferences have been saved.";
+/**
+* Custom cookie consent UI (banner + preferences modal).
+*
+* Renders the consent banner and modal. By default consent is persisted to
+* localStorage via `useCookieConsentState`; pass the `consent` prop to let an
+* external consent-management platform own the state instead. Exposes
+* `openModal()` through a ref for programmatic access (e.g. footer
+* "Cookie Preferences" link).
+*/
+const CookieConsent = (0, react.forwardRef)(({ categories, consent, onConsentChange, storageKey, toastMessage = DEFAULT_TOAST_MESSAGE, tracking } = {}, ref) => {
+	const state = useCookieConsentState({
+		consent,
+		onConsentChange,
+		storageKey,
+		toastMessage,
+		tracking
+	});
+	(0, react.useImperativeHandle)(ref, () => ({ openModal: state.openModal }), [state.openModal]);
+	if (!state.showBanner && !state.showDialog) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [state.showBanner && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CookieConsentBanner, {
+		isExiting: state.bannerExiting,
+		onAnimationEnd: state.handleBannerAnimationEnd,
+		onDismiss: state.handleOk,
+		onOpenPreferences: state.openDialog
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CookieConsentModal, {
+		categories,
+		localConsent: state.localConsent,
+		onClose: state.closeDialog,
+		onSave: state.handleSavePreferences,
+		onToggle: state.handleToggle,
+		show: state.showDialog
+	})] });
+});
+//#endregion
+Object.defineProperty(exports, "ConsentSource", {
+	enumerable: true,
+	get: function() {
+		return ConsentSource;
+	}
+});
+Object.defineProperty(exports, "CookieConsent", {
+	enumerable: true,
+	get: function() {
+		return CookieConsent;
+	}
+});
+Object.defineProperty(exports, "DEFAULT_CONSENT_STORAGE_KEY", {
+	enumerable: true,
+	get: function() {
+		return DEFAULT_CONSENT_STORAGE_KEY;
+	}
+});
+Object.defineProperty(exports, "DEFAULT_COOKIE_CATEGORIES", {
+	enumerable: true,
+	get: function() {
+		return DEFAULT_COOKIE_CATEGORIES;
+	}
+});
+Object.defineProperty(exports, "useCookieConsent", {
+	enumerable: true,
+	get: function() {
+		return useCookieConsent;
+	}
+});
+
+//# sourceMappingURL=CookieConsent-PIglB_bb.cjs.map

package/CookieConsent-PIglB_bb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieConsent-PIglB_bb.cjs","names":["BodySecondary","InlineButton","Button","LabelStrong","BodySecondary","ToggleSwitch","Caption","Modal","CloseButton","ModalHeader","H2","ModalContent","BodySecondary","ModalActions","Button"],"sources":["../src/CookieConsent/types/cookieConsent.types.ts","../src/CookieConsent/hooks/useCookieConsent.ts","../src/CookieConsent/hooks/useCookieConsentState.ts","../src/CookieConsent/components/CookieConsentBanner/CookieConsentBanner.tsx","../src/CookieConsent/components/CookieCategoryRow/CookieCategoryRow.tsx","../src/CookieConsent/components/CookieConsentModal/CookieConsentModal.tsx","../src/CookieConsent/components/CookieConsent/CookieConsent.tsx"],"sourcesContent":["/**\n * The three non-essential consent categories managed by this component.\n * `necessary` is excluded because it's always implicitly granted.\n */\nexport type ConsentCategories = {\n    marketing: boolean;\n    preferences: boolean;\n    statistics: boolean;\n};\n\n/** Full consent payload including the always-on `necessary` flag. */\nexport type ConsentPayload = ConsentCategories & { necessary: true };\n\n/** Where the user interaction originated. */\nexport enum ConsentSource {\n    Banner = 'banner',\n    Modal = 'modal',\n}\n\n/** Tracking callbacks for cookie consent analytics. */\nexport type CookieConsentTracking = {\n    onBannerViewed?: () => void;\n    onPreferencesDismissed?: (source: ConsentSource) => void;\n    onPreferencesOpened?: (source: ConsentSource) => void;\n    onPreferencesSaved?: (payload: { consent: ConsentPayload; source: ConsentSource }) => void;\n};\n\n/** Params for the useCookieConsentState hook. */\nexport type UseCookieConsentStateParams = {\n    /**\n     * Controlled consent state. When provided, an external consent-management\n     * platform owns the consent state and internal localStorage persistence is\n     * bypassed — sync changes back through `onConsentChange`.\n     */\n    consent?: ConsentCategories;\n    onConsentChange?: (consent: ConsentCategories) => void;\n    /** localStorage key used to persist consent in uncontrolled mode. */\n    storageKey?: string;\n    toastMessage: string;\n    tracking?: CookieConsentTracking;\n};\n\n/** Definition for a single row in the preferences modal. */\nexport type CookieCategoryConfig = {\n    description: string;\n    /** Must match a `ConsentCategories` key, or `'necessary'` for the always-on row. */\n    key: keyof ConsentCategories | 'necessary';\n    label: string;\n    /** When `true`, the toggle is locked on and the user cannot opt out. */\n    required?: boolean;\n};\n\nexport const DEFAULT_COOKIE_CATEGORIES: CookieCategoryConfig[] = [\n    {\n        description:\n            'Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.',\n        key: 'necessary',\n        label: 'Necessary',\n        required: true,\n    },\n    {\n        description:\n            'Preference cookies enable a website to remember information that changes the way the website behaves or looks, like your preferred language or the region that you are in.',\n        key: 'preferences',\n        label: 'Preferences',\n    },\n    {\n        description:\n            'Statistics cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.',\n        key: 'statistics',\n        label: 'Statistics',\n    },\n    {\n        description:\n            'Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.',\n        key: 'marketing',\n        label: 'Marketing',\n    },\n];\n","import { useCallback, useEffect, useState } from 'react';\n\nimport type { ConsentCategories, ConsentPayload } from '../types/cookieConsent.types';\n\nexport const DEFAULT_CONSENT_STORAGE_KEY = 'hui-cookie-consent';\n\nconst DEFAULT_CONSENT: ConsentCategories = {\n    marketing: false,\n    preferences: false,\n    statistics: false,\n};\n\n/**\n * Reads a previously persisted consent payload from localStorage.\n * Returns `undefined` during SSR, when nothing is stored, or when the stored\n * value is corrupt/unparseable (corrupt values are treated as \"no response yet\"\n * so the banner shows again rather than trusting bad data).\n */\nconst readStoredConsent = (storageKey: string): ConsentCategories | undefined => {\n    /* istanbul ignore next -- @preserve: SSR guard; a React test renderer always runs with a defined `window`, so this branch is unreachable under jest/jsdom. */\n    if (typeof window === 'undefined') {\n        return undefined;\n    }\n\n    let raw: string | null = null;\n    try {\n        raw = window.localStorage.getItem(storageKey);\n    } catch {\n        // localStorage can throw (e.g. disabled in the browser) — treat as no response.\n        return undefined;\n    }\n\n    if (!raw) {\n        return undefined;\n    }\n\n    try {\n        const parsed: unknown = JSON.parse(raw);\n        if (\n            typeof parsed === 'object' &&\n            parsed !== null &&\n            typeof (parsed as ConsentPayload).marketing === 'boolean' &&\n            typeof (parsed as ConsentPayload).preferences === 'boolean' &&\n            typeof (parsed as ConsentPayload).statistics === 'boolean'\n        ) {\n            const payload = parsed as ConsentPayload;\n            return {\n                marketing: payload.marketing,\n                preferences: payload.preferences,\n                statistics: payload.statistics,\n            };\n        }\n    } catch {\n        // Corrupt JSON — fall through to undefined.\n    }\n\n    return undefined;\n};\n\n/**\n * Persists a consent payload to localStorage. No-ops during SSR or when\n * localStorage is unavailable.\n */\nconst writeStoredConsent = (storageKey: string, categories: ConsentCategories) => {\n    /* istanbul ignore next -- @preserve: SSR guard; consent writes are user-triggered client-side actions and a React test renderer always has a defined `window`, so this branch is unreachable under jest/jsdom. */\n    if (typeof window === 'undefined') {\n        return;\n    }\n\n    const payload: ConsentPayload = { ...categories, necessary: true };\n\n    try {\n        window.localStorage.setItem(storageKey, JSON.stringify(payload));\n    } catch {\n        // localStorage unavailable — consent still applies for this session via state.\n    }\n};\n\n/** Params for the useCookieConsent hook. */\nexport type UseCookieConsentParams = {\n    /**\n     * Controlled consent state. When provided, an external consent-management\n     * platform (CMP) owns the consent state: internal localStorage persistence\n     * is bypassed, the banner is never auto-shown, and consent reads reflect\n     * this value. Sync user changes back to the CMP via the component's\n     * `onConsentChange` callback.\n     */\n    consent?: ConsentCategories;\n    /** localStorage key used to persist consent in uncontrolled mode. */\n    storageKey?: string;\n};\n\n/**\n * Low-level consent engine backed by localStorage.\n *\n * Uncontrolled (default) mode: on mount, reads any previously saved consent\n * from localStorage. The banner is visible if and only if no stored consent\n * exists. Action helpers (`acceptAll`, `declineAll`, `submitConsent`) persist\n * the new consent payload and hide the banner.\n *\n * Controlled mode (`consent` param provided): an external CMP owns the state —\n * nothing is read from or written to localStorage and the banner is never\n * auto-shown; the preferences modal remains reachable via\n * `CookieConsentHandle.openModal()`.\n *\n * Exposes `isBannerVisible`, current `consent` state, `hasResponse` (whether\n * the user has already responded), and the action helpers.\n */\nexport const useCookieConsent = ({\n    consent: controlledConsent,\n    storageKey = DEFAULT_CONSENT_STORAGE_KEY,\n}: UseCookieConsentParams = {}) => {\n    const isControlled = controlledConsent !== undefined;\n\n    const [isBannerVisible, setIsBannerVisible] = useState(false);\n    const [internalConsent, setInternalConsent] = useState<ConsentCategories>(DEFAULT_CONSENT);\n    const [hasStoredResponse, setHasStoredResponse] = useState(false);\n\n    useEffect(() => {\n        if (isControlled) {\n            return;\n        }\n\n        const stored = readStoredConsent(storageKey);\n        if (stored) {\n            setInternalConsent(stored);\n            setHasStoredResponse(true);\n            setIsBannerVisible(false);\n        } else {\n            setIsBannerVisible(true);\n        }\n    }, [isControlled, storageKey]);\n\n    const applyConsent = useCallback(\n        (categories: ConsentCategories) => {\n            if (!isControlled) {\n                writeStoredConsent(storageKey, categories);\n            }\n            setInternalConsent(categories);\n            setHasStoredResponse(true);\n            setIsBannerVisible(false);\n        },\n        [isControlled, storageKey]\n    );\n\n    const acceptAll = useCallback(() => {\n        applyConsent({ marketing: true, preferences: true, statistics: true });\n    }, [applyConsent]);\n\n    const declineAll = useCallback(() => {\n        applyConsent(DEFAULT_CONSENT);\n    }, [applyConsent]);\n\n    const submitConsent = useCallback(\n        (categories: ConsentCategories) => {\n            applyConsent(categories);\n        },\n        [applyConsent]\n    );\n\n    return {\n        acceptAll,\n        consent: isControlled ? controlledConsent : internalConsent,\n        declineAll,\n        /** Whether the user has already responded (controlled mode counts as responded). */\n        hasResponse: isControlled || hasStoredResponse,\n        isBannerVisible,\n        submitConsent,\n    };\n};\n","import { AnimationEvent, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { toast } from '../../Toast';\nimport {\n    ConsentCategories,\n    ConsentPayload,\n    ConsentSource,\n    UseCookieConsentStateParams,\n} from '../types/cookieConsent.types';\nimport { useCookieConsent } from './useCookieConsent';\n\nconst DEFAULT_LOCAL_CONSENT: ConsentCategories = {\n    marketing: true,\n    preferences: true,\n    statistics: true,\n};\n\nconst buildConsentPayload = (consent: ConsentCategories): ConsentPayload => ({\n    ...consent,\n    necessary: true,\n});\n\n/**\n * UI state manager for the CookieConsent component.\n *\n * Wraps `useCookieConsent` and owns banner/modal visibility, local consent\n * toggle state, and all user interaction handlers (OK, save, toggle, open/close).\n *\n * Modal toggles default to all-ON (`DEFAULT_LOCAL_CONSENT`). When opening the\n * modal, existing consent is read from the consent engine only if the user has\n * already responded — before a response, consent initializes as all `false`,\n * so we fall back to the all-ON default.\n */\nexport const useCookieConsentState = ({\n    consent: controlledConsent,\n    onConsentChange,\n    storageKey,\n    toastMessage,\n    tracking,\n}: UseCookieConsentStateParams) => {\n    const { acceptAll, consent, hasResponse, isBannerVisible, submitConsent } = useCookieConsent({\n        consent: controlledConsent,\n        storageKey,\n    });\n    const trackingRef = useRef(tracking);\n    trackingRef.current = tracking;\n\n    const [showBanner, setShowBanner] = useState(false);\n    const [bannerExiting, setBannerExiting] = useState(false);\n    const [showDialog, setShowDialog] = useState(false);\n    const [localConsent, setLocalConsent] = useState(DEFAULT_LOCAL_CONSENT);\n\n    const readCurrentConsent = useCallback(\n        (): ConsentCategories => (hasResponse ? consent : DEFAULT_LOCAL_CONSENT),\n        [consent, hasResponse]\n    );\n\n    useEffect(() => {\n        if (isBannerVisible) {\n            setShowBanner(true);\n            setBannerExiting(false);\n            trackingRef.current?.onBannerViewed?.();\n        }\n    }, [isBannerVisible]);\n\n    const openModal = useCallback(() => {\n        setLocalConsent(readCurrentConsent());\n        setShowDialog(true);\n    }, [readCurrentConsent]);\n\n    const handleBannerAnimationEnd = useCallback(\n        (e: AnimationEvent<HTMLDivElement>) => {\n            /* istanbul ignore next -- @preserve: `bannerExiting` is only ever set to false in this hook (faithful hammer parity), so the exit-animation cleanup branch is unreachable. Reported as latent dead code, not modified to preserve parity. */\n            if (bannerExiting && e.target === e.currentTarget) {\n                setShowBanner(false);\n                setBannerExiting(false);\n            }\n        },\n        [bannerExiting]\n    );\n\n    const openDialog = useCallback(() => {\n        setLocalConsent(readCurrentConsent());\n        setShowDialog(true);\n        setShowBanner(false);\n        setBannerExiting(false);\n        trackingRef.current?.onPreferencesOpened?.(ConsentSource.Banner);\n    }, [readCurrentConsent]);\n\n    const closeDialog = useCallback(() => {\n        setShowDialog(false);\n        trackingRef.current?.onPreferencesDismissed?.(ConsentSource.Modal);\n        if (isBannerVisible) {\n            setShowBanner(true);\n            setBannerExiting(false);\n        }\n    }, [isBannerVisible]);\n\n    const handleOk = useCallback(() => {\n        const allConsent: ConsentCategories = { marketing: true, preferences: true, statistics: true };\n        acceptAll();\n        onConsentChange?.(allConsent);\n        setShowBanner(false);\n        setBannerExiting(false);\n        toast('success', { title: toastMessage });\n        trackingRef.current?.onPreferencesSaved?.({\n            consent: buildConsentPayload(allConsent),\n            source: ConsentSource.Banner,\n        });\n    }, [acceptAll, onConsentChange, toastMessage]);\n\n    const handleSavePreferences = useCallback(() => {\n        submitConsent(localConsent);\n        onConsentChange?.(localConsent);\n        setShowDialog(false);\n        setShowBanner(false);\n        setBannerExiting(false);\n        toast('success', { title: toastMessage });\n        trackingRef.current?.onPreferencesSaved?.({\n            consent: buildConsentPayload(localConsent),\n            source: ConsentSource.Modal,\n        });\n    }, [localConsent, onConsentChange, submitConsent, toastMessage]);\n\n    const handleToggle = useCallback((key: keyof ConsentCategories) => {\n        setLocalConsent((prev) => ({ ...prev, [key]: !prev[key] }));\n    }, []);\n\n    return {\n        bannerExiting,\n        closeDialog,\n        handleBannerAnimationEnd,\n        handleOk,\n        handleSavePreferences,\n        handleToggle,\n        localConsent,\n        openDialog,\n        openModal,\n        showBanner,\n        showDialog,\n    };\n};\n","import { cn } from '@evolve.ui/theme-system';\nimport { AnimationEvent, memo } from 'react';\n\nimport { Button } from '../../../Button/Button';\nimport { InlineButton } from '../../../Typography/InlineButton/InlineButton';\nimport { BodySecondary } from '../../../Typography/Text/Text';\n\ntype Props = {\n    isExiting: boolean;\n    onAnimationEnd: (e: AnimationEvent<HTMLDivElement>) => void;\n    onDismiss: () => void;\n    onOpenPreferences: () => void;\n};\n\nexport const CookieConsentBanner = memo(({ isExiting, onAnimationEnd, onDismiss, onOpenPreferences }: Props) => (\n    <div\n        aria-label=\"Cookie consent\"\n        className={cn(\n            'fixed inset-x-0 bottom-md z-[10300] mx-auto w-[calc(100%-48px)] max-w-[1200px] rounded-md border border-border-secondary bg-background-tertiary shadow-01',\n            isExiting ? 'animate-slideDown' : 'animate-slideUp'\n        )}\n        onAnimationEnd={onAnimationEnd}\n        role=\"region\"\n    >\n        <div className=\"flex flex-col gap-xs p-sm smMin:flex-row smMin:items-center smMin:gap-md smMin:p-md\">\n            <div className=\"min-w-0 flex-1\">\n                <BodySecondary className=\"inline\">\n                    We use cookies to improve your experience, to analyze website usage, and for marketing purposes.\n                </BodySecondary>\n                <InlineButton\n                    className=\"ml-2xs inline text-text-primary underline\"\n                    onClick={onOpenPreferences}\n                    size=\"sm\"\n                >\n                    Cookie preferences\n                </InlineButton>\n            </div>\n            <div className=\"shrink-0 self-end smMin:self-auto\">\n                <Button\n                    className=\"min-w-[96px]\"\n                    onClick={onDismiss}\n                    size=\"sm\"\n                    style=\"neutral\"\n                    variant=\"outlined\"\n                >\n                    OK\n                </Button>\n            </div>\n        </div>\n    </div>\n));\n","import { memo } from 'react';\n\nimport { ToggleSwitch } from '../../../ToggleSwitch/ToggleSwitch';\nimport { BodySecondary, Caption, LabelStrong } from '../../../Typography/Text/Text';\n\ntype Props = {\n    description: string;\n    isToggled: boolean;\n    label: string;\n    onToggleChange?: () => void;\n    required?: boolean;\n};\n\nexport const CookieCategoryRow = memo(({ description, isToggled, label, onToggleChange, required }: Props) => (\n    <div className=\"flex flex-col gap-2xs border-b border-border-secondary py-sm\">\n        <div className=\"flex h-[22px] items-center justify-between\">\n            <LabelStrong>{label}</LabelStrong>\n            {required ? (\n                <BodySecondary className=\"text-text-primary\">Required</BodySecondary>\n            ) : (\n                <ToggleSwitch\n                    aria-label={label}\n                    isToggled={isToggled}\n                    onToggleChange={onToggleChange}\n                />\n            )}\n        </div>\n        <Caption className=\"text-text-secondary\">{description}</Caption>\n    </div>\n));\n","import { memo } from 'react';\n\nimport { Button } from '../../../Button/Button';\nimport { CloseButton, ModalActions, ModalContent, ModalHeader } from '../../../Modal/components';\nimport { Modal } from '../../../Modal/Modal';\nimport { BodySecondary, H2 } from '../../../Typography/Text/Text';\nimport { ConsentCategories, CookieCategoryConfig, DEFAULT_COOKIE_CATEGORIES } from '../../types/cookieConsent.types';\nimport { CookieCategoryRow } from '../CookieCategoryRow/CookieCategoryRow';\n\ntype Props = {\n    categories?: CookieCategoryConfig[];\n    localConsent: ConsentCategories;\n    onClose: () => void;\n    onSave: () => void;\n    onToggle: (key: keyof ConsentCategories) => void;\n    show: boolean;\n};\n\nexport const CookieConsentModal = memo(\n    ({ categories = DEFAULT_COOKIE_CATEGORIES, localConsent, onClose, onSave, onToggle, show }: Props) => (\n        <Modal\n            className=\"max-w-[588px]\"\n            handleClose={onClose}\n            show={show}\n            type=\"composable\"\n        >\n            <CloseButton />\n            <ModalHeader>\n                <H2>Cookie Preferences</H2>\n            </ModalHeader>\n            <ModalContent className=\"max-w-460px pb-sm\">\n                <BodySecondary className=\"mb-sm\">\n                    Our platform uses various types of cookies, each of which has a specific function. Manage your\n                    preferences below:\n                </BodySecondary>\n                <div className=\"border-b border-border-secondary pb-sm\"></div>\n                <div className=\"flex flex-col\">\n                    {categories.map((cat) => (\n                        <CookieCategoryRow\n                            description={cat.description}\n                            isToggled={cat.required ? true : localConsent[cat.key as keyof ConsentCategories]}\n                            key={cat.key}\n                            label={cat.label}\n                            onToggleChange={\n                                cat.required ? undefined : () => onToggle(cat.key as keyof ConsentCategories)\n                            }\n                            required={cat.required}\n                        />\n                    ))}\n                </div>\n            </ModalContent>\n            <ModalActions>\n                <Button\n                    onClick={onSave}\n                    size=\"md\"\n                    style=\"primary\"\n                    variant=\"filled\"\n                >\n                    SAVE PREFERENCES\n                </Button>\n            </ModalActions>\n        </Modal>\n    )\n);\n","import { forwardRef, useImperativeHandle } from 'react';\n\nimport type { ConsentCategories, CookieCategoryConfig, CookieConsentTracking } from '../../types/cookieConsent.types';\n\nimport { useCookieConsentState } from '../../hooks/useCookieConsentState';\nimport { CookieConsentBanner } from '../CookieConsentBanner/CookieConsentBanner';\nimport { CookieConsentModal } from '../CookieConsentModal/CookieConsentModal';\n\nconst DEFAULT_TOAST_MESSAGE = 'Your privacy preferences have been saved.';\n\ntype Props = {\n    categories?: CookieCategoryConfig[];\n    /**\n     * Controlled consent state. When provided, an external consent-management\n     * platform (CMP) owns the consent state: internal localStorage persistence\n     * is bypassed and the banner is never auto-shown. Sync user changes back to\n     * the CMP via `onConsentChange`.\n     */\n    consent?: ConsentCategories;\n    onConsentChange?: (consent: ConsentCategories) => void;\n    /** localStorage key used to persist consent in uncontrolled mode (default `'hui-cookie-consent'`). */\n    storageKey?: string;\n    toastMessage?: string;\n    tracking?: CookieConsentTracking;\n};\n\nexport type CookieConsentHandle = {\n    openModal: () => void;\n};\n\n/**\n * Custom cookie consent UI (banner + preferences modal).\n *\n * Renders the consent banner and modal. By default consent is persisted to\n * localStorage via `useCookieConsentState`; pass the `consent` prop to let an\n * external consent-management platform own the state instead. Exposes\n * `openModal()` through a ref for programmatic access (e.g. footer\n * \"Cookie Preferences\" link).\n */\nexport const CookieConsent = forwardRef<CookieConsentHandle, Props>(\n    (\n        { categories, consent, onConsentChange, storageKey, toastMessage = DEFAULT_TOAST_MESSAGE, tracking } = {},\n        ref\n    ) => {\n        const state = useCookieConsentState({ consent, onConsentChange, storageKey, toastMessage, tracking });\n\n        useImperativeHandle(ref, () => ({ openModal: state.openModal }), [state.openModal]);\n\n        if (!state.showBanner && !state.showDialog) {\n            return null;\n        }\n\n        return (\n            <>\n                {state.showBanner && (\n                    <CookieConsentBanner\n                        isExiting={state.bannerExiting}\n                        onAnimationEnd={state.handleBannerAnimationEnd}\n                        onDismiss={state.handleOk}\n                        onOpenPreferences={state.openDialog}\n                    />\n                )}\n                <CookieConsentModal\n                    categories={categories}\n                    localConsent={state.localConsent}\n                    onClose={state.closeDialog}\n                    onSave={state.handleSavePreferences}\n                    onToggle={state.handleToggle}\n                    show={state.showDialog}\n                />\n            </>\n        );\n    }\n);\n"],"mappings":"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"}

package/Countdown-BaqV0LJL.d.mts

@@ -0,0 +1,45 @@
+import { t as CountdownFlashpoint } from "./Countdown.types-B7yecprx.mjs";
+
+//#region src/Countdown/Countdown.d.ts
+/**
+ * @property completionTime Timestamp (in ms) for when the countdown will first reach zero
+ * @property flashpoint Amount of time left before the countdown turns red (signalling urgency)
+ * @property label Additional information for the countdown. *e.g.* 5d 23h **Until the event begins!**
+ * @property onComplete Called when the countdown reaches zero.
+ * @property preLabel Information shown before the countdown numbers. Will not be shown unless countdown is small
+ * @property small If true, all text (the countdown numbers and the label) will be the same size
+ * @property startTime Represents the time from which the countdown is counting down from
+ * @property timeLabels Used for internationalization, defaults to d/h/m/s, represents days/hours/minutes/seconds
+ */
+type CountdownProps = {
+  completionTime: number;
+  flashpoint?: CountdownFlashpoint;
+  forceSeconds?: boolean;
+  forceUrgent?: boolean;
+  label?: string;
+  onComplete?: () => void;
+  preLabel?: string;
+  small?: boolean;
+  startTime?: number;
+  timeLabels?: {
+    days?: string;
+    hours?: string;
+    minutes?: string;
+    seconds?: string;
+  };
+};
+declare const Countdown: ({
+  completionTime,
+  flashpoint,
+  forceSeconds,
+  forceUrgent,
+  label,
+  onComplete,
+  preLabel,
+  small,
+  startTime,
+  timeLabels
+}: CountdownProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { CountdownProps as n, Countdown as t };
+//# sourceMappingURL=Countdown-BaqV0LJL.d.mts.map

package/Countdown-BaqV0LJL.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown-BaqV0LJL.d.mts","names":[],"sources":["../src/Countdown/Countdown.tsx"],"mappings":";;;;;AAgBA;;;;;;;;KAAY,cAAA;EAER,cAAA;EAEA,UAAA,GAAa,mBAAmB;EAEhC,YAAA;EAEA,WAAA;EAEA,KAAA;EAEA,UAAA;EAEA,QAAA;EAEA,KAAA;EAEA,SAAA;EAEA,UAAA;IACI,IAAA;IACA,KAAA;IACA,OAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIK,SAAA;EAAa,cAAA;EAAA,UAAA;EAAA,YAAA;EAAA,WAAA;EAAA,KAAA;EAAA,UAAA;EAAA,QAAA;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,GAWvB,cAAA,iCAAc,GAAA,CAAA,OAAA"}