@evolve.ui/core-components 1.0.0

package/FeatureFlagDevToolsUI-CutvngLI.d.mts

@@ -0,0 +1,39 @@
+//#region src/FeatureFlags/devTools/FeatureFlagDevToolsUI.d.ts
+/**
+ * Props for FeatureFlagDevToolsUI component
+ */
+type Props = {
+  /** Additional CSS classes to apply to the component */className?: string; /** URL of your feature-flag service's management console. When provided, a "Manage Feature Flags" button is rendered. */
+  manageFlagsUrl?: string;
+};
+/**
+ * DevTool component for managing feature flag overrides via cookies
+ *
+ * This component displays all feature flags from the HammerUI provider and allows
+ * developers to locally override flag values using browser cookies for testing purposes.
+ *
+ * Features:
+ * - Displays all feature flags from your feature-flag service with their current values
+ * - Toggle switches to enable/disable flags locally via cookie overrides
+ * - Shows the source of each flag value (Remote, Cookie Override, or Default)
+ * - Remove button to clear cookie overrides and revert to remote values
+ * - Warning callout when changes require a page reload
+ * - Optional link to manage flags in your feature-flag service
+ *
+ * @example
+ * ```tsx
+ * <FeatureFlagDevToolsUI />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <FeatureFlagDevToolsUI className="max-w-full" manageFlagsUrl="https://flags.example.com" />
+ * ```
+ */
+declare const FeatureFlagDevToolsUI: ({
+  className,
+  manageFlagsUrl
+}?: Props) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { FeatureFlagDevToolsUI as t };
+//# sourceMappingURL=FeatureFlagDevToolsUI-CutvngLI.d.mts.map

package/FeatureFlagDevToolsUI-CutvngLI.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlagDevToolsUI-CutvngLI.d.mts","names":[],"sources":["../src/FeatureFlags/devTools/FeatureFlagDevToolsUI.tsx"],"mappings":";;;;KAkBK,KAAA;EAED,uDAAA,SAAA,WA6BS;EA3BT,cAAc;AAAA;;;;;;;;;;;;;;AA2MjB;;;;;;;;;;;cAhLY,qBAAA;EAAyB,SAAA;EAAA;AAAA,IAA+B,KAAA,iCAAU,GAAA,CAAA,OAAA"}

package/FeatureFlagDevToolsUI-MBFES3GM.cjs

