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

package/dist/index.d.mts

@@ -5,8 +5,8 @@ import { ManifestClient } from '@uniformdev/context/api';
 import { ProjectMapClient, ProjectMapNode } from '@uniformdev/project-map';
 import { ContextState, ContextOptions } from '@uniformdev/context';
 import React__default, { PropsWithChildren } from 'react';
-import { U as UniformCompositionProps } from './UniformComposition-B-Z17dUt.mjs';
-export { a as UniformComposition, r as resolveComposition } from './UniformComposition-B-Z17dUt.mjs';
+import { U as UniformCompositionProps } from './UniformComposition-Dw55RFP6.mjs';
+export { a as UniformComposition, r as resolveComposition } from './UniformComposition-Dw55RFP6.mjs';
 import { ClientContextComponent } from '@uniformdev/canvas-next-rsc-client';
 
 type GetCanvasClientOptions = {
@@ -14,7 +14,7 @@ type GetCanvasClientOptions = {
 };
 declare const getCanvasClient: (options: GetCanvasClientOptions) => CanvasClient;
 declare const getDefaultCanvasClient: ({ searchParams, }: {
-    searchParams: PageParameters['searchParams'];
+    searchParams: PageParameters["searchParams"];
 }) => CanvasClient;
 
 type GetManifestClientOptions = {
@@ -22,34 +22,34 @@ type GetManifestClientOptions = {
 };
 declare const getManifestClient: (options: GetManifestClientOptions) => ManifestClient;
 declare const getDefaultManifestClient: ({ searchParams, }: {
-    searchParams?: PageParameters['searchParams'];
+    searchParams?: PageParameters["searchParams"];
 }) => ManifestClient;
 declare const getManifest: ({ searchParams }: {
-    searchParams: PageParameters['searchParams'];
+    searchParams: PageParameters["searchParams"];
 }) => Promise<{
     project: {
-        id?: string | undefined;
-        name?: string | undefined;
-        ui_version?: number | undefined;
+        id?: string;
+        name?: string;
+        ui_version?: number;
         pz?: {
             sig?: {
                 [key: string]: {
                     str: number;
                     cap: number;
-                    dur: "p" | "s" | "t";
+                    dur: "s" | "p" | "t";
                     crit: {
                         type: "G";
-                        op?: "&" | "|" | undefined;
+                        op?: "&" | "|";
                         clauses: ({
                             type: "G";
-                            op?: "&" | "|" | undefined;
-                            clauses: (any | {
+                            op?: "&" | "|";
+                            clauses: (any | ({
                                 type: "CK";
                                 cookieName: string;
                                 match: {
                                     rhs: string;
                                     op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                    cs?: boolean | undefined;
+                                    cs?: boolean;
                                 } | {
                                     op: "*" | "!*";
                                 };
@@ -59,7 +59,7 @@ declare const getManifest: ({ searchParams }: {
                                 match: {
                                     rhs: string;
                                     op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                    cs?: boolean | undefined;
+                                    cs?: boolean;
                                 } | {
                                     op: "*" | "!*";
                                 };
@@ -69,7 +69,7 @@ declare const getManifest: ({ searchParams }: {
                                 match: {
                                     rhs: string;
                                     op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                    cs?: boolean | undefined;
+                                    cs?: boolean;
                                 } | {
                                     op: "*" | "!*";
                                 };
@@ -78,7 +78,7 @@ declare const getManifest: ({ searchParams }: {
                                 event: {
                                     rhs: string;
                                     op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                    cs?: boolean | undefined;
+                                    cs?: boolean;
                                 } | {
                                     op: "*" | "!*";
                                 };
@@ -87,7 +87,7 @@ declare const getManifest: ({ searchParams }: {
                                 path: {
                                     rhs: string;
                                     op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                    cs?: boolean | undefined;
+                                    cs?: boolean;
                                 } | {
                                     op: "*" | "!*";
                                 };
@@ -95,16 +95,16 @@ declare const getManifest: ({ searchParams }: {
                                 type: "PVC";
                                 match: {
                                     rhs: number;
-                                    op: "=" | "!=" | "<" | ">";
+                                    op: "=" | "<" | ">" | "!=";
                                 };
-                            })[];
-                        } | {
+                            }))[];
+                        } | ({
                             type: "CK";
                             cookieName: string;
                             match: {
                                 rhs: string;
                                 op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                cs?: boolean | undefined;
+                                cs?: boolean;
                             } | {
                                 op: "*" | "!*";
                             };
@@ -114,7 +114,7 @@ declare const getManifest: ({ searchParams }: {
                             match: {
                                 rhs: string;
                                 op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                cs?: boolean | undefined;
+                                cs?: boolean;
                             } | {
                                 op: "*" | "!*";
                             };
@@ -124,7 +124,7 @@ declare const getManifest: ({ searchParams }: {
                             match: {
                                 rhs: string;
                                 op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                cs?: boolean | undefined;
+                                cs?: boolean;
                             } | {
                                 op: "*" | "!*";
                             };
@@ -133,7 +133,7 @@ declare const getManifest: ({ searchParams }: {
                             event: {
                                 rhs: string;
                                 op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                cs?: boolean | undefined;
+                                cs?: boolean;
                             } | {
                                 op: "*" | "!*";
                             };
@@ -142,7 +142,7 @@ declare const getManifest: ({ searchParams }: {
                             path: {
                                 rhs: string;
                                 op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                cs?: boolean | undefined;
+                                cs?: boolean;
                             } | {
                                 op: "*" | "!*";
                             };
@@ -150,35 +150,35 @@ declare const getManifest: ({ searchParams }: {
                             type: "PVC";
                             match: {
                                 rhs: number;
-                                op: "=" | "!=" | "<" | ">";
+                                op: "=" | "<" | ">" | "!=";
                             };
-                        })[];
+                        }))[];
                     };
                     conversion?: {
                         freq: "O";
-                    } | null | undefined;
+                    } | null;
                 };
-            } | undefined;
+            };
             enr?: {
                 [key: string]: {
                     cap: number;
                 };
-            } | undefined;
+            };
             agg?: {
                 [key: string]: {
                     inputs: {
                         dim: string;
-                        sign?: "c" | "+" | "-" | undefined;
+                        sign?: "+" | "-" | "c";
                     }[];
                 };
-            } | undefined;
-            control?: number | undefined;
-        } | undefined;
+            };
+            control?: number;
+        };
         test?: {
             [key: string]: {
-                wv?: string | undefined;
+                wv?: string;
             };
-        } | undefined;
+        };
     };
 }>;
 
@@ -187,7 +187,7 @@ type GetProjectMapClientOptions = {
 };
 declare const getProjectMapClient: (options: GetProjectMapClientOptions) => ProjectMapClient;
 declare const getDefaultProjectMapClient: ({ searchParams, }: {
-    searchParams: PageParameters['searchParams'];
+    searchParams: PageParameters["searchParams"];
 }) => ProjectMapClient;
 
 type GetRouteClientOptions = {
@@ -195,7 +195,7 @@ type GetRouteClientOptions = {
 };
 declare const getRouteClient: (options: GetRouteClientOptions) => RouteClient;
 declare const getDefaultRouteClient: ({ searchParams }: {
-    searchParams: PageParameters['searchParams'];
+    searchParams: PageParameters["searchParams"];
 }) => RouteClient;
 
 type ContextUpdateTransferProps = {

package/dist/index.d.ts

@@ -5,8 +5,8 @@ import { ManifestClient } from '@uniformdev/context/api';
 import { ProjectMapClient, ProjectMapNode } from '@uniformdev/project-map';
 import { ContextState, ContextOptions } from '@uniformdev/context';
 import React__default, { PropsWithChildren } from 'react';
-import { U as UniformCompositionProps } from './UniformComposition-B-Z17dUt.js';
-export { a as UniformComposition, r as resolveComposition } from './UniformComposition-B-Z17dUt.js';
+import { U as UniformCompositionProps } from './UniformComposition-Dw55RFP6.js';
+export { a as UniformComposition, r as resolveComposition } from './UniformComposition-Dw55RFP6.js';
 import { ClientContextComponent } from '@uniformdev/canvas-next-rsc-client';
 
 type GetCanvasClientOptions = {
@@ -14,7 +14,7 @@ type GetCanvasClientOptions = {
 };
 declare const getCanvasClient: (options: GetCanvasClientOptions) => CanvasClient;
 declare const getDefaultCanvasClient: ({ searchParams, }: {
-    searchParams: PageParameters['searchParams'];
+    searchParams: PageParameters["searchParams"];
 }) => CanvasClient;
 
 type GetManifestClientOptions = {
@@ -22,34 +22,34 @@ type GetManifestClientOptions = {
 };
 declare const getManifestClient: (options: GetManifestClientOptions) => ManifestClient;
 declare const getDefaultManifestClient: ({ searchParams, }: {
-    searchParams?: PageParameters['searchParams'];
+    searchParams?: PageParameters["searchParams"];
 }) => ManifestClient;
 declare const getManifest: ({ searchParams }: {
-    searchParams: PageParameters['searchParams'];
+    searchParams: PageParameters["searchParams"];
 }) => Promise<{
     project: {
-        id?: string | undefined;
-        name?: string | undefined;
-        ui_version?: number | undefined;
+        id?: string;
+        name?: string;
+        ui_version?: number;
         pz?: {
             sig?: {
                 [key: string]: {
                     str: number;
                     cap: number;
-                    dur: "p" | "s" | "t";
+                    dur: "s" | "p" | "t";
                     crit: {
                         type: "G";
-                        op?: "&" | "|" | undefined;
+                        op?: "&" | "|";
                         clauses: ({
                             type: "G";
-                            op?: "&" | "|" | undefined;
-                            clauses: (any | {
+                            op?: "&" | "|";
+                            clauses: (any | ({
                                 type: "CK";
                                 cookieName: string;
                                 match: {
                                     rhs: string;
                                     op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                    cs?: boolean | undefined;
+                                    cs?: boolean;
                                 } | {
                                     op: "*" | "!*";
                                 };
@@ -59,7 +59,7 @@ declare const getManifest: ({ searchParams }: {
                                 match: {
                                     rhs: string;
                                     op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                    cs?: boolean | undefined;
+                                    cs?: boolean;
                                 } | {
                                     op: "*" | "!*";
                                 };
@@ -69,7 +69,7 @@ declare const getManifest: ({ searchParams }: {
                                 match: {
                                     rhs: string;
                                     op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                    cs?: boolean | undefined;
+                                    cs?: boolean;
                                 } | {
                                     op: "*" | "!*";
                                 };
@@ -78,7 +78,7 @@ declare const getManifest: ({ searchParams }: {
                                 event: {
                                     rhs: string;
                                     op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                    cs?: boolean | undefined;
+                                    cs?: boolean;
                                 } | {
                                     op: "*" | "!*";
                                 };
@@ -87,7 +87,7 @@ declare const getManifest: ({ searchParams }: {
                                 path: {
                                     rhs: string;
                                     op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                    cs?: boolean | undefined;
+                                    cs?: boolean;
                                 } | {
                                     op: "*" | "!*";
                                 };
@@ -95,16 +95,16 @@ declare const getManifest: ({ searchParams }: {
                                 type: "PVC";
                                 match: {
                                     rhs: number;
-                                    op: "=" | "!=" | "<" | ">";
+                                    op: "=" | "<" | ">" | "!=";
                                 };
-                            })[];
-                        } | {
+                            }))[];
+                        } | ({
                             type: "CK";
                             cookieName: string;
                             match: {
                                 rhs: string;
                                 op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                cs?: boolean | undefined;
+                                cs?: boolean;
                             } | {
                                 op: "*" | "!*";
                             };
@@ -114,7 +114,7 @@ declare const getManifest: ({ searchParams }: {
                             match: {
                                 rhs: string;
                                 op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                cs?: boolean | undefined;
+                                cs?: boolean;
                             } | {
                                 op: "*" | "!*";
                             };
@@ -124,7 +124,7 @@ declare const getManifest: ({ searchParams }: {
                             match: {
                                 rhs: string;
                                 op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                cs?: boolean | undefined;
+                                cs?: boolean;
                             } | {
                                 op: "*" | "!*";
                             };
@@ -133,7 +133,7 @@ declare const getManifest: ({ searchParams }: {
                             event: {
                                 rhs: string;
                                 op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                cs?: boolean | undefined;
+                                cs?: boolean;
                             } | {
                                 op: "*" | "!*";
                             };
@@ -142,7 +142,7 @@ declare const getManifest: ({ searchParams }: {
                             path: {
                                 rhs: string;
                                 op: "=" | "~" | "//" | "!=" | "!~" | "!//";
-                                cs?: boolean | undefined;
+                                cs?: boolean;
                             } | {
                                 op: "*" | "!*";
                             };
@@ -150,35 +150,35 @@ declare const getManifest: ({ searchParams }: {
                             type: "PVC";
                             match: {
                                 rhs: number;
-                                op: "=" | "!=" | "<" | ">";
+                                op: "=" | "<" | ">" | "!=";
                             };
-                        })[];
+                        }))[];
                     };
                     conversion?: {
                         freq: "O";
-                    } | null | undefined;
+                    } | null;
                 };
-            } | undefined;
+            };
             enr?: {
                 [key: string]: {
                     cap: number;
                 };
-            } | undefined;
+            };
             agg?: {
                 [key: string]: {
                     inputs: {
                         dim: string;
-                        sign?: "c" | "+" | "-" | undefined;
+                        sign?: "+" | "-" | "c";
                     }[];
                 };
-            } | undefined;
-            control?: number | undefined;
-        } | undefined;
+            };
+            control?: number;
+        };
         test?: {
             [key: string]: {
-                wv?: string | undefined;
+                wv?: string;
             };
-        } | undefined;
+        };
     };
 }>;
 
@@ -187,7 +187,7 @@ type GetProjectMapClientOptions = {
 };
 declare const getProjectMapClient: (options: GetProjectMapClientOptions) => ProjectMapClient;
 declare const getDefaultProjectMapClient: ({ searchParams, }: {
-    searchParams: PageParameters['searchParams'];
+    searchParams: PageParameters["searchParams"];
 }) => ProjectMapClient;
 
 type GetRouteClientOptions = {
@@ -195,7 +195,7 @@ type GetRouteClientOptions = {
 };
 declare const getRouteClient: (options: GetRouteClientOptions) => RouteClient;
 declare const getDefaultRouteClient: ({ searchParams }: {
-    searchParams: PageParameters['searchParams'];
+    searchParams: PageParameters["searchParams"];
 }) => RouteClient;
 
 type ContextUpdateTransferProps = {

package/dist/index.esm.js

@@ -209,7 +209,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 +368,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 +413,7 @@ import {
   CANVAS_ENRICHMENT_TAG_PARAM,
   CANVAS_PERSONALIZE_TYPE,
   CANVAS_TEST_TYPE,
+  CANVAS_VIZ_CONTROL_PARAM,
   isComponentPlaceholderId,
   walkNodeTree
 } from "@uniformdev/canvas";
@@ -444,12 +446,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 +681,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 +768,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 +892,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 +923,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 +1007,17 @@ var resolveComponents = ({
       }
       childNode = elements;
     }
+    if (visibilityRules) {
+      childNode = createElement3(
+        VisibilityRulesWrapper,
+        {
+          key: `${slotName}-${componentIndex}-visibility`,
+          parameter: visibilityRules,
+          context: serverContext
+        },
+        childNode
+      );
+    }
     return createElement3(
       Fragment3,
       {
@@ -1003,7 +1035,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 +1048,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 +1095,7 @@ var UniformPlayground = async ({ searchParams, ...rest }) => {
   if (!composition) {
     notFound2();
   }
-  return /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React8.createElement(
     UniformComposition,
     {
       mode: "server",