@sentientui/react 0.4.0 → 0.6.0

package/dist/index.mjs

@@ -1,480 +1,3 @@
 'use client';
-
-// src/provider.tsx
-import { createContext, useContext, useEffect, useState } from "react";
-import { init } from "@sentientui/core";
-import { jsx } from "react/jsx-runtime";
-var AdaptiveContext = 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] = useState(null);
-  useEffect(() => {
-    if (props.consent === false && !props.preConsentBehavior) {
-      setClient((prev) => {
-        prev == null ? void 0 : prev.destroy();
-        return null;
-      });
-      return;
-    }
-    const c = 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__ */ 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 useContext(AdaptiveContext).client;
-}
-function useAdaptiveApiKey() {
-  return useContext(AdaptiveContext).apiKey;
-}
-function useInitialAssignments() {
-  return useContext(AdaptiveContext).initialAssignments;
-}
-function useSessionSegment() {
-  return useContext(AdaptiveContext).sessionSegment;
-}
-function useSsrFallback() {
-  return useContext(AdaptiveContext).ssrFallback;
-}
-function useOnAssignment() {
-  return useContext(AdaptiveContext).onAssignment;
-}
-function useLayoutOrder() {
-  return useContext(AdaptiveContext).initialLayoutOrder;
-}
-
-// src/adaptive.tsx
-import { memo, useEffect as useEffect3, useMemo, useRef as useRef2, useState as useState3 } from "react";
-
-// src/use-assignment.ts
-import { useEffect as useEffect2, useRef, useState as useState2 } from "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) {
-  const initialAssignments = useInitialAssignments();
-  const ssrFallback = useSsrFallback();
-  const client = useSentient();
-  const segment = useSessionSegment();
-  const onAssignment = useOnAssignment();
-  const assignmentReportedRef = 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] = useState2(initial);
-  const reportAssignment = (variantId) => {
-    if (!onAssignment) return;
-    if (assignmentReportedRef.current === variantId) return;
-    assignmentReportedRef.current = variantId;
-    onAssignment(componentId, variantId);
-  };
-  useEffect2(() => {
-    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]);
-  useEffect2(() => {
-    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).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]);
-  useEffect2(() => {
-    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
-import { jsx as jsx2 } from "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 = useMemo(() => Object.keys(props.variants), [props.variants]);
-  const { variantId, content } = useAssignment(props.id, variantIds, props.agentData);
-  const containerRef = useRef2(null);
-  const [mounted, setMounted] = useState3(false);
-  useEffect3(() => {
-    setMounted(true);
-  }, []);
-  const goalFiredRef = useRef2(false);
-  const assignTrackedRef = useRef2(null);
-  const goal = useMemo(() => normalize(props.goal), [props.goal]);
-  const goalLabel = typeof props.goal === "string" ? props.goal : goal.type;
-  useEffect3(() => {
-    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]);
-  useEffect3(() => {
-    goalFiredRef.current = false;
-  }, [variantId]);
-  useEffect3(() => {
-    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]);
-  useEffect3(() => {
-    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__ */ jsx2("div", { ref: containerRef, "data-sentient-id": props.id, "data-sentient-variant": variantId, children: jsxContent != null ? jsxContent : managedContent });
-}
-var Adaptive = 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
-import { useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-function AdaptiveText({
-  id,
-  default: defaultText,
-  component: Tag = "span",
-  className
-}) {
-  const client = useSentient();
-  const apiKey = useAdaptiveApiKey();
-  const onAssignment = useOnAssignment();
-  const [text, setText] = useState4(null);
-  const [variantId, setVariantId] = useState4(null);
-  const trackedRef = useRef3(null);
-  useEffect4(() => {
-    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]);
-  useEffect4(() => {
-    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__ */ jsx3(Tag, { className, children: text != null ? text : defaultText });
-}
-
-// src/segment.ts
-import { deriveSessionSegment } from "@sentientui/core";
-export {
-  Adaptive,
-  AdaptiveProvider,
-  AdaptiveText,
-  deriveSessionSegment as detectSegment,
-  getWeights,
-  subscribe as subscribeWeights,
-  update as updateWeights,
-  useAssignment,
-  useInitialAssignments,
-  useLayoutOrder,
-  useSentient
-};
+var se=Object.defineProperty;var X=Object.getOwnPropertySymbols;var oe=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var z=(e,t,n)=>t in e?se(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,J=(e,t)=>{for(var n in t||(t={}))oe.call(t,n)&&z(e,n,t[n]);if(X)for(var n of X(t))ae.call(t,n)&&z(e,n,t[n]);return e};import{createContext as le,useContext as I,useEffect as ce,useMemo as ue,useState as U}from"react";import{detectDeviceClass as de,detectTrafficSource as ge,init as fe}from"@sentientui/core";import{jsx as ye}from"react/jsx-runtime";function me(){var e,t;if(typeof window=="undefined")return"desktop:direct";try{let n=de((e=navigator.userAgent)!=null?e:""),d=ge((t=document.referrer)!=null?t:"",window.location.origin);return`${n}:${d}`}catch(n){return"desktop:direct"}}var C=le({client:null,apiKey:"",initialAssignments:{},sessionSegment:"desktop:direct",ssrFallback:"first",onAssignment:void 0,initialLayoutOrder:null});function ve(e){var o;let[t,n]=U(null),[d]=U(()=>{var l;return(l=e.sessionSegment)!=null?l:me()});ce(()=>{if(e.consent===!1&&!e.preConsentBehavior){n(v=>(v==null||v.destroy(),null));return}let l=fe({apiKey:e.apiKey,context:e.context,debug:e.debug,initialAssignments:e.initialAssignments,sessionSegment:d,consent:e.consent,preConsentBehavior:e.preConsentBehavior});return n(l),()=>{l.destroy()}},[e.consent]);let i=(o=e.ssrFallback)!=null?o:"first",m=ue(()=>{var l,v;return{client:t,apiKey:e.apiKey,initialAssignments:(l=e.initialAssignments)!=null?l:{},sessionSegment:d,ssrFallback:i,onAssignment:e.onAssignment,initialLayoutOrder:(v=e.initialLayoutOrder)!=null?v:null}},[t,e.apiKey,e.initialAssignments,d,i,e.onAssignment,e.initialLayoutOrder]);return ye(C.Provider,{value:m,children:e.children})}function R(){return I(C).client}function F(){return I(C).apiKey}function V(){return I(C).initialAssignments}function q(){return I(C).sessionSegment}function Q(){return I(C).ssrFallback}function D(){return I(C).onAssignment}function pe(){return I(C).initialLayoutOrder}import{memo as ke,useEffect as T,useMemo as ee,useRef as B,useState as xe}from"react";import{attachMicroSignalDetectors as we}from"@sentientui/core";import{useEffect as H,useRef as Ae,useState as Se}from"react";var Y=new Map,M=new Map;function N(e,t){let n=M.get(e);return n||(n=new Set,M.set(e,n)),n.add(t),()=>{n.delete(t),n.size===0&&M.delete(e)}}function he(e,t){Y.set(e,t);let n=M.get(e);if(n)for(let d of n)try{d(t)}catch(i){}}function j(e){var t;return(t=Y.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 d=new URLSearchParams(window.location.search);for(let i of d.getAll("sentient_variant")){let m=i.indexOf(":");if(m!==-1&&i.slice(0,m)===e)return i.slice(m+1)}}catch(d){}return null}function Z(e,t){var d;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(d=n==null?void 0:n.variantId)!=null?d:null}function $(e,t,n,d){let i=V(),m=Q(),o=R(),l=q(),v=D(),p=Ae(null),b=be(e),a=b&&t.includes(b)?b:null;a&&console.info(`[sentient] override active: ${e} -> ${a}`);let E=(()=>{var s,u;if(a)return{variantId:a,content:null,isLoading:!1};if(!o){let g=i[e];return g&&t.includes(g)?{variantId:g,content:null,isLoading:!1}:m==="first"&&t.length>0?{variantId:t[0],content:null,isLoading:!1}:{variantId:null,content:null,isLoading:!0}}let c=o.getAssignment(e,l);if(c&&(t.includes(c.variantId)||c.content))return{variantId:c.variantId,content:(s=c.content)!=null?s:null,isLoading:!1};let r=j(e);if(r){let g=Z(r,t);if(g)return{variantId:g,content:null,isLoading:!1}}return{variantId:(u=t[0])!=null?u:null,content:null,isLoading:!1}})(),[y,k]=Se(E),O=c=>{v&&p.current!==c&&(p.current=c,v(e,c))};return H(()=>{var r;if(a||!o)return;let c=o.getAssignment(e,l);if(c&&(t.includes(c.variantId)||c.content)){k({variantId:c.variantId,content:(r=c.content)!=null?r:null,isLoading:!1}),O(c.variantId);return}k(s=>{var u;return s.variantId?s:{variantId:(u=t[0])!=null?u:null,content:null,isLoading:!1}})},[a,o,e,l]),H(()=>{if(a||!o)return;let c=o.getAssignment(e,l);if(c&&t.includes(c.variantId))return;let r=!1;return o.assign(e,t,n,d).then(s=>{var u;r||s&&(!t.includes(s.variantId)&&!s.content||(k({variantId:s.variantId,content:(u=s.content)!=null?u:null,isLoading:!1}),O(s.variantId)))}),()=>{r=!0}},[a,o,e,l]),H(()=>{if(!a&&o)return N(e,c=>{var u;let r=o.getAssignment(e,l);if(r&&(t.includes(r.variantId)||r.content)){k({variantId:r.variantId,content:(u=r.content)!=null?u:null,isLoading:!1});return}let s=Z(c,t);s&&k({variantId:s,content:null,isLoading:!1})})},[a,o,e,l]),a?{variantId:a,content:null,isLoading:!1}:y}import{jsx as Te}from"react/jsx-runtime";function Ce(e){return typeof e=="string"?{type:"click"}:e}var Ee=3e4;function Le(e,t){try{let n=`_snt_pv_${e}_${t}`;return sessionStorage.getItem(n)?!1:(sessionStorage.setItem(n,"1"),!0)}catch(n){return!0}}function Ie(e){if(!(e instanceof Element))return!1;let t=e.tagName.toLowerCase();return t==="a"||t==="button"?!0:e.getAttribute("role")==="button"}function te(e,t){let n=e;for(;n&&n!==t;){if(Ie(n))return!0;n=n.parentElement}return!1}function Re(e){var O,c;let t=R(),n=F(),d=ee(()=>Object.keys(e.variants),[e.variants]),{variantId:i,content:m}=$(e.id,d,e.agentData,e.agentDataByVariant),o=B(null),[l,v]=xe(!1);T(()=>{v(!0)},[]);let p=B(!1),b=B(null),a=ee(()=>Ce(e.goal),[e.goal]),E=typeof e.goal=="string"?e.goal:a.type;if(T(()=>{var u,g;if(!t||!i||!n||b.current===i)return;let r=(g=(u=o.current)==null?void 0:u.innerHTML)!=null?g:"";if(!r&&!l)return;b.current=i;let s=r!==""&&Le(e.id,i);t.track({projectId:n,componentId:e.id,variantId:i,eventType:"variant_assigned",payload:s?{previewHtml:r.slice(0,Ee)}:{}})},[t,i,n,e.id,l]),T(()=>{p.current=!1},[i]),T(()=>{if(!t||!i)return;let r=o.current;if(!r)return;let s=null,u=0,g=()=>{u=Date.now(),s=setTimeout(()=>{t.track({projectId:n,componentId:e.id,variantId:i,eventType:"cursor_signal",payload:{hoverDuration:Date.now()-u}}),s=null},800)},_=()=>{s!==null&&(clearTimeout(s),s=null)};return r.addEventListener("mouseenter",g),r.addEventListener("mouseleave",_),()=>{r.removeEventListener("mouseenter",g),r.removeEventListener("mouseleave",_),s!==null&&clearTimeout(s)}},[t,i,n,e.id]),T(()=>{if(!t||!i)return;let r=o.current;if(!r)return;let s=Date.now();return we((u,g={})=>{t.track({projectId:n,componentId:e.id,variantId:i,eventType:"micro_signal",payload:J({signalType:u},g)})},r,s)},[t,i,n,e.id]),T(()=>{if(!t||!i)return;let r=o.current;if(!r)return;if(a.type==="weighted_composite"){let h=new Set,S=[];return a.steps.forEach(({goal:f,name:A,weight:L},W)=>{let K=()=>{h.has(W)||(h.add(W),t.track({projectId:n,componentId:e.id,variantId:i,eventType:"goal_achieved",goalType:A,payload:{reward:L}}),t.goal(A,{},L,W))};if(f.type==="click"){let x=w=>{let P=w.target;P instanceof Element&&te(P,r)&&K()};r.addEventListener("click",x),S.push(()=>r.removeEventListener("click",x));return}if(f.type==="form_submit"){let x=w=>{w.target instanceof HTMLFormElement&&r.contains(w.target)&&K()};r.addEventListener("submit",x),S.push(()=>r.removeEventListener("submit",x));return}if(f.type==="scroll_depth"){let x=Math.max(0,Math.min(1,f.threshold)),w=new IntersectionObserver(P=>{for(let re of P)if(re.intersectionRatio>=x){K(),w.disconnect();break}},{threshold:[x]});w.observe(r),S.push(()=>w.disconnect())}}),()=>{for(let f of S)f()}}let s=()=>{p.current||(p.current=!0,t.track({projectId:n,componentId:e.id,variantId:i,eventType:"goal_achieved",goalType:E,payload:{reward:1}}))},u=a.type==="composite"?a.all:[a],g=new Set(u.map((h,S)=>S)),_=h=>{g.delete(h),g.size===0&&s()},G=[];return u.forEach((h,S)=>{if(h.type==="click"){let f=A=>{let L=A.target;L instanceof Element&&te(L,r)&&(a.type==="composite"?_(S):s())};r.addEventListener("click",f),G.push(()=>r.removeEventListener("click",f));return}if(h.type==="form_submit"){let f=A=>{A.target instanceof HTMLFormElement&&r.contains(A.target)&&(a.type==="composite"?_(S):s())};r.addEventListener("submit",f),G.push(()=>r.removeEventListener("submit",f));return}if(h.type==="scroll_depth"){let f=Math.max(0,Math.min(1,h.threshold)),A=new IntersectionObserver(L=>{for(let W of L)if(W.intersectionRatio>=f){a.type==="composite"?_(S):s(),A.disconnect();break}},{threshold:[f]});A.observe(r),G.push(()=>A.disconnect());return}}),()=>{for(let h of G)h()}},[t,i,n,e.id,a,E]),e.clientOnly&&(!l||!t)||!i)return null;let y=(O=e.variants[i])!=null?O:null,k=y===null?m:null;return((c=process==null?void 0:process.env)==null?void 0:c.NODE_ENV)!=="production"&&y===null&&k===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.`),Te("div",{ref:o,"data-sentient-id":e.id,"data-sentient-variant":i,children:y!=null?y:k})}var _e=ke(Re,(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),d=Object.keys(t.variants);return n.length!==d.length?!1:n.every(i=>i in t.variants)});import{useEffect as ne,useRef as Oe,useState as ie}from"react";import{jsx as Ge}from"react/jsx-runtime";function We({id:e,default:t,component:n="span",className:d}){let i=R(),m=F(),o=D(),[l,v]=ie(null),[p,b]=ie(null),a=Oe(null);return ne(()=>{if(!i)return;let E=!1;return i.assign(e).then(y=>{E||!y||(b(y.variantId),y.content&&v(y.content))}),()=>{E=!0}},[i,e]),ne(()=>{!i||!p||!m||a.current!==p&&(a.current=p,i.track({projectId:m,componentId:e,variantId:p,eventType:"variant_assigned",payload:{}}),o==null||o(e,p))},[i,p,m,e,o]),Ge(n,{className:d,children:l!=null?l:t})}import{deriveSessionSegment as Pe}from"@sentientui/core";export{_e as Adaptive,ve as AdaptiveProvider,We as AdaptiveText,Pe as detectSegment,j as getWeights,N as subscribeWeights,he as updateWeights,$ as useAssignment,V as useInitialAssignments,pe as useLayoutOrder,R as useSentient};
 //# sourceMappingURL=index.mjs.map