@remkoj/optimizely-one-nextjs 6.0.0-pre9 → 6.0.0-rc.1

package/dist/server-components/optimizely-one.d.ts

@@ -0,0 +1,219 @@
+import 'server-only';
+import { PropsWithChildren } from "react";
+import { type OptiOneConfig } from "../config.js";
+/**
+ * Properties for the `OptimizelyOne` root component.
+ *
+ * `OptimizelyOne` configures and initializes the Optimizely One platform
+ * within your Next.js application, managing product services, tracking,
+ * and developer gadget visibility.
+ *
+ * All properties are optional and default to safe, production-appropriate values.
+ *
+ * @example
+ * ```tsx
+ * import { OptimizelyOne } from '@remkoj/optimizely-one-nextjs'
+ *
+ * export default function App({ children }: { children: React.ReactNode }) {
+ *   return (
+ *     <OptimizelyOne debug={false}>
+ *       {children}
+ *     </OptimizelyOne>
+ *   )
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Development mode with debugging and auto-tracking enabled
+ * <OptimizelyOne debug={true} disableAutoTracking={false}>
+ *   <YourPageLayout />
+ * </OptimizelyOne>
+ * ```
+ */
+export type OptimizelyOneProps = PropsWithChildren<{
+    config?: Partial<OptiOneConfig>;
+    /**
+     * Disable automatic page activation and tracking.
+     *
+     * - `true`: the PageActivator component is not rendered; manual tracking required.
+     * - `false` (default): automatic page view tracking is enabled.
+     *
+     * Set to `true` if you implement custom page activation/tracking logic.
+     */
+    disableAutoTracking?: boolean;
+    /**
+     * Disable all Optimizely tracking features.
+     *
+     * - `true`: no events are sent to Optimizely services.
+     * - `false` (default): tracking is enabled.
+     *
+     * Use when: implementing custom tracking only, GDPR/privacy compliance,
+     * or testing without analytics.
+     */
+    disableTracking?: boolean;
+    /**
+     * Disable the Optimizely One developer gadget.
+     *
+     * - `true`: gadget is not rendered.
+     * - `false` (default): gadget is rendered in the page.
+     *
+     * The gadget provides debugging tools and inspection capabilities.
+     * Recommended: hide in production with `disableGadget={!isDevelopment}`.
+     */
+    disableGadget?: boolean;
+    /**
+     * Enable debug mode for detailed Optimizely One diagnostics.
+     *
+     * - `true`: enables verbose logging to browser console.
+     * - `false` (default): no debug output.
+     *
+     * Use during development and local testing to troubleshoot integration issues,
+     * configuration problems, or service loading failures.
+     */
+    debug?: boolean;
+    /**
+     * API endpoint path for the Optimizely One gadget data.
+     *
+     * - Default: `'/api/me'`
+     * - Set this to your custom API endpoint path if your API differs from the standard path.
+     *
+     * This endpoint is used by the developer gadget to fetch user/session data for
+     * display in the gadget interface.
+     *
+     * @example
+     * ```tsx
+     * <OptimizelyOne apiPath="/api/v2/user-info" debug={true}>
+     *   {children}
+     * </OptimizelyOne>
+     * ```
+     */
+    apiPath?: string;
+    /**
+     * Refresh interval (in milliseconds) for gadget data updates.
+     *
+     * - Default: `0`
+     * - `0` means data is refreshed **only** when a tab is activated (brought into focus).
+     *   No automatic background updates occur.
+     * - `> 0`: enables automatic polling at the specified interval (in milliseconds).
+     *   For example, `30000` refreshes every 30 seconds.
+     * - `null` or `undefined`: defaults to `0` (tab activation only).
+     *
+     * **Recommendation:** Use `0` (default) for production to minimize background
+     * network activity. Use `> 0` during development for real-time monitoring.
+     *
+     * @example
+     * ```tsx
+     * // Production: refresh only on tab activation (default)
+     * <OptimizelyOne>
+     *   {children}
+     * </OptimizelyOne>
+     * ```
+     *
+     * @example
+     * ```tsx
+     * // Development: refresh every 10 seconds for monitoring
+     * <OptimizelyOne gadgetRefreshInterval={10000} debug={true}>
+     *   {children}
+     * </OptimizelyOne>
+     * ```
+     *
+     * @example
+     * ```tsx
+     * // Explicit tab-only activation
+     * <OptimizelyOne gadgetRefreshInterval={0}>
+     *   {children}
+     * </OptimizelyOne>
+     * ```
+     */
+    gadgetRefreshInterval?: number;
+}>;
+/**
+ * Root provider component for Optimizely One integration in Next.js applications.
+ *
+ * `OptimizelyOne` initializes the Optimizely One platform services and wraps
+ * your application content with the necessary context and configuration. It handles:
+ *
+ * - Loading enabled Optimizely products from configuration.
+ * - Injecting the PageActivator for automatic page view tracking (when enabled).
+ * - Providing CMS context to child components.
+ * - Rendering the developer gadget (when enabled).
+ *
+ * **Key Behavior:**
+ *
+ * - If `disableAutoTracking` is `false` (default), automatic page view tracking
+ *   is enabled via the `PageActivator` component.
+ * - If `disableGadget` is `false` (default), the developer gadget is rendered
+ *   in the DOM for debugging/inspection.
+ * - The `debug` flag affects internal context and may influence child
+ *   component logging behavior.
+ * - All disabled flags default to `false`, enabling features by default.
+ *
+ * **Where to use:**
+ *
+ * Place `OptimizelyOne` as high as possible in your component tree, typically
+ * in your root layout or top-level page component.
+ *
+ * @param props - Configuration properties for Optimizely One initialization.
+ * @param props.disableAutoTracking - Set to `true` to prevent automatic page activation/tracking.
+ * @param props.disableTracking - Set to `true` to disable all tracking to Optimizely.
+ * @param props.disableGadget - Set to `true` to hide the developer gadget.
+ * @param props.debug - Set to `true` to enable verbose debug logging.
+ * @param props.children - Nested React content to render within the Optimizely One context.
+ * @returns A provider component that wraps children with Optimizely One context.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage in Next.js layout
+ * import { OptimizelyOne } from '@remkoj/optimizely-one-nextjs'
+ *
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         <OptimizelyOne>
+ *           <Header />
+ *           <main>{children}</main>
+ *           <Footer />
+ *         </OptimizelyOne>
+ *       </body>
+ *     </html>
+ *   )
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Development configuration with debug and tracking control
+ * import { OptimizelyOne } from '@remkoj/optimizely-one-nextjs'
+ *
+ * const isDevelopment = process.env.NODE_ENV === 'development'
+ *
+ * export function RootProvider({ children }: { children: React.ReactNode }) {
+ *   return (
+ *     <OptimizelyOne
+ *       debug={isDevelopment}
+ *       disableAutoTracking={false}
+ *       disableTracking={false}
+ *       disableGadget={!isDevelopment}
+ *     >
+ *       {children}
+ *     </OptimizelyOne>
+ *   )
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Privacy-first configuration with tracking disabled
+ * <OptimizelyOne
+ *   disableTracking
+ *   disableAutoTracking
+ *   disableGadget
+ *   debug={false}
+ * >
+ *   <App />
+ * </OptimizelyOne>
+ * ```
+ */
+export declare function OptimizelyOne({ config: partialConfig, apiPath, disableAutoTracking, disableTracking, disableGadget, debug: requestedDebug, children, gadgetRefreshInterval }: OptimizelyOneProps): import("react/jsx-runtime").JSX.Element;

