@uniformdev/canvas-next-rsc-client 19.92.3 → 19.95.0

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { ManifestV2, ContextOptions } from '@uniformdev/context';
+import { ManifestV2, PersonalizationEvent, TestEvent, ContextOptions } 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 +18,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 +66,4 @@ declare const useUniformContext: () => {
     context: AppDirectoryContext | undefined;
 };
 
-export { type ClientContextComponent, type ClientContextComponentProps, ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, type CreateClientUniformContextOptions, DefaultUniformClientContext, PersonalizeClient, type 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,4 @@
-import { ManifestV2, ContextOptions } from '@uniformdev/context';
+import { ManifestV2, PersonalizationEvent, TestEvent, ContextOptions } 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 +18,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 +66,4 @@ declare const useUniformContext: () => {
     context: AppDirectoryContext | undefined;
 };
 
-export { type ClientContextComponent, type ClientContextComponentProps, ClientContextUpdate, ClientContextualEditingComponentWrapper, ContextUpdateTransferClient, type CreateClientUniformContextOptions, DefaultUniformClientContext, PersonalizeClient, type 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) {
@@ -826,10 +861,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 +907,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 +946,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 +968,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 +994,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 +1012,7 @@ var UniformScript = () => {
     });
     return instance;
   }, []);
-  useEffect7(() => {
+  useEffect9(() => {
     if (!channel) {
       return;
     }
@@ -996,7 +1029,7 @@ var UniformScript = () => {
       unsubscribeFromEditorUpdates();
     };
   }, [channel, router]);
-  useEffect7(() => {
+  useEffect9(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1017,7 +1050,7 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
-  useEffect7(() => {
+  useEffect9(() => {
     const handleBlurChange = () => {
       if (needsToRefreshRef.current) {
         router.refresh();
@@ -1032,6 +1065,8 @@ var UniformScript = () => {
   return /* @__PURE__ */ jsx3(Fragment5, {});
 };
 export {
+  ClientContextPersonalizationTransfer,
+  ClientContextTestTransfer,
   ClientContextUpdate,
   ClientContextualEditingComponentWrapper,
   ContextUpdateTransferClient,

package/dist/index.js

@@ -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) {
@@ -846,10 +883,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 +929,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 +968,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 +984,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 +1006,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 +1030,7 @@ var UniformScript = () => {
     });
     return instance;
   }, []);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!channel) {
       return;
     }
@@ -1012,7 +1047,7 @@ var UniformScript = () => {
       unsubscribeFromEditorUpdates();
     };
   }, [channel, router]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1033,7 +1068,7 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const handleBlurChange = () => {
       if (needsToRefreshRef.current) {
         router.refresh();
@@ -1049,6 +1084,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) {
@@ -826,10 +861,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 +907,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 +946,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 +968,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 +994,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 +1012,7 @@ var UniformScript = () => {
     });
     return instance;
   }, []);
-  useEffect7(() => {
+  useEffect9(() => {
     if (!channel) {
       return;
     }
@@ -996,7 +1029,7 @@ var UniformScript = () => {
       unsubscribeFromEditorUpdates();
     };
   }, [channel, router]);
-  useEffect7(() => {
+  useEffect9(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1017,7 +1050,7 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
-  useEffect7(() => {
+  useEffect9(() => {
     const handleBlurChange = () => {
       if (needsToRefreshRef.current) {
         router.refresh();
@@ -1032,6 +1065,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.92.3",
+  "version": "19.95.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
@@ -27,14 +27,14 @@
     "@types/node": "^20.0.0",
     "@types/react": "18.2.40",
     "eslint": "8.54.0",
-    "next": "^13.4.12",
+    "next": "^14.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.92.3",
-    "@uniformdev/canvas-next-rsc-shared": "^19.92.3",
-    "@uniformdev/canvas-react": "^19.92.3"
+    "@uniformdev/canvas": "19.95.0",
+    "@uniformdev/canvas-next-rsc-shared": "^19.95.0",
+    "@uniformdev/canvas-react": "^19.95.0"
   },
   "engines": {
     "node": ">=16.14.0"
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7eeadbc2ffc4a2808ddbe8ef9258ae46504cec91"
+  "gitHead": "3e3fb19655bb28c5452cb98418d8c87bef0f853a"
 }