@uniformdev/canvas-next-rsc-client 20.6.5-alpha.1 → 20.7.1-alpha.106

package/LICENSE.txt

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

package/dist/index.d.mts

@@ -1,11 +1,10 @@
-import { ManifestV2, TestEvent, Quirks, ScoreVector } from '@uniformdev/context';
+import { ManifestV2, PersonalizationEvent, TestEvent, CompositionMetadata, Quirks, ScoreVector } from '@uniformdev/context';
 import * as react from 'react';
-import { JSX, PropsWithChildren } from 'react';
-import { PersonalizationEvent } from '@uniformdev/context/*';
+import { ReactNode, PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PureContextualEditingComponentWrapperProps } from '@uniformdev/canvas-react/core';
 import * as _uniformdev_canvas_next_rsc_shared from '@uniformdev/canvas-next-rsc-shared';
-import { AppDirectoryContextState, PersonalizeProps, ComponentProps, TestProps, CreateUniformContextOptions, AppDirectoryContext } from '@uniformdev/canvas-next-rsc-shared';
+import { AppDirectoryContextState, ComponentProps, PersonalizeProps, TestProps, CreateUniformContextOptions, AppDirectoryContext } from '@uniformdev/canvas-next-rsc-shared';
 import { VisibilityParameterValue, ComponentInstance, UpdateContextualEditingStateInternalMessage } from '@uniformdev/canvas';
 
 type ClientContextComponentProps = {
@@ -27,7 +26,7 @@ type ClientContextComponentProps = {
      */
     experimentalQuirkSerialization: boolean;
 };
-type ClientContextComponent = (props: ClientContextComponentProps) => JSX.Element | null;
+type ClientContextComponent = (props: ClientContextComponentProps) => ReactNode;
 
 declare const ClientContextPersonalizationTransfer: ({ event, ts, }: {
     event: PersonalizationEvent;
@@ -41,8 +40,9 @@ declare const ClientContextTestTransfer: ({ event, ts }: {
 
 declare const ClientContextualEditingComponentWrapper: (props: PropsWithChildren<PureContextualEditingComponentWrapperProps>) => react_jsx_runtime.JSX.Element;
 
-declare const ClientContextUpdate: ({ path }: {
+declare const ClientContextUpdate: ({ path, compositionMetadata, }: {
     path: string;
+    compositionMetadata: CompositionMetadata;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const ContextUpdateTransferClient: ({ update, ts, }: {
@@ -52,11 +52,9 @@ declare const ContextUpdateTransferClient: ({ update, ts, }: {
 
 declare const DefaultUniformClientContext: ClientContextComponent;
 
-type PersonalizeClientProps = PersonalizeProps & {
+interface PersonalizeClientProps extends ComponentProps<PersonalizeProps> {
     indexes: number[];
-    slots: ComponentProps['slots'];
-    component: ComponentProps['component'];
-};
+}
 declare const PersonalizeClient: (props: PersonalizeClientProps) => react.FunctionComponentElement<{
     children?: react.ReactNode | undefined;
 }>;

package/dist/index.d.ts

@@ -1,11 +1,10 @@
-import { ManifestV2, TestEvent, Quirks, ScoreVector } from '@uniformdev/context';
+import { ManifestV2, PersonalizationEvent, TestEvent, CompositionMetadata, Quirks, ScoreVector } from '@uniformdev/context';
 import * as react from 'react';
-import { JSX, PropsWithChildren } from 'react';
-import { PersonalizationEvent } from '@uniformdev/context/*';
+import { ReactNode, PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PureContextualEditingComponentWrapperProps } from '@uniformdev/canvas-react/core';
 import * as _uniformdev_canvas_next_rsc_shared from '@uniformdev/canvas-next-rsc-shared';
-import { AppDirectoryContextState, PersonalizeProps, ComponentProps, TestProps, CreateUniformContextOptions, AppDirectoryContext } from '@uniformdev/canvas-next-rsc-shared';
+import { AppDirectoryContextState, ComponentProps, PersonalizeProps, TestProps, CreateUniformContextOptions, AppDirectoryContext } from '@uniformdev/canvas-next-rsc-shared';
 import { VisibilityParameterValue, ComponentInstance, UpdateContextualEditingStateInternalMessage } from '@uniformdev/canvas';
 
 type ClientContextComponentProps = {
@@ -27,7 +26,7 @@ type ClientContextComponentProps = {
      */
     experimentalQuirkSerialization: boolean;
 };
-type ClientContextComponent = (props: ClientContextComponentProps) => JSX.Element | null;
+type ClientContextComponent = (props: ClientContextComponentProps) => ReactNode;
 
 declare const ClientContextPersonalizationTransfer: ({ event, ts, }: {
     event: PersonalizationEvent;
@@ -41,8 +40,9 @@ declare const ClientContextTestTransfer: ({ event, ts }: {
 
 declare const ClientContextualEditingComponentWrapper: (props: PropsWithChildren<PureContextualEditingComponentWrapperProps>) => react_jsx_runtime.JSX.Element;
 
-declare const ClientContextUpdate: ({ path }: {
+declare const ClientContextUpdate: ({ path, compositionMetadata, }: {
     path: string;
+    compositionMetadata: CompositionMetadata;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const ContextUpdateTransferClient: ({ update, ts, }: {
@@ -52,11 +52,9 @@ declare const ContextUpdateTransferClient: ({ update, ts, }: {
 
 declare const DefaultUniformClientContext: ClientContextComponent;
 
-type PersonalizeClientProps = PersonalizeProps & {
+interface PersonalizeClientProps extends ComponentProps<PersonalizeProps> {
     indexes: number[];
-    slots: ComponentProps['slots'];
-    component: ComponentProps['component'];
-};
+}
 declare const PersonalizeClient: (props: PersonalizeClientProps) => react.FunctionComponentElement<{
     children?: react.ReactNode | undefined;
 }>;

package/dist/index.esm.js

@@ -295,16 +295,24 @@ var ClientContextualEditingComponentWrapperInner = ({
 };
 
 // src/components/ClientContextUpdate.tsx
+import Cookies from "js-cookie";
 import { useSearchParams as useSearchParams2 } from "next/navigation";
 import { Suspense as Suspense2, useEffect as useEffect4 } from "react";
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
-var ClientContextUpdate = ({ path }) => {
-  return /* @__PURE__ */ jsx2(Suspense2, { children: /* @__PURE__ */ jsx2(ClientContextUpdateInner, { path }) });
+var ClientContextUpdate = ({
+  path,
+  compositionMetadata
+}) => {
+  return /* @__PURE__ */ jsx2(Suspense2, { children: /* @__PURE__ */ jsx2(ClientContextUpdateInner, { path, compositionMetadata }) });
 };
-var ClientContextUpdateInner = ({ path }) => {
+var ClientContextUpdateInner = ({
+  path,
+  compositionMetadata
+}) => {
   const searchParams = useSearchParams2();
   const { context } = useUniformContext();
   useEffect4(() => {
+    var _a;
     if (!context || typeof window === "undefined") {
       return;
     }
@@ -313,9 +321,11 @@ var ClientContextUpdateInner = ({ path }) => {
       params: {
         path: path.split("/").filter(Boolean)
       },
-      searchParams: convertedSearchParams
+      cookies: (_a = Cookies.get()) != null ? _a : {},
+      searchParams: convertedSearchParams,
+      compositionMetadata
     });
-  }, [path, searchParams, context]);
+  }, [path, searchParams, context, compositionMetadata]);
   return /* @__PURE__ */ jsx2(Fragment2, {});
 };
 
@@ -364,105 +374,8 @@ function dequal(foo, bar) {
   return foo !== foo && bar !== bar;
 }
 
-// ../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.mjs
-function assign(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
-    for (var key in source) {
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-var defaultConverter = {
-  read: function(value) {
-    if (value[0] === '"') {
-      value = value.slice(1, -1);
-    }
-    return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
-  },
-  write: function(value) {
-    return encodeURIComponent(value).replace(
-      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
-      decodeURIComponent
-    );
-  }
-};
-function init(converter, defaultAttributes) {
-  function set(name, value, attributes) {
-    if (typeof document === "undefined") {
-      return;
-    }
-    attributes = assign({}, defaultAttributes, attributes);
-    if (typeof attributes.expires === "number") {
-      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
-    }
-    if (attributes.expires) {
-      attributes.expires = attributes.expires.toUTCString();
-    }
-    name = encodeURIComponent(name).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-    var stringifiedAttributes = "";
-    for (var attributeName in attributes) {
-      if (!attributes[attributeName]) {
-        continue;
-      }
-      stringifiedAttributes += "; " + attributeName;
-      if (attributes[attributeName] === true) {
-        continue;
-      }
-      stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
-    }
-    return document.cookie = name + "=" + converter.write(value, name) + stringifiedAttributes;
-  }
-  function get(name) {
-    if (typeof document === "undefined" || arguments.length && !name) {
-      return;
-    }
-    var cookies = document.cookie ? document.cookie.split("; ") : [];
-    var jar = {};
-    for (var i = 0; i < cookies.length; i++) {
-      var parts = cookies[i].split("=");
-      var value = parts.slice(1).join("=");
-      try {
-        var found = decodeURIComponent(parts[0]);
-        jar[found] = converter.read(value, found);
-        if (name === found) {
-          break;
-        }
-      } catch (e) {
-      }
-    }
-    return name ? jar[name] : jar;
-  }
-  return Object.create(
-    {
-      set,
-      get,
-      remove: function(name, attributes) {
-        set(
-          name,
-          "",
-          assign({}, attributes, {
-            expires: -1
-          })
-        );
-      },
-      withAttributes: function(attributes) {
-        return init(this.converter, assign({}, this.attributes, attributes));
-      },
-      withConverter: function(converter2) {
-        return init(assign({}, this.converter, converter2), this.attributes);
-      }
-    },
-    {
-      attributes: { value: Object.freeze(defaultAttributes) },
-      converter: { value: Object.freeze(converter) }
-    }
-  );
-}
-var api = init(defaultConverter, { path: "/" });
-
 // ../context/dist/index.mjs
+import Cookies2 from "js-cookie";
 var import_rfdc = __toESM(require_rfdc(), 1);
 var import_rfdc2 = __toESM(require_rfdc(), 1);
 var import_rfdc3 = __toESM(require_rfdc(), 1);
@@ -720,6 +633,7 @@ defaultData_fn = function() {
     controlGroup: (_c = (_b = __privateGet(this, _options).manifest) == null ? void 0 : _b.rollForControlGroup()) != null ? _c : false
   };
 };
+var _personalizationSelectionAlgorithms;
 var _serverTransitionState;
 var _scores;
 var _state;
@@ -733,6 +647,7 @@ var emitTest_fn;
 var updateGoals_fn;
 var updateComputedScores_fn;
 var calculateScores_fn;
+_personalizationSelectionAlgorithms = /* @__PURE__ */ new WeakMap();
 _serverTransitionState = /* @__PURE__ */ new WeakMap();
 _scores = /* @__PURE__ */ new WeakMap();
 _state = /* @__PURE__ */ new WeakMap();
@@ -943,7 +858,6 @@ import { CANVAS_PERSONALIZE_SLOT } from "@uniformdev/canvas";
 import { runPersonalization } from "@uniformdev/canvas-next-rsc-shared";
 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] = useState6(props.indexes);
   useEffect7(() => {
@@ -958,14 +872,16 @@ var PersonalizeClient = (props) => {
       setIndexesToShow(result.indexes);
     };
     context.events.on("scoresUpdated", handleRunPersonalization);
+    context.events.on("quirksUpdated", handleRunPersonalization);
     handleRunPersonalization();
     return () => {
       context.events.off("scoresUpdated", handleRunPersonalization);
+      context.events.off("quirksUpdated", handleRunPersonalization);
     };
   }, [props, context]);
   const slotsToShow = indexesToShow.map((key) => {
     var _a;
-    return (_a = slots[CANVAS_PERSONALIZE_SLOT]) == null ? void 0 : _a.items[key];
+    return (_a = props.slots[CANVAS_PERSONALIZE_SLOT]) == null ? void 0 : _a.items[key];
   });
   return createElement(Fragment3, void 0, slotsToShow);
 };
@@ -995,7 +911,8 @@ var TestClient = (props) => {
 import {
   createCanvasChannel,
   IN_CONTEXT_EDITOR_QUERY_STRING_PARAM as IN_CONTEXT_EDITOR_QUERY_STRING_PARAM2,
-  isAllowedReferrer
+  isAllowedReferrer,
+  version
 } from "@uniformdev/canvas";
 import { useRouter as useRouter2, useSearchParams as useSearchParams3 } from "next/navigation";
 import { useEffect as useEffect8, useMemo as useMemo2, useRef } from "react";
@@ -1029,6 +946,9 @@ var UniformScript = () => {
         needsToRefreshRef.current = true;
       }
     });
+    channel.ready({
+      rsc: true
+    });
     return () => {
       unsubscribeFromEditorUpdates();
     };
@@ -1043,7 +963,8 @@ var UniformScript = () => {
         const textHost = isAllowedReferrer(window.document.referrer) ? window.document.referrer : "https://uniform.app/";
         window.__UNIFORM_CONTEXTUAL_EDITING__ = {
           framework: "React",
-          version: 2
+          version: 2,
+          canvasPackageVersion: version
         };
         const bundleHost = new URL(textHost);
         bundleHost.pathname = "/files/canvas-in-context-embed/index.js";
@@ -1212,8 +1133,3 @@ export {
   useUniformContext,
   useUniformContextualEditingState
 };
-/*! Bundled license information:
-
-js-cookie/dist/js.cookie.mjs:
-  (*! js-cookie v3.0.5 | MIT *)
-*/

package/dist/index.js

@@ -321,16 +321,24 @@ var ClientContextualEditingComponentWrapperInner = ({
 };
 
 // src/components/ClientContextUpdate.tsx
+var import_js_cookie = __toESM(require("js-cookie"));
 var import_navigation2 = require("next/navigation");
 var import_react5 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var ClientContextUpdate = ({ path }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react5.Suspense, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ClientContextUpdateInner, { path }) });
+var ClientContextUpdate = ({
+  path,
+  compositionMetadata
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react5.Suspense, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ClientContextUpdateInner, { path, compositionMetadata }) });
 };
-var ClientContextUpdateInner = ({ path }) => {
+var ClientContextUpdateInner = ({
+  path,
+  compositionMetadata
+}) => {
   const searchParams = (0, import_navigation2.useSearchParams)();
   const { context } = useUniformContext();
   (0, import_react5.useEffect)(() => {
+    var _a;
     if (!context || typeof window === "undefined") {
       return;
     }
@@ -339,9 +347,11 @@ var ClientContextUpdateInner = ({ path }) => {
       params: {
         path: path.split("/").filter(Boolean)
       },
-      searchParams: convertedSearchParams
+      cookies: (_a = import_js_cookie.default.get()) != null ? _a : {},
+      searchParams: convertedSearchParams,
+      compositionMetadata
     });
-  }, [path, searchParams, context]);
+  }, [path, searchParams, context, compositionMetadata]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, {});
 };
 
@@ -390,105 +400,8 @@ function dequal(foo, bar) {
   return foo !== foo && bar !== bar;
 }
 
-// ../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.mjs
-function assign(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
-    for (var key in source) {
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-var defaultConverter = {
-  read: function(value) {
-    if (value[0] === '"') {
-      value = value.slice(1, -1);
-    }
-    return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
-  },
-  write: function(value) {
-    return encodeURIComponent(value).replace(
-      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
-      decodeURIComponent
-    );
-  }
-};
-function init(converter, defaultAttributes) {
-  function set(name, value, attributes) {
-    if (typeof document === "undefined") {
-      return;
-    }
-    attributes = assign({}, defaultAttributes, attributes);
-    if (typeof attributes.expires === "number") {
-      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
-    }
-    if (attributes.expires) {
-      attributes.expires = attributes.expires.toUTCString();
-    }
-    name = encodeURIComponent(name).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-    var stringifiedAttributes = "";
-    for (var attributeName in attributes) {
-      if (!attributes[attributeName]) {
-        continue;
-      }
-      stringifiedAttributes += "; " + attributeName;
-      if (attributes[attributeName] === true) {
-        continue;
-      }
-      stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
-    }
-    return document.cookie = name + "=" + converter.write(value, name) + stringifiedAttributes;
-  }
-  function get(name) {
-    if (typeof document === "undefined" || arguments.length && !name) {
-      return;
-    }
-    var cookies = document.cookie ? document.cookie.split("; ") : [];
-    var jar = {};
-    for (var i = 0; i < cookies.length; i++) {
-      var parts = cookies[i].split("=");
-      var value = parts.slice(1).join("=");
-      try {
-        var found = decodeURIComponent(parts[0]);
-        jar[found] = converter.read(value, found);
-        if (name === found) {
-          break;
-        }
-      } catch (e) {
-      }
-    }
-    return name ? jar[name] : jar;
-  }
-  return Object.create(
-    {
-      set,
-      get,
-      remove: function(name, attributes) {
-        set(
-          name,
-          "",
-          assign({}, attributes, {
-            expires: -1
-          })
-        );
-      },
-      withAttributes: function(attributes) {
-        return init(this.converter, assign({}, this.attributes, attributes));
-      },
-      withConverter: function(converter2) {
-        return init(assign({}, this.converter, converter2), this.attributes);
-      }
-    },
-    {
-      attributes: { value: Object.freeze(defaultAttributes) },
-      converter: { value: Object.freeze(converter) }
-    }
-  );
-}
-var api = init(defaultConverter, { path: "/" });
-
 // ../context/dist/index.mjs
+var import_js_cookie2 = __toESM(require("js-cookie"), 1);
 var import_rfdc = __toESM(require_rfdc(), 1);
 var import_rfdc2 = __toESM(require_rfdc(), 1);
 var import_rfdc3 = __toESM(require_rfdc(), 1);
@@ -746,6 +659,7 @@ defaultData_fn = function() {
     controlGroup: (_c = (_b = __privateGet(this, _options).manifest) == null ? void 0 : _b.rollForControlGroup()) != null ? _c : false
   };
 };
+var _personalizationSelectionAlgorithms;
 var _serverTransitionState;
 var _scores;
 var _state;
@@ -759,6 +673,7 @@ var emitTest_fn;
 var updateGoals_fn;
 var updateComputedScores_fn;
 var calculateScores_fn;
+_personalizationSelectionAlgorithms = /* @__PURE__ */ new WeakMap();
 _serverTransitionState = /* @__PURE__ */ new WeakMap();
 _scores = /* @__PURE__ */ new WeakMap();
 _state = /* @__PURE__ */ new WeakMap();
@@ -969,7 +884,6 @@ var import_canvas2 = require("@uniformdev/canvas");
 var import_canvas_next_rsc_shared2 = require("@uniformdev/canvas-next-rsc-shared");
 var import_react8 = require("react");
 var PersonalizeClient = (props) => {
-  const { slots } = props;
   const { context } = useUniformContext();
   const [indexesToShow, setIndexesToShow] = (0, import_react8.useState)(props.indexes);
   (0, import_react8.useEffect)(() => {
@@ -984,14 +898,16 @@ var PersonalizeClient = (props) => {
       setIndexesToShow(result.indexes);
     };
     context.events.on("scoresUpdated", handleRunPersonalization);
+    context.events.on("quirksUpdated", handleRunPersonalization);
     handleRunPersonalization();
     return () => {
       context.events.off("scoresUpdated", handleRunPersonalization);
+      context.events.off("quirksUpdated", handleRunPersonalization);
     };
   }, [props, context]);
   const slotsToShow = indexesToShow.map((key) => {
     var _a;
-    return (_a = slots[import_canvas2.CANVAS_PERSONALIZE_SLOT]) == null ? void 0 : _a.items[key];
+    return (_a = props.slots[import_canvas2.CANVAS_PERSONALIZE_SLOT]) == null ? void 0 : _a.items[key];
   });
   return (0, import_react8.createElement)(import_react8.Fragment, void 0, slotsToShow);
 };
@@ -1051,6 +967,9 @@ var UniformScript = () => {
         needsToRefreshRef.current = true;
       }
     });
+    channel.ready({
+      rsc: true
+    });
     return () => {
       unsubscribeFromEditorUpdates();
     };
@@ -1065,7 +984,8 @@ var UniformScript = () => {
         const textHost = (0, import_canvas4.isAllowedReferrer)(window.document.referrer) ? window.document.referrer : "https://uniform.app/";
         window.__UNIFORM_CONTEXTUAL_EDITING__ = {
           framework: "React",
-          version: 2
+          version: 2,
+          canvasPackageVersion: import_canvas4.version
         };
         const bundleHost = new URL(textHost);
         bundleHost.pathname = "/files/canvas-in-context-embed/index.js";
@@ -1229,8 +1149,3 @@ var useUniformContextualEditingState = ({
   useUniformContext,
   useUniformContextualEditingState
 });
-/*! Bundled license information:
-
-js-cookie/dist/js.cookie.mjs:
-  (*! js-cookie v3.0.5 | MIT *)
-*/

package/dist/index.mjs

@@ -295,16 +295,24 @@ var ClientContextualEditingComponentWrapperInner = ({
 };
 
 // src/components/ClientContextUpdate.tsx
+import Cookies from "js-cookie";
 import { useSearchParams as useSearchParams2 } from "next/navigation";
 import { Suspense as Suspense2, useEffect as useEffect4 } from "react";
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
-var ClientContextUpdate = ({ path }) => {
-  return /* @__PURE__ */ jsx2(Suspense2, { children: /* @__PURE__ */ jsx2(ClientContextUpdateInner, { path }) });
+var ClientContextUpdate = ({
+  path,
+  compositionMetadata
+}) => {
+  return /* @__PURE__ */ jsx2(Suspense2, { children: /* @__PURE__ */ jsx2(ClientContextUpdateInner, { path, compositionMetadata }) });
 };
-var ClientContextUpdateInner = ({ path }) => {
+var ClientContextUpdateInner = ({
+  path,
+  compositionMetadata
+}) => {
   const searchParams = useSearchParams2();
   const { context } = useUniformContext();
   useEffect4(() => {
+    var _a;
     if (!context || typeof window === "undefined") {
       return;
     }
@@ -313,9 +321,11 @@ var ClientContextUpdateInner = ({ path }) => {
       params: {
         path: path.split("/").filter(Boolean)
       },
-      searchParams: convertedSearchParams
+      cookies: (_a = Cookies.get()) != null ? _a : {},
+      searchParams: convertedSearchParams,
+      compositionMetadata
     });
-  }, [path, searchParams, context]);
+  }, [path, searchParams, context, compositionMetadata]);
   return /* @__PURE__ */ jsx2(Fragment2, {});
 };
 
@@ -364,105 +374,8 @@ function dequal(foo, bar) {
   return foo !== foo && bar !== bar;
 }
 
-// ../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.mjs
-function assign(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
-    for (var key in source) {
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-var defaultConverter = {
-  read: function(value) {
-    if (value[0] === '"') {
-      value = value.slice(1, -1);
-    }
-    return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
-  },
-  write: function(value) {
-    return encodeURIComponent(value).replace(
-      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
-      decodeURIComponent
-    );
-  }
-};
-function init(converter, defaultAttributes) {
-  function set(name, value, attributes) {
-    if (typeof document === "undefined") {
-      return;
-    }
-    attributes = assign({}, defaultAttributes, attributes);
-    if (typeof attributes.expires === "number") {
-      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
-    }
-    if (attributes.expires) {
-      attributes.expires = attributes.expires.toUTCString();
-    }
-    name = encodeURIComponent(name).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-    var stringifiedAttributes = "";
-    for (var attributeName in attributes) {
-      if (!attributes[attributeName]) {
-        continue;
-      }
-      stringifiedAttributes += "; " + attributeName;
-      if (attributes[attributeName] === true) {
-        continue;
-      }
-      stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
-    }
-    return document.cookie = name + "=" + converter.write(value, name) + stringifiedAttributes;
-  }
-  function get(name) {
-    if (typeof document === "undefined" || arguments.length && !name) {
-      return;
-    }
-    var cookies = document.cookie ? document.cookie.split("; ") : [];
-    var jar = {};
-    for (var i = 0; i < cookies.length; i++) {
-      var parts = cookies[i].split("=");
-      var value = parts.slice(1).join("=");
-      try {
-        var found = decodeURIComponent(parts[0]);
-        jar[found] = converter.read(value, found);
-        if (name === found) {
-          break;
-        }
-      } catch (e) {
-      }
-    }
-    return name ? jar[name] : jar;
-  }
-  return Object.create(
-    {
-      set,
-      get,
-      remove: function(name, attributes) {
-        set(
-          name,
-          "",
-          assign({}, attributes, {
-            expires: -1
-          })
-        );
-      },
-      withAttributes: function(attributes) {
-        return init(this.converter, assign({}, this.attributes, attributes));
-      },
-      withConverter: function(converter2) {
-        return init(assign({}, this.converter, converter2), this.attributes);
-      }
-    },
-    {
-      attributes: { value: Object.freeze(defaultAttributes) },
-      converter: { value: Object.freeze(converter) }
-    }
-  );
-}
-var api = init(defaultConverter, { path: "/" });
-
 // ../context/dist/index.mjs
+import Cookies2 from "js-cookie";
 var import_rfdc = __toESM(require_rfdc(), 1);
 var import_rfdc2 = __toESM(require_rfdc(), 1);
 var import_rfdc3 = __toESM(require_rfdc(), 1);
@@ -720,6 +633,7 @@ defaultData_fn = function() {
     controlGroup: (_c = (_b = __privateGet(this, _options).manifest) == null ? void 0 : _b.rollForControlGroup()) != null ? _c : false
   };
 };
+var _personalizationSelectionAlgorithms;
 var _serverTransitionState;
 var _scores;
 var _state;
@@ -733,6 +647,7 @@ var emitTest_fn;
 var updateGoals_fn;
 var updateComputedScores_fn;
 var calculateScores_fn;
+_personalizationSelectionAlgorithms = /* @__PURE__ */ new WeakMap();
 _serverTransitionState = /* @__PURE__ */ new WeakMap();
 _scores = /* @__PURE__ */ new WeakMap();
 _state = /* @__PURE__ */ new WeakMap();
@@ -943,7 +858,6 @@ import { CANVAS_PERSONALIZE_SLOT } from "@uniformdev/canvas";
 import { runPersonalization } from "@uniformdev/canvas-next-rsc-shared";
 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] = useState6(props.indexes);
   useEffect7(() => {
@@ -958,14 +872,16 @@ var PersonalizeClient = (props) => {
       setIndexesToShow(result.indexes);
     };
     context.events.on("scoresUpdated", handleRunPersonalization);
+    context.events.on("quirksUpdated", handleRunPersonalization);
     handleRunPersonalization();
     return () => {
       context.events.off("scoresUpdated", handleRunPersonalization);
+      context.events.off("quirksUpdated", handleRunPersonalization);
     };
   }, [props, context]);
   const slotsToShow = indexesToShow.map((key) => {
     var _a;
-    return (_a = slots[CANVAS_PERSONALIZE_SLOT]) == null ? void 0 : _a.items[key];
+    return (_a = props.slots[CANVAS_PERSONALIZE_SLOT]) == null ? void 0 : _a.items[key];
   });
   return createElement(Fragment3, void 0, slotsToShow);
 };
@@ -995,7 +911,8 @@ var TestClient = (props) => {
 import {
   createCanvasChannel,
   IN_CONTEXT_EDITOR_QUERY_STRING_PARAM as IN_CONTEXT_EDITOR_QUERY_STRING_PARAM2,
-  isAllowedReferrer
+  isAllowedReferrer,
+  version
 } from "@uniformdev/canvas";
 import { useRouter as useRouter2, useSearchParams as useSearchParams3 } from "next/navigation";
 import { useEffect as useEffect8, useMemo as useMemo2, useRef } from "react";
@@ -1029,6 +946,9 @@ var UniformScript = () => {
         needsToRefreshRef.current = true;
       }
     });
+    channel.ready({
+      rsc: true
+    });
     return () => {
       unsubscribeFromEditorUpdates();
     };
@@ -1043,7 +963,8 @@ var UniformScript = () => {
         const textHost = isAllowedReferrer(window.document.referrer) ? window.document.referrer : "https://uniform.app/";
         window.__UNIFORM_CONTEXTUAL_EDITING__ = {
           framework: "React",
-          version: 2
+          version: 2,
+          canvasPackageVersion: version
         };
         const bundleHost = new URL(textHost);
         bundleHost.pathname = "/files/canvas-in-context-embed/index.js";
@@ -1212,8 +1133,3 @@ export {
   useUniformContext,
   useUniformContextualEditingState
 };
-/*! Bundled license information:
-
-js-cookie/dist/js.cookie.mjs:
-  (*! js-cookie v3.0.5 | MIT *)
-*/

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@uniformdev/canvas-next-rsc-client",
-  "version": "20.6.5-alpha.1+1b1a069415",
+  "version": "20.7.1-alpha.106+1c23ae89f7",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
     "lint": "eslint \"src/**/*.{ts,tsx}\" --fix",
-    "test": "jest --maxWorkers=1 --passWithNoTests"
+    "document": "api-extractor run --local"
   },
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -24,29 +24,30 @@
     "/dist"
   ],
   "devDependencies": {
-    "@types/node": "22.7.8",
-    "@types/react": "18.3.11",
-    "eslint": "9.9.0",
-    "next": "15.1.0",
+    "@types/js-cookie": "3.0.6",
+    "@types/node": "24.3.1",
+    "@types/react": "18.3.24",
+    "next": "15.2.5",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "typescript": "5.7.2"
+    "typescript": "5.9.2"
   },
   "dependencies": {
-    "@uniformdev/canvas": "20.6.5-alpha.1+1b1a069415",
-    "@uniformdev/canvas-next-rsc-shared": "^20.6.5-alpha.1+1b1a069415",
-    "@uniformdev/canvas-react": "^20.6.5-alpha.1+1b1a069415"
+    "@uniformdev/canvas": "20.7.1-alpha.106+1c23ae89f7",
+    "@uniformdev/canvas-next-rsc-shared": "20.7.1-alpha.106+1c23ae89f7",
+    "@uniformdev/canvas-react": "20.7.1-alpha.106+1c23ae89f7",
+    "js-cookie": "3.0.5"
   },
   "engines": {
     "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
   },
   "peerDependencies": {
-    "next": ">=15.1.0",
+    "next": ">=15.2.3",
     "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
     "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1b1a06941575fefd19f3ab5621a0c403aa2cf7d5"
+  "gitHead": "1c23ae89f73bdb01775340b0f5a1c97fc54d8d63"
 }