package/dist/server-components/optimizely-one.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// This is a server only component
+import 'server-only';
+import { getEnabledProducts } from "../utils/products.js";
+import { readConfigFromEnv } from "../config.js";
+// Import client-side components that need a server side data
+// to render correctly
+import { PageActivator } from "../components/page-activator.js";
+import { OptimizelyOneProvider } from "../components/context.js";
+// Import server side component wrappers for components that are
+// server context aware.
+import { OptimizelyOneGadget } from './optimizely-one-gadget.js';
+import FeatureExperimentationProvider from '../products/feature-experimentation/provider.js';
+/**
+ * Root provider component for Optimizely One integration in Next.js applications.
+ *
+ * `OptimizelyOne` initializes the Optimizely One platform services and wraps
+ * your application content with the necessary context and configuration. It handles:
+ *
+ * - Loading enabled Optimizely products from configuration.
+ * - Injecting the PageActivator for automatic page view tracking (when enabled).
+ * - Providing CMS context to child components.
+ * - Rendering the developer gadget (when enabled).
+ *
+ * **Key Behavior:**
+ *
+ * - If `disableAutoTracking` is `false` (default), automatic page view tracking
+ *   is enabled via the `PageActivator` component.
+ * - If `disableGadget` is `false` (default), the developer gadget is rendered
+ *   in the DOM for debugging/inspection.
+ * - The `debug` flag affects internal context and may influence child
+ *   component logging behavior.
+ * - All disabled flags default to `false`, enabling features by default.
+ *
+ * **Where to use:**
+ *
+ * Place `OptimizelyOne` as high as possible in your component tree, typically
+ * in your root layout or top-level page component.
+ *
+ * @param props - Configuration properties for Optimizely One initialization.
+ * @param props.disableAutoTracking - Set to `true` to prevent automatic page activation/tracking.
+ * @param props.disableTracking - Set to `true` to disable all tracking to Optimizely.
+ * @param props.disableGadget - Set to `true` to hide the developer gadget.
+ * @param props.debug - Set to `true` to enable verbose debug logging.
+ * @param props.children - Nested React content to render within the Optimizely One context.
+ * @returns A provider component that wraps children with Optimizely One context.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage in Next.js layout
+ * import { OptimizelyOne } from '@remkoj/optimizely-one-nextjs'
+ *
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         <OptimizelyOne>
+ *           <Header />
+ *           <main>{children}</main>
+ *           <Footer />
+ *         </OptimizelyOne>
+ *       </body>
+ *     </html>
+ *   )
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Development configuration with debug and tracking control
+ * import { OptimizelyOne } from '@remkoj/optimizely-one-nextjs'
+ *
+ * const isDevelopment = process.env.NODE_ENV === 'development'
+ *
+ * export function RootProvider({ children }: { children: React.ReactNode }) {
+ *   return (
+ *     <OptimizelyOne
+ *       debug={isDevelopment}
+ *       disableAutoTracking={false}
+ *       disableTracking={false}
+ *       disableGadget={!isDevelopment}
+ *     >
+ *       {children}
+ *     </OptimizelyOne>
+ *   )
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Privacy-first configuration with tracking disabled
+ * <OptimizelyOne
+ *   disableTracking
+ *   disableAutoTracking
+ *   disableGadget
+ *   debug={false}
+ * >
+ *   <App />
+ * </OptimizelyOne>
+ * ```
+ */
+export function OptimizelyOne({ config: partialConfig, apiPath, disableAutoTracking = false, disableTracking = false, disableGadget = false, debug: requestedDebug, children, gadgetRefreshInterval = 0 }) {
+    const config = partialConfig ? { ...readConfigFromEnv(), ...partialConfig } : readConfigFromEnv();
+    const enabledProducts = getEnabledProducts(config);
+    const fxSdkKey = config.FeatureExperimentationSdkKey;
+    const frontendCookie = config.FrontendCookie;
+    const debug = requestedDebug === undefined ? config.OptimizelyDebug ?? false : requestedDebug;
+    return _jsx(_Fragment, { children: _jsxs(OptimizelyOneProvider, { value: { debug, disableAutotracking: disableAutoTracking, disableTracking }, enabledOptimizelyServices: enabledProducts, children: [fxSdkKey ?
+                    _jsxs(FeatureExperimentationProvider, { sdkKey: fxSdkKey, frontendCookie: frontendCookie, debug: debug, children: [!disableAutoTracking && _jsx(PageActivator, {}), children] }) :
+                    _jsxs(_Fragment, { children: [!disableAutoTracking && _jsx(PageActivator, {}), children] }), _jsx(OptimizelyOneGadget, { show: disableGadget ? false : undefined, servicePrefix: apiPath, refreshInterval: gadgetRefreshInterval })] }) });
+}
+//# sourceMappingURL=optimizely-one.js.map

