@sentientui/react 0.5.0 → 0.7.0

package/README.md

@@ -26,7 +26,7 @@ SENTIENT_API_KEY=pk_your_key
 NEXT_PUBLIC_SENTIENT_API_KEY=pk_your_key
 ```
 
-The SDK points at `https://sentient-api.fly.dev` (the hosted API) automatically — no ingest URL configuration required.
+The SDK points at `https://api.sentient-ui.com` (the hosted API) automatically — no ingest URL configuration required.
 
 ## Quick start — Next.js App Router (recommended)
 
@@ -134,6 +134,8 @@ Accepts the same `apiKey`, `context`, `consent`, `ssrFallback`, `onAssignment`,
 | `id` | `string` | Unique component identifier within your project. |
 | `variants` | `Record<string, ReactNode>` | Map of variant ID → content. Any two or more keys; the bandit explores them all. |
 | `goal` | `string \| GoalConfig` | Conversion goal. A string is a click-goal label; an object is an explicit `GoalConfig`. |
+| `agentDataByVariant` | `Record<string, unknown>` *(optional)* | Structured data keyed by variant ID that AI agents can consume via `GET /v1/agent/layout`. Only the assigned variant's entry is sent to the server. Preferred over `agentData`. |
+| `agentData` | `unknown` *(optional, deprecated)* | Deprecated in favour of `agentDataByVariant`. Single value stored once regardless of which variant is shown; kept for backward compatibility. |
 | `clientOnly` | `boolean` | Render nothing on the server; resolve on the client only. Use for cookie-dependent slots. |
 
 #### Goal types
@@ -159,9 +161,21 @@ goal={{
     { type: 'click' },
   ],
 }}
