@uniformdev/canvas-next-rsc 19.173.1-alpha.17 → 19.173.2-alpha.258

package/dist/index.js

@@ -60,6 +60,9 @@ var import_server_only = require("server-only");
 // src/clients/canvasClient.ts
 var import_canvas2 = require("@uniformdev/canvas");
 
+// src/config/helpers.ts
+var import_uniform_server = __toESM(require("uniform.server.config"));
+
 // src/utils/draft.ts
 var import_canvas = require("@uniformdev/canvas");
 var import_headers = require("next/headers");
@@ -91,15 +94,7 @@ var isDevelopmentEnvironment = () => {
 
 // src/config/helpers.ts
 var getServerConfig = () => {
-  let serverConfig;
-  try {
-    serverConfig = require("uniform.server.config.js");
-  } catch (e) {
-    serverConfig = {
-      defaultConsent: false
-    };
-  }
-  return serverConfig;
+  return import_uniform_server.default;
 };
 var shouldCacheBeDisabled = (options) => {
   if (isDraftModeEnabled(options)) {
@@ -258,7 +253,8 @@ var getCanvasClient = (options) => {
           "x-bypass-cache": typeof options.cache.bypassCache !== "undefined" ? options.cache.bypassCache.toString() : "false"
         },
         next: {
-          revalidate
+          revalidate,
+          tags: tags.length ? tags : void 0
         }
       });
     }
@@ -416,7 +412,7 @@ var ContextUpdateTransfer = async ({
     return null;
   }
   if (serverContext) {
-    await serverContext.__INTERNAL__.update(result);
+    await serverContext.internal_update(result);
   }
   return /* @__PURE__ */ import_react.default.createElement(import_canvas_next_rsc_client.ContextUpdateTransferClient, { ts: (/* @__PURE__ */ new Date()).valueOf(), update: result });
 };
@@ -455,13 +451,13 @@ async function generateStaticParams() {
 }
 
 // src/components/UniformComposition.ts
-var import_canvas7 = require("@uniformdev/canvas");
-var import_canvas_next_rsc_client6 = require("@uniformdev/canvas-next-rsc-client");
+var import_canvas8 = require("@uniformdev/canvas");
+var import_canvas_next_rsc_client7 = require("@uniformdev/canvas-next-rsc-client");
 var import_canvas_next_rsc_shared6 = require("@uniformdev/canvas-next-rsc-shared");
 var import_core = require("@uniformdev/canvas-react/core");
 var import_headers3 = require("next/headers");
 var import_navigation = require("next/navigation");
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/context/createServerUniformContext.ts
 var import_canvas_next_rsc_shared = require("@uniformdev/canvas-next-rsc-shared");
@@ -481,12 +477,7 @@ var createServerUniformContextFromManifest = async (options) => {
     ...options || {},
     serverCookieValue: (_a = (0, import_headers2.cookies)().get(import_context.UNIFORM_DEFAULT_COOKIE_NAME)) == null ? void 0 : _a.value
   });
-  return {
-    ...context,
-    __INTERNAL__: {
-      update: (...props) => context.update(...props)
-    }
-  };
+  return context;
 };
 
 // src/utils/route.ts
@@ -715,6 +706,23 @@ var TestServer = async (props) => {
   return (0, import_react7.createElement)(import_react7.Fragment, void 0, [component, eventElement]);
 };
 
