@uniformdev/context-react 20.35.0 → 20.35.1-alpha.210

package/dist/index.d.mts

@@ -1,6 +1,6 @@
-import { Quirks, ScoreVector, Context, PersonalizedVariant, TestVariant, EnrichmentData } from '@uniformdev/context';
+import { Quirks, ScoreVector, Context, PersonalizedVariant, CompositionMetadata, TestVariant, EnrichmentData } from '@uniformdev/context';
 import * as react from 'react';
-import react__default, { ReactNode, ReactElement, HTMLAttributes } from 'react';
+import react__default, { ReactNode, ReactElement, HTMLAttributes, JSX } from 'react';
 
 /**
  * Provides reactive access to the Uniform Context's current visitor quirks values
@@ -90,6 +90,8 @@ type PersonalizeComponentProps<TVariation extends PersonalizedVariant> = {
     algorithm?: string;
     /** The possible variations of the content to render depending on personalization conditions */
     variations: TVariation[];
+    /** Composition metadata where the personalization is being rendered for analytics tracking */
+    compositionMetadata?: CompositionMetadata;
     /** A React component to use to render a selected variant. */
     component: PersonalizedVariationComponent<TVariation>;
     /** A React component that will be used to wrap all personalized variants. If no variants match, the wrapper is not rendered. */