+
+// Weighted composite — each step fires immediately as it completes, with a fractional reward.
+// Use for multi-step funnels where partial completion still signals quality.
+// Steps are independent: step 2 can fire before step 1.
+goal={{
+  type: 'weighted_composite',
+  steps: [
+    { goal: { type: 'scroll_depth', threshold: 0.5 }, name: 'viewed_pricing', weight: 0.2 },
+    { goal: { type: 'click' },                         name: 'clicked_cta',   weight: 0.4 },
+    { goal: { type: 'form_submit' },                   name: 'signed_up',     weight: 1.0 },
+  ],
+}}
 ```
 
-Each goal fires at most once per variant mount.
+Each goal fires at most once per variant mount. `WeightedCompositeGoal` fires each step's reward independently; `CompositeGoal` waits for all sub-goals and fires reward `1.0` once.
 
 ### `<AdaptiveText>`
 
@@ -221,7 +235,7 @@ export async function getServerSideProps({ req }) {
     {
       cookies: req.cookies,
       apiKey:  process.env.SENTIENT_API_KEY!,
-      baseUrl: 'https://sentient-api.fly.dev/v1',
+      baseUrl: 'https://api.sentient-ui.com/v1',
       origin:  process.env.NEXT_PUBLIC_APP_URL,
     },
   );

package/dist/index.d.cts

@@ -88,7 +88,16 @@ type CompositeGoal = {
     type: 'composite';
     all: GoalConfig[];
 };
-type GoalConfig = ScrollDepthGoal | ClickGoal | FormSubmitGoal | CompositeGoal;
+type WeightedStep = {
+    goal: GoalConfig;
+    name: string;
+    weight: number;
+};
+type WeightedCompositeGoal = {
+    type: 'weighted_composite';
+    steps: WeightedStep[];
+};
+type GoalConfig = ScrollDepthGoal | ClickGoal | FormSubmitGoal | CompositeGoal | WeightedCompositeGoal;
 type AdaptiveProps = {
     id: string;
     variants: Record<string, ReactNode>;
@@ -171,4 +180,4 @@ declare function update(componentId: string, weights: ComponentWeights): void;
  */
 declare function getWeights(componentId: string): ComponentWeights | null;
 
-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 };
+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, type WeightedCompositeGoal, type WeightedStep, getWeights, subscribe as subscribeWeights, update as updateWeights, useAssignment, useInitialAssignments, useLayoutOrder, useSentient };

package/dist/index.d.ts

@@ -88,7 +88,16 @@ type CompositeGoal = {
     type: 'composite';
     all: GoalConfig[];
 };
-type GoalConfig = ScrollDepthGoal | ClickGoal | FormSubmitGoal | CompositeGoal;
+type WeightedStep = {
+    goal: GoalConfig;
+    name: string;
+    weight: number;
+};
+type WeightedCompositeGoal = {
+    type: 'weighted_composite';
+    steps: WeightedStep[];
+};
+type GoalConfig = ScrollDepthGoal | ClickGoal | FormSubmitGoal | CompositeGoal | WeightedCompositeGoal;
 type AdaptiveProps = {
     id: string;
     variants: Record<string, ReactNode>;
@@ -171,4 +180,4 @@ declare function update(componentId: string, weights: ComponentWeights): void;
  */
 declare function getWeights(componentId: string): ComponentWeights | null;
 
-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 };
+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, type WeightedCompositeGoal, type WeightedStep, getWeights, subscribe as subscribeWeights, update as updateWeights, useAssignment, useInitialAssignments, useLayoutOrder, useSentient };

package/dist/index.js

@@ -1,516 +1,3 @@
 'use client';
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Adaptive: () => Adaptive,
-  AdaptiveProvider: () => AdaptiveProvider,
-  AdaptiveText: () => AdaptiveText,
-  detectSegment: () => import_core2.deriveSessionSegment,
-  getWeights: () => getWeights,
-  subscribeWeights: () => subscribe,
-  updateWeights: () => update,
-  useAssignment: () => useAssignment,
-  useInitialAssignments: () => useInitialAssignments,
-  useLayoutOrder: () => useLayoutOrder,
-  useSentient: () => useSentient
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/provider.tsx
-var import_react = require("react");
-var import_core = require("@sentientui/core");
-var import_jsx_runtime = require("react/jsx-runtime");
-var AdaptiveContext = (0, import_react.createContext)({
-  client: null,
-  apiKey: "",
-  initialAssignments: {},
-  sessionSegment: "desktop:direct",
-  ssrFallback: "first",
-  onAssignment: void 0,
-  initialLayoutOrder: null
-});
-function AdaptiveProvider(props) {
-  var _a, _b, _c, _d;
-  const [client, setClient] = (0, import_react.useState)(null);
-  (0, import_react.useEffect)(() => {
-    if (props.consent === false && !props.preConsentBehavior) {
-      setClient((prev) => {
-        prev == null ? void 0 : prev.destroy();
-        return null;
-      });
-      return;
-    }
-    const c = (0, import_core.init)({
-      apiKey: props.apiKey,
-      context: props.context,
-      debug: props.debug,
-      initialAssignments: props.initialAssignments,
-      sessionSegment: props.sessionSegment,
-      consent: props.consent,
-      preConsentBehavior: props.preConsentBehavior
-    });
-    setClient(c);
-    return () => {
-      c.destroy();
-    };
-  }, [props.consent]);
-  const ssrFallback = (_a = props.ssrFallback) != null ? _a : "first";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AdaptiveContext.Provider,
-    {
-      value: {
-        client,
-        apiKey: props.apiKey,
-        initialAssignments: (_b = props.initialAssignments) != null ? _b : {},
-        sessionSegment: (_c = props.sessionSegment) != null ? _c : "desktop:direct",
-        ssrFallback,
-        onAssignment: props.onAssignment,
-        initialLayoutOrder: (_d = props.initialLayoutOrder) != null ? _d : null
-      },
-      children: props.children
-    }
-  );
-}
-function useSentient() {
-  return (0, import_react.useContext)(AdaptiveContext).client;
-}
-function useAdaptiveApiKey() {
-  return (0, import_react.useContext)(AdaptiveContext).apiKey;
-}
-function useInitialAssignments() {
-  return (0, import_react.useContext)(AdaptiveContext).initialAssignments;
-}
-function useSessionSegment() {
-  return (0, import_react.useContext)(AdaptiveContext).sessionSegment;
-}
-function useSsrFallback() {
-  return (0, import_react.useContext)(AdaptiveContext).ssrFallback;
-}
-function useOnAssignment() {
-  return (0, import_react.useContext)(AdaptiveContext).onAssignment;
-}
-function useLayoutOrder() {
-  return (0, import_react.useContext)(AdaptiveContext).initialLayoutOrder;
-}
-
-// src/adaptive.tsx
-var import_react3 = require("react");
-
-// src/use-assignment.ts
-var import_react2 = require("react");
-
-// src/weights-store.ts
-var store = /* @__PURE__ */ new Map();
-var listeners = /* @__PURE__ */ new Map();
-function subscribe(componentId, cb) {
-  let set = listeners.get(componentId);
-  if (!set) {
-    set = /* @__PURE__ */ new Set();
-    listeners.set(componentId, set);
-  }
-  set.add(cb);
-  return () => {
-    set.delete(cb);
-    if (set.size === 0) listeners.delete(componentId);
-  };
-}
-function update(componentId, weights) {
-  store.set(componentId, weights);
-  const set = listeners.get(componentId);
-  if (!set) return;
-  for (const cb of set) {
-    try {
-      cb(weights);
-    } catch (e) {
-    }
-  }
-}
-function getWeights(componentId) {
-  var _a;
-  return (_a = store.get(componentId)) != null ? _a : null;
-}
-
-// src/use-assignment.ts
-function getDevOverride(componentId) {
-  var _a;
-  if (typeof window === "undefined") return null;
-  const global = (_a = window.__sentient_overrides) == null ? void 0 : _a[componentId];
-  if (global) return global;
-  try {
-    const params = new URLSearchParams(window.location.search);
-    for (const raw of params.getAll("sentient_variant")) {
-      const sep = raw.indexOf(":");
-      if (sep === -1) continue;
-      if (raw.slice(0, sep) === componentId) return raw.slice(sep + 1);
-    }
-  } catch (e) {
-  }
-  return null;
-}
-function pickFromWeights(weights, variantIds) {
-  var _a;
-  let best = null;
-  for (const v of weights.variants) {
-    if (!variantIds.includes(v.variantId)) continue;
-    if (!best || v.avgReward > best.avgReward) {
-      best = { variantId: v.variantId, avgReward: v.avgReward };
-    }
-  }
-  return (_a = best == null ? void 0 : best.variantId) != null ? _a : null;
-}
-function useAssignment(componentId, variantIds, agentData, agentDataByVariant) {
-  const initialAssignments = useInitialAssignments();
-  const ssrFallback = useSsrFallback();
-  const client = useSentient();
-  const segment = useSessionSegment();
-  const onAssignment = useOnAssignment();
-  const assignmentReportedRef = (0, import_react2.useRef)(null);
-  const devOverride = getDevOverride(componentId);
-  const overrideVariant = devOverride && variantIds.includes(devOverride) ? devOverride : null;
-  if (overrideVariant) {
-    console.info(`[sentient] override active: ${componentId} -> ${overrideVariant}`);
-  }
-  const initial = (() => {
-    var _a, _b;
-    if (overrideVariant) {
-      return { variantId: overrideVariant, content: null, isLoading: false };
-    }
-    if (!client) {
-      const preloaded = initialAssignments[componentId];
-      if (preloaded && variantIds.includes(preloaded)) {
-        return { variantId: preloaded, content: null, isLoading: false };
-      }
-      if (ssrFallback === "first" && variantIds.length > 0) {
-        return { variantId: variantIds[0], content: null, isLoading: false };
-      }
-      return { variantId: null, content: null, isLoading: true };
-    }
-    const cached = client.getAssignment(componentId, segment);
-    if (cached && (variantIds.includes(cached.variantId) || cached.content)) {
-      return { variantId: cached.variantId, content: (_a = cached.content) != null ? _a : null, isLoading: false };
-    }
-    const weights = getWeights(componentId);
-    if (weights) {
-      const chosen = pickFromWeights(weights, variantIds);
-      if (chosen) return { variantId: chosen, content: null, isLoading: false };
-    }
-    return { variantId: (_b = variantIds[0]) != null ? _b : null, content: null, isLoading: false };
-  })();
-  const [state, setState] = (0, import_react2.useState)(initial);
-  const reportAssignment = (variantId) => {
-    if (!onAssignment) return;
-    if (assignmentReportedRef.current === variantId) return;
-    assignmentReportedRef.current = variantId;
-    onAssignment(componentId, variantId);
-  };
-  (0, import_react2.useEffect)(() => {
-    var _a;
-    if (overrideVariant) return;
-    if (!client) return;
-    const cached = client.getAssignment(componentId, segment);
-    if (cached && (variantIds.includes(cached.variantId) || cached.content)) {
-      setState({ variantId: cached.variantId, content: (_a = cached.content) != null ? _a : null, isLoading: false });
-      reportAssignment(cached.variantId);
-      return;
-    }
-    setState((prev) => {
-      var _a2;
-      return prev.variantId ? prev : { variantId: (_a2 = variantIds[0]) != null ? _a2 : null, content: null, isLoading: false };
-    });
-  }, [overrideVariant, client, componentId, segment]);
-  (0, import_react2.useEffect)(() => {
-    if (overrideVariant) return;
-    if (!client) return;
-    const cached = client.getAssignment(componentId, segment);
-    if (cached && variantIds.includes(cached.variantId)) return;
-    let cancelled = false;
-    void client.assign(componentId, variantIds, agentData, agentDataByVariant).then((result) => {
-      var _a;
-      if (cancelled) return;
-      if (!result) return;
-      if (!variantIds.includes(result.variantId) && !result.content) return;
-      setState({ variantId: result.variantId, content: (_a = result.content) != null ? _a : null, isLoading: false });
-      reportAssignment(result.variantId);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [overrideVariant, client, componentId, segment]);
-  (0, import_react2.useEffect)(() => {
-    if (overrideVariant) return;
-    if (!client) return;
-    return subscribe(componentId, (weights) => {
-      var _a;
-      const cached = client.getAssignment(componentId, segment);
-      if (cached && (variantIds.includes(cached.variantId) || cached.content)) {
-        setState({ variantId: cached.variantId, content: (_a = cached.content) != null ? _a : null, isLoading: false });
-        return;
-      }
-      const chosen = pickFromWeights(weights, variantIds);
-      if (chosen) setState({ variantId: chosen, content: null, isLoading: false });
-    });
-  }, [overrideVariant, client, componentId, segment]);
-  if (overrideVariant) {
-    return { variantId: overrideVariant, content: null, isLoading: false };
-  }
-  return state;
-}
-
-// src/adaptive.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function normalize(goal) {
-  if (typeof goal === "string") return { type: "click" };
-  return goal;
-}
-function isClickableTarget(el) {
-  if (!(el instanceof Element)) return false;
-  const tag = el.tagName.toLowerCase();
-  if (tag === "a" || tag === "button") return true;
-  const role = el.getAttribute("role");
-  return role === "button";
-}
-function findClickable(start, container) {
-  let cursor = start;
-  while (cursor && cursor !== container) {
-    if (isClickableTarget(cursor)) return true;
-    cursor = cursor.parentElement;
-  }
-  return false;
-}
-function AdaptiveImpl(props) {
-  var _a, _b;
-  const client = useSentient();
-  const apiKey = useAdaptiveApiKey();
-  const variantIds = (0, import_react3.useMemo)(() => Object.keys(props.variants), [props.variants]);
-  const { variantId, content } = useAssignment(props.id, variantIds, props.agentData, props.agentDataByVariant);
-  const containerRef = (0, import_react3.useRef)(null);
-  const [mounted, setMounted] = (0, import_react3.useState)(false);
-  (0, import_react3.useEffect)(() => {
-    setMounted(true);
-  }, []);
-  const goalFiredRef = (0, import_react3.useRef)(false);
-  const assignTrackedRef = (0, import_react3.useRef)(null);
-  const goal = (0, import_react3.useMemo)(() => normalize(props.goal), [props.goal]);
-  const goalLabel = typeof props.goal === "string" ? props.goal : goal.type;
-  (0, import_react3.useEffect)(() => {
-    var _a2, _b2;
-    if (!client || !variantId || !apiKey) return;
-    if (assignTrackedRef.current === variantId) return;
-    const rawHtml = (_b2 = (_a2 = containerRef.current) == null ? void 0 : _a2.innerHTML) != null ? _b2 : "";
-    if (!rawHtml && !mounted) return;
-    assignTrackedRef.current = variantId;
-    client.track({
-      projectId: apiKey,
-      componentId: props.id,
-      variantId,
-      eventType: "variant_assigned",
-      payload: rawHtml ? { previewHtml: rawHtml.slice(0, 3e4) } : {}
-    });
-  }, [client, variantId, apiKey, props.id, mounted]);
-  (0, import_react3.useEffect)(() => {
-    goalFiredRef.current = false;
-  }, [variantId]);
-  (0, import_react3.useEffect)(() => {
-    if (!client || !variantId) return;
-    const node = containerRef.current;
-    if (!node) return;
-    let timerId = null;
-    let hoverStart = 0;
-    const onEnter = () => {
-      hoverStart = Date.now();
-      timerId = setTimeout(() => {
-        client.track({
-          projectId: apiKey,
-          componentId: props.id,
-          variantId,
-          eventType: "cursor_signal",
-          payload: { hoverDuration: Date.now() - hoverStart }
-        });
-        timerId = null;
-      }, 800);
-    };
-    const onLeave = () => {
-      if (timerId !== null) {
-        clearTimeout(timerId);
-        timerId = null;
-      }
-    };
-    node.addEventListener("mouseenter", onEnter);
-    node.addEventListener("mouseleave", onLeave);
-    return () => {
-      node.removeEventListener("mouseenter", onEnter);
-      node.removeEventListener("mouseleave", onLeave);
-      if (timerId !== null) clearTimeout(timerId);
-    };
-  }, [client, variantId, apiKey, props.id]);
-  (0, import_react3.useEffect)(() => {
-    if (!client || !variantId) return;
-    const node = containerRef.current;
-    if (!node) return;
-    const fireGoal = () => {
-      if (goalFiredRef.current) return;
-      goalFiredRef.current = true;
-      client.track({
-        projectId: apiKey,
-        componentId: props.id,
-        variantId,
-        eventType: "goal_achieved",
-        goalType: goalLabel,
-        payload: { reward: 1 }
-      });
-    };
-    const subgoals = goal.type === "composite" ? goal.all : [goal];
-    const remaining = new Set(subgoals.map((_, i) => i));
-    const checkComposite = (idx) => {
-      remaining.delete(idx);
-      if (remaining.size === 0) fireGoal();
-    };
-    const cleanups = [];
-    subgoals.forEach((sub, idx) => {
-      if (sub.type === "click") {
-        const onClick = (e) => {
-          const target = e.target;
-          if (!(target instanceof Element)) return;
-          if (!findClickable(target, node)) return;
-          if (goal.type === "composite") checkComposite(idx);
-          else fireGoal();
-        };
-        node.addEventListener("click", onClick);
-        cleanups.push(() => node.removeEventListener("click", onClick));
-        return;
-      }
-      if (sub.type === "form_submit") {
-        const onSubmit = (e) => {
-          if (!(e.target instanceof HTMLFormElement)) return;
-          if (!node.contains(e.target)) return;
-          if (goal.type === "composite") checkComposite(idx);
-          else fireGoal();
-        };
-        node.addEventListener("submit", onSubmit);
-        cleanups.push(() => node.removeEventListener("submit", onSubmit));
-        return;
-      }
-      if (sub.type === "scroll_depth") {
-        const threshold = Math.max(0, Math.min(1, sub.threshold));
-        const io = new IntersectionObserver(
-          (entries) => {
-            for (const entry of entries) {
-              if (entry.intersectionRatio >= threshold) {
-                if (goal.type === "composite") checkComposite(idx);
-                else fireGoal();
-                io.disconnect();
-                break;
-              }
-            }
-          },
-          { threshold: [threshold] }
-        );
-        io.observe(node);
-        cleanups.push(() => io.disconnect());
-        return;
-      }
-    });
-    return () => {
-      for (const c of cleanups) c();
-    };
-  }, [client, variantId, apiKey, props.id, goal, goalLabel]);
-  if (props.clientOnly && (!mounted || !client)) return null;
-  if (!variantId) return null;
-  const jsxContent = (_a = props.variants[variantId]) != null ? _a : null;
-  const managedContent = jsxContent === null ? content : null;
-  if (((_b = process == null ? void 0 : process.env) == null ? void 0 : _b.NODE_ENV) !== "production" && jsxContent === null && managedContent === null) {
-    console.warn(
-      `[sentient] <Adaptive id="${props.id}"> was assigned variant "${variantId}" but no matching key exists in props.variants. If this is a dashboard-managed text variant, use <AdaptiveText id="${props.id}"> instead.`
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref: containerRef, "data-sentient-id": props.id, "data-sentient-variant": variantId, children: jsxContent != null ? jsxContent : managedContent });
-}
-var Adaptive = (0, import_react3.memo)(AdaptiveImpl, (prev, next) => {
-  if (prev.id !== next.id) return false;
-  if (prev.goal !== next.goal) return false;
-  if (prev.variants === next.variants) return true;
-  const prevKeys = Object.keys(prev.variants);
-  const nextKeys = Object.keys(next.variants);
-  if (prevKeys.length !== nextKeys.length) return false;
-  return prevKeys.every((k) => k in next.variants);
-});
-
-// src/adaptive-text.tsx
-var import_react4 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function AdaptiveText({
-  id,
-  default: defaultText,
-  component: Tag = "span",
-  className
-}) {
-  const client = useSentient();
-  const apiKey = useAdaptiveApiKey();
-  const onAssignment = useOnAssignment();
-  const [text, setText] = (0, import_react4.useState)(null);
-  const [variantId, setVariantId] = (0, import_react4.useState)(null);
-  const trackedRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
-    if (!client) return;
-    let cancelled = false;
-    void client.assign(id).then((result) => {
-      if (cancelled || !result) return;
-      setVariantId(result.variantId);
-      if (result.content) setText(result.content);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [client, id]);
-  (0, import_react4.useEffect)(() => {
-    if (!client || !variantId || !apiKey) return;
-    if (trackedRef.current === variantId) return;
-    trackedRef.current = variantId;
-    client.track({
-      projectId: apiKey,
-      componentId: id,
-      variantId,
-      eventType: "variant_assigned",
-      payload: {}
-    });
-    onAssignment == null ? void 0 : onAssignment(id, variantId);
-  }, [client, variantId, apiKey, id, onAssignment]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Tag, { className, children: text != null ? text : defaultText });
-}
-
-// src/segment.ts
-var import_core2 = require("@sentientui/core");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Adaptive,
-  AdaptiveProvider,
-  AdaptiveText,
-  detectSegment,
-  getWeights,
-  subscribeWeights,
-  updateWeights,
-  useAssignment,
-  useInitialAssignments,
-  useLayoutOrder,
-  useSentient
-});
+"use strict";var K=Object.defineProperty;var me=Object.getOwnPropertyDescriptor;var ve=Object.getOwnPropertyNames,U=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,pe=Object.prototype.propertyIsEnumerable;var q=(e,t,n)=>t in e?K(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Y=(e,t)=>{for(var n in t||(t={}))Q.call(t,n)&&q(e,n,t[n]);if(U)for(var n of U(t))pe.call(t,n)&&q(e,n,t[n]);return e};var ye=(e,t)=>{for(var n in t)K(e,n,{get:t[n],enumerable:!0})},he=(e,t,n,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of ve(t))!Q.call(e,i)&&i!==n&&K(e,i,{get:()=>t[i],enumerable:!(l=me(t,i))||l.enumerable});return e};var Ae=e=>he(K({},"__esModule",{value:!0}),e);var Le={};ye(Le,{Adaptive:()=>ce,AdaptiveProvider:()=>Z,AdaptiveText:()=>de,detectSegment:()=>J.deriveSessionSegment,getWeights:()=>B,subscribeWeights:()=>$,updateWeights:()=>se,useAssignment:()=>X,useInitialAssignments:()=>N,useLayoutOrder:()=>ne,useSentient:()=>I});module.exports=Ae(Le);var m=require("react"),G=require("@sentientui/core"),ie=require("react/jsx-runtime");function Se(){var e,t;if(typeof window=="undefined")return"desktop:direct";try{let n=(0,G.detectDeviceClass)((e=navigator.userAgent)!=null?e:""),l=(0,G.detectTrafficSource)((t=document.referrer)!=null?t:"",window.location.origin);return`${n}:${l}`}catch(n){return"desktop:direct"}}var L=(0,m.createContext)({client:null,apiKey:"",initialAssignments:{},sessionSegment:"desktop:direct",ssrFallback:"first",onAssignment:void 0,initialLayoutOrder:null});function Z(e){var o;let[t,n]=(0,m.useState)(null),[l]=(0,m.useState)(()=>{var c;return(c=e.sessionSegment)!=null?c:Se()});(0,m.useEffect)(()=>{if(e.consent===!1&&!e.preConsentBehavior){n(y=>(y==null||y.destroy(),null));return}let c=(0,G.init)({apiKey:e.apiKey,context:e.context,debug:e.debug,initialAssignments:e.initialAssignments,sessionSegment:l,consent:e.consent,preConsentBehavior:e.preConsentBehavior});return n(c),()=>{c.destroy()}},[e.consent]);let i=(o=e.ssrFallback)!=null?o:"first",p=(0,m.useMemo)(()=>{var c,y;return{client:t,apiKey:e.apiKey,initialAssignments:(c=e.initialAssignments)!=null?c:{},sessionSegment:l,ssrFallback:i,onAssignment:e.onAssignment,initialLayoutOrder:(y=e.initialLayoutOrder)!=null?y:null}},[t,e.apiKey,e.initialAssignments,l,i,e.onAssignment,e.initialLayoutOrder]);return(0,ie.jsx)(L.Provider,{value:p,children:e.children})}function I(){return(0,m.useContext)(L).client}function V(){return(0,m.useContext)(L).apiKey}function N(){return(0,m.useContext)(L).initialAssignments}function ee(){return(0,m.useContext)(L).sessionSegment}function te(){return(0,m.useContext)(L).ssrFallback}function j(){return(0,m.useContext)(L).onAssignment}function ne(){return(0,m.useContext)(L).initialLayoutOrder}var g=require("react"),le=require("@sentientui/core");var R=require("react");var re=new Map,H=new Map;function $(e,t){let n=H.get(e);return n||(n=new Set,H.set(e,n)),n.add(t),()=>{n.delete(t),n.size===0&&H.delete(e)}}function se(e,t){re.set(e,t);let n=H.get(e);if(n)for(let l of n)try{l(t)}catch(i){}}function B(e){var t;return(t=re.get(e))!=null?t:null}function be(e){var n;if(typeof window=="undefined")return null;let t=(n=window.__sentient_overrides)==null?void 0:n[e];if(t)return t;try{let l=new URLSearchParams(window.location.search);for(let i of l.getAll("sentient_variant")){let p=i.indexOf(":");if(p!==-1&&i.slice(0,p)===e)return i.slice(p+1)}}catch(l){}return null}function oe(e,t){var l;let n=null;for(let i of e.variants)t.includes(i.variantId)&&(!n||i.avgReward>n.avgReward)&&(n={variantId:i.variantId,avgReward:i.avgReward});return(l=n==null?void 0:n.variantId)!=null?l:null}function X(e,t,n,l){let i=N(),p=te(),o=I(),c=ee(),y=j(),h=(0,R.useRef)(null),x=be(e),a=x&&t.includes(x)?x:null;a&&console.info(`[sentient] override active: ${e} -> ${a}`);let T=(()=>{var s,d;if(a)return{variantId:a,content:null,isLoading:!1};if(!o){let f=i[e];return f&&t.includes(f)?{variantId:f,content:null,isLoading:!1}:p==="first"&&t.length>0?{variantId:t[0],content:null,isLoading:!1}:{variantId:null,content:null,isLoading:!0}}let u=o.getAssignment(e,c);if(u&&(t.includes(u.variantId)||u.content))return{variantId:u.variantId,content:(s=u.content)!=null?s:null,isLoading:!1};let r=B(e);if(r){let f=oe(r,t);if(f)return{variantId:f,content:null,isLoading:!1}}return{variantId:(d=t[0])!=null?d:null,content:null,isLoading:!1}})(),[A,w]=(0,R.useState)(T),P=u=>{y&&h.current!==u&&(h.current=u,y(e,u))};return(0,R.useEffect)(()=>{var r;if(a||!o)return;let u=o.getAssignment(e,c);if(u&&(t.includes(u.variantId)||u.content)){w({variantId:u.variantId,content:(r=u.content)!=null?r:null,isLoading:!1}),P(u.variantId);return}w(s=>{var d;return s.variantId?s:{variantId:(d=t[0])!=null?d:null,content:null,isLoading:!1}})},[a,o,e,c]),(0,R.useEffect)(()=>{if(a||!o)return;let u=o.getAssignment(e,c);if(u&&t.includes(u.variantId))return;let r=!1;return o.assign(e,t,n,l).then(s=>{var d;r||s&&(!t.includes(s.variantId)&&!s.content||(w({variantId:s.variantId,content:(d=s.content)!=null?d:null,isLoading:!1}),P(s.variantId)))}),()=>{r=!0}},[a,o,e,c]),(0,R.useEffect)(()=>{if(!a&&o)return $(e,u=>{var d;let r=o.getAssignment(e,c);if(r&&(t.includes(r.variantId)||r.content)){w({variantId:r.variantId,content:(d=r.content)!=null?d:null,isLoading:!1});return}let s=oe(u,t);s&&w({variantId:s,content:null,isLoading:!1})})},[a,o,e,c]),a?{variantId:a,content:null,isLoading:!1}:A}var ue=require("react/jsx-runtime");function ke(e){return typeof e=="string"?{type:"click"}:e}var xe=3e4;function we(e,t){try{let n=`_snt_pv_${e}_${t}`;return sessionStorage.getItem(n)?!1:(sessionStorage.setItem(n,"1"),!0)}catch(n){return!0}}function Ce(e){if(!(e instanceof Element))return!1;let t=e.tagName.toLowerCase();return t==="a"||t==="button"?!0:e.getAttribute("role")==="button"}function ae(e,t){let n=e;for(;n&&n!==t;){if(Ce(n))return!0;n=n.parentElement}return!1}function Ee(e){var P,u;let t=I(),n=V(),l=(0,g.useMemo)(()=>Object.keys(e.variants),[e.variants]),{variantId:i,content:p}=X(e.id,l,e.agentData,e.agentDataByVariant),o=(0,g.useRef)(null),[c,y]=(0,g.useState)(!1);(0,g.useEffect)(()=>{y(!0)},[]);let h=(0,g.useRef)(!1),x=(0,g.useRef)(null),a=(0,g.useMemo)(()=>ke(e.goal),[e.goal]),T=typeof e.goal=="string"?e.goal:a.type;if((0,g.useEffect)(()=>{var d,f;if(!t||!i||!n||x.current===i)return;let r=(f=(d=o.current)==null?void 0:d.innerHTML)!=null?f:"";if(!r&&!c)return;x.current=i;let s=r!==""&&we(e.id,i);t.track({projectId:n,componentId:e.id,variantId:i,eventType:"variant_assigned",payload:s?{previewHtml:r.slice(0,xe)}:{}})},[t,i,n,e.id,c]),(0,g.useEffect)(()=>{h.current=!1},[i]),(0,g.useEffect)(()=>{if(!t||!i)return;let r=o.current;if(!r)return;let s=null,d=0,f=()=>{d=Date.now(),s=setTimeout(()=>{t.track({projectId:n,componentId:e.id,variantId:i,eventType:"cursor_signal",payload:{hoverDuration:Date.now()-d}}),s=null},800)},W=()=>{s!==null&&(clearTimeout(s),s=null)};return r.addEventListener("mouseenter",f),r.addEventListener("mouseleave",W),()=>{r.removeEventListener("mouseenter",f),r.removeEventListener("mouseleave",W),s!==null&&clearTimeout(s)}},[t,i,n,e.id]),(0,g.useEffect)(()=>{if(!t||!i)return;let r=o.current;if(!r)return;let s=Date.now();return(0,le.attachMicroSignalDetectors)((d,f={})=>{t.track({projectId:n,componentId:e.id,variantId:i,eventType:"micro_signal",payload:Y({signalType:d},f)})},r,s)},[t,i,n,e.id]),(0,g.useEffect)(()=>{if(!t||!i)return;let r=o.current;if(!r)return;if(a.type==="weighted_composite"){let S=new Set,k=[];return a.steps.forEach(({goal:v,name:b,weight:O},F)=>{let z=()=>{S.has(F)||(S.add(F),t.track({projectId:n,componentId:e.id,variantId:i,eventType:"goal_achieved",goalType:b,payload:{reward:O}}),t.goal(b,{},O,F))};if(v.type==="click"){let C=E=>{let M=E.target;M instanceof Element&&ae(M,r)&&z()};r.addEventListener("click",C),k.push(()=>r.removeEventListener("click",C));return}if(v.type==="form_submit"){let C=E=>{E.target instanceof HTMLFormElement&&r.contains(E.target)&&z()};r.addEventListener("submit",C),k.push(()=>r.removeEventListener("submit",C));return}if(v.type==="scroll_depth"){let C=Math.max(0,Math.min(1,v.threshold)),E=new IntersectionObserver(M=>{for(let fe of M)if(fe.intersectionRatio>=C){z(),E.disconnect();break}},{threshold:[C]});E.observe(r),k.push(()=>E.disconnect())}}),()=>{for(let v of k)v()}}let s=()=>{h.current||(h.current=!0,t.track({projectId:n,componentId:e.id,variantId:i,eventType:"goal_achieved",goalType:T,payload:{reward:1}}))},d=a.type==="composite"?a.all:[a],f=new Set(d.map((S,k)=>k)),W=S=>{f.delete(S),f.size===0&&s()},D=[];return d.forEach((S,k)=>{if(S.type==="click"){let v=b=>{let O=b.target;O instanceof Element&&ae(O,r)&&(a.type==="composite"?W(k):s())};r.addEventListener("click",v),D.push(()=>r.removeEventListener("click",v));return}if(S.type==="form_submit"){let v=b=>{b.target instanceof HTMLFormElement&&r.contains(b.target)&&(a.type==="composite"?W(k):s())};r.addEventListener("submit",v),D.push(()=>r.removeEventListener("submit",v));return}if(S.type==="scroll_depth"){let v=Math.max(0,Math.min(1,S.threshold)),b=new IntersectionObserver(O=>{for(let F of O)if(F.intersectionRatio>=v){a.type==="composite"?W(k):s(),b.disconnect();break}},{threshold:[v]});b.observe(r),D.push(()=>b.disconnect());return}}),()=>{for(let S of D)S()}},[t,i,n,e.id,a,T]),e.clientOnly&&(!c||!t)||!i)return null;let A=(P=e.variants[i])!=null?P:null,w=A===null?p:null;return((u=process==null?void 0:process.env)==null?void 0:u.NODE_ENV)!=="production"&&A===null&&w===null&&console.warn(`[sentient] <Adaptive id="${e.id}"> was assigned variant "${i}" but no matching key exists in props.variants. If this is a dashboard-managed text variant, use <AdaptiveText id="${e.id}"> instead.`),(0,ue.jsx)("div",{ref:o,"data-sentient-id":e.id,"data-sentient-variant":i,children:A!=null?A:w})}var ce=(0,g.memo)(Ee,(e,t)=>{if(e.id!==t.id||e.goal!==t.goal)return!1;if(e.variants===t.variants)return!0;let n=Object.keys(e.variants),l=Object.keys(t.variants);return n.length!==l.length?!1:n.every(i=>i in t.variants)});var _=require("react");var ge=require("react/jsx-runtime");function de({id:e,default:t,component:n="span",className:l}){let i=I(),p=V(),o=j(),[c,y]=(0,_.useState)(null),[h,x]=(0,_.useState)(null),a=(0,_.useRef)(null);return(0,_.useEffect)(()=>{if(!i)return;let T=!1;return i.assign(e).then(A=>{T||!A||(x(A.variantId),A.content&&y(A.content))}),()=>{T=!0}},[i,e]),(0,_.useEffect)(()=>{!i||!h||!p||a.current!==h&&(a.current=h,i.track({projectId:p,componentId:e,variantId:h,eventType:"variant_assigned",payload:{}}),o==null||o(e,h))},[i,h,p,e,o]),(0,ge.jsx)(n,{className:l,children:c!=null?c:t})}var J=require("@sentientui/core");0&&(module.exports={Adaptive,AdaptiveProvider,AdaptiveText,detectSegment,getWeights,subscribeWeights,updateWeights,useAssignment,useInitialAssignments,useLayoutOrder,useSentient});
 //# sourceMappingURL=index.js.map