@@ -0,0 +1,281 @@
+const require_Typography_Text = require("./Typography/Text.cjs");
+const require_Button = require("./Button.cjs");
+const require_Callout = require("./Callout-DrWwRGi4.cjs");
+const require_toggleSwitch = require("./toggleSwitch.cjs");
+const require_useFeatureFlags = require("./useFeatureFlags--GRuT9Qc.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/FeatureFlags/devTools/utils/cookies.ts
+/**
+* Parses document.cookie string into a key-value object
+* Returns empty object during SSR when document is not available
+*
+* @returns Object mapping cookie names to their decoded values
+*/
+const parseCookies = () => {
+	if (typeof document === "undefined" || !document.cookie) return {};
+	return document.cookie.split("; ").reduce((acc, cookie) => {
+		const equalIndex = cookie.indexOf("=");
+		if (equalIndex === -1) return acc;
+		const name = cookie.substring(0, equalIndex);
+		const value = cookie.substring(equalIndex + 1);
+		try {
+			acc[decodeURIComponent(name.trim())] = decodeURIComponent(value.trim());
+		} catch {}
+		return acc;
+	}, {});
+};
+/**
+* Gets a specific cookie value by name
+*/
+const getCookie = (name) => {
+	return parseCookies()[name];
+};
+/**
+* Sets a cookie with the specified options
+* Does nothing during SSR when document is not available
+*/
+const setCookie = (name, value, options) => {
+	if (typeof document === "undefined") return;
+	let cookie = `${encodeURIComponent(name)}=${encodeURIComponent(String(value))}`;
+	if (options.expires) cookie += `; expires=${options.expires.toUTCString()}`;
+	if (options.path) cookie += `; path=${options.path}`;
+	if (options.sameSite) cookie += `; samesite=${options.sameSite}`;
+	if (options.secure) cookie += "; secure";
+	document.cookie = cookie;
+};
+/**
+* Removes a cookie by setting its expiry to the past
+*/
+const removeCookie = (name, options) => {
+	setCookie(name, "", {
+		...options,
+		expires: /* @__PURE__ */ new Date(0)
+	});
+};
+/**
+* Reads cookies to find feature flag overrides
+*
+* Looks for cookies that match feature flag key names and returns
+* a FeatureFlags object with the overridden values
+*
+* @param flagKeys - Array of flag keys to check for cookie overrides
+* @example
+* // If a cookie named "ff_team-1234_home-page-is-green" exists with value "true"
+* const overrides = getFeatureFlagOverrides(['ff_team-1234_home-page-is-green']);
+* // Returns: { 'ff_team-1234_home-page-is-green': true }
+*/
+const getFeatureFlagOverrides = (flagKeys) => {
+	const overrides = {};
+	flagKeys.forEach((flagKey) => {
+		const cookieValue = getCookie(flagKey);
+		if (cookieValue !== void 0 && cookieValue !== "") overrides[flagKey] = cookieValue === "true" || cookieValue === "1";
+	});
+	return overrides;
+};
+/**
+* Sets a feature flag override cookie
+*
+* @param featureFlagKey - The feature flag key to override
+* @param value - The boolean value to set
+*
+* Note: Cookies are set without a domain attribute to make them specific
+* to the current hostname
+*/
+const setFeatureFlagOverride = (featureFlagKey, value) => {
+	const expires = /* @__PURE__ */ new Date();
+	expires.setDate(expires.getDate() + 30);
+	setCookie(featureFlagKey, value, {
+		expires,
+		path: "/",
+		sameSite: "lax",
+		secure: true
+	});
+};
+/**
+* Removes a feature flag override cookie
+*
+* @param featureFlagKey - The feature flag key to remove
+*
+* Note: Cookies are removed without a domain attribute since they're
+* specific to the current hostname
+*/
+const removeFeatureFlagOverride = (featureFlagKey) => {
+	removeCookie(featureFlagKey, { path: "/" });
+};
+/**
+* Determines the source of a feature flag's value
+*
+* @param hasOverride - Whether the flag has a local cookie override
+* @param currentValue - The current value from the remote feature-flag service (undefined means not set)
+* @returns A human-readable string indicating the value source
+*/
+const getFeatureFlagValueSource = (hasOverride, currentValue) => {
+	if (hasOverride) return "Cookie Override";
+	return currentValue !== void 0 ? "Remote" : "Default (false)";
+};
+//#endregion
+//#region src/FeatureFlags/devTools/FeatureFlagDevToolsUI.tsx
+/**
+* DevTool component for managing feature flag overrides via cookies
+*
+* This component displays all feature flags from the HammerUI provider and allows
+* developers to locally override flag values using browser cookies for testing purposes.
+*
+* Features:
+* - Displays all feature flags from your feature-flag service with their current values
+* - Toggle switches to enable/disable flags locally via cookie overrides
+* - Shows the source of each flag value (Remote, Cookie Override, or Default)
+* - Remove button to clear cookie overrides and revert to remote values
+* - Warning callout when changes require a page reload
+* - Optional link to manage flags in your feature-flag service
+*
+* @example
+* ```tsx
+* <FeatureFlagDevToolsUI />
+* ```
+*
+* @example
+* ```tsx
+* <FeatureFlagDevToolsUI className="max-w-full" manageFlagsUrl="https://flags.example.com" />
+* ```
+*/
+const FeatureFlagDevToolsUI = ({ className, manageFlagsUrl } = {}) => {
+	const featureFlagsObject = require_useFeatureFlags.useFeatureFlags();
+	const featureFlags = Object.entries(featureFlagsObject);
+	const [, setOverrideVersion] = (0, react.useState)(0);
+	const overrides = getFeatureFlagOverrides(featureFlags.map(([key]) => key));
+	const [hasUnsavedChanges, setHasUnsavedChanges] = (0, react.useState)(false);
+	/**
+	* Forces component to re-render by incrementing version state
+	* Used after setting/removing cookie overrides to reflect changes in UI
+	*/
+	const forceRefresh = (0, react.useCallback)(() => {
+		setOverrideVersion((v) => v + 1);
+	}, []);
+	/**
+	* Handles toggle switch changes - sets a cookie override for the flag
+	* Note: Page reload is required for the override to take effect in the app
+	*/
+	const handleToggleChange = (0, react.useCallback)((key, toggled) => {
+		setFeatureFlagOverride(key, toggled);
+		setHasUnsavedChanges(true);
+		forceRefresh();
+	}, [forceRefresh]);
+	/**
+	* Removes a cookie override, reverting the flag to its remote value
+	* Note: Page reload is required for the change to take effect in the app
+	*/
+	const handleRemoveOverride = (0, react.useCallback)((key) => {
+		removeFeatureFlagOverride(key);
+		setHasUnsavedChanges(true);
+		forceRefresh();
+	}, [forceRefresh]);
+	/**
+	* Gets the effective toggle value - prioritizes cookie override over the remote value
+	* Falls back to false if no value is set
+	*/
+	const getToggleValue = (0, react.useCallback)((key, currentValue) => {
+		if (key in overrides) return overrides[key];
+		return currentValue ?? false;
+	}, [overrides]);
+	/**
+	* Checks if a flag has a local cookie override
+	*/
+	const hasOverride = (0, react.useCallback)((key) => {
+		return key in overrides;
+	}, [overrides]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, _evolve_ui_theme_system.cn)("mb-2xl flex w-3/4 flex-col gap-sm mdMax:w-full", className),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.H2, { children: "Feature Flags" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Callout.Callout, {
+				message: "Feature flags are pulled from your feature-flag service. You can override them locally using cookie overrides for testing. Note: You'll need to refresh the page after toggling an override for the change to take effect.",
+				primaryButton: manageFlagsUrl ? {
+					onClick: () => window.open(manageFlagsUrl, "_blank"),
+					text: "Manage Feature Flags"
+				} : void 0,
+				status: "info",
+				title: "Feature Flag Overrides"
+			}),
+			hasUnsavedChanges && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Callout.Callout, {
+				message: "Feature flag overrides have been updated. Reload the page to apply the changes.",
+				primaryButton: {
+					onClick: () => window.location.reload(),
+					text: "Reload Page"
+				},
+				status: "warning",
+				title: "Reload Required"
+			}),
+			featureFlags.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.BodyPrimary, { children: "No feature flags available" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+				className: "w-full border-collapse border border-border-secondary",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("colgroup", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", {}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { className: "w-64" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { className: "w-56" })
+					] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+							className: "border border-border-secondary p-2 text-left",
+							children: "Feature Flag"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+							className: "border border-border-secondary p-2 text-left",
+							children: "Current Value"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+							className: "border border-border-secondary p-2 text-left",
+							children: "Source"
+						})
+					] }) }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: featureFlags.map(([key, currentValue]) => {
+						const isOverridden = hasOverride(key);
+						const cellClassName = "border border-border-secondary p-2";
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
+							className: "odd:bg-background-secondary",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+									className: cellClassName,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.BodyPrimary, { children: key })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+									className: cellClassName,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "flex items-center gap-xs",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_toggleSwitch.ToggleSwitch, {
+											"aria-label": `Toggle ${key}`,
+											id: `toggle-${key}`,
+											isToggled: getToggleValue(key, currentValue),
+											onToggleChange: (toggled) => handleToggleChange(key, toggled ?? false)
+										}), isOverridden && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+											onClick: () => handleRemoveOverride(key),
+											size: "sm",
+											style: "critical",
+											variant: "outlined",
+											children: "Remove"
+										})]
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+									className: cellClassName,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.BodyPrimary, { children: getFeatureFlagValueSource(isOverridden, currentValue) })
+								})
+							]
+						}, key);
+					}) })
+				]
+			})
+		]
+	});
+};
+//#endregion
+Object.defineProperty(exports, "FeatureFlagDevToolsUI", {
+	enumerable: true,
+	get: function() {
+		return FeatureFlagDevToolsUI;
+	}
+});
+
+//# sourceMappingURL=FeatureFlagDevToolsUI-MBFES3GM.cjs.map