package/dist/server-components/optimizely-one.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optimizely-one.js","sourceRoot":"","sources":["../../src/server-components/optimizely-one.tsx"],"names":[],"mappings":";AAAA,kCAAkC;AAClC,OAAO,aAAa,CAAC;AAIrB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAsB,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAErE,6DAA6D;AAC7D,sBAAsB;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,gEAAgE;AAChE,wBAAwB;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAChE,OAAO,8BAA8B,MAAM,iDAAiD,CAAC;AAuI7F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuFG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,MAAM,EAAE,aAAa,EACrB,OAAO,EACP,mBAAmB,GAAG,KAAK,EAC3B,eAAe,GAAG,KAAK,EACvB,aAAa,GAAG,KAAK,EACrB,KAAK,EAAE,cAAc,EACrB,QAAQ,EACR,qBAAqB,GAAG,CAAC,EACN;IACnB,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,iBAAiB,EAAE,EAAE,GAAG,aAAa,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClG,MAAM,eAAe,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,MAAM,CAAC,4BAA4B,CAAC;IACrD,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;IAC7C,MAAM,KAAK,GAAG,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,IAAI,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC;IAC9F,OAAO,4BACL,MAAC,qBAAqB,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,eAAe,EAAE,EAAE,yBAAyB,EAAG,eAAe,aAC5I,QAAQ,CAAC,CAAC;oBACT,MAAC,8BAA8B,IAAC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,aAC3F,CAAC,mBAAmB,IAAI,KAAC,aAAa,KAAG,EACzC,QAAQ,IACsB,CAAC,CAAC;oBACnC,8BACG,CAAC,mBAAmB,IAAI,KAAC,aAAa,KAAG,EACzC,QAAQ,IACR,EACL,KAAC,mBAAmB,IAAC,IAAI,EAAG,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAG,aAAa,EAAG,OAAO,EAAG,eAAe,EAAG,qBAAqB,GAAK,IAChH,GACvB,CAAA;AACL,CAAC"}

package/dist/server.d.ts

@@ -2,6 +2,5 @@ import 'server-only';
 export * from './products';
 export * as Session from './utils/session';
 export * as EnvTools from './utils/env';
-export declare function isOptimizelyOneEnabled(): boolean;
 export * from './server-components';
-export * from './components/rsc';
+export * from './utils/products';

package/dist/server.js

@@ -1,12 +1,7 @@
 import 'server-only';
