@uniformdev/canvas-next-rsc-client 19.135.0 → 19.135.1-alpha.11

package/dist/index.esm.js

@@ -25,9 +25,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../node_modules/.pnpm/rfdc@1.3.1/node_modules/rfdc/index.js
+// ../../node_modules/.pnpm/rfdc@1.4.1/node_modules/rfdc/index.js
 var require_rfdc = __commonJS({
-  "../../node_modules/.pnpm/rfdc@1.3.1/node_modules/rfdc/index.js"(exports, module) {
+  "../../node_modules/.pnpm/rfdc@1.4.1/node_modules/rfdc/index.js"(exports, module) {
     "use strict";
     module.exports = rfdc4;
     function copyBuffer(cur) {
@@ -38,19 +38,28 @@ var require_rfdc = __commonJS({
     }
     function rfdc4(opts) {
       opts = opts || {};
-      if (opts.circles)
-        return rfdcCircles(opts);
+      if (opts.circles) return rfdcCircles(opts);
+      const constructorHandlers = /* @__PURE__ */ new Map();
+      constructorHandlers.set(Date, (o) => new Date(o));
+      constructorHandlers.set(Map, (o, fn) => new Map(cloneArray(Array.from(o), fn)));
+      constructorHandlers.set(Set, (o, fn) => new Set(cloneArray(Array.from(o), fn)));
+      if (opts.constructorHandlers) {
+        for (const handler2 of opts.constructorHandlers) {
+          constructorHandlers.set(handler2[0], handler2[1]);
+        }
+      }
+      let handler = null;
       return opts.proto ? cloneProto : clone2;
       function cloneArray(a, fn) {
-        var keys = Object.keys(a);
-        var a2 = new Array(keys.length);
-        for (var i = 0; i < keys.length; i++) {
-          var k = keys[i];
-          var cur = a[k];
+        const keys = Object.keys(a);
+        const a2 = new Array(keys.length);
+        for (let i = 0; i < keys.length; i++) {
+          const k = keys[i];
+          const cur = a[k];
           if (typeof cur !== "object" || cur === null) {
             a2[k] = cur;
-          } else if (cur instanceof Date) {
-            a2[k] = new Date(cur);
+          } else if (cur.constructor !== Object && (handler = constructorHandlers.get(cur.constructor))) {
+            a2[k] = handler(cur, fn);
           } else if (ArrayBuffer.isView(cur)) {
             a2[k] = copyBuffer(cur);
           } else {
@@ -60,29 +69,19 @@ var require_rfdc = __commonJS({
         return a2;
       }
       function clone2(o) {
-        if (typeof o !== "object" || o === null)
-          return o;
-        if (o instanceof Date)
-          return new Date(o);
-        if (Array.isArray(o))
-          return cloneArray(o, clone2);
-        if (o instanceof Map)
-          return new Map(cloneArray(Array.from(o), clone2));
-        if (o instanceof Set)
-          return new Set(cloneArray(Array.from(o), clone2));
-        var o2 = {};
-        for (var k in o) {
-          if (Object.hasOwnProperty.call(o, k) === false)
-            continue;
-          var cur = o[k];
+        if (typeof o !== "object" || o === null) return o;
+        if (Array.isArray(o)) return cloneArray(o, clone2);
+        if (o.constructor !== Object && (handler = constructorHandlers.get(o.constructor))) {
+          return handler(o, clone2);
+        }
+        const o2 = {};
+        for (const k in o) {
+          if (Object.hasOwnProperty.call(o, k) === false) continue;
+          const cur = o[k];
           if (typeof cur !== "object" || cur === null) {
             o2[k] = cur;
-          } else if (cur instanceof Date) {
-            o2[k] = new Date(cur);
-          } else if (cur instanceof Map) {
-            o2[k] = new Map(cloneArray(Array.from(cur), clone2));
-          } else if (cur instanceof Set) {
-            o2[k] = new Set(cloneArray(Array.from(cur), clone2));
+          } else if (cur.constructor !== Object && (handler = constructorHandlers.get(cur.constructor))) {
+            o2[k] = handler(cur, clone2);
           } else if (ArrayBuffer.isView(cur)) {
             o2[k] = copyBuffer(cur);
           } else {
@@ -92,27 +91,18 @@ var require_rfdc = __commonJS({
         return o2;
       }
       function cloneProto(o) {
-        if (typeof o !== "object" || o === null)
-          return o;
-        if (o instanceof Date)
-          return new Date(o);
-        if (Array.isArray(o))
-          return cloneArray(o, cloneProto);
-        if (o instanceof Map)
-          return new Map(cloneArray(Array.from(o), cloneProto));
-        if (o instanceof Set)
-          return new Set(cloneArray(Array.from(o), cloneProto));
-        var o2 = {};
-        for (var k in o) {
-          var cur = o[k];
+        if (typeof o !== "object" || o === null) return o;
+        if (Array.isArray(o)) return cloneArray(o, cloneProto);
+        if (o.constructor !== Object && (handler = constructorHandlers.get(o.constructor))) {
+          return handler(o, cloneProto);
+        }
+        const o2 = {};
+        for (const k in o) {
+          const cur = o[k];
           if (typeof cur !== "object" || cur === null) {
             o2[k] = cur;
-          } else if (cur instanceof Date) {
-            o2[k] = new Date(cur);
-          } else if (cur instanceof Map) {
-            o2[k] = new Map(cloneArray(Array.from(cur), cloneProto));
-          } else if (cur instanceof Set) {
-            o2[k] = new Set(cloneArray(Array.from(cur), cloneProto));
+          } else if (cur.constructor !== Object && (handler = constructorHandlers.get(cur.constructor))) {
+            o2[k] = handler(cur, cloneProto);
           } else if (ArrayBuffer.isView(cur)) {
             o2[k] = copyBuffer(cur);
           } else {
@@ -123,23 +113,33 @@ var require_rfdc = __commonJS({
       }
     }
     function rfdcCircles(opts) {
-      var refs = [];
-      var refsNew = [];
+      const refs = [];
+      const refsNew = [];
+      const constructorHandlers = /* @__PURE__ */ new Map();
+      constructorHandlers.set(Date, (o) => new Date(o));
+      constructorHandlers.set(Map, (o, fn) => new Map(cloneArray(Array.from(o), fn)));
+      constructorHandlers.set(Set, (o, fn) => new Set(cloneArray(Array.from(o), fn)));
+      if (opts.constructorHandlers) {
+        for (const handler2 of opts.constructorHandlers) {
+          constructorHandlers.set(handler2[0], handler2[1]);
+        }
+      }
+      let handler = null;
       return opts.proto ? cloneProto : clone2;
       function cloneArray(a, fn) {
-        var keys = Object.keys(a);
-        var a2 = new Array(keys.length);
-        for (var i = 0; i < keys.length; i++) {
-          var k = keys[i];
-          var cur = a[k];
+        const keys = Object.keys(a);
+        const a2 = new Array(keys.length);
+        for (let i = 0; i < keys.length; i++) {
+          const k = keys[i];
+          const cur = a[k];
           if (typeof cur !== "object" || cur === null) {
             a2[k] = cur;
-          } else if (cur instanceof Date) {
-            a2[k] = new Date(cur);
+          } else if (cur.constructor !== Object && (handler = constructorHandlers.get(cur.constructor))) {
+            a2[k] = handler(cur, fn);
           } else if (ArrayBuffer.isView(cur)) {
             a2[k] = copyBuffer(cur);
           } else {
-            var index = refs.indexOf(cur);
+            const index = refs.indexOf(cur);
             if (index !== -1) {
               a2[k] = refsNew[index];
             } else {
@@ -150,35 +150,25 @@ var require_rfdc = __commonJS({
         return a2;
       }
       function clone2(o) {
-        if (typeof o !== "object" || o === null)
-          return o;
-        if (o instanceof Date)
-          return new Date(o);
-        if (Array.isArray(o))
-          return cloneArray(o, clone2);
-        if (o instanceof Map)
-          return new Map(cloneArray(Array.from(o), clone2));
-        if (o instanceof Set)
-          return new Set(cloneArray(Array.from(o), clone2));
-        var o2 = {};
+        if (typeof o !== "object" || o === null) return o;
+        if (Array.isArray(o)) return cloneArray(o, clone2);
+        if (o.constructor !== Object && (handler = constructorHandlers.get(o.constructor))) {
+          return handler(o, clone2);
+        }
+        const o2 = {};
         refs.push(o);
         refsNew.push(o2);
-        for (var k in o) {
-          if (Object.hasOwnProperty.call(o, k) === false)
-            continue;
-          var cur = o[k];
+        for (const k in o) {
+          if (Object.hasOwnProperty.call(o, k) === false) continue;
+          const cur = o[k];
           if (typeof cur !== "object" || cur === null) {
             o2[k] = cur;
-          } else if (cur instanceof Date) {
-            o2[k] = new Date(cur);
-          } else if (cur instanceof Map) {
-            o2[k] = new Map(cloneArray(Array.from(cur), clone2));
-          } else if (cur instanceof Set) {
-            o2[k] = new Set(cloneArray(Array.from(cur), clone2));
+          } else if (cur.constructor !== Object && (handler = constructorHandlers.get(cur.constructor))) {
+            o2[k] = handler(cur, clone2);
           } else if (ArrayBuffer.isView(cur)) {
             o2[k] = copyBuffer(cur);
           } else {
-            var i = refs.indexOf(cur);
+            const i = refs.indexOf(cur);
             if (i !== -1) {
               o2[k] = refsNew[i];
             } else {
@@ -191,33 +181,24 @@ var require_rfdc = __commonJS({
         return o2;
       }
       function cloneProto(o) {
-        if (typeof o !== "object" || o === null)
-          return o;
-        if (o instanceof Date)
-          return new Date(o);
-        if (Array.isArray(o))
-          return cloneArray(o, cloneProto);
-        if (o instanceof Map)
-          return new Map(cloneArray(Array.from(o), cloneProto));
-        if (o instanceof Set)
-          return new Set(cloneArray(Array.from(o), cloneProto));
-        var o2 = {};
+        if (typeof o !== "object" || o === null) return o;
+        if (Array.isArray(o)) return cloneArray(o, cloneProto);
+        if (o.constructor !== Object && (handler = constructorHandlers.get(o.constructor))) {
+          return handler(o, cloneProto);
+        }
+        const o2 = {};
         refs.push(o);
         refsNew.push(o2);
-        for (var k in o) {
-          var cur = o[k];
+        for (const k in o) {
+          const cur = o[k];
           if (typeof cur !== "object" || cur === null) {
             o2[k] = cur;
-          } else if (cur instanceof Date) {
-            o2[k] = new Date(cur);
-          } else if (cur instanceof Map) {
-            o2[k] = new Map(cloneArray(Array.from(cur), cloneProto));
-          } else if (cur instanceof Set) {
-            o2[k] = new Set(cloneArray(Array.from(cur), cloneProto));
+          } else if (cur.constructor !== Object && (handler = constructorHandlers.get(cur.constructor))) {
+            o2[k] = handler(cur, cloneProto);
           } else if (ArrayBuffer.isView(cur)) {
             o2[k] = copyBuffer(cur);
           } else {
-            var i = refs.indexOf(cur);
+            const i = refs.indexOf(cur);
             if (i !== -1) {
               o2[k] = refsNew[i];
             } else {
@@ -361,27 +342,21 @@ var ContextUpdateTransferClient = ({
 var has = Object.prototype.hasOwnProperty;
 function dequal(foo, bar) {
   var ctor, len;
-  if (foo === bar)
-    return true;
+  if (foo === bar) return true;
   if (foo && bar && (ctor = foo.constructor) === bar.constructor) {
-    if (ctor === Date)
-      return foo.getTime() === bar.getTime();
-    if (ctor === RegExp)
-      return foo.toString() === bar.toString();
+    if (ctor === Date) return foo.getTime() === bar.getTime();
+    if (ctor === RegExp) return foo.toString() === bar.toString();
     if (ctor === Array) {
       if ((len = foo.length) === bar.length) {
-        while (len-- && dequal(foo[len], bar[len]))
-          ;
+        while (len-- && dequal(foo[len], bar[len])) ;
       }
       return len === -1;
     }
     if (!ctor || typeof foo === "object") {
       len = 0;
       for (ctor in foo) {
-        if (has.call(foo, ctor) && ++len && !has.call(bar, ctor))
-          return false;
-        if (!(ctor in bar) || !dequal(foo[ctor], bar[ctor]))
-          return false;
+        if (has.call(foo, ctor) && ++len && !has.call(bar, ctor)) return false;
+        if (!(ctor in bar) || !dequal(foo[ctor], bar[ctor])) return false;
       }
       return Object.keys(bar).length === len;
     }
@@ -491,33 +466,27 @@ var api = init(defaultConverter, { path: "/" });
 var import_rfdc = __toESM(require_rfdc(), 1);
 var import_rfdc2 = __toESM(require_rfdc(), 1);
 var import_rfdc3 = __toESM(require_rfdc(), 1);
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
+var __typeError = (msg) => {
+  throw TypeError(msg);
 };
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var ENR_SEPARATOR = "_";
+var _id;
+_id = /* @__PURE__ */ new WeakMap();
 var _evaluator;
 var _onLogMessage;
 _evaluator = /* @__PURE__ */ new WeakMap();
 _onLogMessage = /* @__PURE__ */ new WeakMap();
 var _mf;
 var _signalInstances;
+var _goalEvaluators;
 var _onLogMessage2;
 _mf = /* @__PURE__ */ new WeakMap();
 _signalInstances = /* @__PURE__ */ new WeakMap();
+_goalEvaluators = /* @__PURE__ */ new WeakMap();
 _onLogMessage2 = /* @__PURE__ */ new WeakMap();
 function getEnrichmentVectorKey(category, value) {
   return `${category}${ENR_SEPARATOR}${value}`;
@@ -604,9 +573,9 @@ var _cookieName;
 var _cookieAttributes;
 _cookieName = /* @__PURE__ */ new WeakMap();
 _cookieAttributes = /* @__PURE__ */ new WeakMap();
-var _fetchData;
+var _EdgeTransitionDataStore_instances;
 var fetchData_fn;
-_fetchData = /* @__PURE__ */ new WeakSet();
+_EdgeTransitionDataStore_instances = /* @__PURE__ */ new WeakSet();
 fetchData_fn = async function() {
   const serviceData = await new Promise((resolve) => {
     setTimeout(() => {
@@ -622,64 +591,61 @@ var emptyVisitorData = () => ({
   scores: {},
   sessionScores: {},
   tests: {},
+  goals: {},
   consent: false,
   controlGroup: false,
   personalizeVariants: {}
 });
 var clone = (0, import_rfdc.default)();
+var _LocalStorage_instances;
+var key_fn;
+_LocalStorage_instances = /* @__PURE__ */ new WeakSet();
+key_fn = function(key) {
+  return this.partitionKey ? `${this.partitionKey}.${key}` : key;
+};
 var STORAGE_KEY = "ufvisitor";
 var _mitt2;
 var _persist;
 var _visitTimeout;
 var _options;
-var _currentData;
+var _VisitorDataStore_instances;
 var currentData_get;
-var _replaceData;
 var replaceData_fn;
-var _setVisitTimeout;
 var setVisitTimeout_fn;
-var _isExpired;
 var isExpired_fn;
-var _handleCaps;
 var handleCaps_fn;
-var _defaultData;
 var defaultData_fn;
 _mitt2 = /* @__PURE__ */ new WeakMap();
 _persist = /* @__PURE__ */ new WeakMap();
 _visitTimeout = /* @__PURE__ */ new WeakMap();
 _options = /* @__PURE__ */ new WeakMap();
-_currentData = /* @__PURE__ */ new WeakSet();
+_VisitorDataStore_instances = /* @__PURE__ */ new WeakSet();
 currentData_get = function() {
   return __privateGet(this, _persist).get(STORAGE_KEY);
 };
-_replaceData = /* @__PURE__ */ new WeakSet();
 replaceData_fn = function(data, quiet = false) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const oldData = __privateGet(this, _currentData, currentData_get);
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const oldData = __privateGet(this, _VisitorDataStore_instances, currentData_get);
   const now = Date.now();
-  if (data.controlGroup) {
-    data.scores = {};
-    data.sessionScores = {};
-  } else {
-    __privateMethod(this, _handleCaps, handleCaps_fn).call(this, data.scores);
-    __privateMethod(this, _handleCaps, handleCaps_fn).call(this, data.sessionScores);
-    (_b = (_a = __privateGet(this, _options)).decay) == null ? void 0 : _b.call(_a, {
-      now,
-      lastUpd: oldData == null ? void 0 : oldData.updated,
-      scores: data.scores,
-      sessionScores: data.sessionScores,
-      onLogMessage: __privateGet(this, _options).onLogMessage
-    });
-  }
+  __privateMethod(this, _VisitorDataStore_instances, handleCaps_fn).call(this, data.scores);
+  __privateMethod(this, _VisitorDataStore_instances, handleCaps_fn).call(this, data.sessionScores);
+  (_b = (_a = __privateGet(this, _options)).decay) == null ? void 0 : _b.call(_a, {
+    now,
+    lastUpd: oldData == null ? void 0 : oldData.updated,
+    scores: data.scores,
+    sessionScores: data.sessionScores,
+    onLogMessage: __privateGet(this, _options).onLogMessage
+  });
   const haveScoresChanged = !dequal(oldData == null ? void 0 : oldData.visitorData.scores, data.scores);
   const haveSessionScoresChanged = !dequal(oldData == null ? void 0 : oldData.visitorData.sessionScores, data.sessionScores);
   const haveQuirksChanged = !dequal(oldData == null ? void 0 : oldData.visitorData.quirks, data.quirks);
   const haveTestsChanged = !dequal(oldData == null ? void 0 : oldData.visitorData.tests, data.tests);
+  const haveGoalsChanged = !dequal(oldData == null ? void 0 : oldData.visitorData.goals, data.goals);
   const updatedData = {
     updated: now,
     visitorData: data
   };
-  __privateMethod(this, _setVisitTimeout, setVisitTimeout_fn).call(this);
+  __privateMethod(this, _VisitorDataStore_instances, setVisitTimeout_fn).call(this);
   __privateGet(this, _persist).set(STORAGE_KEY, updatedData, !!data.consent);
   (_d = (_c = __privateGet(this, _options)).onLogMessage) == null ? void 0 : _d.call(_c, ["debug", 102, data]);
   if (!quiet) {
@@ -699,9 +665,17 @@ replaceData_fn = function(data, quiet = false) {
       __privateGet(this, _mitt2).emit("controlGroupUpdated", data);
       (_i = (_h = __privateGet(this, _options)).onLogMessage) == null ? void 0 : _i.call(_h, ["debug", 104, (_g = data.controlGroup) != null ? _g : false]);
     }
+    if (haveGoalsChanged) {
+      const newGoalKeys = Object.keys((_j = data.goals) != null ? _j : {});
+      for (let i = 0; i < newGoalKeys.length; i++) {
+        const key = newGoalKeys[i];
+        if (!((_k = oldData == null ? void 0 : oldData.visitorData.goals) == null ? void 0 : _k[key])) {
+          __privateGet(this, _mitt2).emit("goalConverted", { goalId: key });
+        }
+      }
+    }
   }
 };
-_setVisitTimeout = /* @__PURE__ */ new WeakSet();
 setVisitTimeout_fn = function() {
   if (typeof document === "undefined" || !__privateGet(this, _options).visitLifespan) {
     return;
@@ -713,12 +687,10 @@ setVisitTimeout_fn = function() {
     this.data;
   }, __privateGet(this, _options).visitLifespan + 50));
 };
-_isExpired = /* @__PURE__ */ new WeakSet();
 isExpired_fn = function(data) {
   const expires = __privateGet(this, _options).visitLifespan;
   return expires ? data.updated + expires < Date.now() : false;
 };
-_handleCaps = /* @__PURE__ */ new WeakSet();
 handleCaps_fn = function(scores) {
   var _a, _b;
   if (!__privateGet(this, _options).manifest) {
@@ -736,7 +708,6 @@ handleCaps_fn = function(scores) {
     }
   }
 };
-_defaultData = /* @__PURE__ */ new WeakSet();
 defaultData_fn = function() {
   var _a, _b, _c;
   return {
@@ -749,33 +720,44 @@ var _serverTransitionState;
 var _scores;
 var _state;
 var _pzCache;
+var _plugins;
+var _commands;
 var _mitt3;
-var _emitTest;
+var _Context_instances;
 var emitTest_fn;
-var _updateComputedScores;
+var updateGoals_fn;
 var updateComputedScores_fn;
-var _calculateScores;
 var calculateScores_fn;
 _serverTransitionState = /* @__PURE__ */ new WeakMap();
 _scores = /* @__PURE__ */ new WeakMap();
 _state = /* @__PURE__ */ new WeakMap();
 _pzCache = /* @__PURE__ */ new WeakMap();
+_plugins = /* @__PURE__ */ new WeakMap();
+_commands = /* @__PURE__ */ new WeakMap();
 _mitt3 = /* @__PURE__ */ new WeakMap();
-_emitTest = /* @__PURE__ */ new WeakSet();
+_Context_instances = /* @__PURE__ */ new WeakSet();
 emitTest_fn = function(event) {
   __privateGet(this, _mitt3).emit("testResult", event);
 };
-_updateComputedScores = /* @__PURE__ */ new WeakSet();
+updateGoals_fn = async function(data) {
+  const goalCommands = this.manifest.computeGoals(data);
+  if (goalCommands.length !== 0) {
+    await this.storage.updateData(goalCommands);
+  }
+};
 updateComputedScores_fn = function(newData) {
-  const newScores = __privateMethod(this, _calculateScores, calculateScores_fn).call(this, newData);
+  const newScores = __privateMethod(this, _Context_instances, calculateScores_fn).call(this, newData);
   const newScoresHaveChanged = !dequal(newScores, __privateGet(this, _scores));
   if (newScoresHaveChanged) {
     __privateSet(this, _scores, newScores);
+    __privateMethod(this, _Context_instances, updateGoals_fn).call(this, {
+      scores: __privateGet(this, _scores),
+      quirks: void 0
+    });
     __privateGet(this, _mitt3).emit("scoresUpdated", newScores);
     __privateGet(this, _mitt3).emit("log", ["info", 3, newScores]);
   }
 };
-_calculateScores = /* @__PURE__ */ new WeakSet();
 calculateScores_fn = function(newData) {
   var _a;
   let newScores = { ...newData.scores };
@@ -822,13 +804,11 @@ function enableContextDevTools(options) {
         );
       };
       const onPersonalizationResult = (e) => {
-        if (!e.changed)
-          return;
+        if (!e.changed) return;
         personalizations.push(e);
       };
       const onTestResult = (e) => {
-        if (!e.variantAssigned)
-          return;
+        if (!e.variantAssigned) return;
         tests.push(e);
       };
       if (isBrowser) {
@@ -975,18 +955,17 @@ var PersonalizeClient = (props) => {
 // src/components/TestClient.ts
 import { CANVAS_TEST_SLOT } from "@uniformdev/canvas";
 import { runTest } from "@uniformdev/canvas-next-rsc-shared";
-import { createElement as createElement2, Fragment as Fragment4, useEffect as useEffect8, useState as useState7 } from "react";
+import { createElement as createElement2, Fragment as Fragment4, useMemo } from "react";
 var TestClient = (props) => {
   var _a;
   const { slots } = props;
   const { context } = useUniformContext();
-  const [index, setIndex] = useState7(0);
-  useEffect8(() => {
+  const index = useMemo(() => {
     const result = runTest({
       ...props,
       contextInstance: context
     });
-    setIndex(result.index);
+    return result.index;
   }, [props, context]);
   if (typeof index !== "number") {
     return null;
@@ -1001,14 +980,14 @@ import {
   isAllowedReferrer
 } from "@uniformdev/canvas";
 import { useRouter as useRouter2, useSearchParams as useSearchParams3 } from "next/navigation";
-import { useEffect as useEffect9, useMemo, useRef } from "react";
+import { useEffect as useEffect8, useMemo as useMemo2, useRef } from "react";
 import { Fragment as Fragment5, jsx as jsx3 } from "react/jsx-runtime";
 var UniformScript = () => {
   const router = useRouter2();
   const params = useSearchParams3();
   const needsToRefreshRef = useRef(false);
   const enabled = params.get(IN_CONTEXT_EDITOR_QUERY_STRING_PARAM2) === "true";
-  const channel = useMemo(() => {
+  const channel = useMemo2(() => {
     var _a;
     if (typeof window === "undefined") {
       return;
@@ -1019,7 +998,7 @@ var UniformScript = () => {
     });
     return instance;
   }, []);
-  useEffect9(() => {
+  useEffect8(() => {
     if (!channel) {
       return;
     }
@@ -1036,7 +1015,7 @@ var UniformScript = () => {
       unsubscribeFromEditorUpdates();
     };
   }, [channel, router]);
-  useEffect9(() => {
+  useEffect8(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1044,6 +1023,10 @@ var UniformScript = () => {
     if (enabled) {
       if (!existing) {
         const textHost = isAllowedReferrer(window.document.referrer) ? window.document.referrer : "https://uniform.app/";
+        window.__UNIFORM_CONTEXTUAL_EDITING__ = {
+          framework: "React",
+          version: 2
+        };
         const bundleHost = new URL(textHost);
         bundleHost.pathname = "/files/canvas-in-context-embed/index.js";
         const script = document.createElement("script");
@@ -1057,7 +1040,7 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
-  useEffect9(() => {
+  useEffect8(() => {
     const handleBlurChange = () => {
       if (needsToRefreshRef.current) {
         router.refresh();
@@ -1071,6 +1054,87 @@ var UniformScript = () => {
   }, [router]);
   return /* @__PURE__ */ jsx3(Fragment5, {});
 };
+
+// src/components/VisibilityRulesWrapperClient.tsx
+import {
+  createQuirksVisibilityRule,
+  evaluateNodeVisibilityParameter
+} from "@uniformdev/canvas";
+import { useEffect as useEffect10, useMemo as useMemo3, useState as useState8 } from "react";
+
+// src/hooks/useQuirks.ts
+import { useEffect as useEffect9, useState as useState7 } from "react";
+function useQuirks() {
+  var _a;
+  const { context } = useUniformContext();
+  const [quirks, setQuirks] = useState7((_a = context == null ? void 0 : context.quirks) != null ? _a : {});
+  useEffect9(() => {
+    if (!context) {
+      return;
+    }
+    const quirkChangeListener = (updatedQuirks) => {
+      setQuirks(updatedQuirks);
+    };
+    setQuirks(context.quirks);
+    context == null ? void 0 : context.events.on("quirksUpdated", quirkChangeListener);
+    return () => {
+      context == null ? void 0 : context.events.off("quirksUpdated", quirkChangeListener);
+    };
+  }, [context]);
+  return quirks;
+}
+
+// src/components/VisibilityRulesWrapperClient.tsx
+import { Fragment as Fragment6, jsx as jsx4 } from "react/jsx-runtime";
+var VisibilityRulesWrapperClient = ({
+  parameter,
+  initialIsVisible,
+  children
+}) => {
+  const [isVisible, setIsVisible] = useState8(initialIsVisible);
+  const [visibleSource, setVisibleSource] = useState8(
+    initialIsVisible === null ? "unknown" : "server"
+  );
+  const quirks = useQuirks();
+  const rules = useMemo3(() => {
+    return {
+      ...createQuirksVisibilityRule(quirks)
+    };
+  }, [quirks]);
+  useEffect10(() => {
+    const result = evaluateNodeVisibilityParameter({
+      rules,
+      parameter
+    });
+    if (visibleSource === "server" && initialIsVisible && !result) {
+      return;
+    }
+    setIsVisible(result);
+    setVisibleSource("client");
+  }, [initialIsVisible, visibleSource, parameter, rules]);
+  return isVisible ? /* @__PURE__ */ jsx4(Fragment6, { children }) : null;
+};
+
+// src/hooks/useScores.ts
+import { useEffect as useEffect11, useState as useState9 } from "react";
+function useScores() {
+  const { context } = useUniformContext();
+  const [scores, setScores] = useState9(context == null ? void 0 : context.scores);
+  useEffect11(() => {
+    if (!context) {
+      return;
+    }
+    const scoringChangeListener = (updatedScores) => {
+      setScores(updatedScores);
+    };
+    setScores(context.scores);
+    context.events.on("scoresUpdated", scoringChangeListener);
+    return () => {
+      context.events.off("scoresUpdated", scoringChangeListener);
+    };
+  }, [context]);
+  return scores;
+}
 export {
   ClientContextPersonalizationTransfer,
   ClientContextTestTransfer,
@@ -1081,8 +1145,11 @@ export {
   PersonalizeClient,
   TestClient,
   UniformScript,
+  VisibilityRulesWrapperClient,
   createClientUniformContext,
   useInitUniformContext,
+  useQuirks,
+  useScores,
   useUniformContext
 };
 /*! Bundled license information: