@builder.io/sdk-react-nextjs 0.18.10 → 0.18.13

package/lib/node/components/block/block.helpers.mjs

@@ -5,38 +5,38 @@ const l = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.include
   model: r
 }) => {
   var i;
-  const o = (i = e.component) == null ? void 0 : i.name;
-  if (!o)
+  const n = (i = e.component) == null ? void 0 : i.name;
+  if (!n)
     return null;
-  const n = t[o];
-  if (!n || l(n, r)) {
+  const o = t[n];
+  if (!o || l(o, r)) {
     console.warn(`
-      Could not find a registered component named "${o}". 
+      Could not find a registered component named "${n}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
     return;
   } else
-    return n;
+    return o;
 }, f = ({
   block: e,
   context: t
 }) => {
   const {
     repeat: r,
-    ...o
+    ...n
   } = e;
   if (!(r != null && r.collection))
     return;
-  const n = a({
+  const o = a({
     code: r.collection,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context
   });
-  if (!Array.isArray(n))
+  if (!Array.isArray(o))
     return;
   const i = r.collection.split(".").pop(), s = r.itemName || (i ? i + "Item" : "item");
-  return n.map((d, u) => ({
+  return o.map((d, u) => ({
     context: {
       ...t,
       localState: {
@@ -47,7 +47,7 @@ const l = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.include
         [`$${s}Index`]: u
       }
     },
-    block: o
+    block: n
   }));
 }, C = (e, t) => {
   var r;
@@ -55,26 +55,27 @@ const l = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.include
     builderLinkComponent: t
   } : {};
 }, v = (e, t, r) => {
-  var o;
-  return (o = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && o.builderComponents ? {
+  var n;
+  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
     builderComponents: Object.fromEntries(Object.entries(t).filter(([i, s]) => !l(s, r)))
   } : {};
-}, h = (e, t) => {
+}, g = (e, t) => {
   var r;
   return (r = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && r.builderBlock ? {
     builderBlock: t
   } : {};
-}, R = (e, t) => {
+}, h = (e, t) => {
   var r;
   return (r = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && r.builderContext ? {
     builderContext: t
   } : {};
-};
+}, S = (e) => e.toString();
 export {
+  S as generateKey,
   c as getComponent,
   f as getRepeatItemData,
-  h as provideBuilderBlock,
-  R as provideBuilderContext,
+  g as provideBuilderBlock,
+  h as provideBuilderContext,
   C as provideLinkComponent,
   v as provideRegisteredComponents
 };

package/lib/node/components/block/block.mjs

@@ -1,18 +1,18 @@
 import { jsx as l, Fragment as u, jsxs as h } from "react/jsx-runtime";
-import { TARGET as v } from "../../constants/target.mjs";
-import { getBlockComponentOptions as S } from "../../functions/get-block-component-options.mjs";
-import { getProcessedBlock as P } from "../../functions/get-processed-block.mjs";
-import { isPreviewing as I } from "../../functions/is-previewing.mjs";
+import { TARGET as S } from "../../constants/target.mjs";
+import { getBlockComponentOptions as P } from "../../functions/get-block-component-options.mjs";
+import { getProcessedBlock as I } from "../../functions/get-processed-block.mjs";
+import { isPreviewing as O } from "../../functions/is-previewing.mjs";
 import "../../functions/get-fetch.mjs";
-import { getRepeatItemData as O, getComponent as w, provideBuilderBlock as W, provideBuilderContext as T, provideLinkComponent as L, provideRegisteredComponents as U } from "./block.helpers.mjs";
-import j from "./components/block-styles.mjs";
+import { generateKey as x, getRepeatItemData as w, getComponent as W, provideBuilderBlock as T, provideBuilderContext as L, provideLinkComponent as U, provideRegisteredComponents as j } from "./block.helpers.mjs";
+import y from "./components/block-styles.mjs";
 import N from "./components/block-wrapper.mjs";
-import x from "./components/component-ref/component-ref.mjs";
-import b from "./components/repeated-block.mjs";
-function y(e) {
+import b from "./components/component-ref/component-ref.mjs";
+import g from "./components/repeated-block.mjs";
+function A(e) {
   var a, C, p, f;
   const d = function() {
-    return O({
+    return w({
       block: e.block,
       context: e.context
     });
@@ -21,9 +21,9 @@ function y(e) {
     update: !1
   }, n = function() {
     var i;
-    if (s.value && !s.update && !I())
+    if (s.value && !s.update && !O())
       return s.value;
-    const c = (i = e.block.repeat) != null && i.collection ? e.block : P({
+    const c = (i = e.block.repeat) != null && i.collection ? e.block : I({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -32,21 +32,21 @@ function y(e) {
     });
     return s.value = c, s.update = !1, c;
   }, r = function() {
-    return w({
+    return W({
       block: n(),
       registeredComponents: e.registeredComponents,
       model: e.context.model
     });
-  }, g = function() {
+  }, B = function() {
     var i;
     return e.block.tagName === "a" || ((i = n().properties) == null ? void 0 : i.href) || n().href ? e.linkComponent || "a" : e.block.tagName || "div";
-  }, B = function() {
+  }, R = function() {
     var m, k;
     if ((m = e.block.repeat) != null && m.collection)
       return !!((k = d()) != null && k.length);
     const c = "hide" in n() ? n().hide : !1;
     return ("show" in n() ? n().show : !0) && !c;
-  }, R = function() {
+  }, v = function() {
     var i, m;
     return !((i = r()) != null && i.component) && !d() ? (m = n().children) != null ? m : [] : [];
   }, o = function() {
@@ -55,11 +55,11 @@ function y(e) {
       blockChildren: (c = n().children) != null ? c : [],
       componentRef: (i = r()) == null ? void 0 : i.component,
       componentOptions: {
-        ...S(n(), e.context),
-        ...W(r(), n()),
-        ...T(r(), e.context),
-        ...L(r(), e.linkComponent),
-        ...U(
+        ...P(n(), e.context),
+        ...T(r(), n()),
+        ...L(r(), e.context),
+        ...U(r(), e.linkComponent),
+        ...j(
           r(),
           e.registeredComponents,
           e.context.model
@@ -70,22 +70,22 @@ function y(e) {
       registeredComponents: e.registeredComponents,
       builderBlock: n(),
       includeBlockProps: ((m = r()) == null ? void 0 : m.noWrap) === !0,
-      isInteractive: !((k = r()) != null && k.isRSC && v === "rsc")
+      isInteractive: !((k = r()) != null && k.isRSC && S === "rsc")
     };
   };
-  return /* @__PURE__ */ l(u, { children: B() ? /* @__PURE__ */ h(u, { children: [
-    /* @__PURE__ */ l(j, { block: n(), context: e.context }),
+  return /* @__PURE__ */ l(u, { children: R() ? /* @__PURE__ */ h(u, { children: [
+    /* @__PURE__ */ l(y, { block: n(), context: e.context }),
     (a = r()) != null && a.noWrap ? d() ? /* @__PURE__ */ l(u, { children: (f = d()) == null ? void 0 : f.map((t, c) => /* @__PURE__ */ l(
-      b,
+      g,
       {
         repeatContext: t.context,
         block: t.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      c
+      x(c)
     )) }) : /* @__PURE__ */ l(
-      x,
+      b,
       {
         componentRef: o().componentRef,
         componentOptions: o().componentOptions,
@@ -98,23 +98,23 @@ function y(e) {
         isInteractive: o().isInteractive
       }
     ) : /* @__PURE__ */ l(u, { children: d() ? /* @__PURE__ */ l(u, { children: (p = d()) == null ? void 0 : p.map((t, c) => /* @__PURE__ */ l(
-      b,
+      g,
       {
         repeatContext: t.context,
         block: t.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      c
+      x(c)
     )) }) : /* @__PURE__ */ h(
       N,
       {
-        Wrapper: g(),
+        Wrapper: B(),
         block: n(),
         context: e.context,
         children: [
           /* @__PURE__ */ l(
-            x,
+            b,
             {
               componentRef: o().componentRef,
               componentOptions: o().componentOptions,
@@ -127,8 +127,8 @@ function y(e) {
               isInteractive: o().isInteractive
             }
           ),
-          (C = R()) == null ? void 0 : C.map((t) => /* @__PURE__ */ l(
-            y,
+          (C = v()) == null ? void 0 : C.map((t) => /* @__PURE__ */ l(
+            A,
             {
               block: t,
               registeredComponents: e.registeredComponents,
@@ -143,5 +143,5 @@ function y(e) {
   ] }) : null });
 }
 export {
-  y as default
+  A as default
 };

package/lib/node/components/block/components/interactive-element.cjs

@@ -1 +1 @@
-"use client";"use strict";const e=require("react/jsx-runtime"),r=require("../../../functions/get-block-actions.cjs"),n=require("../../../functions/get-block-properties.cjs"),o=require("../../awaiter.cjs");function a(t){function c(){return t.includeBlockProps?{...n.getBlockProperties({block:t.block,context:t.context}),...r.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context})}:{}}return e.jsx(e.Fragment,{children:t.Wrapper.load?e.jsx(e.Fragment,{children:e.jsx(o,{load:t.Wrapper.load,fallback:t.Wrapper.fallback,props:t.wrapperProps,attributes:c(),children:t.children})}):e.jsx(t.Wrapper,{...t.wrapperProps,attributes:c(),children:t.children})})}module.exports=a;
+"use client";"use strict";const e=require("react/jsx-runtime"),o=require("react"),l=require("../../../functions/get-block-actions.cjs"),i=require("../../../functions/get-block-properties.cjs"),u=require("../../awaiter.cjs");function x(t){var r,n;o.useState(()=>0);function c(){return t.includeBlockProps?{...i.getBlockProperties({block:t.block,context:t.context}),...l.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context})}:{}}function a(){return t.wrapperProps}return o.useEffect(()=>{},[t.wrapperProps,(n=(r=t.block)==null?void 0:r.component)==null?void 0:n.options]),e.jsx(e.Fragment,{children:t.Wrapper.load?e.jsx(e.Fragment,{children:e.jsx(u,{load:t.Wrapper.load,fallback:t.Wrapper.fallback,props:t.wrapperProps,attributes:c(),children:t.children})}):e.jsx(t.Wrapper,{...a(),attributes:c(),children:t.children})})}module.exports=x;

package/lib/node/components/block/components/interactive-element.mjs

@@ -1,16 +1,19 @@
 "use client";
-import { jsx as e, Fragment as c } from "react/jsx-runtime";
-import { getBlockActions as o } from "../../../functions/get-block-actions.mjs";
-import { getBlockProperties as a } from "../../../functions/get-block-properties.mjs";
-import l from "../../awaiter.mjs";
-function u(t) {
+import { jsx as e, Fragment as a } from "react/jsx-runtime";
+import { useState as l, useEffect as i } from "react";
+import { getBlockActions as u } from "../../../functions/get-block-actions.mjs";
+import { getBlockProperties as f } from "../../../functions/get-block-properties.mjs";
+import m from "../../awaiter.mjs";
+function h(t) {
+  var o, c;
+  l(() => 0);
   function r() {
     return t.includeBlockProps ? {
-      ...a({
+      ...f({
         block: t.block,
         context: t.context
       }),
-      ...o({
+      ...u({
         block: t.block,
         rootState: t.context.rootState,
         rootSetState: t.context.rootSetState,
@@ -19,8 +22,12 @@ function u(t) {
       })
     } : {};
   }
-  return /* @__PURE__ */ e(c, { children: t.Wrapper.load ? /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
-    l,
+  function n() {
+    return t.wrapperProps;
+  }
+  return i(() => {
+  }, [t.wrapperProps, (c = (o = t.block) == null ? void 0 : o.component) == null ? void 0 : c.options]), /* @__PURE__ */ e(a, { children: t.Wrapper.load ? /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
+    m,
     {
       load: t.Wrapper.load,
       fallback: t.Wrapper.fallback,
@@ -28,8 +35,8 @@ function u(t) {
       attributes: r(),
       children: t.children
     }
-  ) }) : /* @__PURE__ */ e(t.Wrapper, { ...t.wrapperProps, attributes: r(), children: t.children }) });
+  ) }) : /* @__PURE__ */ e(t.Wrapper, { ...n(), attributes: r(), children: t.children }) });
 }
 export {
-  u as default
+  h as default
 };

package/lib/node/components/blocks/blocks-wrapper.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";const a=require("react/jsx-runtime"),i=require("react"),r=require("../../functions/is-editing.cjs");function d(e){const c=i.useRef(null);i.useState(()=>!1);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function s(){if(!e.path)return;const t="this.",n="component.options.";return e.path.startsWith(t)?e.path.replace(t,""):e.path.startsWith(n)?e.path:`${n}${e.path||""}`}function l(){var t,n;r.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:s()}},"*"))}function u(){var t,n;r.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:s()}},"*"))}return i.useEffect(()=>{},[]),i.useEffect(()=>{},[e.blocks]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-2b05e766","builder-path":s(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>l(),onMouseEnter:t=>u(),onKeyPress:t=>l(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-2b05e766 {
+"use client";"use strict";const a=require("react/jsx-runtime"),i=require("react"),r=require("../../functions/is-editing.cjs");function d(e){const c=i.useRef(null);i.useState(()=>!1);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function s(){if(!e.path)return;const t="this.",n="component.options.";return e.path.startsWith(t)?e.path.replace(t,""):e.path.startsWith(n)?e.path:`${n}${e.path||""}`}function l(){var t,n;r.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:s()}},"*"))}function u(){var t,n;r.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:s()}},"*"))}return i.useEffect(()=>{},[]),i.useEffect(()=>{},[e.blocks]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-7d1e7a14","builder-path":s(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>l(),onMouseEnter:t=>u(),onKeyPress:t=>l(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-7d1e7a14 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/node/components/blocks/blocks-wrapper.mjs

@@ -52,7 +52,7 @@ function y(e) {
       e.BlocksWrapper,
       {
         ref: c,
-        className: o() + " props-blocks-wrapper-2b05e766",
+        className: o() + " props-blocks-wrapper-7d1e7a14",
         "builder-path": a(),
         "builder-parent-id": e.parent,
         style: e.styleProp,
@@ -63,7 +63,7 @@ function y(e) {
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-2b05e766 {
+    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-7d1e7a14 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/node/components/blocks/blocks.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function a(e){var n,c,r;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,classNameProp:e.className,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(c=e.context)==null?void 0:c.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(r=e.blocks)==null?void 0:r.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=a;
+"use strict";const t=require("react/jsx-runtime"),o=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function a(e){var n,c,r;return t.jsxs(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapperProps:e.BlocksWrapperProps||((n=e.context)==null?void 0:n.BlocksWrapperProps),classNameProp:e.className,BlocksWrapper:(c=e.context)==null?void 0:c.BlocksWrapper,children:[e.children,e.blocks?t.jsx(t.Fragment,{children:(r=e.blocks)==null?void 0:r.map(l=>t.jsx(o,{block:l,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},l.id))}):null]})}module.exports=a;

package/lib/node/components/blocks/blocks.mjs

@@ -1,31 +1,34 @@
-import { jsx as t, Fragment as c } from "react/jsx-runtime";
-import a from "../block/block.mjs";
+import { jsxs as c, jsx as l, Fragment as a } from "react/jsx-runtime";
+import s from "../block/block.mjs";
 import m from "./blocks-wrapper.mjs";
-function B(e) {
-  var o, n, r;
-  return /* @__PURE__ */ t(
+function d(e) {
+  var t, n, o;
+  return /* @__PURE__ */ c(
     m,
     {
       blocks: e.blocks,
       parent: e.parent,
       path: e.path,
       styleProp: e.styleProp,
+      BlocksWrapperProps: e.BlocksWrapperProps || ((t = e.context) == null ? void 0 : t.BlocksWrapperProps),
       classNameProp: e.className,
-      BlocksWrapper: (o = e.context) == null ? void 0 : o.BlocksWrapper,
-      BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
-      children: e.blocks ? /* @__PURE__ */ t(c, { children: (r = e.blocks) == null ? void 0 : r.map((l) => /* @__PURE__ */ t(
-        a,
-        {
-          block: l,
-          linkComponent: e.linkComponent,
-          context: e.context,
-          registeredComponents: e.registeredComponents
-        },
-        l.id
-      )) }) : null
+      BlocksWrapper: (n = e.context) == null ? void 0 : n.BlocksWrapper,
+      children: [
+        e.children,
+        e.blocks ? /* @__PURE__ */ l(a, { children: (o = e.blocks) == null ? void 0 : o.map((r) => /* @__PURE__ */ l(
+          s,
+          {
+            block: r,
+            linkComponent: e.linkComponent,
+            context: e.context,
+            registeredComponents: e.registeredComponents
+          },
+          r.id
+        )) }) : null
+      ]
     }
   );
 }
 export {
-  B as default
+  d as default
 };

package/lib/node/components/content-variants/content-variants.cjs

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),S=require("../../constants/target.cjs"),C=require("../../helpers/ab-tests.cjs"),s=require("../../helpers/canTrack.cjs"),d=require("../content/content.cjs"),l=require("../inlined-script.cjs"),T=require("../inlined-styles.cjs"),a=require("./helpers.cjs");function V(t){var r;const c=a.checkShouldRenderVariants({canTrack:s.getDefaultCanTrack(t.canTrack),content:t.content}),u=function(){var n;return a.getUpdateCookieAndStylesScript(a.getVariants(t.content).map(o=>({id:o.testVariationId,testRatio:o.testRatio})),((n=t.content)==null?void 0:n.id)||"")},k=function(){return a.getVariants(t.content).map(n=>`.variant-${n.testVariationId} { display: none; } `).join("")},m=function(){var n;return c?{...t.content,testVariationId:(n=t.content)==null?void 0:n.id}:C.handleABTestingSync({item:t.content,canTrack:s.getDefaultCanTrack(t.canTrack)})};return e.jsxs(e.Fragment,{children:[!t.isNestedRender&&S.TARGET!=="reactNative"?e.jsx(l,{id:"builderio-init-variants-fns",scriptStr:a.getInitVariantsFnsScriptString(),nonce:t.nonce||""}):null,c?e.jsxs(e.Fragment,{children:[e.jsx(T,{id:"builderio-variants",styles:k(),nonce:t.nonce||""}),e.jsx(l,{id:"builderio-variants-visibility",scriptStr:u(),nonce:t.nonce||""}),(r=a.getVariants(t.content))==null?void 0:r.map(i=>e.jsx(d,{apiHost:t.apiHost,isNestedRender:t.isNestedRender,nonce:t.nonce,content:i,showContent:!1,model:t.model,data:t.data,context:t.context,apiKey:t.apiKey,apiVersion:t.apiVersion,customComponents:t.customComponents,linkComponent:t.linkComponent,canTrack:t.canTrack,locale:t.locale,enrich:t.enrich,isSsrAbTest:c,blocksWrapper:t.blocksWrapper,blocksWrapperProps:t.blocksWrapperProps,contentWrapper:t.contentWrapper,contentWrapperProps:t.contentWrapperProps,trustedHosts:t.trustedHosts},i.testVariationId))]}):null,e.jsx(d,{apiHost:t.apiHost,nonce:t.nonce,isNestedRender:t.isNestedRender,content:m(),showContent:!0,model:t.model,data:t.data,context:t.context,apiKey:t.apiKey,apiVersion:t.apiVersion,customComponents:t.customComponents,linkComponent:t.linkComponent,canTrack:t.canTrack,locale:t.locale,enrich:t.enrich,isSsrAbTest:c,blocksWrapper:t.blocksWrapper,blocksWrapperProps:t.blocksWrapperProps,contentWrapper:t.contentWrapper,contentWrapperProps:t.contentWrapperProps,trustedHosts:t.trustedHosts})]})}module.exports=V;
+"use strict";const n=require("react/jsx-runtime"),l=require("../../blocks/personalization-container/helpers.cjs"),d=require("../../constants/target.cjs"),C=require("../../helpers/ab-tests.cjs"),u=require("../../helpers/canTrack.cjs"),S=require("../content/content.cjs"),r=require("../inlined-script.cjs"),V=require("../inlined-styles.cjs"),i=require("./helpers.cjs");function g(t){var o;const c=i.checkShouldRenderVariants({canTrack:u.getDefaultCanTrack(t.canTrack),content:t.content}),k=function(){var e;return i.getUpdateCookieAndStylesScript(i.getVariants(t.content).map(s=>({id:s.testVariationId,testRatio:s.testRatio})),((e=t.content)==null?void 0:e.id)||"")},m=function(){return i.getVariants(t.content).map(e=>`.variant-${e.testVariationId} { display: none; } `).join("")},T=function(){var e;return c?{...t.content,testVariationId:(e=t.content)==null?void 0:e.id}:C.handleABTestingSync({item:t.content,canTrack:u.getDefaultCanTrack(t.canTrack)})};return n.jsxs(n.Fragment,{children:[!t.isNestedRender&&d.TARGET!=="reactNative"?n.jsxs(n.Fragment,{children:[n.jsx(r,{id:"builderio-init-variants-fns",scriptStr:i.getInitVariantsFnsScriptString(),nonce:t.nonce||""}),l.SDKS_SUPPORTING_PERSONALIZATION.includes(d.TARGET)?n.jsx(r,{id:"builderio-init-personalization-variants-fns",nonce:t.nonce||"",scriptStr:l.getInitPersonalizationVariantsFnsScriptString()}):null]}):null,c?n.jsxs(n.Fragment,{children:[n.jsx(V,{id:"builderio-variants",styles:m(),nonce:t.nonce||""}),n.jsx(r,{id:"builderio-variants-visibility",scriptStr:k(),nonce:t.nonce||""}),(o=i.getVariants(t.content))==null?void 0:o.map(a=>n.jsx(S,{apiHost:t.apiHost,isNestedRender:t.isNestedRender,nonce:t.nonce,content:a,showContent:!1,model:t.model,data:t.data,context:t.context,apiKey:t.apiKey,apiVersion:t.apiVersion,customComponents:t.customComponents,linkComponent:t.linkComponent,canTrack:t.canTrack,locale:t.locale,enrich:t.enrich,isSsrAbTest:c,blocksWrapper:t.blocksWrapper,blocksWrapperProps:t.blocksWrapperProps,contentWrapper:t.contentWrapper,contentWrapperProps:t.contentWrapperProps,trustedHosts:t.trustedHosts},a.testVariationId))]}):null,n.jsx(S,{apiHost:t.apiHost,nonce:t.nonce,isNestedRender:t.isNestedRender,content:T(),showContent:!0,model:t.model,data:t.data,context:t.context,apiKey:t.apiKey,apiVersion:t.apiVersion,customComponents:t.customComponents,linkComponent:t.linkComponent,canTrack:t.canTrack,locale:t.locale,enrich:t.enrich,isSsrAbTest:c,blocksWrapper:t.blocksWrapper,blocksWrapperProps:t.blocksWrapperProps,contentWrapper:t.contentWrapper,contentWrapperProps:t.contentWrapperProps,trustedHosts:t.trustedHosts})]})}module.exports=g;

package/lib/node/components/content-variants/content-variants.mjs

@@ -1,27 +1,28 @@
-import { jsxs as d, Fragment as s, jsx as i } from "react/jsx-runtime";
-import { TARGET as f } from "../../constants/target.mjs";
+import { jsxs as o, Fragment as c, jsx as e } from "react/jsx-runtime";
+import { SDKS_SUPPORTING_PERSONALIZATION as T, getInitPersonalizationVariantsFnsScriptString as V } from "../../blocks/personalization-container/helpers.mjs";
+import { TARGET as m } from "../../constants/target.mjs";
 import { handleABTestingSync as W } from "../../helpers/ab-tests.mjs";
-import { getDefaultCanTrack as l } from "../../helpers/canTrack.mjs";
-import m from "../content/content.mjs";
-import u from "../inlined-script.mjs";
-import V from "../inlined-styles.mjs";
-import { checkShouldRenderVariants as b, getInitVariantsFnsScriptString as h, getVariants as o, getUpdateCookieAndStylesScript as y } from "./helpers.mjs";
-function N(t) {
-  var c;
-  const a = b({
-    canTrack: l(t.canTrack),
+import { getDefaultCanTrack as u } from "../../helpers/canTrack.mjs";
+import S from "../content/content.mjs";
+import r from "../inlined-script.mjs";
+import b from "../inlined-styles.mjs";
+import { checkShouldRenderVariants as h, getInitVariantsFnsScriptString as y, getVariants as d, getUpdateCookieAndStylesScript as P } from "./helpers.mjs";
+function j(t) {
+  var s;
+  const a = h({
+    canTrack: u(t.canTrack),
     content: t.content
   }), k = function() {
     var n;
-    return y(
-      o(t.content).map((r) => ({
-        id: r.testVariationId,
-        testRatio: r.testRatio
+    return P(
+      d(t.content).map((l) => ({
+        id: l.testVariationId,
+        testRatio: l.testRatio
       })),
       ((n = t.content) == null ? void 0 : n.id) || ""
     );
-  }, S = function() {
-    return o(t.content).map((n) => `.variant-${n.testVariationId} { display: none; } `).join("");
+  }, f = function() {
+    return d(t.content).map((n) => `.variant-${n.testVariationId} { display: none; } `).join("");
   }, C = function() {
     var n;
     return a ? {
@@ -29,42 +30,52 @@ function N(t) {
       testVariationId: (n = t.content) == null ? void 0 : n.id
     } : W({
       item: t.content,
-      canTrack: l(t.canTrack)
+      canTrack: u(t.canTrack)
     });
   };
-  return /* @__PURE__ */ d(s, { children: [
-    !t.isNestedRender && f !== "reactNative" ? /* @__PURE__ */ i(
-      u,
-      {
-        id: "builderio-init-variants-fns",
-        scriptStr: h(),
-        nonce: t.nonce || ""
-      }
-    ) : null,
-    a ? /* @__PURE__ */ d(s, { children: [
-      /* @__PURE__ */ i(
-        V,
+  return /* @__PURE__ */ o(c, { children: [
+    !t.isNestedRender && m !== "reactNative" ? /* @__PURE__ */ o(c, { children: [
+      /* @__PURE__ */ e(
+        r,
+        {
+          id: "builderio-init-variants-fns",
+          scriptStr: y(),
+          nonce: t.nonce || ""
+        }
+      ),
+      T.includes(m) ? /* @__PURE__ */ e(
+        r,
+        {
+          id: "builderio-init-personalization-variants-fns",
+          nonce: t.nonce || "",
+          scriptStr: V()
+        }
+      ) : null
+    ] }) : null,
+    a ? /* @__PURE__ */ o(c, { children: [
+      /* @__PURE__ */ e(
+        b,
         {
           id: "builderio-variants",
-          styles: S(),
+          styles: f(),
           nonce: t.nonce || ""
         }
       ),
-      /* @__PURE__ */ i(
-        u,
+      /* @__PURE__ */ e(
+        r,
         {
           id: "builderio-variants-visibility",
           scriptStr: k(),
           nonce: t.nonce || ""
         }
       ),
-      (c = o(t.content)) == null ? void 0 : c.map((e) => /* @__PURE__ */ i(
-        m,
+      (s = d(t.content)) == null ? void 0 : s.map((i) => /* @__PURE__ */ e(
+        S,
         {
           apiHost: t.apiHost,
           isNestedRender: t.isNestedRender,
           nonce: t.nonce,
-          content: e,
+          content: i,
           showContent: !1,
           model: t.model,
           data: t.data,
@@ -83,11 +94,11 @@ function N(t) {
           contentWrapperProps: t.contentWrapperProps,
           trustedHosts: t.trustedHosts
         },
-        e.testVariationId
+        i.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ i(
-      m,
+    /* @__PURE__ */ e(
+      S,
       {
         apiHost: t.apiHost,
         nonce: t.nonce,
@@ -115,5 +126,5 @@ function N(t) {
   ] });
 }
 export {
-  N as default
+  j as default
 };

package/lib/node/constants/builder-registered-components.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../functions/evaluate/node-runtime/safeDynamicRequire.cjs");require("../functions/get-fetch.cjs");const o=require("../blocks/button/component-info.cjs"),n=require("../blocks/button/button.cjs"),e=require("../blocks/columns/component-info.cjs"),t=require("../blocks/columns/columns.cjs"),r=require("../blocks/fragment/component-info.cjs"),c=require("../blocks/fragment/fragment.cjs"),m=require("../blocks/image/component-info.cjs"),s=require("../blocks/image/image.cjs"),p=require("../blocks/section/component-info.cjs"),i=require("../blocks/section/section.cjs"),u=require("../blocks/slot/component-info.cjs"),q=require("../blocks/slot/slot.cjs"),f=require("../blocks/symbol/component-info.cjs"),I=require("../blocks/symbol/symbol.cjs"),g=require("../blocks/text/component-info.cjs"),a=require("../blocks/text/text.cjs"),l=require("./extra-components.cjs"),$=()=>[{component:n,...o.componentInfo},{component:t,...e.componentInfo},{component:c,...r.componentInfo},{component:s,...m.componentInfo},{component:i,...p.componentInfo},{component:q,...u.componentInfo},{component:I,...f.componentInfo},{component:a,...g.componentInfo},...l.getExtraComponents()];exports.getDefaultRegisteredComponents=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const o=require("./target.cjs");require("../functions/evaluate/node-runtime/safeDynamicRequire.cjs");require("../functions/get-fetch.cjs");const n=require("../blocks/button/component-info.cjs"),e=require("../blocks/button/button.cjs"),t=require("../blocks/columns/component-info.cjs"),r=require("../blocks/columns/columns.cjs"),c=require("../blocks/fragment/component-info.cjs"),s=require("../blocks/fragment/fragment.cjs"),i=require("../blocks/image/component-info.cjs"),m=require("../blocks/image/image.cjs"),p=require("../blocks/personalization-container/component-info.cjs"),u=require("../blocks/personalization-container/helpers.cjs"),q=require("../blocks/personalization-container/personalization-container.cjs"),f=require("../blocks/section/component-info.cjs"),I=require("../blocks/section/section.cjs"),a=require("../blocks/slot/component-info.cjs"),l=require("../blocks/slot/slot.cjs"),g=require("../blocks/symbol/component-info.cjs"),$=require("../blocks/symbol/symbol.cjs"),S=require("../blocks/text/component-info.cjs"),d=require("../blocks/text/text.cjs"),C=require("./extra-components.cjs"),R=()=>[{component:e,...n.componentInfo},{component:r,...t.componentInfo},{component:s,...c.componentInfo},{component:m,...i.componentInfo},{component:I,...f.componentInfo},{component:l,...a.componentInfo},{component:$,...g.componentInfo},{component:d,...S.componentInfo},...u.SDKS_SUPPORTING_PERSONALIZATION.includes(o.TARGET)?[{component:q,...p.componentInfo}]:[],...C.getExtraComponents()];exports.getDefaultRegisteredComponents=R;