-import EnvVars from './env-vars';
-import EnvTools from './utils/env';
 export * from './products';
 export * as Session from './utils/session';
 export * as EnvTools from './utils/env';
-export function isOptimizelyOneEnabled() {
-    return EnvTools.readValueAsBoolean(EnvVars.HelperEnabled, false);
-}
 export * from './server-components';
-export * from './components/rsc';
+export * from './utils/products';
 //# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AACpB,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAElC,cAAc,YAAY,CAAA;AAC1B,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,KAAK,QAAQ,MAAM,aAAa,CAAA;AAEvC,MAAM,UAAU,sBAAsB;IAElC,OAAO,QAAQ,CAAC,kBAAkB,CAAC,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;AACpE,CAAC;AAED,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,cAAc,YAAY,CAAA;AAC1B,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,KAAK,QAAQ,MAAM,aAAa,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA"}

package/dist/styles.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--oo-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--oo-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--oo-color-amber-200:oklch(92.4% .12 95.746);--oo-color-amber-800:oklch(47.3% .137 46.201);--oo-color-blue-500:oklch(62.3% .214 259.815);--oo-color-blue-800:oklch(42.4% .199 265.638);--oo-color-slate-100:oklch(96.8% .007 247.896);--oo-color-slate-200:oklch(92.9% .013 255.508);--oo-color-slate-300:oklch(86.9% .022 252.894);--oo-color-slate-500:oklch(55.4% .046 257.417);--oo-color-slate-800:oklch(27.9% .041 260.031);--oo-color-white:#fff;--oo-spacing:.25rem;--oo-font-weight-bold:700;--oo-radius-md:.375rem;--oo-animate-spin:spin 1s linear infinite;--oo-default-font-family:var(--oo-font-sans);--oo-default-mono-font-family:var(--oo-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--oo-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--oo-default-font-feature-settings,normal);font-variation-settings:var(--oo-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--oo-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--oo-default-mono-font-feature-settings,normal);font-variation-settings:var(--oo-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.oo\:fixed{position:fixed}.oo\:top-0{top:calc(var(--oo-spacing)*0)}.oo\:right-0{right:calc(var(--oo-spacing)*0)}.oo\:bottom-0{bottom:calc(var(--oo-spacing)*0)}.oo\:bottom-\[50px\]{bottom:50px}.oo\:z-\[500\]{z-index:500}.oo\:z-\[501\]{z-index:501}.oo\:col-span-2{grid-column:span 2/span 2}.oo\:m-2{margin:calc(var(--oo-spacing)*2)}.oo\:mt-3{margin-top:calc(var(--oo-spacing)*3)}.oo\:mr-2{margin-right:calc(var(--oo-spacing)*2)}.oo\:mr-\[0\.5em\]{margin-right:.5em}.oo\:mr-\[0\.25em\]{margin-right:.25em}.oo\:mb-2{margin-bottom:calc(var(--oo-spacing)*2)}.oo\:ml-2{margin-left:calc(var(--oo-spacing)*2)}.oo\:flex{display:flex}.oo\:grid{display:grid}.oo\:hidden{display:none}.oo\:inline-block{display:inline-block}.oo\:aspect-square{aspect-ratio:1}.oo\:h-4{height:calc(var(--oo-spacing)*4)}.oo\:h-\[1\.5em\]{height:1.5em}.oo\:h-\[1\.25em\]{height:1.25em}.oo\:h-\[50px\]{height:50px}.oo\:h-full{height:100%}.oo\:w-4{width:calc(var(--oo-spacing)*4)}.oo\:w-\[1\.5em\]{width:1.5em}.oo\:w-\[1\.25em\]{width:1.25em}.oo\:w-\[100px\]{width:100px}.oo\:w-auto{width:auto}.oo\:w-full{width:100%}.oo\:max-w-full{max-width:100%}.oo\:flex-1{flex:1}.oo\:flex-none{flex:none}.oo\:flex-grow{flex-grow:1}.oo\:animate-spin{animation:var(--oo-animate-spin)}.oo\:cursor-pointer{cursor:pointer}.oo\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.oo\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.oo\:flex-col{flex-direction:column}.oo\:flex-row{flex-direction:row}.oo\:justify-between{justify-content:space-between}.oo\:justify-stretch{justify-content:stretch}.oo\:gap-4{gap:calc(var(--oo-spacing)*4)}.oo\:gap-\[0\.25em\]{gap:.25em}.oo\:gap-x-4{column-gap:calc(var(--oo-spacing)*4)}.oo\:gap-y-1{row-gap:calc(var(--oo-spacing)*1)}:where(.oo\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.oo\:divide-slate-200>:not(:last-child)){border-color:var(--oo-color-slate-200)}.oo\:overflow-y-auto{overflow-y:auto}.oo\:overscroll-contain{overscroll-behavior:contain}.oo\:rounded-\[15px\]{border-radius:15px}.oo\:rounded-md{border-radius:var(--oo-radius-md)}.oo\:rounded-t-md{border-top-left-radius:var(--oo-radius-md);border-top-right-radius:var(--oo-radius-md)}.oo\:border{border-style:var(--tw-border-style);border-width:1px}.oo\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.oo\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.oo\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.oo\:border-amber-800{border-color:var(--oo-color-amber-800)}.oo\:border-slate-300{border-color:var(--oo-color-slate-300)}.oo\:border-slate-500{border-color:var(--oo-color-slate-500)}.oo\:bg-amber-200{background-color:var(--oo-color-amber-200)}.oo\:bg-blue-500{background-color:var(--oo-color-blue-500)}.oo\:bg-slate-100{background-color:var(--oo-color-slate-100)}.oo\:bg-white{background-color:var(--oo-color-white)}.oo\:p-1{padding:calc(var(--oo-spacing)*1)}.oo\:p-\[10px\]{padding:10px}.oo\:px-2{padding-inline:calc(var(--oo-spacing)*2)}.oo\:px-\[0\.25em\]{padding-inline:.25em}.oo\:py-1{padding-block:calc(var(--oo-spacing)*1)}.oo\:pt-1{padding-top:calc(var(--oo-spacing)*1)}.oo\:pt-4{padding-top:calc(var(--oo-spacing)*4)}.oo\:pt-\[0\.5em\]{padding-top:.5em}.oo\:text-center{text-align:center}.oo\:text-\[12px\]{font-size:12px}.oo\:text-\[14px\]{font-size:14px}.oo\:text-\[18px\]{font-size:18px}.oo\:font-bold{--tw-font-weight:var(--oo-font-weight-bold);font-weight:var(--oo-font-weight-bold)}.oo\:text-amber-800{color:var(--oo-color-amber-800)}.oo\:text-blue-500{color:var(--oo-color-blue-500)}.oo\:text-blue-800{color:var(--oo-color-blue-800)}.oo\:text-slate-800{color:var(--oo-color-slate-800)}.oo\:text-white{color:var(--oo-color-white)}.oo\:underline{text-decoration-line:underline}.oo\:data-open\:rotate-180[data-open]{rotate:180deg}.oo\:data-open\:transform[data-open]{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.oo\:data-selected\:bg-blue-500[data-selected]{background-color:var(--oo-color-blue-500)}.oo\:data-selected\:text-white[data-selected]{color:var(--oo-color-white)}@media (min-width:48rem){.oo\:md\:fixed{position:fixed}.oo\:md\:top-auto{top:auto}.oo\:md\:right-4{right:calc(var(--oo-spacing)*4)}.oo\:md\:bottom-0{bottom:calc(var(--oo-spacing)*0)}.oo\:md\:bottom-\[55px\]{bottom:55px}.oo\:md\:h-24{height:calc(var(--oo-spacing)*24)}.oo\:md\:h-\[350px\]{height:350px}.oo\:md\:w-\[350px\]{width:350px}.oo\:md\:w-\[800px\]{width:800px}.oo\:md\:justify-start{justify-content:flex-start}.oo\:md\:overflow-hidden{overflow:hidden}.oo\:md\:rounded-md{border-radius:var(--oo-radius-md)}.oo\:md\:rounded-t-md{border-top-left-radius:var(--oo-radius-md);border-top-right-radius:var(--oo-radius-md)}.oo\:md\:border{border-style:var(--tw-border-style);border-width:1px}.oo\:md\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.oo\:md\:border-slate-300{border-color:var(--oo-color-slate-300)}.oo\:md\:p-2{padding:calc(var(--oo-spacing)*2)}.oo\:md\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media (prefers-color-scheme:dark){.oo\:dark\:text-slate-800{color:var(--oo-color-slate-800)}}}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes spin{to{transform:rotate(360deg)}}
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--oo-font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--oo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--oo-color-amber-200:oklch(92.4% .12 95.746);--oo-color-amber-800:oklch(47.3% .137 46.201);--oo-color-blue-500:oklch(62.3% .214 259.815);--oo-color-blue-800:oklch(42.4% .199 265.638);--oo-color-slate-100:oklch(96.8% .007 247.896);--oo-color-slate-200:oklch(92.9% .013 255.508);--oo-color-slate-300:oklch(86.9% .022 252.894);--oo-color-slate-500:oklch(55.4% .046 257.417);--oo-color-slate-800:oklch(27.9% .041 260.031);--oo-color-white:#fff;--oo-spacing:.25rem;--oo-font-weight-bold:700;--oo-radius-md:.375rem;--oo-animate-spin:spin 1s linear infinite;--oo-default-font-family:var(--oo-font-sans);--oo-default-mono-font-family:var(--oo-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--oo-default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--oo-default-font-feature-settings,normal);font-variation-settings:var(--oo-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--oo-default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--oo-default-mono-font-feature-settings,normal);font-variation-settings:var(--oo-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.oo\:fixed{position:fixed}.oo\:top-0{top:calc(var(--oo-spacing) * 0)}.oo\:right-0{right:calc(var(--oo-spacing) * 0)}.oo\:bottom-0{bottom:calc(var(--oo-spacing) * 0)}.oo\:bottom-\[50px\]{bottom:50px}.oo\:z-\[500\]{z-index:500}.oo\:z-\[501\]{z-index:501}.oo\:col-span-2{grid-column:span 2/span 2}.oo\:m-2{margin:calc(var(--oo-spacing) * 2)}.oo\:mt-3{margin-top:calc(var(--oo-spacing) * 3)}.oo\:mr-2{margin-right:calc(var(--oo-spacing) * 2)}.oo\:mr-\[0\.5em\]{margin-right:.5em}.oo\:mr-\[0\.25em\]{margin-right:.25em}.oo\:mb-2{margin-bottom:calc(var(--oo-spacing) * 2)}.oo\:ml-2{margin-left:calc(var(--oo-spacing) * 2)}.oo\:flex{display:flex}.oo\:grid{display:grid}.oo\:hidden{display:none}.oo\:inline-block{display:inline-block}.oo\:aspect-square{aspect-ratio:1}.oo\:h-4{height:calc(var(--oo-spacing) * 4)}.oo\:h-\[1\.5em\]{height:1.5em}.oo\:h-\[1\.25em\]{height:1.25em}.oo\:h-\[50px\]{height:50px}.oo\:h-full{height:100%}.oo\:w-4{width:calc(var(--oo-spacing) * 4)}.oo\:w-\[1\.5em\]{width:1.5em}.oo\:w-\[1\.25em\]{width:1.25em}.oo\:w-\[100px\]{width:100px}.oo\:w-auto{width:auto}.oo\:w-full{width:100%}.oo\:max-w-full{max-width:100%}.oo\:flex-1{flex:1}.oo\:flex-none{flex:none}.oo\:flex-grow{flex-grow:1}.oo\:animate-spin{animation:var(--oo-animate-spin)}.oo\:cursor-pointer{cursor:pointer}.oo\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.oo\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.oo\:flex-col{flex-direction:column}.oo\:flex-row{flex-direction:row}.oo\:justify-between{justify-content:space-between}.oo\:justify-stretch{justify-content:stretch}.oo\:gap-4{gap:calc(var(--oo-spacing) * 4)}.oo\:gap-\[0\.25em\]{gap:.25em}.oo\:gap-x-4{column-gap:calc(var(--oo-spacing) * 4)}.oo\:gap-y-1{row-gap:calc(var(--oo-spacing) * 1)}:where(.oo\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.oo\:divide-slate-200>:not(:last-child)){border-color:var(--oo-color-slate-200)}.oo\:overflow-y-auto{overflow-y:auto}.oo\:overscroll-contain{overscroll-behavior:contain}.oo\:rounded-\[15px\]{border-radius:15px}.oo\:rounded-md{border-radius:var(--oo-radius-md)}.oo\:rounded-t-md{border-top-left-radius:var(--oo-radius-md);border-top-right-radius:var(--oo-radius-md)}.oo\:border{border-style:var(--tw-border-style);border-width:1px}.oo\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.oo\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.oo\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.oo\:border-amber-800{border-color:var(--oo-color-amber-800)}.oo\:border-slate-300{border-color:var(--oo-color-slate-300)}.oo\:border-slate-500{border-color:var(--oo-color-slate-500)}.oo\:bg-amber-200{background-color:var(--oo-color-amber-200)}.oo\:bg-blue-500{background-color:var(--oo-color-blue-500)}.oo\:bg-slate-100{background-color:var(--oo-color-slate-100)}.oo\:bg-white{background-color:var(--oo-color-white)}.oo\:p-1{padding:calc(var(--oo-spacing) * 1)}.oo\:p-\[10px\]{padding:10px}.oo\:px-2{padding-inline:calc(var(--oo-spacing) * 2)}.oo\:px-\[0\.25em\]{padding-inline:.25em}.oo\:py-1{padding-block:calc(var(--oo-spacing) * 1)}.oo\:pt-1{padding-top:calc(var(--oo-spacing) * 1)}.oo\:pt-4{padding-top:calc(var(--oo-spacing) * 4)}.oo\:pt-\[0\.5em\]{padding-top:.5em}.oo\:text-center{text-align:center}.oo\:text-\[12px\]{font-size:12px}.oo\:text-\[14px\]{font-size:14px}.oo\:text-\[18px\]{font-size:18px}.oo\:font-bold{--tw-font-weight:var(--oo-font-weight-bold);font-weight:var(--oo-font-weight-bold)}.oo\:text-amber-800{color:var(--oo-color-amber-800)}.oo\:text-blue-500{color:var(--oo-color-blue-500)}.oo\:text-blue-800{color:var(--oo-color-blue-800)}.oo\:text-slate-800{color:var(--oo-color-slate-800)}.oo\:text-white{color:var(--oo-color-white)}.oo\:underline{text-decoration-line:underline}.oo\:data-open\:rotate-180[data-open]{rotate:180deg}.oo\:data-open\:transform[data-open]{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.oo\:data-selected\:bg-blue-500[data-selected]{background-color:var(--oo-color-blue-500)}.oo\:data-selected\:text-white[data-selected]{color:var(--oo-color-white)}@media (min-width:48rem){.oo\:md\:fixed{position:fixed}.oo\:md\:top-auto{top:auto}.oo\:md\:right-4{right:calc(var(--oo-spacing) * 4)}.oo\:md\:bottom-0{bottom:calc(var(--oo-spacing) * 0)}.oo\:md\:bottom-\[55px\]{bottom:55px}.oo\:md\:h-24{height:calc(var(--oo-spacing) * 24)}.oo\:md\:h-\[350px\]{height:350px}.oo\:md\:w-\[350px\]{width:350px}.oo\:md\:w-\[800px\]{width:800px}.oo\:md\:justify-start{justify-content:flex-start}.oo\:md\:overflow-hidden{overflow:hidden}.oo\:md\:rounded-md{border-radius:var(--oo-radius-md)}.oo\:md\:rounded-t-md{border-top-left-radius:var(--oo-radius-md);border-top-right-radius:var(--oo-radius-md)}.oo\:md\:border{border-style:var(--tw-border-style);border-width:1px}.oo\:md\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.oo\:md\:border-slate-300{border-color:var(--oo-color-slate-300)}.oo\:md\:p-2{padding:calc(var(--oo-spacing) * 2)}.oo\:md\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (prefers-color-scheme:dark){.oo\:dark\:text-slate-800{color:var(--oo-color-slate-800)}}}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes spin{to{transform:rotate(360deg)}}

