@uniformdev/canvas-next-rsc 19.170.1-alpha.0 → 19.170.1-alpha.1

package/dist/index.esm.js

@@ -412,6 +412,7 @@ import {
   CANVAS_ENRICHMENT_TAG_PARAM,
   CANVAS_PERSONALIZE_TYPE,
   CANVAS_TEST_TYPE,
+  CANVAS_VIZ_CONTROL_PARAM,
   isComponentPlaceholderId,
   walkNodeTree
 } from "@uniformdev/canvas";
@@ -684,6 +685,13 @@ var TestServer = async (props) => {
   return createElement2(Fragment2, void 0, [component, eventElement]);
 };
 
+// src/components/VisibilityRulesWrapper.tsx
+import { VisibilityRulesWrapperClient } from "@uniformdev/canvas-next-rsc-client";
+import React6 from "react";
+var VisibilityRulesWrapper = (props) => {
+  return /* @__PURE__ */ React6.createElement(VisibilityRulesWrapperClient, { ...props });
+};
+
 // src/components/UniformComposition.ts
 var UniformComposition = async ({
   resolveComponent,
@@ -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,16 @@ var resolveComponents = ({
       }
       childNode = elements;
     }
+    if (visibilityRules) {
+      childNode = createElement3(
+        VisibilityRulesWrapper,
+        {
+          key: `${slotName}-${componentIndex}-visibility`,
+          parameter: visibilityRules
+        },
+        childNode
+      );
+    }
     return createElement3(
       Fragment3,
       {
@@ -1003,7 +1022,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
@@ -1016,23 +1035,23 @@ var UniformContext = async ({
   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(
+  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 +1082,7 @@ var UniformPlayground = async ({ searchParams, ...rest }) => {
   if (!composition) {
     notFound2();
   }
-  return /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React8.createElement(
     UniformComposition,
     {
       mode: "server",

package/dist/index.js

@@ -456,12 +456,12 @@ 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_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");
@@ -715,6 +715,13 @@ var TestServer = async (props) => {
   return (0, import_react7.createElement)(import_react7.Fragment, void 0, [component, eventElement]);
 };
 
+// src/components/VisibilityRulesWrapper.tsx
+var import_canvas_next_rsc_client6 = require("@uniformdev/canvas-next-rsc-client");
+var import_react8 = __toESM(require("react"));
+var VisibilityRulesWrapper = (props) => {
+  return /* @__PURE__ */ import_react8.default.createElement(import_canvas_next_rsc_client6.VisibilityRulesWrapperClient, { ...props });
+};
+
 // src/components/UniformComposition.ts
 var UniformComposition = async ({
   resolveComponent,
@@ -777,7 +784,7 @@ 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,
@@ -794,11 +801,11 @@ 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,
@@ -825,7 +832,7 @@ var resolveSystemComponent = ({
     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;
+    resolved = server ? TestServer : import_canvas_next_rsc_client7.TestClient;
     suspense = server && ((_b = config.ppr) == null ? void 0 : _b.testSuspense);
   }
   return {
@@ -903,7 +910,7 @@ var resolveComponents = ({
     parent = target.parent;
   }
   const resolved = components.map((component, componentIndex) => {
-    var _a, _b;
+    var _a, _b, _c;
     const isServer = isServerComponent({
       component,
       serverContext
@@ -934,6 +941,7 @@ var resolveComponents = ({
     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 visibilityRules = (_c = parameters[import_canvas7.CANVAS_VIZ_CONTROL_PARAM]) == null ? void 0 : _c.value;
     const key = `${slotName}-${componentIndex}-component`;
     const componentProps = {
       ...Object.keys(parameters).reduce((acc, cur) => {
@@ -949,20 +957,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
@@ -977,7 +985,7 @@ var resolveComponents = ({
         elements.push(tagElement);
       }
       const isPlaceholder = (0, import_canvas7.isComponentPlaceholderId)(component == null ? void 0 : component._id);
-      childNode = (0, import_react8.createElement)(
+      childNode = (0, import_react9.createElement)(
         import_core.PureContextualEditingComponentWrapper,
         {
           key: `${slotName}-${componentIndex}-wrapper`,
@@ -996,8 +1004,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 +1025,18 @@ 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
+        },
+        childNode
+      );
+    }
+    return (0, import_react9.createElement)(
+      import_react9.Fragment,
       {
         key: !isRoot ? `${slotName}-${componentIndex}` : void 0
       },
@@ -1029,9 +1047,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 +1058,27 @@ var UniformContext = async ({
   const manifest = await getManifest({
     searchParams: {}
   });
-  const ContextComponent = clientContextComponent || import_canvas_next_rsc_client7.DefaultUniformClientContext;
+  const ContextComponent = clientContextComponent || import_canvas_next_rsc_client8.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(
+  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_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) {
@@ -1091,7 +1109,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

@@ -412,6 +412,7 @@ import {
   CANVAS_ENRICHMENT_TAG_PARAM,
   CANVAS_PERSONALIZE_TYPE,
   CANVAS_TEST_TYPE,
+  CANVAS_VIZ_CONTROL_PARAM,
   isComponentPlaceholderId,
   walkNodeTree
 } from "@uniformdev/canvas";
@@ -684,6 +685,13 @@ var TestServer = async (props) => {
   return createElement2(Fragment2, void 0, [component, eventElement]);
 };
 
+// src/components/VisibilityRulesWrapper.tsx
+import { VisibilityRulesWrapperClient } from "@uniformdev/canvas-next-rsc-client";
+import React6 from "react";
+var VisibilityRulesWrapper = (props) => {
+  return /* @__PURE__ */ React6.createElement(VisibilityRulesWrapperClient, { ...props });
+};
+
 // src/components/UniformComposition.ts
 var UniformComposition = async ({
   resolveComponent,
@@ -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,16 @@ var resolveComponents = ({
       }
       childNode = elements;
     }
+    if (visibilityRules) {
+      childNode = createElement3(
+        VisibilityRulesWrapper,
+        {
+          key: `${slotName}-${componentIndex}-visibility`,
+          parameter: visibilityRules
+        },
+        childNode
+      );
+    }
     return createElement3(
       Fragment3,
       {
@@ -1003,7 +1022,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
@@ -1016,23 +1035,23 @@ var UniformContext = async ({
   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(
+  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 +1082,7 @@ var UniformPlayground = async ({ searchParams, ...rest }) => {
   if (!composition) {
     notFound2();
   }
-  return /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React8.createElement(
     UniformComposition,
     {
       mode: "server",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-next-rsc",
-  "version": "19.170.1-alpha.0+e3f11f9551",
+  "version": "19.170.1-alpha.1+51ca6d7af1",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
@@ -61,15 +61,15 @@
     "react-dom": "18.2.0"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.170.1-alpha.0+e3f11f9551",
-    "@uniformdev/canvas-next-rsc-client": "^19.170.1-alpha.0+e3f11f9551",
-    "@uniformdev/canvas-next-rsc-shared": "^19.170.1-alpha.0+e3f11f9551",
-    "@uniformdev/canvas-react": "19.170.1-alpha.0+e3f11f9551",
-    "@uniformdev/context": "19.170.1-alpha.0+e3f11f9551",
-    "@uniformdev/project-map": "19.170.1-alpha.0+e3f11f9551",
-    "@uniformdev/redirect": "19.170.1-alpha.0+e3f11f9551",
-    "@uniformdev/richtext": "19.170.1-alpha.0+e3f11f9551",
-    "@uniformdev/webhooks": "19.170.1-alpha.0+e3f11f9551",
+    "@uniformdev/canvas": "19.170.1-alpha.1+51ca6d7af1",
+    "@uniformdev/canvas-next-rsc-client": "^19.170.1-alpha.1+51ca6d7af1",
+    "@uniformdev/canvas-next-rsc-shared": "^19.170.1-alpha.1+51ca6d7af1",
+    "@uniformdev/canvas-react": "19.170.1-alpha.1+51ca6d7af1",
+    "@uniformdev/context": "19.170.1-alpha.1+51ca6d7af1",
+    "@uniformdev/project-map": "19.170.1-alpha.1+51ca6d7af1",
+    "@uniformdev/redirect": "19.170.1-alpha.1+51ca6d7af1",
+    "@uniformdev/richtext": "19.170.1-alpha.1+51ca6d7af1",
+    "@uniformdev/webhooks": "19.170.1-alpha.1+51ca6d7af1",
     "@vercel/edge-config": "^0.4.0",
     "encoding": "^0.1.13",
     "server-only": "^0.0.1",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e3f11f95516524a58965ae891f4843a559b9cfbb"
+  "gitHead": "51ca6d7af193fed44b1e2b0412c99e0c6cc85c2c"
 }