@@ -105,6 +107,8 @@ interface TestComponentProps<TVariation extends TestVariant> {
     name: string;
     /** Variation list that this test will selected from. */
     variations: TVariation[];
+    /** Composition metadata where the A/B test is being rendered for analytics tracking */
+    compositionMetadata?: CompositionMetadata;
     /**
      * Determines what should be rendered if testing is in a "loading" state.
      * default: shows the default variation while loading
@@ -162,7 +166,7 @@ type TrackProps = TrackFragmentProps & HTMLAttributes<HTMLElement> & {
  * only on page load, but does not render a wrapping tag.
  */
 declare const Track: ({ behavior, children, tagName, threshold, disableVisibilityTrigger, ...rest }: TrackProps) => react.DOMElement<{
-    ref: react.RefObject<HTMLElement>;
+    ref: react.RefObject<HTMLElement | null>;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -210,6 +214,10 @@ declare const Track: ({ behavior, children, tagName, threshold, disableVisibilit
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
@@ -418,6 +426,8 @@ declare const Track: ({ behavior, children, tagName, threshold, disableVisibilit
     onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLElement> | undefined;
     onScroll?: react.UIEventHandler<HTMLElement> | undefined;
     onScrollCapture?: react.UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: react.UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: react.UIEventHandler<HTMLElement> | undefined;
     onWheel?: react.WheelEventHandler<HTMLElement> | undefined;
     onWheelCapture?: react.WheelEventHandler<HTMLElement> | undefined;
     onAnimationStart?: react.AnimationEventHandler<HTMLElement> | undefined;
@@ -426,8 +436,16 @@ declare const Track: ({ behavior, children, tagName, threshold, disableVisibilit
     onAnimationEndCapture?: react.AnimationEventHandler<HTMLElement> | undefined;
     onAnimationIteration?: react.AnimationEventHandler<HTMLElement> | undefined;
     onAnimationIterationCapture?: react.AnimationEventHandler<HTMLElement> | undefined;
+    onToggle?: react.ToggleEventHandler<HTMLElement> | undefined;
+    onBeforeToggle?: react.ToggleEventHandler<HTMLElement> | undefined;
+    onTransitionCancel?: react.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionCancelCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEnd?: react.TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEndCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRun?: react.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRunCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStart?: react.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStartCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
     'data-track-on-view-wrapper'?: string;
 }, HTMLElement>;
 

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { Quirks, ScoreVector, Context, PersonalizedVariant, TestVariant, EnrichmentData } from '@uniformdev/context';
+import { Quirks, ScoreVector, Context, PersonalizedVariant, CompositionMetadata, TestVariant, EnrichmentData } from '@uniformdev/context';
 import * as react from 'react';
-import react__default, { ReactNode, ReactElement, HTMLAttributes } from 'react';
+import react__default, { ReactNode, ReactElement, HTMLAttributes, JSX } from 'react';
 
 /**
  * Provides reactive access to the Uniform Context's current visitor quirks values
@@ -90,6 +90,8 @@ type PersonalizeComponentProps<TVariation extends PersonalizedVariant> = {
     algorithm?: string;
     /** The possible variations of the content to render depending on personalization conditions */
     variations: TVariation[];
+    /** Composition metadata where the personalization is being rendered for analytics tracking */
+    compositionMetadata?: CompositionMetadata;
     /** A React component to use to render a selected variant. */
     component: PersonalizedVariationComponent<TVariation>;
     /** A React component that will be used to wrap all personalized variants. If no variants match, the wrapper is not rendered. */
@@ -105,6 +107,8 @@ interface TestComponentProps<TVariation extends TestVariant> {
     name: string;
     /** Variation list that this test will selected from. */
     variations: TVariation[];
+    /** Composition metadata where the A/B test is being rendered for analytics tracking */
+    compositionMetadata?: CompositionMetadata;
     /**
      * Determines what should be rendered if testing is in a "loading" state.
      * default: shows the default variation while loading
@@ -162,7 +166,7 @@ type TrackProps = TrackFragmentProps & HTMLAttributes<HTMLElement> & {
  * only on page load, but does not render a wrapping tag.
  */
 declare const Track: ({ behavior, children, tagName, threshold, disableVisibilityTrigger, ...rest }: TrackProps) => react.DOMElement<{
-    ref: react.RefObject<HTMLElement>;
+    ref: react.RefObject<HTMLElement | null>;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -210,6 +214,10 @@ declare const Track: ({ behavior, children, tagName, threshold, disableVisibilit
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
@@ -418,6 +426,8 @@ declare const Track: ({ behavior, children, tagName, threshold, disableVisibilit
     onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLElement> | undefined;
     onScroll?: react.UIEventHandler<HTMLElement> | undefined;
     onScrollCapture?: react.UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: react.UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: react.UIEventHandler<HTMLElement> | undefined;
     onWheel?: react.WheelEventHandler<HTMLElement> | undefined;
     onWheelCapture?: react.WheelEventHandler<HTMLElement> | undefined;
     onAnimationStart?: react.AnimationEventHandler<HTMLElement> | undefined;
@@ -426,8 +436,16 @@ declare const Track: ({ behavior, children, tagName, threshold, disableVisibilit
     onAnimationEndCapture?: react.AnimationEventHandler<HTMLElement> | undefined;
     onAnimationIteration?: react.AnimationEventHandler<HTMLElement> | undefined;
     onAnimationIterationCapture?: react.AnimationEventHandler<HTMLElement> | undefined;
+    onToggle?: react.ToggleEventHandler<HTMLElement> | undefined;
+    onBeforeToggle?: react.ToggleEventHandler<HTMLElement> | undefined;
+    onTransitionCancel?: react.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionCancelCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEnd?: react.TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEndCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRun?: react.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRunCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStart?: react.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStartCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
     'data-track-on-view-wrapper'?: string;
 }, HTMLElement>;
 

package/dist/index.esm.js

@@ -122,7 +122,8 @@ function PersonalizeStandard({
   wrapperComponent,
   name,
   algorithm,
-  count = 1
+  count = 1,
+  compositionMetadata
 }) {
   const { context } = useUniformContext();
   const scores = useScores();
@@ -132,10 +133,11 @@ function PersonalizeStandard({
       name,
       variations,
       take: count,
-      algorithm
+      algorithm,
+      compositionMetadata
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [scores, quirks, context, count, name, variations]
+    [scores, quirks, context, count, name, variations, compositionMetadata]
   );
   const Wrapper = wrapperComponent != null ? wrapperComponent : ({ children }) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, children);
   const Component = component;
@@ -205,12 +207,14 @@ import React5 from "react";
 var TestStandard = ({
   name,
   variations,
-  component
+  component,
+  compositionMetadata
 }) => {
   const { context } = useUniformContext();
   const { result } = context.test({
     name,
-    variations
+    variations,
+    compositionMetadata
   });
   if (!result) {
     return null;
@@ -265,7 +269,7 @@ var Track = ({
   const [lastUrl, setLastUrl] = useState3();
   const [hasTracked, setHasTracked] = useState3(false);
   const wrapperEl = useRef(null);
-  const disconnect = useRef();
+  const disconnect = useRef(null);
   useEffect3(() => {
     const urlHasChanged = lastUrl !== currentUrl;
     if (urlHasChanged) {

package/dist/index.js

@@ -164,7 +164,8 @@ function PersonalizeStandard({
   wrapperComponent,
   name,
   algorithm,
-  count = 1
+  count = 1,
+  compositionMetadata
 }) {
   const { context } = useUniformContext();
   const scores = useScores();
@@ -174,10 +175,11 @@ function PersonalizeStandard({
       name,
       variations,
       take: count,
-      algorithm
+      algorithm,
+      compositionMetadata
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [scores, quirks, context, count, name, variations]
+    [scores, quirks, context, count, name, variations, compositionMetadata]
   );
   const Wrapper = wrapperComponent != null ? wrapperComponent : ({ children }) => /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, children);
   const Component = component;
@@ -247,12 +249,14 @@ var import_react10 = __toESM(require("react"));
 var TestStandard = ({
   name,
   variations,
-  component
+  component,
+  compositionMetadata
 }) => {
   const { context } = useUniformContext();
   const { result } = context.test({
     name,
-    variations
+    variations,
+    compositionMetadata
   });
   if (!result) {
     return null;
@@ -307,7 +311,7 @@ var Track = ({
   const [lastUrl, setLastUrl] = (0, import_react13.useState)();
   const [hasTracked, setHasTracked] = (0, import_react13.useState)(false);
   const wrapperEl = (0, import_react13.useRef)(null);
-  const disconnect = (0, import_react13.useRef)();
+  const disconnect = (0, import_react13.useRef)(null);
   (0, import_react13.useEffect)(() => {
     const urlHasChanged = lastUrl !== currentUrl;
     if (urlHasChanged) {

package/dist/index.mjs

@@ -122,7 +122,8 @@ function PersonalizeStandard({
   wrapperComponent,
   name,
   algorithm,
-  count = 1
+  count = 1,
+  compositionMetadata
 }) {
   const { context } = useUniformContext();
   const scores = useScores();
@@ -132,10 +133,11 @@ function PersonalizeStandard({
       name,
       variations,
       take: count,
-      algorithm
+      algorithm,
+      compositionMetadata
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [scores, quirks, context, count, name, variations]
+    [scores, quirks, context, count, name, variations, compositionMetadata]
   );
   const Wrapper = wrapperComponent != null ? wrapperComponent : ({ children }) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, children);
   const Component = component;
@@ -205,12 +207,14 @@ import React5 from "react";
 var TestStandard = ({
   name,
   variations,
-  component
+  component,
+  compositionMetadata
 }) => {
   const { context } = useUniformContext();
   const { result } = context.test({
     name,
-    variations
+    variations,
+    compositionMetadata
   });
   if (!result) {
     return null;
@@ -265,7 +269,7 @@ var Track = ({
   const [lastUrl, setLastUrl] = useState3();
   const [hasTracked, setHasTracked] = useState3(false);
   const wrapperEl = useRef(null);
-  const disconnect = useRef();
+  const disconnect = useRef(null);
   useEffect3(() => {
     const urlHasChanged = lastUrl !== currentUrl;
     if (urlHasChanged) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/context-react",
-  "version": "20.35.0",
+  "version": "20.35.1-alpha.210+4fa236da76",
   "description": "Uniform Context React integration package",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -19,18 +19,18 @@
     "build": "tsup",
     "dev": "tsup --watch",
     "clean": "rimraf dist",
-    "test": "jest --maxWorkers=1",
+    "test": "vitest run",
     "lint": "eslint \"src/**/*.{js,ts,tsx}\"",
     "format": "prettier --write \"src/**/*.{js,ts,tsx}\"",
     "document:prebuild": "api-extractor run --local"
   },
   "devDependencies": {
-    "@types/react": "18.3.24",
-    "react": "18.3.1",
-    "react-dom": "18.3.1"
+    "@types/react": "19.2.2",
+    "react": "19.2.1",
+    "react-dom": "19.2.1"
   },
   "dependencies": {
-    "@uniformdev/context": "20.35.0",
+    "@uniformdev/context": "20.35.1-alpha.210+4fa236da76",
     "cookie": "1.0.1",
     "dequal": "2.0.3"
   },
@@ -44,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f228361828ef49a596ca3841e5b79768c64418cf"
+  "gitHead": "4fa236da76e057582eae6c2595a2fa763fda886a"
 }