package/dist/utils/products.d.ts

@@ -0,0 +1,92 @@
+import 'server-only';
+import { checkProductStatus, type OptiOneConfig } from '../config';
+/**
+ * Enumeration of Optimizely One product names supported by this package.
+ *
+ * These are the keys of the status object returned by `checkProductStatus`.
+ *
+ * Includes:
+ * - `dataPlatform`: Optimizely Data Platform (ODP) for audience/segment management.
+ * - `contentRecsClient`: Content Recommendations client-side integration.
+ * - `contentRecsApi`: Content Recommendations API integration.
+ * - `webExperimentation`: Optimizely Web Experimentation (A/B testing, personalization).
+ *
+ * @example
+ * ```tsx
+ * import { getEnabledProducts } from '@remkoj/optimizely-one-nextjs'
+ *
+ * const enabled: Array<SupportedProductNames> = getEnabledProducts()
+ * if (enabled.includes('webExperimentation')) {
+ *   console.log('Web Experimentation is active')
+ * }
+ * ```
+ */
+export type SupportedProductNames = keyof ReturnType<typeof checkProductStatus>;
+/**
+ * Check if Optimizely One services are enabled.
+ *
+ * Reads the `HelperEnabled` environment variable to determine if the Optimizely
+ * One integration is active in this application.
+ *
+ * This is typically used as a guard to conditionally load or initialize
+ * Optimizely One components.
+ *
+ * @returns `true` if Optimizely One is enabled via environment configuration,
+ *          `false` otherwise.
+ *
+ * @example
+ * ```tsx
+ * import { isOptimizelyOneEnabled } from '@remkoj/optimizely-one-nextjs'
+ *
+ * if (isOptimizelyOneEnabled()) {
+ *   // Safe to use Optimizely One components
+ *   console.log('Optimizely One is enabled')
+ * } else {
+ *   console.log('Optimizely One is not enabled in this environment')
+ * }
+ * ```
+ */
+export declare function isOptimizelyOneEnabled(): boolean;
+/**
+ * Get an array of enabled Optimizely One product services.
+ *
+ * Inspects the configuration to determine which Optimizely One products
+ * are currently active and returns their names. This is useful for:
+ *
+ * - Conditional rendering of product-specific features.
+ * - Logging which services are available in the environment.
+ * - Initializing product-specific contexts or providers.
+ *
+ * **Product activation rules:**
+ *
+ * - `dataPlatform`: enabled if `OdpApiKey` is configured with >8 characters.
+ * - `contentRecsClient`: enabled if both `ContentRecsClient` and `ContentRecsDelivery` are set.
+ * - `contentRecsApi`: enabled if both `ContentRecsClient` and `ContentRecsDeliveryKey` are set.
+ * - `webExperimentation`: enabled if `WebExperimentationProject` is configured with >5 characters.
+ *
+ * @param config - Optional partial Optimizely One configuration.
+ *                 If not provided, configuration is read from environment variables.
+ * @returns An array of enabled product names (e.g. `['dataPlatform', 'webExperimentation']`).
+ *
+ * @example
+ * ```tsx
+ * import { getEnabledProducts } from '@remkoj/optimizely-one-nextjs'
+ *
+ * const enabledServices = getEnabledProducts()
+ * console.log('Active products:', enabledServices)
+ * // Output: ['dataPlatform', 'webExperimentation']
+ * ```
+ *
+ * @example
+ * ```tsx
+ * import { getEnabledProducts } from '@remkoj/optimizely-one-nextjs'
+ *
+ * // Use with custom configuration for testing
+ * const testConfig = {
+ *   OdpApiKey: 'test-key-12345678',
+ *   WebExperimentationProject: 'test-project'
+ * }
+ * const services = getEnabledProducts(testConfig)
+ * ```
+ */
+export declare function getEnabledProducts(config?: Partial<OptiOneConfig>): Array<SupportedProductNames>;

