@uniformdev/context-react 20.7.1-alpha.12 → 20.7.1-alpha.121

package/LICENSE.txt

@@ -1,2 +1,2 @@
-© 2024 Uniform Systems, Inc. All Rights Reserved.
+© 2025 Uniform Systems, Inc. All Rights Reserved.
 See details of Uniform Systems, Inc. Master Subscription Agreement here: https://uniform.dev/eula

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-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';
 
@@ -86,8 +86,12 @@ type PersonalizeComponentProps<TVariation extends PersonalizedVariant> = {
      * This name is emitted to analytics after personalization executes.
      */
     name: string;
+    /** The algorithm to use for personalization, if not the default. */
+    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. */
@@ -103,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
@@ -210,6 +216,8 @@ declare const Track: ({ behavior, children, tagName, threshold, disableVisibilit
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -284,7 +292,7 @@ declare const Track: ({ behavior, children, tagName, threshold, disableVisibilit
     onBlurCapture?: react.FocusEventHandler<HTMLElement> | undefined;
     onChange?: react.FormEventHandler<HTMLElement> | undefined;
     onChangeCapture?: react.FormEventHandler<HTMLElement> | undefined;
-    onBeforeInput?: react.FormEventHandler<HTMLElement> | undefined;
+    onBeforeInput?: react.InputEventHandler<HTMLElement> | undefined;
     onBeforeInputCapture?: react.FormEventHandler<HTMLElement> | undefined;
     onInput?: react.FormEventHandler<HTMLElement> | undefined;
     onInputCapture?: react.FormEventHandler<HTMLElement> | undefined;
@@ -334,8 +342,6 @@ declare const Track: ({ behavior, children, tagName, threshold, disableVisibilit
     onProgressCapture?: react.ReactEventHandler<HTMLElement> | undefined;
     onRateChange?: react.ReactEventHandler<HTMLElement> | undefined;
     onRateChangeCapture?: react.ReactEventHandler<HTMLElement> | undefined;
-    onResize?: react.ReactEventHandler<HTMLElement> | undefined;
-    onResizeCapture?: react.ReactEventHandler<HTMLElement> | undefined;
     onSeeked?: react.ReactEventHandler<HTMLElement> | undefined;
     onSeekedCapture?: react.ReactEventHandler<HTMLElement> | undefined;
     onSeeking?: react.ReactEventHandler<HTMLElement> | undefined;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-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';
 
@@ -86,8 +86,12 @@ type PersonalizeComponentProps<TVariation extends PersonalizedVariant> = {
      * This name is emitted to analytics after personalization executes.
      */
     name: string;
+    /** The algorithm to use for personalization, if not the default. */
+    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. */
@@ -103,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
@@ -210,6 +216,8 @@ declare const Track: ({ behavior, children, tagName, threshold, disableVisibilit
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -284,7 +292,7 @@ declare const Track: ({ behavior, children, tagName, threshold, disableVisibilit
     onBlurCapture?: react.FocusEventHandler<HTMLElement> | undefined;
     onChange?: react.FormEventHandler<HTMLElement> | undefined;
     onChangeCapture?: react.FormEventHandler<HTMLElement> | undefined;
-    onBeforeInput?: react.FormEventHandler<HTMLElement> | undefined;
+    onBeforeInput?: react.InputEventHandler<HTMLElement> | undefined;
     onBeforeInputCapture?: react.FormEventHandler<HTMLElement> | undefined;
     onInput?: react.FormEventHandler<HTMLElement> | undefined;
     onInputCapture?: react.FormEventHandler<HTMLElement> | undefined;
@@ -334,8 +342,6 @@ declare const Track: ({ behavior, children, tagName, threshold, disableVisibilit
     onProgressCapture?: react.ReactEventHandler<HTMLElement> | undefined;
     onRateChange?: react.ReactEventHandler<HTMLElement> | undefined;
     onRateChangeCapture?: react.ReactEventHandler<HTMLElement> | undefined;
-    onResize?: react.ReactEventHandler<HTMLElement> | undefined;
-    onResizeCapture?: react.ReactEventHandler<HTMLElement> | undefined;
     onSeeked?: react.ReactEventHandler<HTMLElement> | undefined;
     onSeekedCapture?: react.ReactEventHandler<HTMLElement> | undefined;
     onSeeking?: react.ReactEventHandler<HTMLElement> | undefined;

package/dist/index.esm.js

@@ -83,7 +83,8 @@ function PersonalizeEdge(props) {
   const { variations, count, component } = props;
   const options = {
     name: props.name,
-    count: count != null ? count : 1
+    count: count != null ? count : 1,
+    algorithm: props.algorithm
   };
   const Component = component;
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
@@ -120,18 +121,23 @@ function PersonalizeStandard({
   component,
   wrapperComponent,
   name,
-  count = 1
+  algorithm,
+  count = 1,
+  compositionMetadata
 }) {
   const { context } = useUniformContext();
   const scores = useScores();
+  const quirks = useQuirks();
   const { variations: personalizedVariations, personalized: personalizationOccurred } = useMemo(
     () => context.personalize({
       name,
       variations,
-      take: count
+      take: count,
+      algorithm,
+      compositionMetadata
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [scores, 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;
@@ -201,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;

package/dist/index.js

@@ -125,7 +125,8 @@ function PersonalizeEdge(props) {
   const { variations, count, component } = props;
   const options = {
     name: props.name,
-    count: count != null ? count : 1
+    count: count != null ? count : 1,
+    algorithm: props.algorithm
   };
   const Component = component;
   return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
@@ -162,18 +163,23 @@ function PersonalizeStandard({
   component,
   wrapperComponent,
   name,
-  count = 1
+  algorithm,
+  count = 1,
+  compositionMetadata
 }) {
   const { context } = useUniformContext();
   const scores = useScores();
+  const quirks = useQuirks();
   const { variations: personalizedVariations, personalized: personalizationOccurred } = (0, import_react7.useMemo)(
     () => context.personalize({
       name,
       variations,
-      take: count
+      take: count,
+      algorithm,
+      compositionMetadata
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [scores, 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;
@@ -243,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;

package/dist/index.mjs

@@ -83,7 +83,8 @@ function PersonalizeEdge(props) {
   const { variations, count, component } = props;
   const options = {
     name: props.name,
-    count: count != null ? count : 1
+    count: count != null ? count : 1,
+    algorithm: props.algorithm
   };
   const Component = component;
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
@@ -120,18 +121,23 @@ function PersonalizeStandard({
   component,
   wrapperComponent,
   name,
-  count = 1
+  algorithm,
+  count = 1,
+  compositionMetadata
 }) {
   const { context } = useUniformContext();
   const scores = useScores();
+  const quirks = useQuirks();
   const { variations: personalizedVariations, personalized: personalizationOccurred } = useMemo(
     () => context.personalize({
       name,
       variations,
-      take: count
+      take: count,
+      algorithm,
+      compositionMetadata
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [scores, 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;
@@ -201,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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/context-react",
-  "version": "20.7.1-alpha.12+75bdbe8f17",
+  "version": "20.7.1-alpha.121+a4f284458c",
   "description": "Uniform Context React integration package",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -22,15 +22,15 @@
     "test": "jest --maxWorkers=1",
     "lint": "eslint \"src/**/*.{js,ts,tsx}\"",
     "format": "prettier --write \"src/**/*.{js,ts,tsx}\"",
-    "document": "api-extractor run --local"
+    "document:prebuild": "api-extractor run --local"
   },
   "devDependencies": {
-    "@types/react": "18.3.11",
+    "@types/react": "18.3.24",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@uniformdev/context": "20.7.1-alpha.12+75bdbe8f17",
+    "@uniformdev/context": "20.7.1-alpha.121+a4f284458c",
     "cookie": "1.0.1",
     "dequal": "2.0.3"
   },
@@ -44,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "75bdbe8f179a18d65e3460f795a657c69349a7dc"
+  "gitHead": "a4f284458cffb24442299a5210bdad47c05aada3"
 }