+// src/components/VisibilityRulesWrapper.tsx
+var import_canvas7 = require("@uniformdev/canvas");
+var import_canvas_next_rsc_client6 = require("@uniformdev/canvas-next-rsc-client");
+var import_react8 = __toESM(require("react"));
+var VisibilityRulesWrapper = (props) => {
+  const { context, ...rest } = props;
+  let isVisible = null;
+  if (context) {
+    const rules = (0, import_canvas7.createQuirksVisibilityRule)(context.quirks);
+    isVisible = (0, import_canvas7.evaluateNodeVisibilityParameter)({
+      rules,
+      parameter: props.parameter
+    });
+  }
+  return /* @__PURE__ */ import_react8.default.createElement(import_canvas_next_rsc_client6.VisibilityRulesWrapperClient, { ...rest, initialIsVisible: isVisible });
+};
+
 // src/components/UniformComposition.ts
 var UniformComposition = async ({
   resolveComponent,
@@ -740,8 +748,8 @@ var UniformComposition = async ({
     (0, import_navigation.redirect)(href);
   }
   const state = route.compositionApiResponse.state;
-  if (state === import_canvas7.CANVAS_DRAFT_STATE || state === import_canvas7.CANVAS_EDITOR_STATE) {
-    (0, import_canvas7.walkNodeTree)(route.compositionApiResponse.composition, (node) => {
+  if (state === import_canvas8.CANVAS_DRAFT_STATE || state === import_canvas8.CANVAS_EDITOR_STATE) {
+    (0, import_canvas8.walkNodeTree)(route.compositionApiResponse.composition, (node) => {
       if (node.type === "component" && node.node.parameters) {
         Object.keys(node.node.parameters).forEach((key) => {
           const parameter = node.node.parameters[key];
@@ -777,15 +785,18 @@ var UniformComposition = async ({
   if (props.mode === "server") {
     const headersValue = (0, import_headers3.headers)();
     const missingQuirkValue = "unknown";
-    transfer = (0, import_react8.createElement)(ContextUpdateTransfer, {
+    transfer = (0, import_react9.createElement)(ContextUpdateTransfer, {
       serverContext,
       update: {
         params: props.params,
         searchParams,
-        cookies: (0, import_headers3.cookies)().getAll().reduce((acc, cookie) => {
-          acc[cookie.name] = cookie.value;
-          return acc;
-        }, {}),
+        cookies: (0, import_headers3.cookies)().getAll().reduce(
+          (acc, cookie) => {
+            acc[cookie.name] = cookie.value;
+            return acc;
+          },
+          {}
+        ),
         quirks: {
           "vc-country": headersValue.get("x-vercel-ip-country") || missingQuirkValue,
           "vc-region": headersValue.get("x-vercel-ip-country-region") || missingQuirkValue,
@@ -794,21 +805,21 @@ var UniformComposition = async ({
       }
     });
   } else if (props.mode === "static") {
-    transfer = (0, import_react8.createElement)(ContextUpdateTrigger, {
+    transfer = (0, import_react9.createElement)(ContextUpdateTrigger, {
       path
     });
   }
-  return (0, import_react8.createElement)(import_react8.Fragment, void 0, transfer, resolved);
+  return (0, import_react9.createElement)(import_react9.Fragment, void 0, transfer, resolved);
 };
 var isServerComponent = ({
   component,
   serverContext
 }) => {
   var _a, _b;
-  if (component.type === import_canvas7.CANVAS_PERSONALIZE_TYPE) {
+  if (component.type === import_canvas8.CANVAS_PERSONALIZE_TYPE) {
     return serverContext && ((_a = getServerConfig().evaluation) == null ? void 0 : _a.personalization) !== "client";
   }
-  if (component.type === import_canvas7.CANVAS_TEST_TYPE) {
+  if (component.type === import_canvas8.CANVAS_TEST_TYPE) {
     return serverContext && ((_b = getServerConfig().evaluation) == null ? void 0 : _b.testing) !== "client";
   }
 };
@@ -820,12 +831,12 @@ var resolveSystemComponent = ({
   const config = getServerConfig();
   let resolved = null;
   let suspense = void 0;
-  if (component.type === import_canvas7.CANVAS_PERSONALIZE_TYPE) {
+  if (component.type === import_canvas8.CANVAS_PERSONALIZE_TYPE) {
     resolved = server ? PersonalizeServer : PersonalizeClientWrapper;
     suspense = server && ((_a = config.ppr) == null ? void 0 : _a.personalizationSuspense);
   }
-  if (component.type === import_canvas7.CANVAS_TEST_TYPE) {
-    resolved = server ? TestServer : import_canvas_next_rsc_client6.TestClient;
+  if (component.type === import_canvas8.CANVAS_TEST_TYPE) {
+    resolved = server ? TestServer : import_canvas_next_rsc_client7.TestClient;
     suspense = server && ((_b = config.ppr) == null ? void 0 : _b.testSuspense);
   }
   return {
@@ -903,7 +914,7 @@ var resolveComponents = ({
     parent = target.parent;
   }
   const resolved = components.map((component, componentIndex) => {
-    var _a, _b;
+    var _a, _b, _c;
     const isServer = isServerComponent({
       component,
       serverContext
@@ -933,7 +944,8 @@ var resolveComponents = ({
     const resolvedComponent = systemComponent || regularComponent;
     const wrapInSuspense = systemSuspense || componentSuspense;
     const parameters = (_a = component.parameters) != null ? _a : {};
-    const enrichmentTags = (_b = parameters[import_canvas7.CANVAS_ENRICHMENT_TAG_PARAM]) == null ? void 0 : _b.value;
+    const enrichmentTags = (_b = parameters[import_canvas8.CANVAS_ENRICHMENT_TAG_PARAM]) == null ? void 0 : _b.value;
+    const visibilityRules = (_c = parameters[import_canvas8.CANVAS_VIZ_CONTROL_PARAM]) == null ? void 0 : _c.value;
     const key = `${slotName}-${componentIndex}-component`;
     const componentProps = {
       ...Object.keys(parameters).reduce((acc, cur) => {
@@ -949,20 +961,20 @@ var resolveComponents = ({
     };
     let element = null;
     if (wrapInSuspense) {
-      element = (0, import_react8.createElement)(
-        import_react8.Suspense,
+      element = (0, import_react9.createElement)(
+        import_react9.Suspense,
         {
           key,
-          fallback: typeof wrapInSuspense === "boolean" || typeof (wrapInSuspense == null ? void 0 : wrapInSuspense.fallback) === "undefined" ? void 0 : (0, import_react8.createElement)(wrapInSuspense.fallback)
+          fallback: typeof wrapInSuspense === "boolean" || typeof (wrapInSuspense == null ? void 0 : wrapInSuspense.fallback) === "undefined" ? void 0 : (0, import_react9.createElement)(wrapInSuspense.fallback)
         },
-        (0, import_react8.createElement)(resolvedComponent, componentProps)
+        (0, import_react9.createElement)(resolvedComponent, componentProps)
       );
     } else {
-      element = (0, import_react8.createElement)(resolvedComponent, { ...componentProps, key });
+      element = (0, import_react9.createElement)(resolvedComponent, { ...componentProps, key });
     }
     let tagElement = null;
     if (enrichmentTags == null ? void 0 : enrichmentTags.length) {
-      tagElement = (0, import_react8.createElement)(ContextUpdateTransfer, {
+      tagElement = (0, import_react9.createElement)(ContextUpdateTransfer, {
         key: `${slotName}-${componentIndex}-tags`,
         update: {
           enrichments: enrichmentTags
@@ -976,8 +988,8 @@ var resolveComponents = ({
       if (tagElement) {
         elements.push(tagElement);
       }
-      const isPlaceholder = (0, import_canvas7.isComponentPlaceholderId)(component == null ? void 0 : component._id);
-      childNode = (0, import_react8.createElement)(
+      const isPlaceholder = (0, import_canvas8.isComponentPlaceholderId)(component == null ? void 0 : component._id);
+      childNode = (0, import_react9.createElement)(
         import_core.PureContextualEditingComponentWrapper,
         {
           key: `${slotName}-${componentIndex}-wrapper`,
@@ -996,8 +1008,8 @@ var resolveComponents = ({
       if (tagElement) {
         elements.push(tagElement);
       }
-      childNode = (0, import_react8.createElement)(
-        import_canvas_next_rsc_client6.ClientContextualEditingComponentWrapper,
+      childNode = (0, import_react9.createElement)(
+        import_canvas_next_rsc_client7.ClientContextualEditingComponentWrapper,
         {
           key: `${slotName}-${componentIndex}-wrapper`,
           isPlaceholder: false,
@@ -1017,8 +1029,19 @@ var resolveComponents = ({
       }
       childNode = elements;
     }
-    return (0, import_react8.createElement)(
-      import_react8.Fragment,
+    if (visibilityRules) {
+      childNode = (0, import_react9.createElement)(
+        VisibilityRulesWrapper,
+        {
+          key: `${slotName}-${componentIndex}-visibility`,
+          parameter: visibilityRules,
+          context: serverContext
+        },
+        childNode
+      );
+    }
+    return (0, import_react9.createElement)(
+      import_react9.Fragment,
       {
         key: !isRoot ? `${slotName}-${componentIndex}` : void 0
       },
@@ -1029,9 +1052,9 @@ var resolveComponents = ({
 };
 
 // src/components/UniformContext.tsx
-var import_canvas_next_rsc_client7 = require("@uniformdev/canvas-next-rsc-client");
-var import_react9 = require("react");
-var import_react10 = __toESM(require("react"));
+var import_canvas_next_rsc_client8 = require("@uniformdev/canvas-next-rsc-client");
+var import_react10 = require("react");
+var import_react11 = __toESM(require("react"));
 var UniformContext = async ({
   clientContextComponent,
   children
@@ -1040,27 +1063,27 @@ var UniformContext = async ({
   const manifest = await getManifest({
     searchParams: {}
   });
-  const ContextComponent = clientContextComponent || import_canvas_next_rsc_client7.DefaultUniformClientContext;
-  const serverConfig = getServerConfig();
-  const disableDevTools = ((_a = serverConfig.context) == null ? void 0 : _a.disableDevTools) || false;
-  const defaultConsent = serverConfig.defaultConsent || false;
-  return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, children, /* @__PURE__ */ import_react10.default.createElement(
+  const ContextComponent = clientContextComponent || import_canvas_next_rsc_client8.DefaultUniformClientContext;
+  const serverConfig2 = getServerConfig();
+  const disableDevTools = ((_a = serverConfig2.context) == null ? void 0 : _a.disableDevTools) || false;
+  const defaultConsent = serverConfig2.defaultConsent || false;
+  return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, children, /* @__PURE__ */ import_react11.default.createElement(
     ContextComponent,
     {
       manifest,
       disableDevTools,
       defaultConsent
     }
-  ), /* @__PURE__ */ import_react10.default.createElement(import_react9.Suspense, { fallback: /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null) }, /* @__PURE__ */ import_react10.default.createElement(import_canvas_next_rsc_client7.UniformScript, null)));
+  ), /* @__PURE__ */ import_react11.default.createElement(import_react10.Suspense, { fallback: /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null) }, /* @__PURE__ */ import_react11.default.createElement(import_canvas_next_rsc_client8.UniformScript, null)));
 };
 
 // src/components/UniformPlayground.tsx
-var import_canvas8 = require("@uniformdev/canvas");
+var import_canvas9 = require("@uniformdev/canvas");
 var import_navigation2 = require("next/navigation");
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var UniformPlayground = async ({ searchParams, ...rest }) => {
   if (!isDraftModeEnabled({ searchParams })) {
-    return /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("h1", null, "Playground is only available in draft mode"));
+    return /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement("h1", null, "Playground is only available in draft mode"));
   }
   const id = searchParams["id"];
   if (!id) {
@@ -1071,7 +1094,7 @@ var UniformPlayground = async ({ searchParams, ...rest }) => {
       type: "no-cache"
     }
   });
-  const possibleStates = [import_canvas8.CANVAS_EDITOR_STATE, import_canvas8.CANVAS_DRAFT_STATE];
+  const possibleStates = [import_canvas9.CANVAS_EDITOR_STATE, import_canvas9.CANVAS_DRAFT_STATE];
   let composition = void 0;
   for (let i = 0; i < possibleStates.length; i++) {
     const state = possibleStates[i];
@@ -1091,7 +1114,7 @@ var UniformPlayground = async ({ searchParams, ...rest }) => {
   if (!composition) {
     (0, import_navigation2.notFound)();
   }
-  return /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(
     UniformComposition,
     {
       mode: "server",

package/dist/index.mjs

@@ -1,16 +1,12 @@
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
 // src/index.ts
 import "server-only";
 
 // src/clients/canvasClient.ts
 import { CanvasClient } from "@uniformdev/canvas";
 
+// src/config/helpers.ts
+import serverConfig from "uniform.server.config";
+
 // src/utils/draft.ts
 import { IN_CONTEXT_EDITOR_QUERY_STRING_PARAM } from "@uniformdev/canvas";
 import { draftMode } from "next/headers";
@@ -42,14 +38,6 @@ var isDevelopmentEnvironment = () => {
 
 // src/config/helpers.ts
 var getServerConfig = () => {
-  let serverConfig;
-  try {
-    serverConfig = __require("uniform.server.config.js");
-  } catch (e) {
-    serverConfig = {
-      defaultConsent: false
-    };
-  }
   return serverConfig;
 };
 var shouldCacheBeDisabled = (options) => {
@@ -209,7 +197,8 @@ var getCanvasClient = (options) => {
           "x-bypass-cache": typeof options.cache.bypassCache !== "undefined" ? options.cache.bypassCache.toString() : "false"
         },
         next: {
-          revalidate
+          revalidate,
+          tags: tags.length ? tags : void 0
         }
       });
     }
@@ -367,7 +356,7 @@ var ContextUpdateTransfer = async ({
     return null;
   }
   if (serverContext) {
-    await serverContext.__INTERNAL__.update(result);
+    await serverContext.internal_update(result);
   }
   return /* @__PURE__ */ React.createElement(ContextUpdateTransferClient, { ts: (/* @__PURE__ */ new Date()).valueOf(), update: result });
 };
@@ -412,6 +401,7 @@ import {
   CANVAS_ENRICHMENT_TAG_PARAM,
   CANVAS_PERSONALIZE_TYPE,
   CANVAS_TEST_TYPE,
+  CANVAS_VIZ_CONTROL_PARAM,
   isComponentPlaceholderId,
   walkNodeTree
 } from "@uniformdev/canvas";
@@ -444,12 +434,7 @@ var createServerUniformContextFromManifest = async (options) => {
     ...options || {},
     serverCookieValue: (_a = cookies().get(UNIFORM_DEFAULT_COOKIE_NAME)) == null ? void 0 : _a.value
   });
-  return {
-    ...context,
-    __INTERNAL__: {
-      update: (...props) => context.update(...props)
-    }
-  };
+  return context;
 };
 
 // src/utils/route.ts
@@ -684,6 +669,26 @@ var TestServer = async (props) => {
   return createElement2(Fragment2, void 0, [component, eventElement]);
 };
 
+// src/components/VisibilityRulesWrapper.tsx
+import {
+  createQuirksVisibilityRule,
+  evaluateNodeVisibilityParameter
+} from "@uniformdev/canvas";
+import { VisibilityRulesWrapperClient } from "@uniformdev/canvas-next-rsc-client";
+import React6 from "react";
+var VisibilityRulesWrapper = (props) => {
+  const { context, ...rest } = props;
+  let isVisible = null;
+  if (context) {
+    const rules = createQuirksVisibilityRule(context.quirks);
+    isVisible = evaluateNodeVisibilityParameter({
+      rules,
+      parameter: props.parameter
+    });
+  }
+  return /* @__PURE__ */ React6.createElement(VisibilityRulesWrapperClient, { ...rest, initialIsVisible: isVisible });
+};
+
 // src/components/UniformComposition.ts
 var UniformComposition = async ({
   resolveComponent,
@@ -751,10 +756,13 @@ var UniformComposition = async ({
       update: {
         params: props.params,
         searchParams,
-        cookies: cookies2().getAll().reduce((acc, cookie) => {
-          acc[cookie.name] = cookie.value;
-          return acc;
-        }, {}),
+        cookies: cookies2().getAll().reduce(
+          (acc, cookie) => {
+            acc[cookie.name] = cookie.value;
+            return acc;
+          },
+          {}
+        ),
         quirks: {
           "vc-country": headersValue.get("x-vercel-ip-country") || missingQuirkValue,
           "vc-region": headersValue.get("x-vercel-ip-country-region") || missingQuirkValue,
@@ -872,7 +880,7 @@ var resolveComponents = ({
     parent = target.parent;
   }
   const resolved = components.map((component, componentIndex) => {
-    var _a, _b;
+    var _a, _b, _c;
     const isServer = isServerComponent({
       component,
       serverContext
@@ -903,6 +911,7 @@ var resolveComponents = ({
     const wrapInSuspense = systemSuspense || componentSuspense;
     const parameters = (_a = component.parameters) != null ? _a : {};
     const enrichmentTags = (_b = parameters[CANVAS_ENRICHMENT_TAG_PARAM]) == null ? void 0 : _b.value;
+    const visibilityRules = (_c = parameters[CANVAS_VIZ_CONTROL_PARAM]) == null ? void 0 : _c.value;
     const key = `${slotName}-${componentIndex}-component`;
     const componentProps = {
       ...Object.keys(parameters).reduce((acc, cur) => {
@@ -986,6 +995,17 @@ var resolveComponents = ({
       }
       childNode = elements;
     }
+    if (visibilityRules) {
+      childNode = createElement3(
+        VisibilityRulesWrapper,
+        {
+          key: `${slotName}-${componentIndex}-visibility`,
+          parameter: visibilityRules,
+          context: serverContext
+        },
+        childNode
+      );
+    }
     return createElement3(
       Fragment3,
       {
@@ -1003,7 +1023,7 @@ import {
   UniformScript
 } from "@uniformdev/canvas-next-rsc-client";
 import { Suspense as Suspense2 } from "react";
-import React6 from "react";
+import React7 from "react";
 var UniformContext = async ({
   clientContextComponent,
   children
@@ -1013,26 +1033,26 @@ var UniformContext = async ({
     searchParams: {}
   });
   const ContextComponent = clientContextComponent || DefaultUniformClientContext;
-  const serverConfig = getServerConfig();
-  const disableDevTools = ((_a = serverConfig.context) == null ? void 0 : _a.disableDevTools) || false;
-  const defaultConsent = serverConfig.defaultConsent || false;
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, children, /* @__PURE__ */ React6.createElement(
+  const serverConfig2 = getServerConfig();
+  const disableDevTools = ((_a = serverConfig2.context) == null ? void 0 : _a.disableDevTools) || false;
+  const defaultConsent = serverConfig2.defaultConsent || false;
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, children, /* @__PURE__ */ React7.createElement(
     ContextComponent,
     {
       manifest,
       disableDevTools,
       defaultConsent
     }
-  ), /* @__PURE__ */ React6.createElement(Suspense2, { fallback: /* @__PURE__ */ React6.createElement(React6.Fragment, null) }, /* @__PURE__ */ React6.createElement(UniformScript, null)));
+  ), /* @__PURE__ */ React7.createElement(Suspense2, { fallback: /* @__PURE__ */ React7.createElement(React7.Fragment, null) }, /* @__PURE__ */ React7.createElement(UniformScript, null)));
 };
 
 // src/components/UniformPlayground.tsx
 import { CANVAS_DRAFT_STATE as CANVAS_DRAFT_STATE3, CANVAS_EDITOR_STATE as CANVAS_EDITOR_STATE3 } from "@uniformdev/canvas";
 import { notFound as notFound2 } from "next/navigation";
-import React7 from "react";
+import React8 from "react";
 var UniformPlayground = async ({ searchParams, ...rest }) => {
   if (!isDraftModeEnabled({ searchParams })) {
-    return /* @__PURE__ */ React7.createElement("div", null, /* @__PURE__ */ React7.createElement("h1", null, "Playground is only available in draft mode"));
+    return /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement("h1", null, "Playground is only available in draft mode"));
   }
   const id = searchParams["id"];
   if (!id) {
@@ -1063,7 +1083,7 @@ var UniformPlayground = async ({ searchParams, ...rest }) => {
   if (!composition) {
     notFound2();
   }
-  return /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React8.createElement(
     UniformComposition,
     {
       mode: "server",

package/dist/models/index.d.ts

@@ -0,0 +1,30 @@
+import { ComponentInstance, ComponentParameter } from '@uniformdev/canvas';
+export interface TestComponent {
+  slots?: {
+    test?: ComponentInstance[];
+  };
+  parameters: {
+    test?: ComponentParameter<string | undefined>;
+  };
+}
+export interface PersonalizeComponent {
+  slots?: {
+    pz?: ComponentInstance[];
+  };
+  parameters: {
+    trackingEventName?: ComponentParameter<string>;
+    count?: ComponentParameter<string | number>;
+  };
+}
+export type SeenUniformComponent = SeenPersonalizationComponent | SeenTestComponent;
+export interface SeenPersonalizationComponent {
+  id: string;
+  type: 'personalization';
+  variants: string[];
+  control: boolean;
+}
+export interface SeenTestComponent {
+  id: string;
+  type: 'test';
+  variant: string | undefined;
+}

package/dist/models/index.js

@@ -0,0 +1 @@
+export {};

package/dist/register/componentStore.d.ts

@@ -0,0 +1 @@
+export declare const componentStore: import('./createComponentStore').ComponentStore;

package/dist/register/componentStore.js

@@ -0,0 +1,2 @@
+import { createComponentStore } from './createComponentStore';
+export const componentStore = createComponentStore();

package/dist/register/componentStoreResolver.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const componentStoreResolver: (
+  component: import('@uniformdev/canvas').ComponentInstance
+) => import('react').ComponentType<any> | null;

package/dist/register/componentStoreResolver.js

@@ -0,0 +1,5 @@
+import { componentStore } from './componentStore';
+import { createComponentStoreResolver } from './createComponentStoreResolver';
+export const componentStoreResolver = createComponentStoreResolver({
+    store: componentStore,
+});

package/dist/register/createComponentStore.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ComponentProps } from '../components/UniformComponent';
+export declare const NOT_IMPLEMENTED_COMPONENT = '__not_implemented__';
+export declare const createComponentStore: () => ComponentStore;
+export type ComponentStore = {
+  register: (options: {
+    type: string;
+    variantId?: string;
+    component: React.ComponentType<ComponentProps<any>>;
+  }) => void;
+  get: (type: string, variantId?: string) => React.ComponentType<ComponentProps<any>> | undefined;
+};

package/dist/register/createComponentStore.js

@@ -0,0 +1,13 @@
+import { getTypeWithVariant } from './getTypeWithVariant';
+export const NOT_IMPLEMENTED_COMPONENT = '__not_implemented__';
+export const createComponentStore = () => {
+    const components = new Map();
+    return {
+        register: ({ type, component, variantId }) => {
+            components.set(getTypeWithVariant(type, variantId), component);
+        },
+        get: (type, variantId) => {
+            return components.get(getTypeWithVariant(type, variantId));
+        },
+    };
+};

package/dist/register/createComponentStoreResolver.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { type ComponentInstance } from '@uniformdev/canvas';
+
+import { ComponentProps } from '../components/UniformComponent';
+import { ComponentStore } from './createComponentStore';
+type RenderComponentResolver = (
+  component: ComponentInstance
+) => React.ComponentType<ComponentProps<any>> | null;
+export declare const createComponentStoreResolver: (options: {
+  store: ComponentStore;
+}) => RenderComponentResolver;
+export {};

package/dist/register/createComponentStoreResolver.js

@@ -0,0 +1,9 @@
+import { DefaultNotImplementedComponent } from '../components/DefaultNotImplementedComponent';
+import { getTypeWithVariant } from './getTypeWithVariant';
+export const createComponentStoreResolver = ({ store }) => {
+    return (component) => {
+        var _a;
+        const resolved = (_a = store.get(getTypeWithVariant(component.type, component.variant))) !== null && _a !== void 0 ? _a : store.get(getTypeWithVariant(component.type));
+        return resolved || DefaultNotImplementedComponent;
+    };
+};

package/dist/register/getTypeWithVariant.d.ts

@@ -0,0 +1 @@
+export declare const getTypeWithVariant: (type: string, variantId?: string) => string;

package/dist/register/getTypeWithVariant.js

@@ -0,0 +1 @@
+export const getTypeWithVariant = (type, variantId) => `${type}${variantId ? `__${variantId}` : ''}`;

package/dist/register/registerUniformComponent.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from '../components/UniformComponent';
+export declare const registerUniformComponent: ({
+  type,
+  variantId,
+  component,
+}: {
+  type: string;
+  variantId?: string | undefined;
+  component: React.ComponentType<ComponentProps<any>>;
+}) => void;