package/dist/utils/products.js

@@ -0,0 +1,84 @@
+import 'server-only';
+import { checkProductStatus, readConfigFromEnv } from '../config';
+import EnvVars from '../env-vars';
+import EnvTools from '../utils/env';
+/**
+ * Check if Optimizely One services are enabled.
+ *
+ * Reads the `HelperEnabled` environment variable to determine if the Optimizely
+ * One integration is active in this application.
+ *
+ * This is typically used as a guard to conditionally load or initialize
+ * Optimizely One components.
+ *
+ * @returns `true` if Optimizely One is enabled via environment configuration,
+ *          `false` otherwise.
+ *
+ * @example
+ * ```tsx
+ * import { isOptimizelyOneEnabled } from '@remkoj/optimizely-one-nextjs'
+ *
+ * if (isOptimizelyOneEnabled()) {
+ *   // Safe to use Optimizely One components
+ *   console.log('Optimizely One is enabled')
+ * } else {
+ *   console.log('Optimizely One is not enabled in this environment')
+ * }
+ * ```
+ */
+export function isOptimizelyOneEnabled() {
+    return EnvTools.readValueAsBoolean(EnvVars.HelperEnabled, false);
+}
+/**
+ * Get an array of enabled Optimizely One product services.
+ *
+ * Inspects the configuration to determine which Optimizely One products
+ * are currently active and returns their names. This is useful for:
+ *
+ * - Conditional rendering of product-specific features.
+ * - Logging which services are available in the environment.
+ * - Initializing product-specific contexts or providers.
+ *
+ * **Product activation rules:**
+ *
+ * - `dataPlatform`: enabled if `OdpApiKey` is configured with >8 characters.
+ * - `contentRecsClient`: enabled if both `ContentRecsClient` and `ContentRecsDelivery` are set.
+ * - `contentRecsApi`: enabled if both `ContentRecsClient` and `ContentRecsDeliveryKey` are set.
+ * - `webExperimentation`: enabled if `WebExperimentationProject` is configured with >5 characters.
+ *
+ * @param config - Optional partial Optimizely One configuration.
+ *                 If not provided, configuration is read from environment variables.
+ * @returns An array of enabled product names (e.g. `['dataPlatform', 'webExperimentation']`).
+ *
+ * @example
+ * ```tsx
+ * import { getEnabledProducts } from '@remkoj/optimizely-one-nextjs'
+ *
+ * const enabledServices = getEnabledProducts()
+ * console.log('Active products:', enabledServices)
+ * // Output: ['dataPlatform', 'webExperimentation']
+ * ```
+ *
+ * @example
+ * ```tsx
+ * import { getEnabledProducts } from '@remkoj/optimizely-one-nextjs'
+ *
+ * // Use with custom configuration for testing
+ * const testConfig = {
+ *   OdpApiKey: 'test-key-12345678',
+ *   WebExperimentationProject: 'test-project'
+ * }
+ * const services = getEnabledProducts(testConfig)
+ * ```
+ */
+export function getEnabledProducts(config) {
+    const optiOneConfig = config ?? readConfigFromEnv();
+    const status = checkProductStatus(optiOneConfig);
+    const enabledProducts = Object.getOwnPropertyNames(status).reduce((list, currentProductName) => {
+        if (status[currentProductName])
+            list.push(currentProductName);
+        return list;
+    }, []);
+    return enabledProducts;
+}
+//# sourceMappingURL=products.js.map

package/dist/utils/products.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"products.js","sourceRoot":"","sources":["../../src/utils/products.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AACpB,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAsB,MAAM,WAAW,CAAA;AACrF,OAAO,OAAO,MAAM,aAAa,CAAA;AACjC,OAAO,QAAQ,MAAM,cAAc,CAAA;AAyBnC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,sBAAsB;IAEpC,OAAO,QAAQ,CAAC,kBAAkB,CAAC,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;AAClE,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,UAAU,kBAAkB,CAAC,MAA+B;IAChE,MAAM,aAAa,GAAG,MAAM,IAAI,iBAAiB,EAAE,CAAA;IACnD,MAAM,MAAM,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAA;IAChD,MAAM,eAAe,GAAI,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAgC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,kBAAkB,EAAE,EAAE;QAC7H,IAAI,MAAM,CAAC,kBAAkB,CAAC;YAC5B,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAChC,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,EAAgC,CAAC,CAAA;IACpC,OAAO,eAAe,CAAA;AACxB,CAAC"}