@uniformdev/canvas-next-rsc-client 19.79.0 → 19.79.1-alpha.13

package/dist/index.d.mts

@@ -1,4 +1,5 @@
-import { ManifestV2, ContextOptions } from '@uniformdev/context';
+import { ManifestV2, TestEvent, ContextOptions } from '@uniformdev/context';
+import { PersonalizationEvent } from '@uniformdev/context/*';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PureContextualEditingComponentWrapperProps } from '@uniformdev/canvas-react/core';
 import * as react from 'react';
@@ -18,6 +19,16 @@ type ClientContextComponentProps = {
 };
 type ClientContextComponent = (props: ClientContextComponentProps) => JSX.Element | null;
 
+declare const ClientContextPersonalizationTransfer: ({ event, ts, }: {
+    event: PersonalizationEvent;
+    ts: number;
+}) => null;
+
+declare const ClientContextTestTransfer: ({ event, ts }: {
+    event: TestEvent;
+    ts: number;
+}) => null;
+
 declare const ClientContextualEditingComponentWrapper: (props: PropsWithChildren<PureContextualEditingComponentWrapperProps>) => react_jsx_runtime.JSX.Element;
 
 declare const ClientContextUpdate: () => react_jsx_runtime.JSX.Element;
@@ -56,4 +67,4 @@ declare const useUniformContext: () => {
     context: AppDirectoryContext | undefined;
 };
 
-export { ClientContextComponent, ClientContextComponentProps, ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, CreateClientUniformContextOptions, DefaultUniformClientContext, PersonalizeClient, PersonalizeClientProps, TestClient, UniformScript, createClientUniformContext, useInitUniformContext, useUniformContext };
+export { type ClientContextComponent, type ClientContextComponentProps, ClientContextPersonalizationTransfer, ClientContextTestTransfer, ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, type CreateClientUniformContextOptions, DefaultUniformClientContext, PersonalizeClient, type PersonalizeClientProps, TestClient, UniformScript, createClientUniformContext, useInitUniformContext, useUniformContext };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import { ManifestV2, ContextOptions } from '@uniformdev/context';
+import { ManifestV2, TestEvent, ContextOptions } from '@uniformdev/context';
+import { PersonalizationEvent } from '@uniformdev/context/*';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PureContextualEditingComponentWrapperProps } from '@uniformdev/canvas-react/core';
 import * as react from 'react';
@@ -18,6 +19,16 @@ type ClientContextComponentProps = {
 };
 type ClientContextComponent = (props: ClientContextComponentProps) => JSX.Element | null;
 
+declare const ClientContextPersonalizationTransfer: ({ event, ts, }: {
+    event: PersonalizationEvent;
+    ts: number;
+}) => null;
+
+declare const ClientContextTestTransfer: ({ event, ts }: {
+    event: TestEvent;
+    ts: number;
+}) => null;
+
 declare const ClientContextualEditingComponentWrapper: (props: PropsWithChildren<PureContextualEditingComponentWrapperProps>) => react_jsx_runtime.JSX.Element;
 
 declare const ClientContextUpdate: () => react_jsx_runtime.JSX.Element;
@@ -56,4 +67,4 @@ declare const useUniformContext: () => {
     context: AppDirectoryContext | undefined;
 };
 
-export { ClientContextComponent, ClientContextComponentProps, ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, CreateClientUniformContextOptions, DefaultUniformClientContext, PersonalizeClient, PersonalizeClientProps, TestClient, UniformScript, createClientUniformContext, useInitUniformContext, useUniformContext };
+export { type ClientContextComponent, type ClientContextComponentProps, ClientContextPersonalizationTransfer, ClientContextTestTransfer, ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, type CreateClientUniformContextOptions, DefaultUniformClientContext, PersonalizeClient, type PersonalizeClientProps, TestClient, UniformScript, createClientUniformContext, useInitUniformContext, useUniformContext };

package/dist/index.esm.js

@@ -233,6 +233,63 @@ var require_rfdc = __commonJS({
   }
 });
 