package/FeatureFlagDevToolsUI-MBFES3GM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlagDevToolsUI-MBFES3GM.cjs","names":["useFeatureFlags","H2","Callout","BodyPrimary","ToggleSwitch","Button"],"sources":["../src/FeatureFlags/devTools/utils/cookies.ts","../src/FeatureFlags/devTools/FeatureFlagDevToolsUI.tsx"],"sourcesContent":["/**\n * Parses document.cookie string into a key-value object\n * Returns empty object during SSR when document is not available\n *\n * @returns Object mapping cookie names to their decoded values\n */\nconst parseCookies = (): Record<string, string> => {\n    // Check if we're in the browser environment\n    if (typeof document === 'undefined' || !document.cookie) {\n        return {};\n    }\n\n    return document.cookie.split('; ').reduce(\n        (acc, cookie) => {\n            const equalIndex = cookie.indexOf('=');\n            if (equalIndex === -1) {\n                return acc;\n            }\n\n            const name = cookie.substring(0, equalIndex);\n            const value = cookie.substring(equalIndex + 1);\n\n            try {\n                acc[decodeURIComponent(name.trim())] = decodeURIComponent(value.trim());\n            } catch {\n                // Skip malformed cookies that can't be decoded\n            }\n\n            return acc;\n        },\n        {} as Record<string, string>\n    );\n};\n\n/**\n * Gets a specific cookie value by name\n */\nconst getCookie = (name: string): string | undefined => {\n    const cookies = parseCookies();\n    return cookies[name];\n};\n\n/**\n * Sets a cookie with the specified options\n * Does nothing during SSR when document is not available\n */\nconst setCookie = (\n    name: string,\n    value: string | boolean,\n    options: {\n        expires?: Date;\n        path?: string;\n        sameSite?: 'strict' | 'lax' | 'none';\n        secure?: boolean;\n    }\n) => {\n    // Check if we're in the browser environment\n    if (typeof document === 'undefined') {\n        return;\n    }\n\n    let cookie = `${encodeURIComponent(name)}=${encodeURIComponent(String(value))}`;\n\n    if (options.expires) {\n        cookie += `; expires=${options.expires.toUTCString()}`;\n    }\n\n    if (options.path) {\n        cookie += `; path=${options.path}`;\n    }\n\n    if (options.sameSite) {\n        cookie += `; samesite=${options.sameSite}`;\n    }\n\n    if (options.secure) {\n        cookie += '; secure';\n    }\n\n    document.cookie = cookie;\n};\n\n/**\n * Removes a cookie by setting its expiry to the past\n */\nconst removeCookie = (name: string, options: { path?: string }) => {\n    setCookie(name, '', {\n        ...options,\n        expires: new Date(0),\n    });\n};\n\n/**\n * Reads cookies to find feature flag overrides\n *\n * Looks for cookies that match feature flag key names and returns\n * a FeatureFlags object with the overridden values\n *\n * @param flagKeys - Array of flag keys to check for cookie overrides\n * @example\n * // If a cookie named \"ff_team-1234_home-page-is-green\" exists with value \"true\"\n * const overrides = getFeatureFlagOverrides(['ff_team-1234_home-page-is-green']);\n * // Returns: { 'ff_team-1234_home-page-is-green': true }\n */\nexport const getFeatureFlagOverrides = (flagKeys: string[]) => {\n    const overrides: Record<string, boolean> = {};\n\n    flagKeys.forEach((flagKey) => {\n        const cookieValue = getCookie(flagKey);\n\n        // Only include if cookie exists and has a non-empty value\n        if (cookieValue !== undefined && cookieValue !== '') {\n            // Convert cookie value to boolean\n            // Handles: 'true', 'false', true, false, 1, 0, '1', '0'\n            overrides[flagKey] = cookieValue === 'true' || cookieValue === '1';\n        }\n    });\n\n    return overrides;\n};\n\n/**\n * Sets a feature flag override cookie\n *\n * @param featureFlagKey - The feature flag key to override\n * @param value - The boolean value to set\n *\n * Note: Cookies are set without a domain attribute to make them specific\n * to the current hostname\n */\nexport const setFeatureFlagOverride = (featureFlagKey: string, value: boolean) => {\n    const expires = new Date();\n    expires.setDate(expires.getDate() + 30); // 30 days expiration\n\n    setCookie(featureFlagKey, value, {\n        expires,\n        path: '/',\n        sameSite: 'lax',\n        secure: true,\n    });\n};\n\n/**\n * Removes a feature flag override cookie\n *\n * @param featureFlagKey - The feature flag key to remove\n *\n * Note: Cookies are removed without a domain attribute since they're\n * specific to the current hostname\n */\nexport const removeFeatureFlagOverride = (featureFlagKey: string) => {\n    removeCookie(featureFlagKey, {\n        path: '/',\n    });\n};\n\n/**\n * Determines the source of a feature flag's value\n *\n * @param hasOverride - Whether the flag has a local cookie override\n * @param currentValue - The current value from the remote feature-flag service (undefined means not set)\n * @returns A human-readable string indicating the value source\n */\nexport const getFeatureFlagValueSource = (hasOverride: boolean, currentValue: boolean | undefined): string => {\n    if (hasOverride) {\n        return 'Cookie Override';\n    }\n    return currentValue !== undefined ? 'Remote' : 'Default (false)';\n};\n","import { cn } from '@evolve.ui/theme-system';\nimport { useCallback, useState } from 'react';\n\nimport { Button } from '../../Button/Button';\nimport { Callout } from '../../Callout/Callout';\nimport { ToggleSwitch } from '../../ToggleSwitch/ToggleSwitch';\nimport { BodyPrimary, H2 } from '../../Typography/Text/Text';\nimport { useFeatureFlags } from '../hooks/useFeatureFlags';\nimport {\n    getFeatureFlagOverrides,\n    getFeatureFlagValueSource,\n    removeFeatureFlagOverride,\n    setFeatureFlagOverride,\n} from './utils/cookies';\n\n/**\n * Props for FeatureFlagDevToolsUI component\n */\ntype Props = {\n    /** Additional CSS classes to apply to the component */\n    className?: string;\n    /** URL of your feature-flag service's management console. When provided, a \"Manage Feature Flags\" button is rendered. */\n    manageFlagsUrl?: string;\n};\n\n/**\n * DevTool component for managing feature flag overrides via cookies\n *\n * This component displays all feature flags from the HammerUI provider and allows\n * developers to locally override flag values using browser cookies for testing purposes.\n *\n * Features:\n * - Displays all feature flags from your feature-flag service with their current values\n * - Toggle switches to enable/disable flags locally via cookie overrides\n * - Shows the source of each flag value (Remote, Cookie Override, or Default)\n * - Remove button to clear cookie overrides and revert to remote values\n * - Warning callout when changes require a page reload\n * - Optional link to manage flags in your feature-flag service\n *\n * @example\n * ```tsx\n * <FeatureFlagDevToolsUI />\n * ```\n *\n * @example\n * ```tsx\n * <FeatureFlagDevToolsUI className=\"max-w-full\" manageFlagsUrl=\"https://flags.example.com\" />\n * ```\n */\nexport const FeatureFlagDevToolsUI = ({ className, manageFlagsUrl }: Props = {}) => {\n    // Get all feature flags from the HammerUI provider context\n    const featureFlagsObject = useFeatureFlags();\n    const featureFlags = Object.entries(featureFlagsObject) as Array<[string, boolean | undefined]>;\n\n    // State for forcing component re-render when overrides change\n    const [, setOverrideVersion] = useState(0);\n    const flagKeys = featureFlags.map(([key]) => key);\n\n    // Get current cookie overrides for all flags\n    const overrides = getFeatureFlagOverrides(flagKeys);\n\n    // Track if there are unsaved changes that require a page reload\n    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);\n\n    /**\n     * Forces component to re-render by incrementing version state\n     * Used after setting/removing cookie overrides to reflect changes in UI\n     */\n    const forceRefresh = useCallback(() => {\n        setOverrideVersion((v) => v + 1);\n    }, []);\n\n    /**\n     * Handles toggle switch changes - sets a cookie override for the flag\n     * Note: Page reload is required for the override to take effect in the app\n     */\n    const handleToggleChange = useCallback(\n        (key: string, toggled: boolean) => {\n            setFeatureFlagOverride(key, toggled);\n            setHasUnsavedChanges(true);\n            forceRefresh();\n        },\n        [forceRefresh]\n    );\n\n    /**\n     * Removes a cookie override, reverting the flag to its remote value\n     * Note: Page reload is required for the change to take effect in the app\n     */\n    const handleRemoveOverride = useCallback(\n        (key: string) => {\n            removeFeatureFlagOverride(key);\n            setHasUnsavedChanges(true);\n            forceRefresh();\n        },\n        [forceRefresh]\n    );\n\n    /**\n     * Gets the effective toggle value - prioritizes cookie override over the remote value\n     * Falls back to false if no value is set\n     */\n    const getToggleValue = useCallback(\n        (key: string, currentValue: boolean | undefined): boolean => {\n            if (key in overrides) {\n                return overrides[key];\n            }\n            return currentValue ?? false;\n        },\n        [overrides]\n    );\n\n    /**\n     * Checks if a flag has a local cookie override\n     */\n    const hasOverride = useCallback(\n        (key: string): boolean => {\n            return key in overrides;\n        },\n        [overrides]\n    );\n\n    return (\n        <div className={cn('mb-2xl flex w-3/4 flex-col gap-sm mdMax:w-full', className)}>\n            <H2>Feature Flags</H2>\n\n            {/* Info callout explaining the feature flag override system */}\n            <Callout\n                message=\"Feature flags are pulled from your feature-flag service. You can override them locally using cookie overrides for testing. Note: You'll need to refresh the page after toggling an override for the change to take effect.\"\n                primaryButton={\n                    manageFlagsUrl\n                        ? {\n                              onClick: () => window.open(manageFlagsUrl, '_blank'),\n                              text: 'Manage Feature Flags',\n                          }\n                        : undefined\n                }\n                status=\"info\"\n                title=\"Feature Flag Overrides\"\n            />\n\n            {/* Warning callout shown when changes have been made but page hasn't been reloaded */}\n            {hasUnsavedChanges && (\n                <Callout\n                    message=\"Feature flag overrides have been updated. Reload the page to apply the changes.\"\n                    primaryButton={{\n                        onClick: () => window.location.reload(),\n                        text: 'Reload Page',\n                    }}\n                    status=\"warning\"\n                    title=\"Reload Required\"\n                />\n            )}\n\n            {/* Empty state - no feature flags available */}\n            {featureFlags.length === 0 ? (\n                <BodyPrimary>No feature flags available</BodyPrimary>\n            ) : (\n                // Table showing all feature flags with their values and controls\n                <table className=\"w-full border-collapse border border-border-secondary\">\n                    <colgroup>\n                        <col />\n                        <col className=\"w-64\" />\n                        <col className=\"w-56\" />\n                    </colgroup>\n                    <thead>\n                        <tr>\n                            <th className=\"border border-border-secondary p-2 text-left\">Feature Flag</th>\n                            <th className=\"border border-border-secondary p-2 text-left\">Current Value</th>\n                            <th className=\"border border-border-secondary p-2 text-left\">Source</th>\n                        </tr>\n                    </thead>\n                    <tbody>\n                        {featureFlags.map(([key, currentValue]) => {\n                            const isOverridden = hasOverride(key);\n                            const cellClassName = 'border border-border-secondary p-2';\n\n                            return (\n                                <tr\n                                    className=\"odd:bg-background-secondary\"\n                                    key={key}\n                                >\n                                    {/* Flag name column */}\n                                    <td className={cellClassName}>\n                                        <BodyPrimary>{key}</BodyPrimary>\n                                    </td>\n\n                                    {/* Toggle switch and remove button column */}\n                                    <td className={cellClassName}>\n                                        <div className=\"flex items-center gap-xs\">\n                                            {/* Toggle to set cookie override */}\n                                            <ToggleSwitch\n                                                aria-label={`Toggle ${key}`}\n                                                id={`toggle-${key}`}\n                                                isToggled={getToggleValue(key, currentValue)}\n                                                onToggleChange={(toggled) => handleToggleChange(key, toggled ?? false)}\n                                            />\n                                            {/* Remove button only shows when a cookie override exists */}\n                                            {isOverridden && (\n                                                <Button\n                                                    onClick={() => handleRemoveOverride(key)}\n                                                    size=\"sm\"\n                                                    style=\"critical\"\n                                                    variant=\"outlined\"\n                                                >\n                                                    Remove\n                                                </Button>\n                                            )}\n                                        </div>\n                                    </td>\n\n                                    {/* Source column - shows where the value comes from */}\n                                    <td className={cellClassName}>\n                                        <BodyPrimary>\n                                            {getFeatureFlagValueSource(isOverridden, currentValue)}\n                                        </BodyPrimary>\n                                    </td>\n                                </tr>\n                            );\n                        })}\n                    </tbody>\n                </table>\n            )}\n        </div>\n    );\n};\n"],"mappings":"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"}