@sentientui/react 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md ADDED
@@ -0,0 +1,150 @@
1
+ # @sentientui/react
2
+
3
+ React SDK for [SentientUI](https://sentientui.dev) — drop-in components and hooks that let a contextual bandit automatically serve the best-performing UI variant for each visitor.
4
+
5
+ ## Installation
6
+
7
+ ```bash
8
+ npm install @sentientui/react @sentientui/core
9
+ ```
10
+
11
+ ## Quick start
12
+
13
+ ### 1. Wrap your app with `AdaptiveProvider`
14
+
15
+ ```tsx
16
+ import { AdaptiveProvider } from '@sentientui/react';
17
+
18
+ export default function App({ children }) {
19
+ return (
20
+ <AdaptiveProvider apiKey="pk_your_key" context="saas">
21
+ {children}
22
+ </AdaptiveProvider>
23
+ );
24
+ }
25
+ ```
26
+
27
+ ### 2. Add an `<Adaptive>` component
28
+
29
+ ```tsx
30
+ import { Adaptive } from '@sentientui/react';
31
+
32
+ export default function Hero() {
33
+ return (
34
+ <Adaptive
35
+ id="hero-headline"
36
+ goal="click"
37
+ variants={{
38
+ control: <h1>Ship faster with SentientUI</h1>,
39
+ variant_b: <h1>Your UI, optimised automatically</h1>,
40
+ }}
41
+ />
42
+ );
43
+ }
44
+ ```
45
+
46
+ The bandit tracks which variant drives more clicks and gradually shifts traffic toward the winner.
47
+
48
+ ## Next.js (App Router)
49
+
50
+ Use `AdaptiveRoot` in your layout for SEO-safe server-rendered assignments with no variant flash:
51
+
52
+ ```tsx
53
+ // app/layout.tsx
54
+ import { AdaptiveRoot } from '@sentientui/react/next';
55
+
56
+ export default function Layout({ children }) {
57
+ return (
58
+ <AdaptiveRoot
59
+ components={[
60
+ { id: 'hero-headline', variantIds: ['control', 'variant_b'] },
61
+ { id: 'pricing-cta', variantIds: ['control', 'variant_b'] },
62
+ ]}
63
+ serverApiKey={process.env.SENTIENT_API_KEY!}
64
+ apiKey={process.env.NEXT_PUBLIC_SENTIENT_API_KEY!}
65
+ context="saas"
66
+ >
67
+ {children}
68
+ </AdaptiveRoot>
69
+ );
70
+ }
71
+ ```
72
+
73
+ `AdaptiveRoot` is a Server Component that fetches assignments before HTML is sent, then passes them to `AdaptiveProvider` as `initialAssignments` so crawlers and hydration see real content.
74
+
75
+ ## API
76
+
77
+ ### `<AdaptiveProvider>`
78
+
79
+ | Prop | Type | Description |
80
+ |------|------|-------------|
81
+ | `apiKey` | `string` | Your public API key (`pk_…`) |
82
+ | `context` | `string` | Site context — `'landing'`, `'ecommerce'`, `'saas'`, or `'marketplace'` |
83
+ | `initialAssignments` | `Record<string, string>` | SSR-preloaded assignments (prevents hydration mismatch) |
84
+ | `sessionSegment` | `string` | Segment string from SSR (`device:source`) |
85
+ | `ssrFallback` | `'first' \| 'none'` | How to render adaptive slots without preloaded assignments. `'first'` renders the first variant (good for SEO). Defaults to `'first'` |
86
+ | `consent` | `boolean` | Set to `false` to disable tracking before cookie consent |
87
+ | `onAssignment` | `(componentId, variantId) => void` | Called once per component per session — forward to Mixpanel, PostHog, Segment, etc. |
88
+ | `debug` | `boolean` | Logs events to the console |
89
+
90
+ ### `<Adaptive>`
91
+
92
+ | Prop | Type | Description |
93
+ |------|------|-------------|
94
+ | `id` | `string` | Unique component identifier |
95
+ | `variants` | `Record<string, ReactNode>` | Map of variant ID → content |
96
+ | `goal` | `string \| GoalConfig` | Conversion goal. Pass a string label for click tracking, or a `GoalConfig` object for scroll depth, form submit, or composite goals |
97
+ | `clientOnly` | `boolean` | Skip SSR rendering — use for decorative slots where a blank placeholder is preferable to a hydration mismatch |
98
+
99
+ #### Goal types
100
+
101
+ ```ts
102
+ // Click on anything inside the variant
103
+ goal="click"
104
+
105
+ // Click on a specific element
106
+ goal={{ type: 'click', selector: 'button.cta' }}
107
+
108
+ // User scrolls past 80% of the page
109
+ goal={{ type: 'scroll_depth', threshold: 80 }}
110
+
111
+ // A form inside the variant is submitted
112
+ goal={{ type: 'form_submit' }}
113
+
114
+ // Multiple goals must all fire
115
+ goal={{ type: 'composite', all: [{ type: 'scroll_depth', threshold: 50 }, { type: 'click' }] }}
116
+ ```
117
+
118
+ ### `useAssignment(componentId, variantIds)`
119
+
120
+ Lower-level hook for manual variant resolution when you need full control over rendering.
121
+
122
+ ```tsx
123
+ import { useAssignment } from '@sentientui/react';
124
+
125
+ function MyComponent() {
126
+ const { variantId, isLoading } = useAssignment('hero', ['control', 'variant_b']);
127
+
128
+ if (isLoading) return <Skeleton />;
129
+ return variantId === 'variant_b' ? <NewHero /> : <DefaultHero />;
130
+ }
131
+ ```
132
+
133
+ ### `onAssignment` — forwarding to analytics
134
+
135
+ ```tsx
136
+ <AdaptiveProvider
137
+ apiKey="pk_…"
138
+ context="saas"
139
+ onAssignment={(componentId, variantId) => {
140
+ posthog.capture('$experiment_started', {
141
+ experiment_name: componentId,
142
+ variant: variantId,
143
+ });
144
+ }}
145
+ >
146
+ ```
147
+
148
+ ## License
149
+
150
+ MIT
package/dist/index.d.cts CHANGED
@@ -2,13 +2,13 @@ import * as react from 'react';
2
2
  import { ReactNode } from 'react';
3
3
  import { SentientConfig, SentientClient } from '@sentientui/core';
4
4
  export { deriveSessionSegment as detectSegment } from '@sentientui/core';
5
+ import * as react_jsx_runtime from 'react/jsx-runtime';
5
6
 
6
7
  /** How to render adaptive slots during SSR when assignments are not preloaded. */
7
8
  type SsrFallback = 'first' | 'none';
8
9
  type AdaptiveProviderProps = {
9
10
  apiKey: string;
10
11
  context: SentientConfig['context'];
11
- ingestUrl: string;
12
12
  debug?: boolean;
13
13
  /**
14
14
  * SSR-preloaded assignments from `preloadAssignments()` / `loadAdaptiveAssignments()`.
@@ -40,6 +40,12 @@ type AdaptiveProviderProps = {
40
40
  * (Mixpanel, PostHog, Segment, etc.) without having to wrap `useAssignment`.
41
41
  */
42
42
  onAssignment?: (componentId: string, variantId: string) => void;
43
+ /**
44
+ * SSR-preloaded section order from `loadAdaptiveDecision()`.
45
+ * Pass the `layoutOrder` field from `DecideResult`. When set,
46
+ * `useLayoutOrder()` returns this on first render so there is no layout shift.
47
+ */
48
+ initialLayoutOrder?: string[] | null;
43
49
  children: ReactNode;
44
50
  };
45
51
  /**
@@ -54,6 +60,11 @@ declare function AdaptiveProvider(props: AdaptiveProviderProps): JSX.Element;
54
60
  declare function useSentient(): SentientClient | null;
55
61
  /** Internal: SSR-preloaded assignments for hydration-safe first render. */
56
62
  declare function useInitialAssignments(): Record<string, string>;
63
+ /**
64
+ * Returns the persona-specific section order from SSR, or null when no
65
+ * sections were declared on AdaptiveRoot or reliability is below threshold.
66
+ */
67
+ declare function useLayoutOrder(): string[] | null;
57
68
 
58
69
  type ScrollDepthGoal = {
59
70
  type: 'scroll_depth';
@@ -86,6 +97,14 @@ declare function AdaptiveImpl(props: AdaptiveProps): JSX.Element | null;
86
97
  /** Re-renders only when the chosen variant changes. */
87
98
  declare const Adaptive: react.MemoExoticComponent<typeof AdaptiveImpl>;
88
99
 
100
+ type AdaptiveTextProps = {
101
+ id: string;
102
+ default: string;
103
+ component?: keyof JSX.IntrinsicElements;
104
+ className?: string;
105
+ };
106
+ declare function AdaptiveText({ id, default: defaultText, component: Tag, className, }: AdaptiveTextProps): react_jsx_runtime.JSX.Element;
107
+
89
108
  declare global {
90
109
  interface Window {
91
110
  __sentient_overrides?: Record<string, string>;
@@ -133,4 +152,4 @@ declare function update(componentId: string, weights: ComponentWeights): void;
133
152
  */
134
153
  declare function getWeights(componentId: string): ComponentWeights | null;
135
154
 
136
- export { Adaptive, type AdaptiveProps, AdaptiveProvider, type AdaptiveProviderProps, type AssignmentState, type ClickGoal, type ComponentWeights, type CompositeGoal, type FormSubmitGoal, type GoalConfig, type ScrollDepthGoal, type SsrFallback, type VariantWeight, getWeights, subscribe as subscribeWeights, update as updateWeights, useAssignment, useInitialAssignments, useSentient };
155
+ export { Adaptive, type AdaptiveProps, AdaptiveProvider, type AdaptiveProviderProps, AdaptiveText, type AdaptiveTextProps, type AssignmentState, type ClickGoal, type ComponentWeights, type CompositeGoal, type FormSubmitGoal, type GoalConfig, type ScrollDepthGoal, type SsrFallback, type VariantWeight, getWeights, subscribe as subscribeWeights, update as updateWeights, useAssignment, useInitialAssignments, useLayoutOrder, useSentient };
package/dist/index.d.ts CHANGED
@@ -2,13 +2,13 @@ import * as react from 'react';
2
2
  import { ReactNode } from 'react';
3
3
  import { SentientConfig, SentientClient } from '@sentientui/core';
4
4
  export { deriveSessionSegment as detectSegment } from '@sentientui/core';
5
+ import * as react_jsx_runtime from 'react/jsx-runtime';
5
6
 
6
7
  /** How to render adaptive slots during SSR when assignments are not preloaded. */
7
8
  type SsrFallback = 'first' | 'none';
8
9
  type AdaptiveProviderProps = {
9
10
  apiKey: string;
10
11
  context: SentientConfig['context'];
11
- ingestUrl: string;
12
12
  debug?: boolean;
13
13
  /**
14
14
  * SSR-preloaded assignments from `preloadAssignments()` / `loadAdaptiveAssignments()`.
@@ -40,6 +40,12 @@ type AdaptiveProviderProps = {
40
40
  * (Mixpanel, PostHog, Segment, etc.) without having to wrap `useAssignment`.
41
41
  */
42
42
  onAssignment?: (componentId: string, variantId: string) => void;
43
+ /**
44
+ * SSR-preloaded section order from `loadAdaptiveDecision()`.
45
+ * Pass the `layoutOrder` field from `DecideResult`. When set,
46
+ * `useLayoutOrder()` returns this on first render so there is no layout shift.
47
+ */
48
+ initialLayoutOrder?: string[] | null;
43
49
  children: ReactNode;
44
50
  };
45
51
  /**
@@ -54,6 +60,11 @@ declare function AdaptiveProvider(props: AdaptiveProviderProps): JSX.Element;
54
60
  declare function useSentient(): SentientClient | null;
55
61
  /** Internal: SSR-preloaded assignments for hydration-safe first render. */
56
62
  declare function useInitialAssignments(): Record<string, string>;
63
+ /**
64
+ * Returns the persona-specific section order from SSR, or null when no
65
+ * sections were declared on AdaptiveRoot or reliability is below threshold.
66
+ */
67
+ declare function useLayoutOrder(): string[] | null;
57
68
 
58
69
  type ScrollDepthGoal = {
59
70
  type: 'scroll_depth';
@@ -86,6 +97,14 @@ declare function AdaptiveImpl(props: AdaptiveProps): JSX.Element | null;
86
97
  /** Re-renders only when the chosen variant changes. */
87
98
  declare const Adaptive: react.MemoExoticComponent<typeof AdaptiveImpl>;
88
99
 
100
+ type AdaptiveTextProps = {
101
+ id: string;
102
+ default: string;
103
+ component?: keyof JSX.IntrinsicElements;
104
+ className?: string;
105
+ };
106
+ declare function AdaptiveText({ id, default: defaultText, component: Tag, className, }: AdaptiveTextProps): react_jsx_runtime.JSX.Element;
107
+
89
108
  declare global {
90
109
  interface Window {
91
110
  __sentient_overrides?: Record<string, string>;
@@ -133,4 +152,4 @@ declare function update(componentId: string, weights: ComponentWeights): void;
133
152
  */
134
153
  declare function getWeights(componentId: string): ComponentWeights | null;
135
154
 
136
- export { Adaptive, type AdaptiveProps, AdaptiveProvider, type AdaptiveProviderProps, type AssignmentState, type ClickGoal, type ComponentWeights, type CompositeGoal, type FormSubmitGoal, type GoalConfig, type ScrollDepthGoal, type SsrFallback, type VariantWeight, getWeights, subscribe as subscribeWeights, update as updateWeights, useAssignment, useInitialAssignments, useSentient };
155
+ export { Adaptive, type AdaptiveProps, AdaptiveProvider, type AdaptiveProviderProps, AdaptiveText, type AdaptiveTextProps, type AssignmentState, type ClickGoal, type ComponentWeights, type CompositeGoal, type FormSubmitGoal, type GoalConfig, type ScrollDepthGoal, type SsrFallback, type VariantWeight, getWeights, subscribe as subscribeWeights, update as updateWeights, useAssignment, useInitialAssignments, useLayoutOrder, useSentient };
package/dist/index.js CHANGED
@@ -23,12 +23,14 @@ var src_exports = {};
23
23
  __export(src_exports, {
24
24
  Adaptive: () => Adaptive,
25
25
  AdaptiveProvider: () => AdaptiveProvider,
26
+ AdaptiveText: () => AdaptiveText,
26
27
  detectSegment: () => import_core2.deriveSessionSegment,
27
28
  getWeights: () => getWeights,
28
29
  subscribeWeights: () => subscribe,
29
30
  updateWeights: () => update,
30
31
  useAssignment: () => useAssignment,
31
32
  useInitialAssignments: () => useInitialAssignments,
33
+ useLayoutOrder: () => useLayoutOrder,
32
34
  useSentient: () => useSentient
33
35
  });
34
36
  module.exports = __toCommonJS(src_exports);
@@ -43,10 +45,11 @@ var AdaptiveContext = (0, import_react.createContext)({
43
45
  initialAssignments: {},
44
46
  sessionSegment: "desktop:direct",
45
47
  ssrFallback: "first",
46
- onAssignment: void 0
48
+ onAssignment: void 0,
49
+ initialLayoutOrder: null
47
50
  });
48
51
  function AdaptiveProvider(props) {
49
- var _a, _b, _c;
52
+ var _a, _b, _c, _d;
50
53
  const [client, setClient] = (0, import_react.useState)(null);
51
54
  (0, import_react.useEffect)(() => {
52
55
  if (props.consent === false) {
@@ -59,7 +62,6 @@ function AdaptiveProvider(props) {
59
62
  const c = (0, import_core.init)({
60
63
  apiKey: props.apiKey,
61
64
  context: props.context,
62
- ingestUrl: props.ingestUrl,
63
65
  debug: props.debug,
64
66
  initialAssignments: props.initialAssignments,
65
67
  sessionSegment: props.sessionSegment,
@@ -80,7 +82,8 @@ function AdaptiveProvider(props) {
80
82
  initialAssignments: (_b = props.initialAssignments) != null ? _b : {},
81
83
  sessionSegment: (_c = props.sessionSegment) != null ? _c : "desktop:direct",
82
84
  ssrFallback,
83
- onAssignment: props.onAssignment
85
+ onAssignment: props.onAssignment,
86
+ initialLayoutOrder: (_d = props.initialLayoutOrder) != null ? _d : null
84
87
  },
85
88
  children: props.children
86
89
  }
@@ -104,6 +107,9 @@ function useSsrFallback() {
104
107
  function useOnAssignment() {
105
108
  return (0, import_react.useContext)(AdaptiveContext).onAssignment;
106
109
  }
110
+ function useLayoutOrder() {
111
+ return (0, import_react.useContext)(AdaptiveContext).initialLayoutOrder;
112
+ }
107
113
 
108
114
  // src/adaptive.tsx
109
115
  var import_react3 = require("react");
@@ -437,18 +443,63 @@ var Adaptive = (0, import_react3.memo)(AdaptiveImpl, (prev, next) => {
437
443
  return prevKeys.every((k) => k in next.variants);
438
444
  });
439
445
 
446
+ // src/adaptive-text.tsx
447
+ var import_react4 = require("react");
448
+ var import_jsx_runtime3 = require("react/jsx-runtime");
449
+ function AdaptiveText({
450
+ id,
451
+ default: defaultText,
452
+ component: Tag = "span",
453
+ className
454
+ }) {
455
+ const client = useSentient();
456
+ const projectId = useAdaptiveProjectId();
457
+ const onAssignment = useOnAssignment();
458
+ const [text, setText] = (0, import_react4.useState)(null);
459
+ const [variantId, setVariantId] = (0, import_react4.useState)(null);
460
+ const trackedRef = (0, import_react4.useRef)(null);
461
+ (0, import_react4.useEffect)(() => {
462
+ if (!client) return;
463
+ let cancelled = false;
464
+ void client.assign(id).then((result) => {
465
+ if (cancelled || !result) return;
466
+ setVariantId(result.variantId);
467
+ if (result.content) setText(result.content);
468
+ });
469
+ return () => {
470
+ cancelled = true;
471
+ };
472
+ }, [client, id]);
473
+ (0, import_react4.useEffect)(() => {
474
+ if (!client || !variantId || !projectId) return;
475
+ if (trackedRef.current === variantId) return;
476
+ trackedRef.current = variantId;
477
+ client.track({
478
+ projectId,
479
+ componentId: id,
480
+ variantId,
481
+ eventType: "variant_assigned",
482
+ payload: {}
483
+ });
484
+ onAssignment == null ? void 0 : onAssignment(id, variantId);
485
+ }, [client, variantId, projectId, id, onAssignment]);
486
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Tag, { className, children: text != null ? text : defaultText });
487
+ }
488
+
440
489
  // src/segment.ts
441
490
  var import_core2 = require("@sentientui/core");
442
491
  // Annotate the CommonJS export names for ESM import in node:
443
492
  0 && (module.exports = {
444
493
  Adaptive,
445
494
  AdaptiveProvider,
495
+ AdaptiveText,
446
496
  detectSegment,
447
497
  getWeights,
448
498
  subscribeWeights,
449
499
  updateWeights,
450
500
  useAssignment,
451
501
  useInitialAssignments,
502
+ useLayoutOrder,
452
503
  useSentient
453
504
  });
454
505
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/provider.tsx","../src/adaptive.tsx","../src/use-assignment.ts","../src/weights-store.ts","../src/segment.ts"],"sourcesContent":["export { AdaptiveProvider, useSentient, useInitialAssignments } from './provider.js';\r\nexport type { AdaptiveProviderProps, SsrFallback } from './provider.js';\r\n\r\nexport { Adaptive } from './adaptive.js';\r\nexport type {\r\n AdaptiveProps,\r\n GoalConfig,\r\n ClickGoal,\r\n ScrollDepthGoal,\r\n FormSubmitGoal,\r\n CompositeGoal,\r\n} from './adaptive.js';\r\n\r\nexport { useAssignment } from './use-assignment.js';\r\nexport type { AssignmentState } from './use-assignment.js';\r\n\r\nexport {\r\n subscribe as subscribeWeights,\r\n update as updateWeights,\r\n getWeights,\r\n} from './weights-store.js';\r\nexport type { ComponentWeights, VariantWeight } from './weights-store.js';\r\n\r\nexport { detectSegment } from './segment.js';\r\n","'use client';\r\n\r\nimport { createContext, useContext, useEffect, useState, type ReactNode } from 'react';\r\nimport { init, type SentientClient, type SentientConfig } from '@sentientui/core';\r\n\r\n/** How to render adaptive slots during SSR when assignments are not preloaded. */\r\nexport type SsrFallback = 'first' | 'none';\r\n\r\ntype AdaptiveContextValue = {\r\n client: SentientClient | null;\r\n projectId: string;\r\n initialAssignments: Record<string, string>;\r\n sessionSegment: string;\r\n ssrFallback: SsrFallback;\r\n onAssignment: ((componentId: string, variantId: string) => void) | undefined;\r\n};\r\n\r\nconst AdaptiveContext = createContext<AdaptiveContextValue>({\r\n client: null,\r\n projectId: '',\r\n initialAssignments: {},\r\n sessionSegment: 'desktop:direct',\r\n ssrFallback: 'first',\r\n onAssignment: undefined,\r\n});\r\n\r\nexport type AdaptiveProviderProps = {\r\n apiKey: string;\r\n context: SentientConfig['context'];\r\n ingestUrl: string;\r\n debug?: boolean;\r\n /**\r\n * SSR-preloaded assignments from `preloadAssignments()` / `loadAdaptiveAssignments()`.\r\n * Passed through to `useAssignment` as synchronous initial state so crawlers and\r\n * the first paint see real content (recommended for SEO).\r\n */\r\n initialAssignments?: Record<string, string>;\r\n /**\r\n * Bandit segment from SSR (`device:source`). Keeps cache, assign, and worker\r\n * weights on one row — must match `loadAdaptiveAssignments` / session upsert.\r\n */\r\n sessionSegment?: string;\r\n /**\r\n * When no `initialAssignments` exist for a component, `'first'` renders\r\n * `variantIds[0]` in server HTML (safe default for SEO). Use `'none'` only for\r\n * decorative slots marked `clientOnly`.\r\n * @default 'first'\r\n */\r\n ssrFallback?: SsrFallback;\r\n /**\r\n * Consent gate. When `false` the SDK is not initialised and no events are\r\n * sent. Flip to `true` (e.g. after the user accepts the cookie banner) to\r\n * initialise and begin tracking.\r\n */\r\n consent?: boolean;\r\n /**\r\n * Called once per component the first time a variant is resolved for that\r\n * component in this session. Use to forward assignments to your own analytics\r\n * (Mixpanel, PostHog, Segment, etc.) without having to wrap `useAssignment`.\r\n */\r\n onAssignment?: (componentId: string, variantId: string) => void;\r\n children: ReactNode;\r\n};\r\n\r\n/**\r\n * Initialises the Sentient core SDK in a useEffect (SSR-safe) and exposes the\r\n * client via React context. Re-initialises when `consent` changes.\r\n */\r\nexport function AdaptiveProvider(props: AdaptiveProviderProps): JSX.Element {\r\n const [client, setClient] = useState<SentientClient | null>(null);\r\n\r\n useEffect(() => {\r\n // When consent is explicitly false, tear down any existing client.\r\n if (props.consent === false) {\r\n setClient((prev: SentientClient | null) => {\r\n prev?.destroy();\r\n return null;\r\n });\r\n return;\r\n }\r\n\r\n const c = init({\r\n apiKey: props.apiKey,\r\n context: props.context,\r\n ingestUrl: props.ingestUrl,\r\n debug: props.debug,\r\n initialAssignments: props.initialAssignments,\r\n sessionSegment: props.sessionSegment,\r\n consent: props.consent,\r\n });\r\n setClient(c);\r\n return () => {\r\n c.destroy();\r\n };\r\n // Re-init when consent changes. Other props are intentionally stable.\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [props.consent]);\r\n\r\n const ssrFallback = props.ssrFallback ?? 'first';\r\n\r\n return (\r\n <AdaptiveContext.Provider\r\n value={{\r\n client,\r\n projectId: props.apiKey,\r\n initialAssignments: props.initialAssignments ?? {},\r\n sessionSegment: props.sessionSegment ?? 'desktop:direct',\r\n ssrFallback,\r\n onAssignment: props.onAssignment,\r\n }}\r\n >\r\n {props.children}\r\n </AdaptiveContext.Provider>\r\n );\r\n}\r\n\r\n/**\r\n * Returns the SentientClient, or null until the provider has finished\r\n * initialising on the client.\r\n */\r\nexport function useSentient(): SentientClient | null {\r\n return useContext(AdaptiveContext).client;\r\n}\r\n\r\n/** Internal: project identifier carried alongside the client. */\r\nexport function useAdaptiveProjectId(): string {\r\n return useContext(AdaptiveContext).projectId;\r\n}\r\n\r\n/** Internal: SSR-preloaded assignments for hydration-safe first render. */\r\nexport function useInitialAssignments(): Record<string, string> {\r\n return useContext(AdaptiveContext).initialAssignments;\r\n}\r\n\r\n/** Internal: bandit segment aligned with SSR session upsert. */\r\nexport function useSessionSegment(): string {\r\n return useContext(AdaptiveContext).sessionSegment;\r\n}\r\n\r\n/** Internal: SSR fallback strategy when a slot has no preloaded assignment. */\r\nexport function useSsrFallback(): SsrFallback {\r\n return useContext(AdaptiveContext).ssrFallback;\r\n}\r\n\r\n/** Internal: forwarding hook for consumer analytics integration. */\r\nexport function useOnAssignment(): ((componentId: string, variantId: string) => void) | undefined {\r\n return useContext(AdaptiveContext).onAssignment;\r\n}\r\n","'use client';\r\n\r\nimport { memo, useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\r\nimport { useAdaptiveProjectId, useSentient } from './provider.js';\r\nimport { useAssignment } from './use-assignment.js';\r\n\r\nexport type ScrollDepthGoal = { type: 'scroll_depth'; threshold: number };\r\nexport type ClickGoal = { type: 'click'; selector?: string };\r\nexport type FormSubmitGoal = { type: 'form_submit' };\r\nexport type CompositeGoal = { type: 'composite'; all: GoalConfig[] };\r\nexport type GoalConfig = ScrollDepthGoal | ClickGoal | FormSubmitGoal | CompositeGoal;\r\n\r\nexport type AdaptiveProps = {\r\n id: string;\r\n variants: Record<string, ReactNode>;\r\n goal: string | GoalConfig;\r\n /**\r\n * When true, renders nothing during SSR and before client hydration.\r\n * Use when you cannot pass `initialAssignments` and prefer a blank slot over\r\n * a hydration mismatch. Tradeoff: minor CLS on first paint.\r\n */\r\n clientOnly?: boolean;\r\n};\r\n\r\nfunction normalize(goal: string | GoalConfig): GoalConfig {\r\n if (typeof goal === 'string') return { type: 'click' };\r\n return goal;\r\n}\r\n\r\nfunction isClickableTarget(el: EventTarget | null): boolean {\r\n if (!(el instanceof Element)) return false;\r\n const tag = el.tagName.toLowerCase();\r\n if (tag === 'a' || tag === 'button') return true;\r\n const role = el.getAttribute('role');\r\n return role === 'button';\r\n}\r\n\r\nfunction findClickable(start: Element, container: Element): boolean {\r\n let cursor: Element | null = start;\r\n while (cursor && cursor !== container) {\r\n if (isClickableTarget(cursor)) return true;\r\n cursor = cursor.parentElement;\r\n }\r\n return false;\r\n}\r\n\r\nfunction AdaptiveImpl(props: AdaptiveProps): JSX.Element | null {\r\n const client = useSentient();\r\n const projectId = useAdaptiveProjectId();\r\n const variantIds = useMemo(() => Object.keys(props.variants), [props.variants]);\r\n const { variantId } = useAssignment(props.id, variantIds);\r\n const containerRef = useRef<HTMLDivElement>(null);\r\n const [mounted, setMounted] = useState(false);\r\n\r\n useEffect(() => { setMounted(true); }, []);\r\n const goalFiredRef = useRef(false);\r\n const assignTrackedRef = useRef<string | null>(null);\r\n const goal = useMemo(() => normalize(props.goal), [props.goal]);\r\n const goalLabel = typeof props.goal === 'string' ? props.goal : goal.type;\r\n\r\n // Track variant_assigned exactly once per (component, variant) mount.\r\n // Captures innerHTML as previewHtml so the dashboard can render a live preview\r\n // without requiring manual registry calls. First-seen wins on the server.\r\n // `mounted` is in deps so the effect re-runs after clientOnly components hydrate\r\n // and their container div is actually in the DOM.\r\n useEffect(() => {\r\n if (!client || !variantId || !projectId) return;\r\n if (assignTrackedRef.current === variantId) return;\r\n const rawHtml = containerRef.current?.innerHTML ?? '';\r\n // For clientOnly, the container is null until mounted — defer until it exists.\r\n if (!rawHtml && !mounted) return;\r\n assignTrackedRef.current = variantId;\r\n client.track({\r\n projectId,\r\n componentId: props.id,\r\n variantId,\r\n eventType: 'variant_assigned',\r\n payload: rawHtml ? { previewHtml: rawHtml.slice(0, 30_000) } : {},\r\n });\r\n }, [client, variantId, projectId, props.id, mounted]);\r\n\r\n // Reset goal latch when variant changes.\r\n useEffect(() => {\r\n goalFiredRef.current = false;\r\n }, [variantId]);\r\n\r\n // Emit cursor_signal after 800 ms of continuous hover.\r\n useEffect(() => {\r\n if (!client || !variantId) return;\r\n const node = containerRef.current;\r\n if (!node) return;\r\n\r\n let timerId: ReturnType<typeof setTimeout> | null = null;\r\n let hoverStart = 0;\r\n\r\n const onEnter = (): void => {\r\n hoverStart = Date.now();\r\n timerId = setTimeout(() => {\r\n client.track({\r\n projectId,\r\n componentId: props.id,\r\n variantId: variantId!,\r\n eventType: 'cursor_signal',\r\n payload: { hoverDuration: Date.now() - hoverStart },\r\n });\r\n timerId = null;\r\n }, 800);\r\n };\r\n\r\n const onLeave = (): void => {\r\n if (timerId !== null) {\r\n clearTimeout(timerId);\r\n timerId = null;\r\n }\r\n };\r\n\r\n node.addEventListener('mouseenter', onEnter);\r\n node.addEventListener('mouseleave', onLeave);\r\n return () => {\r\n node.removeEventListener('mouseenter', onEnter);\r\n node.removeEventListener('mouseleave', onLeave);\r\n if (timerId !== null) clearTimeout(timerId);\r\n };\r\n }, [client, variantId, projectId, props.id]);\r\n\r\n // Attach goal tracking.\r\n useEffect(() => {\r\n if (!client || !variantId) return;\r\n const node = containerRef.current;\r\n if (!node) return;\r\n\r\n const fireGoal = (): void => {\r\n if (goalFiredRef.current) return;\r\n goalFiredRef.current = true;\r\n client.track({\r\n projectId,\r\n componentId: props.id,\r\n variantId,\r\n eventType: 'goal_achieved',\r\n goalType: goalLabel,\r\n payload: { reward: 1.0 },\r\n });\r\n };\r\n\r\n const subgoals: GoalConfig[] = goal.type === 'composite' ? goal.all : [goal];\r\n const remaining = new Set<number>(subgoals.map((_, i) => i));\r\n const checkComposite = (idx: number): void => {\r\n remaining.delete(idx);\r\n if (remaining.size === 0) fireGoal();\r\n };\r\n\r\n const cleanups: Array<() => void> = [];\r\n\r\n subgoals.forEach((sub, idx) => {\r\n if (sub.type === 'click') {\r\n const onClick = (e: MouseEvent): void => {\r\n const target = e.target;\r\n if (!(target instanceof Element)) return;\r\n if (!findClickable(target, node)) return;\r\n if (goal.type === 'composite') checkComposite(idx);\r\n else fireGoal();\r\n };\r\n node.addEventListener('click', onClick);\r\n cleanups.push(() => node.removeEventListener('click', onClick));\r\n return;\r\n }\r\n\r\n if (sub.type === 'form_submit') {\r\n const onSubmit = (e: Event): void => {\r\n if (!(e.target instanceof HTMLFormElement)) return;\r\n if (!node.contains(e.target)) return;\r\n if (goal.type === 'composite') checkComposite(idx);\r\n else fireGoal();\r\n };\r\n node.addEventListener('submit', onSubmit);\r\n cleanups.push(() => node.removeEventListener('submit', onSubmit));\r\n return;\r\n }\r\n\r\n if (sub.type === 'scroll_depth') {\r\n const threshold = Math.max(0, Math.min(1, sub.threshold));\r\n const io = new IntersectionObserver(\r\n (entries) => {\r\n for (const entry of entries) {\r\n if (entry.intersectionRatio >= threshold) {\r\n if (goal.type === 'composite') checkComposite(idx);\r\n else fireGoal();\r\n io.disconnect();\r\n break;\r\n }\r\n }\r\n },\r\n { threshold: [threshold] },\r\n );\r\n io.observe(node);\r\n cleanups.push(() => io.disconnect());\r\n return;\r\n }\r\n });\r\n\r\n return () => {\r\n for (const c of cleanups) c();\r\n };\r\n }, [client, variantId, projectId, props.id, goal, goalLabel]);\r\n\r\n // Decorative slots: empty in SSR HTML and until the client has mounted.\r\n if (props.clientOnly && (!mounted || !client)) return null;\r\n if (!variantId) return null;\r\n const content = props.variants[variantId] ?? null;\r\n\r\n return (\r\n <div ref={containerRef} data-sentient-id={props.id} data-sentient-variant={variantId}>\r\n {content}\r\n </div>\r\n );\r\n}\r\n\r\n/** Re-renders only when the chosen variant changes. */\r\nexport const Adaptive = memo(AdaptiveImpl, (prev, next) => {\r\n if (prev.id !== next.id) return false;\r\n if (prev.goal !== next.goal) return false;\r\n if (prev.variants === next.variants) return true;\r\n const prevKeys = Object.keys(prev.variants);\r\n const nextKeys = Object.keys(next.variants);\r\n if (prevKeys.length !== nextKeys.length) return false;\r\n return prevKeys.every((k) => k in next.variants);\r\n});\r\n","import { useEffect, useRef, useState } from 'react';\r\nimport { type AssignResult } from '@sentientui/core';\r\nimport { useSentient, useInitialAssignments, useSessionSegment, useSsrFallback, useOnAssignment } from './provider.js';\r\nimport { subscribe, getWeights, type ComponentWeights } from './weights-store.js';\r\n\r\ndeclare global {\r\n interface Window { __sentient_overrides?: Record<string, string>; }\r\n}\r\n\r\nfunction getDevOverride(componentId: string): string | null {\r\n if (typeof window === 'undefined') return null;\r\n const global = window.__sentient_overrides?.[componentId];\r\n if (global) return global;\r\n try {\r\n const params = new URLSearchParams(window.location.search);\r\n for (const raw of params.getAll('sentient_variant')) {\r\n // sentient_variant=componentId:variantId (repeatable for multiple components)\r\n const sep = raw.indexOf(':');\r\n if (sep === -1) continue;\r\n if (raw.slice(0, sep) === componentId) return raw.slice(sep + 1);\r\n }\r\n } catch { /* non-browser env */ }\r\n return null;\r\n}\r\n\r\nexport type AssignmentState = {\r\n variantId: string | null;\r\n isLoading: boolean;\r\n};\r\n\r\nfunction pickFromWeights(weights: ComponentWeights, variantIds: string[]): string | null {\r\n let best: { variantId: string; avgReward: number } | null = null;\r\n for (const v of weights.variants) {\r\n if (!variantIds.includes(v.variantId)) continue;\r\n if (!best || v.avgReward > best.avgReward) {\r\n best = { variantId: v.variantId, avgReward: v.avgReward };\r\n }\r\n }\r\n return best?.variantId ?? null;\r\n}\r\n\r\n/**\r\n * Returns a sticky variant assignment for a component.\r\n *\r\n * First render reads the local SDK cache; if empty, falls back to a\r\n * deterministic default and asynchronously calls `/v1/assign`. The server\r\n * picks the actual variant via ε-greedy and the result replaces the fallback\r\n * on the next render. Subsequent paints read synchronously from cache —\r\n * no flicker, no loading state after first paint.\r\n */\r\nexport function useAssignment(componentId: string, variantIds: string[]): AssignmentState {\r\n const initialAssignments = useInitialAssignments();\r\n const ssrFallback = useSsrFallback();\r\n const client = useSentient();\r\n const segment = useSessionSegment();\r\n const onAssignment = useOnAssignment();\r\n const assignmentReportedRef = useRef<string | null>(null);\r\n\r\n // Dev override: URL param ?sentient_variant=componentId:variantId\r\n // or window.__sentient_overrides[componentId]. Short-circuits the bandit entirely.\r\n const devOverride = getDevOverride(componentId);\r\n const overrideVariant = devOverride && variantIds.includes(devOverride) ? devOverride : null;\r\n if (overrideVariant) {\r\n console.info(`[sentient] override active: ${componentId} -> ${overrideVariant}`);\r\n }\r\n\r\n const initial = (() => {\r\n if (overrideVariant) {\r\n return { variantId: overrideVariant, isLoading: false };\r\n }\r\n // SSR / pre-hydration: no client yet. Use initialAssignments if provided so\r\n // the server and client first render agree on the same variant (no mismatch).\r\n if (!client) {\r\n const preloaded = initialAssignments[componentId];\r\n if (preloaded && variantIds.includes(preloaded)) {\r\n return { variantId: preloaded, isLoading: false };\r\n }\r\n if (ssrFallback === 'first' && variantIds.length > 0) {\r\n return { variantId: variantIds[0], isLoading: false };\r\n }\r\n return { variantId: null, isLoading: true };\r\n }\r\n const cached = client.getAssignment(componentId, segment);\r\n if (cached && variantIds.includes(cached.variantId)) {\r\n return { variantId: cached.variantId, isLoading: false };\r\n }\r\n const weights = getWeights(componentId);\r\n if (weights) {\r\n const chosen = pickFromWeights(weights, variantIds);\r\n if (chosen) return { variantId: chosen, isLoading: false };\r\n }\r\n return { variantId: variantIds[0] ?? null, isLoading: false };\r\n })();\r\n\r\n const [state, setState] = useState<AssignmentState>(initial);\r\n\r\n // Helper: call onAssignment at most once per resolved variant.\r\n const reportAssignment = (variantId: string): void => {\r\n if (!onAssignment) return;\r\n if (assignmentReportedRef.current === variantId) return;\r\n assignmentReportedRef.current = variantId;\r\n onAssignment(componentId, variantId);\r\n };\r\n\r\n // As soon as the client is ready, unblock the UI immediately with variantIds[0]\r\n // (or a cached value) so the component never stays invisible while assign is\r\n // in-flight. The async assign call below then swaps to the bandit-chosen variant.\r\n useEffect(() => {\r\n if (overrideVariant) return;\r\n if (!client) return;\r\n const cached = client.getAssignment(componentId, segment);\r\n if (cached && variantIds.includes(cached.variantId)) {\r\n setState({ variantId: cached.variantId, isLoading: false });\r\n reportAssignment(cached.variantId);\r\n return;\r\n }\r\n setState((prev) => prev.variantId ? prev : { variantId: variantIds[0] ?? null, isLoading: false });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [overrideVariant, client, componentId, segment]);\r\n\r\n // Ask the server for a real assignment when we have a client but no cached one.\r\n useEffect(() => {\r\n if (overrideVariant) return;\r\n if (!client) return;\r\n const cached = client.getAssignment(componentId, segment);\r\n if (cached && variantIds.includes(cached.variantId)) return;\r\n\r\n let cancelled = false;\r\n void client.assign(componentId, variantIds).then((result: AssignResult | null) => {\r\n if (cancelled) return;\r\n // If the API is unreachable or returns null, the fallback set above stays.\r\n if (!result || !variantIds.includes(result.variantId)) return;\r\n setState({ variantId: result.variantId, isLoading: false });\r\n reportAssignment(result.variantId);\r\n });\r\n return () => { cancelled = true; };\r\n // variantIds intentionally excluded — changing variants mid-mount is unsupported\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [overrideVariant, client, componentId, segment]);\r\n\r\n // Live weight updates from the dashboard SSE stream (when wired).\r\n useEffect(() => {\r\n if (overrideVariant) return;\r\n if (!client) return;\r\n return subscribe(componentId, (weights) => {\r\n const cached = client.getAssignment(componentId, segment);\r\n if (cached && variantIds.includes(cached.variantId)) {\r\n setState({ variantId: cached.variantId, isLoading: false });\r\n return;\r\n }\r\n const chosen = pickFromWeights(weights, variantIds);\r\n if (chosen) setState({ variantId: chosen, isLoading: false });\r\n });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [overrideVariant, client, componentId, segment]);\r\n\r\n if (overrideVariant) {\r\n return { variantId: overrideVariant, isLoading: false };\r\n }\r\n\r\n return state;\r\n}\r\n","/** Per-component weights store with isolated subscriptions. */\n\nexport type VariantWeight = {\n variantId: string;\n pulls: number;\n avgReward: number;\n};\n\nexport type ComponentWeights = {\n componentId: string;\n variants: VariantWeight[];\n updatedAt: number;\n};\n\ntype Listener = (weights: ComponentWeights) => void;\n\nconst store = new Map<string, ComponentWeights>();\nconst listeners = new Map<string, Set<Listener>>();\n\n/**\n * Subscribes a listener to a single component. Returns an unsubscribe function.\n * Updates to other components never trigger this listener.\n */\nexport function subscribe(componentId: string, cb: Listener): () => void {\n let set = listeners.get(componentId);\n if (!set) {\n set = new Set();\n listeners.set(componentId, set);\n }\n set.add(cb);\n return () => {\n set!.delete(cb);\n if (set!.size === 0) listeners.delete(componentId);\n };\n}\n\n/**\n * Replaces the weights for a component and notifies only that component's\n * subscribers.\n */\nexport function update(componentId: string, weights: ComponentWeights): void {\n store.set(componentId, weights);\n const set = listeners.get(componentId);\n if (!set) return;\n for (const cb of set) {\n try {\n cb(weights);\n } catch {\n /* never throw to other listeners */\n }\n }\n}\n\n/**\n * Returns the latest known weights for a component, or null if none seen.\n */\nexport function getWeights(componentId: string): ComponentWeights | null {\n return store.get(componentId) ?? null;\n}\n\n/** Test-only: wipe the entire store. */\nexport function _resetWeightsStore(): void {\n store.clear();\n listeners.clear();\n}\n","/** @deprecated Use `useSessionSegment()` from the provider, or `deriveSessionSegment` from `@sentientui/core`. */\r\nexport { deriveSessionSegment as detectSegment } from '@sentientui/core';\r\n"],"mappings":"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","names":["import_react","import_react","import_jsx_runtime","_a","import_core"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/provider.tsx","../src/adaptive.tsx","../src/use-assignment.ts","../src/weights-store.ts","../src/adaptive-text.tsx","../src/segment.ts"],"sourcesContent":["export { AdaptiveProvider, useSentient, useInitialAssignments, useLayoutOrder } from './provider.js';\nexport type { AdaptiveProviderProps, SsrFallback } from './provider.js';\n\nexport { Adaptive } from './adaptive.js';\nexport type {\n AdaptiveProps,\n GoalConfig,\n ClickGoal,\n ScrollDepthGoal,\n FormSubmitGoal,\n CompositeGoal,\n} from './adaptive.js';\n\nexport { AdaptiveText } from './adaptive-text.js';\nexport type { AdaptiveTextProps } from './adaptive-text.js';\n\nexport { useAssignment } from './use-assignment.js';\nexport type { AssignmentState } from './use-assignment.js';\n\nexport {\n subscribe as subscribeWeights,\n update as updateWeights,\n getWeights,\n} from './weights-store.js';\nexport type { ComponentWeights, VariantWeight } from './weights-store.js';\n\nexport { detectSegment } from './segment.js';\n","'use client';\n\nimport { createContext, useContext, useEffect, useState, type ReactNode } from 'react';\nimport { init, type SentientClient, type SentientConfig } from '@sentientui/core';\n\n/** How to render adaptive slots during SSR when assignments are not preloaded. */\nexport type SsrFallback = 'first' | 'none';\n\ntype AdaptiveContextValue = {\n client: SentientClient | null;\n projectId: string;\n initialAssignments: Record<string, string>;\n sessionSegment: string;\n ssrFallback: SsrFallback;\n onAssignment: ((componentId: string, variantId: string) => void) | undefined;\n initialLayoutOrder: string[] | null;\n};\n\nconst AdaptiveContext = createContext<AdaptiveContextValue>({\n client: null,\n projectId: '',\n initialAssignments: {},\n sessionSegment: 'desktop:direct',\n ssrFallback: 'first',\n onAssignment: undefined,\n initialLayoutOrder: null,\n});\n\nexport type AdaptiveProviderProps = {\n apiKey: string;\n context: SentientConfig['context'];\n debug?: boolean;\n /**\n * SSR-preloaded assignments from `preloadAssignments()` / `loadAdaptiveAssignments()`.\n * Passed through to `useAssignment` as synchronous initial state so crawlers and\n * the first paint see real content (recommended for SEO).\n */\n initialAssignments?: Record<string, string>;\n /**\n * Bandit segment from SSR (`device:source`). Keeps cache, assign, and worker\n * weights on one row — must match `loadAdaptiveAssignments` / session upsert.\n */\n sessionSegment?: string;\n /**\n * When no `initialAssignments` exist for a component, `'first'` renders\n * `variantIds[0]` in server HTML (safe default for SEO). Use `'none'` only for\n * decorative slots marked `clientOnly`.\n * @default 'first'\n */\n ssrFallback?: SsrFallback;\n /**\n * Consent gate. When `false` the SDK is not initialised and no events are\n * sent. Flip to `true` (e.g. after the user accepts the cookie banner) to\n * initialise and begin tracking.\n */\n consent?: boolean;\n /**\n * Called once per component the first time a variant is resolved for that\n * component in this session. Use to forward assignments to your own analytics\n * (Mixpanel, PostHog, Segment, etc.) without having to wrap `useAssignment`.\n */\n onAssignment?: (componentId: string, variantId: string) => void;\n /**\n * SSR-preloaded section order from `loadAdaptiveDecision()`.\n * Pass the `layoutOrder` field from `DecideResult`. When set,\n * `useLayoutOrder()` returns this on first render so there is no layout shift.\n */\n initialLayoutOrder?: string[] | null;\n children: ReactNode;\n};\n\n/**\n * Initialises the Sentient core SDK in a useEffect (SSR-safe) and exposes the\n * client via React context. Re-initialises when `consent` changes.\n */\nexport function AdaptiveProvider(props: AdaptiveProviderProps): JSX.Element {\n const [client, setClient] = useState<SentientClient | null>(null);\n\n useEffect(() => {\n // When consent is explicitly false, tear down any existing client.\n if (props.consent === false) {\n setClient((prev: SentientClient | null) => {\n prev?.destroy();\n return null;\n });\n return;\n }\n\n const c = init({\n apiKey: props.apiKey,\n context: props.context,\n debug: props.debug,\n initialAssignments: props.initialAssignments,\n sessionSegment: props.sessionSegment,\n consent: props.consent,\n });\n setClient(c);\n return () => {\n c.destroy();\n };\n // Re-init when consent changes. Other props are intentionally stable.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.consent]);\n\n const ssrFallback = props.ssrFallback ?? 'first';\n\n return (\n <AdaptiveContext.Provider\n value={{\n client,\n projectId: props.apiKey,\n initialAssignments: props.initialAssignments ?? {},\n sessionSegment: props.sessionSegment ?? 'desktop:direct',\n ssrFallback,\n onAssignment: props.onAssignment,\n initialLayoutOrder: props.initialLayoutOrder ?? null,\n }}\n >\n {props.children}\n </AdaptiveContext.Provider>\n );\n}\n\n/**\n * Returns the SentientClient, or null until the provider has finished\n * initialising on the client.\n */\nexport function useSentient(): SentientClient | null {\n return useContext(AdaptiveContext).client;\n}\n\n/** Internal: project identifier carried alongside the client. */\nexport function useAdaptiveProjectId(): string {\n return useContext(AdaptiveContext).projectId;\n}\n\n/** Internal: SSR-preloaded assignments for hydration-safe first render. */\nexport function useInitialAssignments(): Record<string, string> {\n return useContext(AdaptiveContext).initialAssignments;\n}\n\n/** Internal: bandit segment aligned with SSR session upsert. */\nexport function useSessionSegment(): string {\n return useContext(AdaptiveContext).sessionSegment;\n}\n\n/** Internal: SSR fallback strategy when a slot has no preloaded assignment. */\nexport function useSsrFallback(): SsrFallback {\n return useContext(AdaptiveContext).ssrFallback;\n}\n\n/** Internal: forwarding hook for consumer analytics integration. */\nexport function useOnAssignment(): ((componentId: string, variantId: string) => void) | undefined {\n return useContext(AdaptiveContext).onAssignment;\n}\n\n/**\n * Returns the persona-specific section order from SSR, or null when no\n * sections were declared on AdaptiveRoot or reliability is below threshold.\n */\nexport function useLayoutOrder(): string[] | null {\n return useContext(AdaptiveContext).initialLayoutOrder;\n}\n","'use client';\n\nimport { memo, useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { useAdaptiveProjectId, useSentient } from './provider.js';\nimport { useAssignment } from './use-assignment.js';\n\nexport type ScrollDepthGoal = { type: 'scroll_depth'; threshold: number };\nexport type ClickGoal = { type: 'click'; selector?: string };\nexport type FormSubmitGoal = { type: 'form_submit' };\nexport type CompositeGoal = { type: 'composite'; all: GoalConfig[] };\nexport type GoalConfig = ScrollDepthGoal | ClickGoal | FormSubmitGoal | CompositeGoal;\n\nexport type AdaptiveProps = {\n id: string;\n variants: Record<string, ReactNode>;\n goal: string | GoalConfig;\n /**\n * When true, renders nothing during SSR and before client hydration.\n * Use when you cannot pass `initialAssignments` and prefer a blank slot over\n * a hydration mismatch. Tradeoff: minor CLS on first paint.\n */\n clientOnly?: boolean;\n};\n\nfunction normalize(goal: string | GoalConfig): GoalConfig {\n if (typeof goal === 'string') return { type: 'click' };\n return goal;\n}\n\nfunction isClickableTarget(el: EventTarget | null): boolean {\n if (!(el instanceof Element)) return false;\n const tag = el.tagName.toLowerCase();\n if (tag === 'a' || tag === 'button') return true;\n const role = el.getAttribute('role');\n return role === 'button';\n}\n\nfunction findClickable(start: Element, container: Element): boolean {\n let cursor: Element | null = start;\n while (cursor && cursor !== container) {\n if (isClickableTarget(cursor)) return true;\n cursor = cursor.parentElement;\n }\n return false;\n}\n\nfunction AdaptiveImpl(props: AdaptiveProps): JSX.Element | null {\n const client = useSentient();\n const projectId = useAdaptiveProjectId();\n const variantIds = useMemo(() => Object.keys(props.variants), [props.variants]);\n const { variantId } = useAssignment(props.id, variantIds);\n const containerRef = useRef<HTMLDivElement>(null);\n const [mounted, setMounted] = useState(false);\n\n useEffect(() => { setMounted(true); }, []);\n const goalFiredRef = useRef(false);\n const assignTrackedRef = useRef<string | null>(null);\n const goal = useMemo(() => normalize(props.goal), [props.goal]);\n const goalLabel = typeof props.goal === 'string' ? props.goal : goal.type;\n\n // Track variant_assigned exactly once per (component, variant) mount.\n // Captures innerHTML as previewHtml so the dashboard can render a live preview\n // without requiring manual registry calls. First-seen wins on the server.\n // `mounted` is in deps so the effect re-runs after clientOnly components hydrate\n // and their container div is actually in the DOM.\n useEffect(() => {\n if (!client || !variantId || !projectId) return;\n if (assignTrackedRef.current === variantId) return;\n const rawHtml = containerRef.current?.innerHTML ?? '';\n // For clientOnly, the container is null until mounted — defer until it exists.\n if (!rawHtml && !mounted) return;\n assignTrackedRef.current = variantId;\n client.track({\n projectId,\n componentId: props.id,\n variantId,\n eventType: 'variant_assigned',\n payload: rawHtml ? { previewHtml: rawHtml.slice(0, 30_000) } : {},\n });\n }, [client, variantId, projectId, props.id, mounted]);\n\n // Reset goal latch when variant changes.\n useEffect(() => {\n goalFiredRef.current = false;\n }, [variantId]);\n\n // Emit cursor_signal after 800 ms of continuous hover.\n useEffect(() => {\n if (!client || !variantId) return;\n const node = containerRef.current;\n if (!node) return;\n\n let timerId: ReturnType<typeof setTimeout> | null = null;\n let hoverStart = 0;\n\n const onEnter = (): void => {\n hoverStart = Date.now();\n timerId = setTimeout(() => {\n client.track({\n projectId,\n componentId: props.id,\n variantId: variantId!,\n eventType: 'cursor_signal',\n payload: { hoverDuration: Date.now() - hoverStart },\n });\n timerId = null;\n }, 800);\n };\n\n const onLeave = (): void => {\n if (timerId !== null) {\n clearTimeout(timerId);\n timerId = null;\n }\n };\n\n node.addEventListener('mouseenter', onEnter);\n node.addEventListener('mouseleave', onLeave);\n return () => {\n node.removeEventListener('mouseenter', onEnter);\n node.removeEventListener('mouseleave', onLeave);\n if (timerId !== null) clearTimeout(timerId);\n };\n }, [client, variantId, projectId, props.id]);\n\n // Attach goal tracking.\n useEffect(() => {\n if (!client || !variantId) return;\n const node = containerRef.current;\n if (!node) return;\n\n const fireGoal = (): void => {\n if (goalFiredRef.current) return;\n goalFiredRef.current = true;\n client.track({\n projectId,\n componentId: props.id,\n variantId,\n eventType: 'goal_achieved',\n goalType: goalLabel,\n payload: { reward: 1.0 },\n });\n };\n\n const subgoals: GoalConfig[] = goal.type === 'composite' ? goal.all : [goal];\n const remaining = new Set<number>(subgoals.map((_, i) => i));\n const checkComposite = (idx: number): void => {\n remaining.delete(idx);\n if (remaining.size === 0) fireGoal();\n };\n\n const cleanups: Array<() => void> = [];\n\n subgoals.forEach((sub, idx) => {\n if (sub.type === 'click') {\n const onClick = (e: MouseEvent): void => {\n const target = e.target;\n if (!(target instanceof Element)) return;\n if (!findClickable(target, node)) return;\n if (goal.type === 'composite') checkComposite(idx);\n else fireGoal();\n };\n node.addEventListener('click', onClick);\n cleanups.push(() => node.removeEventListener('click', onClick));\n return;\n }\n\n if (sub.type === 'form_submit') {\n const onSubmit = (e: Event): void => {\n if (!(e.target instanceof HTMLFormElement)) return;\n if (!node.contains(e.target)) return;\n if (goal.type === 'composite') checkComposite(idx);\n else fireGoal();\n };\n node.addEventListener('submit', onSubmit);\n cleanups.push(() => node.removeEventListener('submit', onSubmit));\n return;\n }\n\n if (sub.type === 'scroll_depth') {\n const threshold = Math.max(0, Math.min(1, sub.threshold));\n const io = new IntersectionObserver(\n (entries) => {\n for (const entry of entries) {\n if (entry.intersectionRatio >= threshold) {\n if (goal.type === 'composite') checkComposite(idx);\n else fireGoal();\n io.disconnect();\n break;\n }\n }\n },\n { threshold: [threshold] },\n );\n io.observe(node);\n cleanups.push(() => io.disconnect());\n return;\n }\n });\n\n return () => {\n for (const c of cleanups) c();\n };\n }, [client, variantId, projectId, props.id, goal, goalLabel]);\n\n // Decorative slots: empty in SSR HTML and until the client has mounted.\n if (props.clientOnly && (!mounted || !client)) return null;\n if (!variantId) return null;\n const content = props.variants[variantId] ?? null;\n\n return (\n <div ref={containerRef} data-sentient-id={props.id} data-sentient-variant={variantId}>\n {content}\n </div>\n );\n}\n\n/** Re-renders only when the chosen variant changes. */\nexport const Adaptive = memo(AdaptiveImpl, (prev, next) => {\n if (prev.id !== next.id) return false;\n if (prev.goal !== next.goal) return false;\n if (prev.variants === next.variants) return true;\n const prevKeys = Object.keys(prev.variants);\n const nextKeys = Object.keys(next.variants);\n if (prevKeys.length !== nextKeys.length) return false;\n return prevKeys.every((k) => k in next.variants);\n});\n","import { useEffect, useRef, useState } from 'react';\nimport { type AssignResult } from '@sentientui/core';\nimport { useSentient, useInitialAssignments, useSessionSegment, useSsrFallback, useOnAssignment } from './provider.js';\nimport { subscribe, getWeights, type ComponentWeights } from './weights-store.js';\n\ndeclare global {\n interface Window { __sentient_overrides?: Record<string, string>; }\n}\n\nfunction getDevOverride(componentId: string): string | null {\n if (typeof window === 'undefined') return null;\n const global = window.__sentient_overrides?.[componentId];\n if (global) return global;\n try {\n const params = new URLSearchParams(window.location.search);\n for (const raw of params.getAll('sentient_variant')) {\n // sentient_variant=componentId:variantId (repeatable for multiple components)\n const sep = raw.indexOf(':');\n if (sep === -1) continue;\n if (raw.slice(0, sep) === componentId) return raw.slice(sep + 1);\n }\n } catch { /* non-browser env */ }\n return null;\n}\n\nexport type AssignmentState = {\n variantId: string | null;\n isLoading: boolean;\n};\n\nfunction pickFromWeights(weights: ComponentWeights, variantIds: string[]): string | null {\n let best: { variantId: string; avgReward: number } | null = null;\n for (const v of weights.variants) {\n if (!variantIds.includes(v.variantId)) continue;\n if (!best || v.avgReward > best.avgReward) {\n best = { variantId: v.variantId, avgReward: v.avgReward };\n }\n }\n return best?.variantId ?? null;\n}\n\n/**\n * Returns a sticky variant assignment for a component.\n *\n * First render reads the local SDK cache; if empty, falls back to a\n * deterministic default and asynchronously calls `/v1/assign`. The server\n * picks the actual variant via ε-greedy and the result replaces the fallback\n * on the next render. Subsequent paints read synchronously from cache —\n * no flicker, no loading state after first paint.\n */\nexport function useAssignment(componentId: string, variantIds: string[]): AssignmentState {\n const initialAssignments = useInitialAssignments();\n const ssrFallback = useSsrFallback();\n const client = useSentient();\n const segment = useSessionSegment();\n const onAssignment = useOnAssignment();\n const assignmentReportedRef = useRef<string | null>(null);\n\n // Dev override: URL param ?sentient_variant=componentId:variantId\n // or window.__sentient_overrides[componentId]. Short-circuits the bandit entirely.\n const devOverride = getDevOverride(componentId);\n const overrideVariant = devOverride && variantIds.includes(devOverride) ? devOverride : null;\n if (overrideVariant) {\n console.info(`[sentient] override active: ${componentId} -> ${overrideVariant}`);\n }\n\n const initial = (() => {\n if (overrideVariant) {\n return { variantId: overrideVariant, isLoading: false };\n }\n // SSR / pre-hydration: no client yet. Use initialAssignments if provided so\n // the server and client first render agree on the same variant (no mismatch).\n if (!client) {\n const preloaded = initialAssignments[componentId];\n if (preloaded && variantIds.includes(preloaded)) {\n return { variantId: preloaded, isLoading: false };\n }\n if (ssrFallback === 'first' && variantIds.length > 0) {\n return { variantId: variantIds[0], isLoading: false };\n }\n return { variantId: null, isLoading: true };\n }\n const cached = client.getAssignment(componentId, segment);\n if (cached && variantIds.includes(cached.variantId)) {\n return { variantId: cached.variantId, isLoading: false };\n }\n const weights = getWeights(componentId);\n if (weights) {\n const chosen = pickFromWeights(weights, variantIds);\n if (chosen) return { variantId: chosen, isLoading: false };\n }\n return { variantId: variantIds[0] ?? null, isLoading: false };\n })();\n\n const [state, setState] = useState<AssignmentState>(initial);\n\n // Helper: call onAssignment at most once per resolved variant.\n const reportAssignment = (variantId: string): void => {\n if (!onAssignment) return;\n if (assignmentReportedRef.current === variantId) return;\n assignmentReportedRef.current = variantId;\n onAssignment(componentId, variantId);\n };\n\n // As soon as the client is ready, unblock the UI immediately with variantIds[0]\n // (or a cached value) so the component never stays invisible while assign is\n // in-flight. The async assign call below then swaps to the bandit-chosen variant.\n useEffect(() => {\n if (overrideVariant) return;\n if (!client) return;\n const cached = client.getAssignment(componentId, segment);\n if (cached && variantIds.includes(cached.variantId)) {\n setState({ variantId: cached.variantId, isLoading: false });\n reportAssignment(cached.variantId);\n return;\n }\n setState((prev) => prev.variantId ? prev : { variantId: variantIds[0] ?? null, isLoading: false });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [overrideVariant, client, componentId, segment]);\n\n // Ask the server for a real assignment when we have a client but no cached one.\n useEffect(() => {\n if (overrideVariant) return;\n if (!client) return;\n const cached = client.getAssignment(componentId, segment);\n if (cached && variantIds.includes(cached.variantId)) return;\n\n let cancelled = false;\n void client.assign(componentId, variantIds).then((result: AssignResult | null) => {\n if (cancelled) return;\n // If the API is unreachable or returns null, the fallback set above stays.\n if (!result || !variantIds.includes(result.variantId)) return;\n setState({ variantId: result.variantId, isLoading: false });\n reportAssignment(result.variantId);\n });\n return () => { cancelled = true; };\n // variantIds intentionally excluded — changing variants mid-mount is unsupported\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [overrideVariant, client, componentId, segment]);\n\n // Live weight updates from the dashboard SSE stream (when wired).\n useEffect(() => {\n if (overrideVariant) return;\n if (!client) return;\n return subscribe(componentId, (weights) => {\n const cached = client.getAssignment(componentId, segment);\n if (cached && variantIds.includes(cached.variantId)) {\n setState({ variantId: cached.variantId, isLoading: false });\n return;\n }\n const chosen = pickFromWeights(weights, variantIds);\n if (chosen) setState({ variantId: chosen, isLoading: false });\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [overrideVariant, client, componentId, segment]);\n\n if (overrideVariant) {\n return { variantId: overrideVariant, isLoading: false };\n }\n\n return state;\n}\n","/** Per-component weights store with isolated subscriptions. */\n\nexport type VariantWeight = {\n variantId: string;\n pulls: number;\n avgReward: number;\n};\n\nexport type ComponentWeights = {\n componentId: string;\n variants: VariantWeight[];\n updatedAt: number;\n};\n\ntype Listener = (weights: ComponentWeights) => void;\n\nconst store = new Map<string, ComponentWeights>();\nconst listeners = new Map<string, Set<Listener>>();\n\n/**\n * Subscribes a listener to a single component. Returns an unsubscribe function.\n * Updates to other components never trigger this listener.\n */\nexport function subscribe(componentId: string, cb: Listener): () => void {\n let set = listeners.get(componentId);\n if (!set) {\n set = new Set();\n listeners.set(componentId, set);\n }\n set.add(cb);\n return () => {\n set!.delete(cb);\n if (set!.size === 0) listeners.delete(componentId);\n };\n}\n\n/**\n * Replaces the weights for a component and notifies only that component's\n * subscribers.\n */\nexport function update(componentId: string, weights: ComponentWeights): void {\n store.set(componentId, weights);\n const set = listeners.get(componentId);\n if (!set) return;\n for (const cb of set) {\n try {\n cb(weights);\n } catch {\n /* never throw to other listeners */\n }\n }\n}\n\n/**\n * Returns the latest known weights for a component, or null if none seen.\n */\nexport function getWeights(componentId: string): ComponentWeights | null {\n return store.get(componentId) ?? null;\n}\n\n/** Test-only: wipe the entire store. */\nexport function _resetWeightsStore(): void {\n store.clear();\n listeners.clear();\n}\n","'use client';\n\nimport { useEffect, useRef, useState } from 'react';\nimport type { AssignResult } from '@sentientui/core';\nimport { useSentient, useAdaptiveProjectId, useOnAssignment } from './provider.js';\n\nexport type AdaptiveTextProps = {\n id: string;\n default: string;\n component?: keyof JSX.IntrinsicElements;\n className?: string;\n};\n\nexport function AdaptiveText({\n id,\n default: defaultText,\n component: Tag = 'span',\n className,\n}: AdaptiveTextProps) {\n const client = useSentient();\n const projectId = useAdaptiveProjectId();\n const onAssignment = useOnAssignment();\n const [text, setText] = useState<string | null>(null);\n const [variantId, setVariantId] = useState<string | null>(null);\n const trackedRef = useRef<string | null>(null);\n\n useEffect(() => {\n if (!client) return;\n let cancelled = false;\n void client.assign(id).then((result: AssignResult | null) => {\n if (cancelled || !result) return;\n setVariantId(result.variantId);\n if (result.content) setText(result.content);\n });\n return () => {\n cancelled = true;\n };\n }, [client, id]);\n\n useEffect(() => {\n if (!client || !variantId || !projectId) return;\n if (trackedRef.current === variantId) return;\n trackedRef.current = variantId;\n client.track({\n projectId,\n componentId: id,\n variantId,\n eventType: 'variant_assigned',\n payload: {},\n });\n onAssignment?.(id, variantId);\n }, [client, variantId, projectId, id, onAssignment]);\n\n return <Tag className={className}>{text ?? defaultText}</Tag>;\n}\n","/** @deprecated Use `useSessionSegment()` from the provider, or `deriveSessionSegment` from `@sentientui/core`. */\nexport { deriveSessionSegment as detectSegment } from '@sentientui/core';\n"],"mappings":"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","names":["import_react","import_react","import_jsx_runtime","_a","import_react","import_jsx_runtime","import_core"]}
package/dist/index.mjs CHANGED
@@ -10,10 +10,11 @@ var AdaptiveContext = createContext({
10
10
  initialAssignments: {},
11
11
  sessionSegment: "desktop:direct",
12
12
  ssrFallback: "first",
13
- onAssignment: void 0
13
+ onAssignment: void 0,
14
+ initialLayoutOrder: null
14
15
  });
15
16
  function AdaptiveProvider(props) {
16
- var _a, _b, _c;
17
+ var _a, _b, _c, _d;
17
18
  const [client, setClient] = useState(null);
18
19
  useEffect(() => {
19
20
  if (props.consent === false) {
@@ -26,7 +27,6 @@ function AdaptiveProvider(props) {
26
27
  const c = init({
27
28
  apiKey: props.apiKey,
28
29
  context: props.context,
29
- ingestUrl: props.ingestUrl,
30
30
  debug: props.debug,
31
31
  initialAssignments: props.initialAssignments,
32
32
  sessionSegment: props.sessionSegment,
@@ -47,7 +47,8 @@ function AdaptiveProvider(props) {
47
47
  initialAssignments: (_b = props.initialAssignments) != null ? _b : {},
48
48
  sessionSegment: (_c = props.sessionSegment) != null ? _c : "desktop:direct",
49
49
  ssrFallback,
50
- onAssignment: props.onAssignment
50
+ onAssignment: props.onAssignment,
51
+ initialLayoutOrder: (_d = props.initialLayoutOrder) != null ? _d : null
51
52
  },
52
53
  children: props.children
53
54
  }
@@ -71,6 +72,9 @@ function useSsrFallback() {
71
72
  function useOnAssignment() {
72
73
  return useContext(AdaptiveContext).onAssignment;
73
74
  }
75
+ function useLayoutOrder() {
76
+ return useContext(AdaptiveContext).initialLayoutOrder;
77
+ }
74
78
 
75
79
  // src/adaptive.tsx
76
80
  import { memo, useEffect as useEffect3, useMemo, useRef as useRef2, useState as useState3 } from "react";
@@ -404,17 +408,62 @@ var Adaptive = memo(AdaptiveImpl, (prev, next) => {
404
408
  return prevKeys.every((k) => k in next.variants);
405
409
  });
406
410
 
411
+ // src/adaptive-text.tsx
412
+ import { useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
413
+ import { jsx as jsx3 } from "react/jsx-runtime";
414
+ function AdaptiveText({
415
+ id,
416
+ default: defaultText,
417
+ component: Tag = "span",
418
+ className
419
+ }) {
420
+ const client = useSentient();
421
+ const projectId = useAdaptiveProjectId();
422
+ const onAssignment = useOnAssignment();
423
+ const [text, setText] = useState4(null);
424
+ const [variantId, setVariantId] = useState4(null);
425
+ const trackedRef = useRef3(null);
426
+ useEffect4(() => {
427
+ if (!client) return;
428
+ let cancelled = false;
429
+ void client.assign(id).then((result) => {
430
+ if (cancelled || !result) return;
431
+ setVariantId(result.variantId);
432
+ if (result.content) setText(result.content);
433
+ });
434
+ return () => {
435
+ cancelled = true;
436
+ };
437
+ }, [client, id]);
438
+ useEffect4(() => {
439
+ if (!client || !variantId || !projectId) return;
440
+ if (trackedRef.current === variantId) return;
441
+ trackedRef.current = variantId;
442
+ client.track({
443
+ projectId,
444
+ componentId: id,
445
+ variantId,
446
+ eventType: "variant_assigned",
447
+ payload: {}
448
+ });
449
+ onAssignment == null ? void 0 : onAssignment(id, variantId);
450
+ }, [client, variantId, projectId, id, onAssignment]);
451
+ return /* @__PURE__ */ jsx3(Tag, { className, children: text != null ? text : defaultText });
452
+ }
453
+
407
454
  // src/segment.ts
408
455
  import { deriveSessionSegment } from "@sentientui/core";
409
456
  export {
410
457
  Adaptive,
411
458
  AdaptiveProvider,
459
+ AdaptiveText,
412
460
  deriveSessionSegment as detectSegment,
413
461
  getWeights,
414
462
  subscribe as subscribeWeights,
415
463
  update as updateWeights,
416
464
  useAssignment,
417
465
  useInitialAssignments,
466
+ useLayoutOrder,
418
467
  useSentient
419
468
  };
420
469
  //# sourceMappingURL=index.mjs.map