+// src/components/ClientContextPersonalizationTransfer.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+
+// src/hooks/useUniformContext.ts
+import { useEffect, useState } from "react";
+var useUniformContext = () => {
+  const [context, setContext] = useState(
+    typeof window !== "undefined" ? window.__UNIFORM_CONTEXT__ : void 0
+  );
+  useEffect(() => {
+    const listener = () => {
+      setContext(window.__UNIFORM_CONTEXT__);
+    };
+    window.addEventListener("uniform.context.loaded", listener);
+    return () => {
+      window.removeEventListener("uniform.context.loaded", listener);
+    };
+  }, []);
+  return {
+    context
+  };
+};
+
+// src/components/ClientContextPersonalizationTransfer.tsx
+var ClientContextPersonalizationTransfer = ({
+  event,
+  ts
+}) => {
+  const { context } = useUniformContext();
+  const [lastLogged, setLastLogged] = useState2(void 0);
+  useEffect2(() => {
+    const shouldBeLogged = !ts || lastLogged !== ts;
+    const hasContext = typeof context !== "undefined";
+    if (shouldBeLogged && hasContext) {
+      setLastLogged(ts);
+      context.internal_processPersonalizationEvent(event);
+    }
+  }, [context, event, lastLogged, ts]);
+  return null;
+};
+
+// src/components/ClientContextTestTransfer.tsx
+import { useEffect as useEffect3, useState as useState3 } from "react";
+var ClientContextTestTransfer = ({ event, ts }) => {
+  const { context } = useUniformContext();
+  const [lastLogged, setLastLogged] = useState3(void 0);
+  useEffect3(() => {
+    const shouldBeLogged = !ts || lastLogged !== ts;
+    const hasContext = typeof context !== "undefined";
+    if (shouldBeLogged && hasContext && event.variantId) {
+      setLastLogged(ts);
+      context.internal_processTestEvent(event);
+    }
+  }, [context, event, lastLogged, ts]);
+  return null;
+};
+
 // src/components/ClientContextualEditingComponentWrapper.tsx
 import { IN_CONTEXT_EDITOR_QUERY_STRING_PARAM } from "@uniformdev/canvas";
 import {
@@ -258,29 +315,7 @@ var ClientContextualEditingComponentWrapperInner = ({
 
 // src/components/ClientContextUpdate.tsx
 import { useParams, useSearchParams as useSearchParams2 } from "next/navigation";
-import { Suspense as Suspense2, useEffect as useEffect2 } from "react";
-
-// src/hooks/useUniformContext.ts
-import { useEffect, useState } from "react";
-var useUniformContext = () => {
-  const [context, setContext] = useState(
-    typeof window !== "undefined" ? window.__UNIFORM_CONTEXT__ : void 0
-  );
-  useEffect(() => {
-    const listener = () => {
-      setContext(window.__UNIFORM_CONTEXT__);
-    };
-    window.addEventListener("uniform.context.loaded", listener);
-    return () => {
-      window.removeEventListener("uniform.context.loaded", listener);
-    };
-  }, []);
-  return {
-    context
-  };
-};
-
-// src/components/ClientContextUpdate.tsx
+import { Suspense as Suspense2, useEffect as useEffect4 } from "react";
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
 var ClientContextUpdate = () => {
   return /* @__PURE__ */ jsx2(Suspense2, { children: /* @__PURE__ */ jsx2(ClientContextUpdateInner, {}) });
@@ -289,7 +324,7 @@ var ClientContextUpdateInner = () => {
   const params = useParams();
   const searchParams = useSearchParams2();
   const { context } = useUniformContext();
-  useEffect2(() => {
+  useEffect4(() => {
     if (!context || typeof window === "undefined") {
       return;
     }
@@ -303,14 +338,14 @@ var ClientContextUpdateInner = () => {
 };
 
 // src/components/ContextUpdateTransferClient.tsx
-import { useEffect as useEffect3, useState as useState2 } from "react";
+import { useEffect as useEffect5, useState as useState4 } from "react";
 var ContextUpdateTransferClient = ({
   update,
   ts
 }) => {
   const { context } = useUniformContext();
-  const [lastLogged, setLastLogged] = useState2(void 0);
-  useEffect3(() => {
+  const [lastLogged, setLastLogged] = useState4(void 0);
+  useEffect5(() => {
     const shouldBeLogged = (!ts || lastLogged !== ts) && Object.keys(update).length > 0;
     const hasContext = typeof context !== "undefined";
     if (shouldBeLogged && hasContext) {
@@ -473,19 +508,6 @@ var __privateMethod = (obj, member, method) => {
   return method;
 };
 var ENR_SEPARATOR = "_";
-var _evaluator;
-var _onLogMessage;
-_evaluator = /* @__PURE__ */ new WeakMap();
-_onLogMessage = /* @__PURE__ */ new WeakMap();
-var _mf;
-var _signalInstances;
-var _onLogMessage2;
-_mf = /* @__PURE__ */ new WeakMap();
-_signalInstances = /* @__PURE__ */ new WeakMap();
-_onLogMessage2 = /* @__PURE__ */ new WeakMap();
-function getEnrichmentVectorKey(category, value) {
-  return `${category}${ENR_SEPARATOR}${value}`;
-}
 function isNumberMatch(lhs, match) {
   var _a;
   if (typeof lhs === "undefined" || lhs === null) {
@@ -515,6 +537,13 @@ function explainNumberMatch(lhs, match) {
 function explainNumberMatchCriteria(match) {
   return `${match.op} ${match.rhs}`;
 }
+function getEnrichmentVectorKey(category, value) {
+  return `${category}${ENR_SEPARATOR}${value}`;
+}
+var _goal;
+var _id;
+_goal = /* @__PURE__ */ new WeakMap();
+_id = /* @__PURE__ */ new WeakMap();
 var pageViewCountDimension = getEnrichmentVectorKey("$pvc", "v");
 var pageViewCountEvaluator = ({ update, criteria, commands, onLogMessage }) => {
   var _a, _b;
@@ -552,6 +581,26 @@ var pageViewCountEvaluator = ({ update, criteria, commands, onLogMessage }) => {
 pageViewCountEvaluator.alwaysExecute = true;
 var _evaluators;
 _evaluators = /* @__PURE__ */ new WeakMap();
+var _goal2;
+var _id2;
+_goal2 = /* @__PURE__ */ new WeakMap();
+_id2 = /* @__PURE__ */ new WeakMap();
+var _goal3;
+var _id3;
+_goal3 = /* @__PURE__ */ new WeakMap();
+_id3 = /* @__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();
 var _data;
 var _initialData;
 var _mitt;
@@ -586,6 +635,7 @@ var emptyVisitorData = () => ({
   scores: {},
   sessionScores: {},
   tests: {},
+  goals: {},
   consent: false,
   controlGroup: false
 });
@@ -617,7 +667,7 @@ currentData_get = function() {
 };
 _replaceData = /* @__PURE__ */ new WeakSet();
 replaceData_fn = function(data, quiet = false) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const oldData = __privateGet(this, _currentData, currentData_get);
   const now = Date.now();
   if (data.controlGroup) {
@@ -638,6 +688,7 @@ replaceData_fn = function(data, quiet = false) {
   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
@@ -662,6 +713,15 @@ 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();
@@ -712,9 +772,12 @@ var _serverTransitionState;
 var _scores;
 var _state;
 var _pzCache;
+var _plugins;
 var _mitt3;
 var _emitTest;
 var emitTest_fn;
+var _updateGoals;
+var updateGoals_fn;
 var _updateComputedScores;
 var updateComputedScores_fn;
 var _calculateScores;
@@ -723,17 +786,29 @@ _serverTransitionState = /* @__PURE__ */ new WeakMap();
 _scores = /* @__PURE__ */ new WeakMap();
 _state = /* @__PURE__ */ new WeakMap();
 _pzCache = /* @__PURE__ */ new WeakMap();
+_plugins = /* @__PURE__ */ new WeakMap();
 _mitt3 = /* @__PURE__ */ new WeakMap();
 _emitTest = /* @__PURE__ */ new WeakSet();
 emitTest_fn = function(event) {
   __privateGet(this, _mitt3).emit("testResult", event);
 };
+_updateGoals = /* @__PURE__ */ new WeakSet();
+updateGoals_fn = async function(data) {
+  const goalCommands = this.manifest.computeGoals(data);
+  if (goalCommands.length !== 0) {
+    await this.storage.updateData(goalCommands);
+  }
+};
 _updateComputedScores = /* @__PURE__ */ new WeakSet();
 updateComputedScores_fn = function(newData) {
   const newScores = __privateMethod(this, _calculateScores, calculateScores_fn).call(this, newData);
   const newScoresHaveChanged = !dequal(newScores, __privateGet(this, _scores));
   if (newScoresHaveChanged) {
     __privateSet(this, _scores, newScores);
+    __privateMethod(this, _updateGoals, 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]);
   }
@@ -826,10 +901,8 @@ function enableContextDevTools(options) {
       context.events.on("personalizationResult", onPersonalizationResult);
       context.events.on("testResult", onTestResult);
       context.events.on("scoresUpdated", onContextDataUpdated);
-      context.storage.events.on("*", onContextDataUpdated);
       return () => {
         context.events.off("scoresUpdated", onContextDataUpdated);
-        context.storage.events.off("*", onContextDataUpdated);
         context.events.off("personalizationResult", onPersonalizationResult);
         context.events.off("testResult", onTestResult);
       };
@@ -874,10 +947,10 @@ var createClientUniformContext = (options) => {
 };
 
 // src/hooks/useInitUniformContext.ts
-import { useEffect as useEffect4, useState as useState3 } from "react";
+import { useEffect as useEffect6, useState as useState5 } from "react";
 var useInitUniformContext = (callback) => {
-  const [called, setCalled] = useState3(false);
-  useEffect4(() => {
+  const [called, setCalled] = useState5(false);
+  useEffect6(() => {
     if (typeof window === "undefined" || called || typeof window.__UNIFORM_CONTEXT__ !== "undefined") {
       return;
     }
@@ -913,12 +986,12 @@ var DefaultUniformClientContext = ({ manifest, disableDevTools }) => {
 // src/components/PersonalizeClient.ts
 import { CANVAS_PERSONALIZE_SLOT } from "@uniformdev/canvas";
 import { runPersonalization } from "@uniformdev/canvas-next-rsc-shared";
-import { createElement, Fragment as Fragment3, useEffect as useEffect5, useState as useState4 } from "react";
+import { createElement, Fragment as Fragment3, useEffect as useEffect7, useState as useState6 } from "react";
 var PersonalizeClient = (props) => {
   const { slots } = props;
   const { context } = useUniformContext();
-  const [indexesToShow, setIndexesToShow] = useState4(props.indexes);
-  useEffect5(() => {
+  const [indexesToShow, setIndexesToShow] = useState6(props.indexes);
+  useEffect7(() => {
     const result = runPersonalization({
       ...props,
       contextInstance: context
@@ -935,13 +1008,13 @@ 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 useEffect6, useState as useState5 } from "react";
+import { createElement as createElement2, Fragment as Fragment4, useEffect as useEffect8, useState as useState7 } from "react";
 var TestClient = (props) => {
   var _a;
   const { slots } = props;
   const { context } = useUniformContext();
-  const [index, setIndex] = useState5(0);
-  useEffect6(() => {
+  const [index, setIndex] = useState7(0);
+  useEffect8(() => {
     const result = runTest({
       ...props,
       contextInstance: context
@@ -961,7 +1034,7 @@ import {
   isAllowedReferrer
 } from "@uniformdev/canvas";
 import { useRouter as useRouter2, useSearchParams as useSearchParams3 } from "next/navigation";
-import { useEffect as useEffect7, useMemo, useRef } from "react";
+import { useEffect as useEffect9, useMemo, useRef } from "react";
 import { Fragment as Fragment5, jsx as jsx3 } from "react/jsx-runtime";
 var UniformScript = () => {
   const router = useRouter2();
@@ -979,7 +1052,7 @@ var UniformScript = () => {
     });
     return instance;
   }, []);
-  useEffect7(() => {
+  useEffect9(() => {
     if (!channel) {
       return;
     }
@@ -996,7 +1069,7 @@ var UniformScript = () => {
       unsubscribeFromEditorUpdates();
     };
   }, [channel, router]);
-  useEffect7(() => {
+  useEffect9(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1017,7 +1090,7 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
-  useEffect7(() => {
+  useEffect9(() => {
     const handleBlurChange = () => {
       if (needsToRefreshRef.current) {
         router.refresh();
@@ -1032,6 +1105,8 @@ var UniformScript = () => {
   return /* @__PURE__ */ jsx3(Fragment5, {});
 };
 export {
+  ClientContextPersonalizationTransfer,
+  ClientContextTestTransfer,
   ClientContextUpdate,
   ClientContextualEditingComponentWrapper,
   ContextUpdateTransferClient,

package/dist/index.js

@@ -33,7 +33,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // ../../node_modules/.pnpm/rfdc@1.3.0/node_modules/rfdc/index.js
 var require_rfdc = __commonJS({
-  "../../node_modules/.pnpm/rfdc@1.3.0/node_modules/rfdc/index.js"(exports, module2) {
+  "../../node_modules/.pnpm/rfdc@1.3.0/node_modules/rfdc/index.js"(exports2, module2) {
     "use strict";
     module2.exports = rfdc4;
     function copyBuffer(cur) {
@@ -242,6 +242,8 @@ var require_rfdc = __commonJS({
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  ClientContextPersonalizationTransfer: () => ClientContextPersonalizationTransfer,
+  ClientContextTestTransfer: () => ClientContextTestTransfer,
   ClientContextUpdate: () => ClientContextUpdate,
   ClientContextualEditingComponentWrapper: () => ClientContextualEditingComponentWrapper,
   ContextUpdateTransferClient: () => ContextUpdateTransferClient,
@@ -255,14 +257,71 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
+// src/components/ClientContextPersonalizationTransfer.tsx
+var import_react2 = require("react");
+
+// src/hooks/useUniformContext.ts
+var import_react = require("react");
+var useUniformContext = () => {
+  const [context, setContext] = (0, import_react.useState)(
+    typeof window !== "undefined" ? window.__UNIFORM_CONTEXT__ : void 0
+  );
+  (0, import_react.useEffect)(() => {
+    const listener = () => {
+      setContext(window.__UNIFORM_CONTEXT__);
+    };
+    window.addEventListener("uniform.context.loaded", listener);
+    return () => {
+      window.removeEventListener("uniform.context.loaded", listener);
+    };
+  }, []);
+  return {
+    context
+  };
+};
+
+// src/components/ClientContextPersonalizationTransfer.tsx
+var ClientContextPersonalizationTransfer = ({
+  event,
+  ts
+}) => {
+  const { context } = useUniformContext();
+  const [lastLogged, setLastLogged] = (0, import_react2.useState)(void 0);
+  (0, import_react2.useEffect)(() => {
+    const shouldBeLogged = !ts || lastLogged !== ts;
+    const hasContext = typeof context !== "undefined";
+    if (shouldBeLogged && hasContext) {
+      setLastLogged(ts);
+      context.internal_processPersonalizationEvent(event);
+    }
+  }, [context, event, lastLogged, ts]);
+  return null;
+};
+
+// src/components/ClientContextTestTransfer.tsx
+var import_react3 = require("react");
+var ClientContextTestTransfer = ({ event, ts }) => {
+  const { context } = useUniformContext();
+  const [lastLogged, setLastLogged] = (0, import_react3.useState)(void 0);
+  (0, import_react3.useEffect)(() => {
+    const shouldBeLogged = !ts || lastLogged !== ts;
+    const hasContext = typeof context !== "undefined";
+    if (shouldBeLogged && hasContext && event.variantId) {
+      setLastLogged(ts);
+      context.internal_processTestEvent(event);
+    }
+  }, [context, event, lastLogged, ts]);
+  return null;
+};
+
 // src/components/ClientContextualEditingComponentWrapper.tsx
 var import_canvas = require("@uniformdev/canvas");
 var import_core = require("@uniformdev/canvas-react/core");
 var import_navigation = require("next/navigation");
-var import_react = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var ClientContextualEditingComponentWrapper = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClientContextualEditingComponentWrapperInner, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Suspense, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClientContextualEditingComponentWrapperInner, { ...props }) });
 };
 var ClientContextualEditingComponentWrapperInner = ({
   children,
@@ -278,38 +337,16 @@ var ClientContextualEditingComponentWrapperInner = ({
 
 // src/components/ClientContextUpdate.tsx
 var import_navigation2 = require("next/navigation");
-var import_react3 = require("react");
-
-// src/hooks/useUniformContext.ts
-var import_react2 = require("react");
-var useUniformContext = () => {
-  const [context, setContext] = (0, import_react2.useState)(
-    typeof window !== "undefined" ? window.__UNIFORM_CONTEXT__ : void 0
-  );
-  (0, import_react2.useEffect)(() => {
-    const listener = () => {
-      setContext(window.__UNIFORM_CONTEXT__);
-    };
-    window.addEventListener("uniform.context.loaded", listener);
-    return () => {
-      window.removeEventListener("uniform.context.loaded", listener);
-    };
-  }, []);
-  return {
-    context
-  };
-};
-
-// src/components/ClientContextUpdate.tsx
+var import_react5 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var ClientContextUpdate = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.Suspense, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ClientContextUpdateInner, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react5.Suspense, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ClientContextUpdateInner, {}) });
 };
 var ClientContextUpdateInner = () => {
   const params = (0, import_navigation2.useParams)();
   const searchParams = (0, import_navigation2.useSearchParams)();
   const { context } = useUniformContext();
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!context || typeof window === "undefined") {
       return;
     }
@@ -323,14 +360,14 @@ var ClientContextUpdateInner = () => {
 };
 
 // src/components/ContextUpdateTransferClient.tsx
-var import_react4 = require("react");
+var import_react6 = require("react");
 var ContextUpdateTransferClient = ({
   update,
   ts
 }) => {
   const { context } = useUniformContext();
-  const [lastLogged, setLastLogged] = (0, import_react4.useState)(void 0);
-  (0, import_react4.useEffect)(() => {
+  const [lastLogged, setLastLogged] = (0, import_react6.useState)(void 0);
+  (0, import_react6.useEffect)(() => {
     const shouldBeLogged = (!ts || lastLogged !== ts) && Object.keys(update).length > 0;
     const hasContext = typeof context !== "undefined";
     if (shouldBeLogged && hasContext) {
@@ -493,19 +530,6 @@ var __privateMethod = (obj, member, method) => {
   return method;
 };
 var ENR_SEPARATOR = "_";
-var _evaluator;
-var _onLogMessage;
-_evaluator = /* @__PURE__ */ new WeakMap();
-_onLogMessage = /* @__PURE__ */ new WeakMap();
-var _mf;
-var _signalInstances;
-var _onLogMessage2;
-_mf = /* @__PURE__ */ new WeakMap();
-_signalInstances = /* @__PURE__ */ new WeakMap();
-_onLogMessage2 = /* @__PURE__ */ new WeakMap();
-function getEnrichmentVectorKey(category, value) {
-  return `${category}${ENR_SEPARATOR}${value}`;
-}
 function isNumberMatch(lhs, match) {
   var _a;
   if (typeof lhs === "undefined" || lhs === null) {
@@ -535,6 +559,13 @@ function explainNumberMatch(lhs, match) {
 function explainNumberMatchCriteria(match) {
   return `${match.op} ${match.rhs}`;
 }
+function getEnrichmentVectorKey(category, value) {
+  return `${category}${ENR_SEPARATOR}${value}`;
+}
+var _goal;
+var _id;
+_goal = /* @__PURE__ */ new WeakMap();
+_id = /* @__PURE__ */ new WeakMap();
 var pageViewCountDimension = getEnrichmentVectorKey("$pvc", "v");
 var pageViewCountEvaluator = ({ update, criteria, commands, onLogMessage }) => {
   var _a, _b;
@@ -572,6 +603,26 @@ var pageViewCountEvaluator = ({ update, criteria, commands, onLogMessage }) => {
 pageViewCountEvaluator.alwaysExecute = true;
 var _evaluators;
 _evaluators = /* @__PURE__ */ new WeakMap();
+var _goal2;
+var _id2;
+_goal2 = /* @__PURE__ */ new WeakMap();
+_id2 = /* @__PURE__ */ new WeakMap();
+var _goal3;
+var _id3;
+_goal3 = /* @__PURE__ */ new WeakMap();
+_id3 = /* @__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();
 var _data;
 var _initialData;
 var _mitt;
@@ -606,6 +657,7 @@ var emptyVisitorData = () => ({
   scores: {},
   sessionScores: {},
   tests: {},
+  goals: {},
   consent: false,
   controlGroup: false
 });
@@ -637,7 +689,7 @@ currentData_get = function() {
 };
 _replaceData = /* @__PURE__ */ new WeakSet();
 replaceData_fn = function(data, quiet = false) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const oldData = __privateGet(this, _currentData, currentData_get);
   const now = Date.now();
   if (data.controlGroup) {
@@ -658,6 +710,7 @@ replaceData_fn = function(data, quiet = false) {
   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
@@ -682,6 +735,15 @@ 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();
@@ -732,9 +794,12 @@ var _serverTransitionState;
 var _scores;
 var _state;
 var _pzCache;
+var _plugins;
 var _mitt3;
 var _emitTest;
 var emitTest_fn;
+var _updateGoals;
+var updateGoals_fn;
 var _updateComputedScores;
 var updateComputedScores_fn;
 var _calculateScores;
@@ -743,17 +808,29 @@ _serverTransitionState = /* @__PURE__ */ new WeakMap();
 _scores = /* @__PURE__ */ new WeakMap();
 _state = /* @__PURE__ */ new WeakMap();
 _pzCache = /* @__PURE__ */ new WeakMap();
+_plugins = /* @__PURE__ */ new WeakMap();
 _mitt3 = /* @__PURE__ */ new WeakMap();
 _emitTest = /* @__PURE__ */ new WeakSet();
 emitTest_fn = function(event) {
   __privateGet(this, _mitt3).emit("testResult", event);
 };
+_updateGoals = /* @__PURE__ */ new WeakSet();
+updateGoals_fn = async function(data) {
+  const goalCommands = this.manifest.computeGoals(data);
+  if (goalCommands.length !== 0) {
+    await this.storage.updateData(goalCommands);
+  }
+};
 _updateComputedScores = /* @__PURE__ */ new WeakSet();
 updateComputedScores_fn = function(newData) {
   const newScores = __privateMethod(this, _calculateScores, calculateScores_fn).call(this, newData);
   const newScoresHaveChanged = !dequal(newScores, __privateGet(this, _scores));
   if (newScoresHaveChanged) {
     __privateSet(this, _scores, newScores);
+    __privateMethod(this, _updateGoals, 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]);
   }
@@ -846,10 +923,8 @@ function enableContextDevTools(options) {
       context.events.on("personalizationResult", onPersonalizationResult);
       context.events.on("testResult", onTestResult);
       context.events.on("scoresUpdated", onContextDataUpdated);
-      context.storage.events.on("*", onContextDataUpdated);
       return () => {
         context.events.off("scoresUpdated", onContextDataUpdated);
-        context.storage.events.off("*", onContextDataUpdated);
         context.events.off("personalizationResult", onPersonalizationResult);
         context.events.off("testResult", onTestResult);
       };
@@ -894,10 +969,10 @@ var createClientUniformContext = (options) => {
 };
 
 // src/hooks/useInitUniformContext.ts
-var import_react5 = require("react");
+var import_react7 = require("react");
 var useInitUniformContext = (callback) => {
-  const [called, setCalled] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
+  const [called, setCalled] = (0, import_react7.useState)(false);
+  (0, import_react7.useEffect)(() => {
     if (typeof window === "undefined" || called || typeof window.__UNIFORM_CONTEXT__ !== "undefined") {
       return;
     }
@@ -933,12 +1008,12 @@ var DefaultUniformClientContext = ({ manifest, disableDevTools }) => {
 // src/components/PersonalizeClient.ts
 var import_canvas2 = require("@uniformdev/canvas");
 var import_canvas_next_rsc_shared2 = require("@uniformdev/canvas-next-rsc-shared");
-var import_react6 = require("react");
+var import_react8 = require("react");
 var PersonalizeClient = (props) => {
   const { slots } = props;
   const { context } = useUniformContext();
-  const [indexesToShow, setIndexesToShow] = (0, import_react6.useState)(props.indexes);
-  (0, import_react6.useEffect)(() => {
+  const [indexesToShow, setIndexesToShow] = (0, import_react8.useState)(props.indexes);
+  (0, import_react8.useEffect)(() => {
     const result = (0, import_canvas_next_rsc_shared2.runPersonalization)({
       ...props,
       contextInstance: context
@@ -949,19 +1024,19 @@ var PersonalizeClient = (props) => {
     var _a;
     return (_a = slots[import_canvas2.CANVAS_PERSONALIZE_SLOT]) == null ? void 0 : _a.items[key];
   });
-  return (0, import_react6.createElement)(import_react6.Fragment, void 0, slotsToShow);
+  return (0, import_react8.createElement)(import_react8.Fragment, void 0, slotsToShow);
 };
 
 // src/components/TestClient.ts
 var import_canvas3 = require("@uniformdev/canvas");
 var import_canvas_next_rsc_shared3 = require("@uniformdev/canvas-next-rsc-shared");
-var import_react7 = require("react");
+var import_react9 = require("react");
 var TestClient = (props) => {
   var _a;
   const { slots } = props;
   const { context } = useUniformContext();
-  const [index, setIndex] = (0, import_react7.useState)(0);
-  (0, import_react7.useEffect)(() => {
+  const [index, setIndex] = (0, import_react9.useState)(0);
+  (0, import_react9.useEffect)(() => {
     const result = (0, import_canvas_next_rsc_shared3.runTest)({
       ...props,
       contextInstance: context
@@ -971,20 +1046,20 @@ var TestClient = (props) => {
   if (typeof index !== "number") {
     return null;
   }
-  return (0, import_react7.createElement)(import_react7.Fragment, void 0, (_a = slots == null ? void 0 : slots[import_canvas3.CANVAS_TEST_SLOT]) == null ? void 0 : _a.items[index]);
+  return (0, import_react9.createElement)(import_react9.Fragment, void 0, (_a = slots == null ? void 0 : slots[import_canvas3.CANVAS_TEST_SLOT]) == null ? void 0 : _a.items[index]);
 };
 
 // src/components/UniformScriptClient.tsx
 var import_canvas4 = require("@uniformdev/canvas");
 var import_navigation4 = require("next/navigation");
-var import_react8 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var UniformScript = () => {
   const router = (0, import_navigation4.useRouter)();
   const params = (0, import_navigation4.useSearchParams)();
-  const needsToRefreshRef = (0, import_react8.useRef)(false);
+  const needsToRefreshRef = (0, import_react10.useRef)(false);
   const enabled = params.get(import_canvas4.IN_CONTEXT_EDITOR_QUERY_STRING_PARAM) === "true";
-  const channel = (0, import_react8.useMemo)(() => {
+  const channel = (0, import_react10.useMemo)(() => {
     var _a;
     if (typeof window === "undefined") {
       return;
@@ -995,7 +1070,7 @@ var UniformScript = () => {
     });
     return instance;
   }, []);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!channel) {
       return;
     }
@@ -1012,7 +1087,7 @@ var UniformScript = () => {
       unsubscribeFromEditorUpdates();
     };
   }, [channel, router]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1033,7 +1108,7 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const handleBlurChange = () => {
       if (needsToRefreshRef.current) {
         router.refresh();
@@ -1049,6 +1124,8 @@ var UniformScript = () => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ClientContextPersonalizationTransfer,
+  ClientContextTestTransfer,
   ClientContextUpdate,
   ClientContextualEditingComponentWrapper,
   ContextUpdateTransferClient,

package/dist/index.mjs

@@ -233,6 +233,63 @@ var require_rfdc = __commonJS({
   }
 });
 
+// src/components/ClientContextPersonalizationTransfer.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+
+// src/hooks/useUniformContext.ts
+import { useEffect, useState } from "react";
+var useUniformContext = () => {
+  const [context, setContext] = useState(
+    typeof window !== "undefined" ? window.__UNIFORM_CONTEXT__ : void 0
+  );
+  useEffect(() => {
+    const listener = () => {
+      setContext(window.__UNIFORM_CONTEXT__);
+    };
+    window.addEventListener("uniform.context.loaded", listener);
+    return () => {
+      window.removeEventListener("uniform.context.loaded", listener);
+    };
+  }, []);
+  return {
+    context
+  };
+};
+
+// src/components/ClientContextPersonalizationTransfer.tsx
+var ClientContextPersonalizationTransfer = ({
+  event,
+  ts
+}) => {
+  const { context } = useUniformContext();
+  const [lastLogged, setLastLogged] = useState2(void 0);
+  useEffect2(() => {
+    const shouldBeLogged = !ts || lastLogged !== ts;
+    const hasContext = typeof context !== "undefined";
+    if (shouldBeLogged && hasContext) {
+      setLastLogged(ts);
+      context.internal_processPersonalizationEvent(event);
+    }
+  }, [context, event, lastLogged, ts]);
+  return null;
+};
+
+// src/components/ClientContextTestTransfer.tsx
+import { useEffect as useEffect3, useState as useState3 } from "react";
+var ClientContextTestTransfer = ({ event, ts }) => {
+  const { context } = useUniformContext();
+  const [lastLogged, setLastLogged] = useState3(void 0);
+  useEffect3(() => {
+    const shouldBeLogged = !ts || lastLogged !== ts;
+    const hasContext = typeof context !== "undefined";
+    if (shouldBeLogged && hasContext && event.variantId) {
+      setLastLogged(ts);
+      context.internal_processTestEvent(event);
+    }
+  }, [context, event, lastLogged, ts]);
+  return null;
+};
+
 // src/components/ClientContextualEditingComponentWrapper.tsx
 import { IN_CONTEXT_EDITOR_QUERY_STRING_PARAM } from "@uniformdev/canvas";
 import {
@@ -258,29 +315,7 @@ var ClientContextualEditingComponentWrapperInner = ({
 
 // src/components/ClientContextUpdate.tsx
 import { useParams, useSearchParams as useSearchParams2 } from "next/navigation";
-import { Suspense as Suspense2, useEffect as useEffect2 } from "react";
-
-// src/hooks/useUniformContext.ts
-import { useEffect, useState } from "react";
-var useUniformContext = () => {
-  const [context, setContext] = useState(
-    typeof window !== "undefined" ? window.__UNIFORM_CONTEXT__ : void 0
-  );
-  useEffect(() => {
-    const listener = () => {
-      setContext(window.__UNIFORM_CONTEXT__);
-    };
-    window.addEventListener("uniform.context.loaded", listener);
-    return () => {
-      window.removeEventListener("uniform.context.loaded", listener);
-    };
-  }, []);
-  return {
-    context
-  };
-};
-
-// src/components/ClientContextUpdate.tsx
+import { Suspense as Suspense2, useEffect as useEffect4 } from "react";
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
 var ClientContextUpdate = () => {
   return /* @__PURE__ */ jsx2(Suspense2, { children: /* @__PURE__ */ jsx2(ClientContextUpdateInner, {}) });
@@ -289,7 +324,7 @@ var ClientContextUpdateInner = () => {
   const params = useParams();
   const searchParams = useSearchParams2();
   const { context } = useUniformContext();
-  useEffect2(() => {
+  useEffect4(() => {
     if (!context || typeof window === "undefined") {
       return;
     }
@@ -303,14 +338,14 @@ var ClientContextUpdateInner = () => {
 };
 
 // src/components/ContextUpdateTransferClient.tsx
-import { useEffect as useEffect3, useState as useState2 } from "react";
+import { useEffect as useEffect5, useState as useState4 } from "react";
 var ContextUpdateTransferClient = ({
   update,
   ts
 }) => {
   const { context } = useUniformContext();
-  const [lastLogged, setLastLogged] = useState2(void 0);
-  useEffect3(() => {
+  const [lastLogged, setLastLogged] = useState4(void 0);
+  useEffect5(() => {
     const shouldBeLogged = (!ts || lastLogged !== ts) && Object.keys(update).length > 0;
     const hasContext = typeof context !== "undefined";
     if (shouldBeLogged && hasContext) {
@@ -473,19 +508,6 @@ var __privateMethod = (obj, member, method) => {
   return method;
 };
 var ENR_SEPARATOR = "_";
-var _evaluator;
-var _onLogMessage;
-_evaluator = /* @__PURE__ */ new WeakMap();
-_onLogMessage = /* @__PURE__ */ new WeakMap();
-var _mf;
-var _signalInstances;
-var _onLogMessage2;
-_mf = /* @__PURE__ */ new WeakMap();
-_signalInstances = /* @__PURE__ */ new WeakMap();
-_onLogMessage2 = /* @__PURE__ */ new WeakMap();
-function getEnrichmentVectorKey(category, value) {
-  return `${category}${ENR_SEPARATOR}${value}`;
-}
 function isNumberMatch(lhs, match) {
   var _a;
   if (typeof lhs === "undefined" || lhs === null) {
@@ -515,6 +537,13 @@ function explainNumberMatch(lhs, match) {
 function explainNumberMatchCriteria(match) {
   return `${match.op} ${match.rhs}`;
 }
+function getEnrichmentVectorKey(category, value) {
+  return `${category}${ENR_SEPARATOR}${value}`;
+}
+var _goal;
+var _id;
+_goal = /* @__PURE__ */ new WeakMap();
+_id = /* @__PURE__ */ new WeakMap();
 var pageViewCountDimension = getEnrichmentVectorKey("$pvc", "v");
 var pageViewCountEvaluator = ({ update, criteria, commands, onLogMessage }) => {
   var _a, _b;
@@ -552,6 +581,26 @@ var pageViewCountEvaluator = ({ update, criteria, commands, onLogMessage }) => {
 pageViewCountEvaluator.alwaysExecute = true;
 var _evaluators;
 _evaluators = /* @__PURE__ */ new WeakMap();
+var _goal2;
+var _id2;
+_goal2 = /* @__PURE__ */ new WeakMap();
+_id2 = /* @__PURE__ */ new WeakMap();
+var _goal3;
+var _id3;
+_goal3 = /* @__PURE__ */ new WeakMap();
+_id3 = /* @__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();
 var _data;
 var _initialData;
 var _mitt;
@@ -586,6 +635,7 @@ var emptyVisitorData = () => ({
   scores: {},
   sessionScores: {},
   tests: {},
+  goals: {},
   consent: false,
   controlGroup: false
 });
@@ -617,7 +667,7 @@ currentData_get = function() {
 };
 _replaceData = /* @__PURE__ */ new WeakSet();
 replaceData_fn = function(data, quiet = false) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const oldData = __privateGet(this, _currentData, currentData_get);
   const now = Date.now();
   if (data.controlGroup) {
@@ -638,6 +688,7 @@ replaceData_fn = function(data, quiet = false) {
   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
@@ -662,6 +713,15 @@ 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();
@@ -712,9 +772,12 @@ var _serverTransitionState;
 var _scores;
 var _state;
 var _pzCache;
+var _plugins;
 var _mitt3;
 var _emitTest;
 var emitTest_fn;
+var _updateGoals;
+var updateGoals_fn;
 var _updateComputedScores;
 var updateComputedScores_fn;
 var _calculateScores;
@@ -723,17 +786,29 @@ _serverTransitionState = /* @__PURE__ */ new WeakMap();
 _scores = /* @__PURE__ */ new WeakMap();
 _state = /* @__PURE__ */ new WeakMap();
 _pzCache = /* @__PURE__ */ new WeakMap();
+_plugins = /* @__PURE__ */ new WeakMap();
 _mitt3 = /* @__PURE__ */ new WeakMap();
 _emitTest = /* @__PURE__ */ new WeakSet();
 emitTest_fn = function(event) {
   __privateGet(this, _mitt3).emit("testResult", event);
 };
+_updateGoals = /* @__PURE__ */ new WeakSet();
+updateGoals_fn = async function(data) {
+  const goalCommands = this.manifest.computeGoals(data);
+  if (goalCommands.length !== 0) {
+    await this.storage.updateData(goalCommands);
+  }
+};
 _updateComputedScores = /* @__PURE__ */ new WeakSet();
 updateComputedScores_fn = function(newData) {
   const newScores = __privateMethod(this, _calculateScores, calculateScores_fn).call(this, newData);
   const newScoresHaveChanged = !dequal(newScores, __privateGet(this, _scores));
   if (newScoresHaveChanged) {
     __privateSet(this, _scores, newScores);
+    __privateMethod(this, _updateGoals, 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]);
   }
@@ -826,10 +901,8 @@ function enableContextDevTools(options) {
       context.events.on("personalizationResult", onPersonalizationResult);
       context.events.on("testResult", onTestResult);
       context.events.on("scoresUpdated", onContextDataUpdated);
-      context.storage.events.on("*", onContextDataUpdated);
       return () => {
         context.events.off("scoresUpdated", onContextDataUpdated);
-        context.storage.events.off("*", onContextDataUpdated);
         context.events.off("personalizationResult", onPersonalizationResult);
         context.events.off("testResult", onTestResult);
       };
@@ -874,10 +947,10 @@ var createClientUniformContext = (options) => {
 };
 
 // src/hooks/useInitUniformContext.ts
-import { useEffect as useEffect4, useState as useState3 } from "react";
+import { useEffect as useEffect6, useState as useState5 } from "react";
 var useInitUniformContext = (callback) => {
-  const [called, setCalled] = useState3(false);
-  useEffect4(() => {
+  const [called, setCalled] = useState5(false);
+  useEffect6(() => {
     if (typeof window === "undefined" || called || typeof window.__UNIFORM_CONTEXT__ !== "undefined") {
       return;
     }
@@ -913,12 +986,12 @@ var DefaultUniformClientContext = ({ manifest, disableDevTools }) => {
 // src/components/PersonalizeClient.ts
 import { CANVAS_PERSONALIZE_SLOT } from "@uniformdev/canvas";
 import { runPersonalization } from "@uniformdev/canvas-next-rsc-shared";
-import { createElement, Fragment as Fragment3, useEffect as useEffect5, useState as useState4 } from "react";
+import { createElement, Fragment as Fragment3, useEffect as useEffect7, useState as useState6 } from "react";
 var PersonalizeClient = (props) => {
   const { slots } = props;
   const { context } = useUniformContext();
-  const [indexesToShow, setIndexesToShow] = useState4(props.indexes);
-  useEffect5(() => {
+  const [indexesToShow, setIndexesToShow] = useState6(props.indexes);
+  useEffect7(() => {
     const result = runPersonalization({
       ...props,
       contextInstance: context
@@ -935,13 +1008,13 @@ 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 useEffect6, useState as useState5 } from "react";
+import { createElement as createElement2, Fragment as Fragment4, useEffect as useEffect8, useState as useState7 } from "react";
 var TestClient = (props) => {
   var _a;
   const { slots } = props;
   const { context } = useUniformContext();
-  const [index, setIndex] = useState5(0);
-  useEffect6(() => {
+  const [index, setIndex] = useState7(0);
+  useEffect8(() => {
     const result = runTest({
       ...props,
       contextInstance: context
@@ -961,7 +1034,7 @@ import {
   isAllowedReferrer
 } from "@uniformdev/canvas";
 import { useRouter as useRouter2, useSearchParams as useSearchParams3 } from "next/navigation";
-import { useEffect as useEffect7, useMemo, useRef } from "react";
+import { useEffect as useEffect9, useMemo, useRef } from "react";
 import { Fragment as Fragment5, jsx as jsx3 } from "react/jsx-runtime";
 var UniformScript = () => {
   const router = useRouter2();
@@ -979,7 +1052,7 @@ var UniformScript = () => {
     });
     return instance;
   }, []);
-  useEffect7(() => {
+  useEffect9(() => {
     if (!channel) {
       return;
     }
@@ -996,7 +1069,7 @@ var UniformScript = () => {
       unsubscribeFromEditorUpdates();
     };
   }, [channel, router]);
-  useEffect7(() => {
+  useEffect9(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1017,7 +1090,7 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
-  useEffect7(() => {
+  useEffect9(() => {
     const handleBlurChange = () => {
       if (needsToRefreshRef.current) {
         router.refresh();
@@ -1032,6 +1105,8 @@ var UniformScript = () => {
   return /* @__PURE__ */ jsx3(Fragment5, {});
 };
 export {
+  ClientContextPersonalizationTransfer,
+  ClientContextTestTransfer,
   ClientContextUpdate,
   ClientContextualEditingComponentWrapper,
   ContextUpdateTransferClient,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-next-rsc-client",
-  "version": "19.79.0",
+  "version": "19.79.1-alpha.13+608a273da",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
@@ -24,17 +24,17 @@
     "/dist"
   ],
   "devDependencies": {
-    "@types/node": "^18.0.0",
-    "@types/react": "^18.2.20",
-    "eslint": "^8.11.0",
-    "next": "^13.4.12",
+    "@types/node": "^20.0.0",
+    "@types/react": "18.2.40",
+    "eslint": "8.54.0",
+    "next": "^14.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.79.0",
-    "@uniformdev/canvas-next-rsc-shared": "^19.79.0",
-    "@uniformdev/canvas-react": "^19.79.0"
+    "@uniformdev/canvas": "19.79.1-alpha.13+608a273da",
+    "@uniformdev/canvas-next-rsc-shared": "^19.79.1-alpha.13+608a273da",
+    "@uniformdev/canvas-react": "^19.79.1-alpha.13+608a273da"
   },
   "engines": {
     "node": ">=16.14.0"
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "78f5ededbaa1a67d58d808eac23ab64769e14e10"
+  "gitHead": "608a273da87aa432f17b2c8ce15d747dadab0cd1"
 }