@builder.io/sdk-react-nextjs 0.18.11 → 0.18.15

package/lib/browser/blocks/personalization-container/personalization-container.mjs

@@ -0,0 +1,214 @@
+"use client";
+import { jsxs as f, jsx as l, Fragment as j } from "react/jsx-runtime";
+import { useRef as Q, useState as c, useEffect as z } from "react";
+import k from "../../components/blocks/blocks.mjs";
+import v from "../../components/inlined-script.mjs";
+import X from "../../components/inlined-styles.mjs";
+import { TARGET as b } from "../../constants/target.mjs";
+import { getClassPropName as N } from "../../functions/get-class-prop-name.mjs";
+import { isEditing as J } from "../../functions/is-editing.mjs";
+import { isPreviewing as M } from "../../functions/is-previewing.mjs";
+import { getDefaultCanTrack as Y } from "../../helpers/canTrack.mjs";
+import { userAttributesService as O } from "../../helpers/user-attributes.mjs";
+import { getPersonalizationScript as Z, getUpdateVisibilityStylesScript as p, checkShouldRenderVariants as tt, DEFAULT_INDEX as C, SDKS_REQUIRING_RESET_APPROACH as h, getBlocksToRender as et } from "./helpers.mjs";
+import { filterWithCustomTargeting as it } from "./helpers/inlined-fns.mjs";
+function xt(t) {
+  var $, y, E, R, P, V, I, A, T, U, w, D, W;
+  const a = Q(null), [q, F] = c(
+    () => O.getUserAttributes()
+  ), [S, nt] = c(
+    () => {
+      var e, n, i;
+      return Z(
+        t.variants,
+        ((e = t.builderBlock) == null ? void 0 : e.id) || "none",
+        (i = (n = t.builderContext) == null ? void 0 : n.rootState) == null ? void 0 : i.locale
+      );
+    }
+  ), [G, rt] = c(
+    () => {
+      var e, n, i;
+      return p(
+        t.variants,
+        ((e = t.builderBlock) == null ? void 0 : e.id) || "none",
+        (i = (n = t.builderContext) == null ? void 0 : n.rootState) == null ? void 0 : i.locale
+      );
+    }
+  ), [x, lt] = c(() => []), [B, at] = c(
+    () => {
+      var e;
+      return tt(
+        t.variants,
+        Y((e = t.builderContext) == null ? void 0 : e.canTrack)
+      );
+    }
+  ), [m, H] = c(() => !1);
+  function L() {
+    return {
+      ...t.attributes,
+      [N()]: `builder-personalization-container ${t.attributes[N()] || ""}`
+    };
+  }
+  function g() {
+    return (t.variants || []).filter((e) => {
+      var n, i, d, r;
+      return it(
+        {
+          ...(i = (n = t.builderContext) == null ? void 0 : n.rootState) != null && i.locale ? {
+            locale: (r = (d = t.builderContext) == null ? void 0 : d.rootState) == null ? void 0 : r.locale
+          } : {},
+          ...q
+        },
+        e.query,
+        e.startDate,
+        e.endDate
+      );
+    });
+  }
+  function o() {
+    var e;
+    return et({
+      variants: t.variants,
+      fallbackBlocks: (e = t.builderBlock) == null ? void 0 : e.children,
+      isHydrated: m,
+      filteredVariants: g(),
+      previewingIndex: t.previewingIndex
+    });
+  }
+  function K() {
+    return (t.variants || []).map(
+      (e, n) => {
+        var i;
+        return `div[data-variant-id="${(i = t.builderBlock) == null ? void 0 : i.id}-${n}"] { display: none !important; } `;
+      }
+    ).join("");
+  }
+  return z(() => {
+    var n;
+    H(!0);
+    const e = O.subscribeOnUserAttributesChange(
+      (i) => {
+        F(i);
+      },
+      {
+        fireImmediately: b === "qwik"
+      }
+    );
+    if (!(J() || M())) {
+      const i = g()[0];
+      a.current && (a.current.dispatchEvent(
+        new CustomEvent("builder.variantLoaded", {
+          detail: {
+            variant: i || C,
+            content: (n = t.builderContext) == null ? void 0 : n.content
+          },
+          bubbles: !0
+        })
+      ), new IntersectionObserver((r) => {
+        r.forEach((u) => {
+          var s;
+          u.isIntersecting && a.current && a.current.dispatchEvent(
+            new CustomEvent("builder.variantDisplayed", {
+              detail: {
+                variant: i || C,
+                content: (s = t.builderContext) == null ? void 0 : s.content
+              },
+              bubbles: !0
+            })
+          );
+        });
+      }).observe(a.current));
+    }
+    x.push(e);
+  }, []), z(() => () => {
+    x.forEach((e) => e());
+  }, []), /* @__PURE__ */ f("div", { ref: a, ...L(), children: [
+    m && h.includes(b) ? /* @__PURE__ */ l(
+      k,
+      {
+        blocks: o().blocks,
+        parent: ($ = t.builderBlock) == null ? void 0 : $.id,
+        path: o().path,
+        context: t.builderContext,
+        registeredComponents: t.builderComponents,
+        BlocksWrapperProps: {
+          ...(y = t.builderContext) == null ? void 0 : y.BlocksWrapperProps,
+          "data-variant-id": `${(E = t.builderBlock) == null ? void 0 : E.id}-${o().index}`
+        }
+      }
+    ) : null,
+    !m && h.includes(b) || !h.includes(b) ? /* @__PURE__ */ f(j, { children: [
+      B ? /* @__PURE__ */ f(j, { children: [
+        /* @__PURE__ */ l(
+          X,
+          {
+            nonce: ((R = t.builderContext) == null ? void 0 : R.nonce) || "",
+            styles: K(),
+            id: `variants-styles-${(P = t.builderBlock) == null ? void 0 : P.id}`
+          }
+        ),
+        /* @__PURE__ */ l(
+          v,
+          {
+            nonce: ((V = t.builderContext) == null ? void 0 : V.nonce) || "",
+            scriptStr: G,
+            id: `variants-visibility-script-${(I = t.builderBlock) == null ? void 0 : I.id}`
+          }
+        ),
+        (A = t.variants) == null ? void 0 : A.map((e, n) => {
+          var i, d, r, u, s, _;
+          return /* @__PURE__ */ l(
+            k,
+            {
+              BlocksWrapperProps: {
+                ...(i = t.builderContext) == null ? void 0 : i.BlocksWrapperProps,
+                "aria-hidden": !0,
+                hidden: !0,
+                "data-variant-id": `${(d = t.builderBlock) == null ? void 0 : d.id}-${n}`
+              },
+              blocks: e.blocks,
+              parent: (r = t.builderBlock) == null ? void 0 : r.id,
+              path: `component.options.variants.${n}.blocks`,
+              context: t.builderContext,
+              registeredComponents: t.builderComponents,
+              children: /* @__PURE__ */ l(
+                v,
+                {
+                  nonce: ((u = t.builderContext) == null ? void 0 : u.nonce) || "",
+                  scriptStr: S,
+                  id: `variants-script-${(s = t.builderBlock) == null ? void 0 : s.id}-${n}`
+                }
+              )
+            },
+            `${(_ = t.builderBlock) == null ? void 0 : _.id}-${n}`
+          );
+        })
+      ] }) : null,
+      /* @__PURE__ */ l(
+        k,
+        {
+          blocks: o().blocks,
+          parent: (T = t.builderBlock) == null ? void 0 : T.id,
+          path: o().path,
+          context: t.builderContext,
+          registeredComponents: t.builderComponents,
+          BlocksWrapperProps: {
+            ...(U = t.builderContext) == null ? void 0 : U.BlocksWrapperProps,
+            "data-variant-id": `${(w = t.builderBlock) == null ? void 0 : w.id}-${o().index}`
+          },
+          children: B ? /* @__PURE__ */ l(
+            v,
+            {
+              nonce: ((D = t.builderContext) == null ? void 0 : D.nonce) || "",
+              scriptStr: S,
+              id: `variants-script-${(W = t.builderBlock) == null ? void 0 : W.id}-${C}`
+            }
+          ) : null
+        }
+      )
+    ] }) : null
+  ] });
+}
+export {
+  xt as default
+};

package/lib/browser/blocks/symbol/symbol.cjs

@@ -1 +1 @@
-"use strict";const u=require("react/jsx-runtime"),C=require("../../components/content-variants/content-variants.cjs"),x=require("../../functions/get-class-prop-name.cjs"),k=require("./symbol.helpers.cjs");async function f(e){var n,i,o,l,a,c;const d=function(){return"div"},m=function(){return"div"},y=function(){var b,s;return[e.attributes[x.getClassPropName()],"builder-symbol",(b=e.symbol)!=null&&b.inline?"builder-inline-symbol":void 0,(s=e.symbol)!=null&&s.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")},t=((n=e.symbol)==null?void 0:n.content)||await k.fetchSymbolContent({symbol:e.symbol,builderContextValue:e.builderContext});return u.jsx("div",{...e.attributes,className:y(),children:u.jsx(C,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(i=e.builderBlock)==null?void 0:i.id},customComponents:Object.values(e.builderComponents),data:{...(o=e.symbol)==null?void 0:o.data,...e.builderContext.localState,...(l=t==null?void 0:t.data)==null?void 0:l.state},canTrack:e.builderContext.canTrack,model:(c=(a=e.symbol)==null?void 0:a.model)!=null?c:"",content:t,linkComponent:e.builderLinkComponent,blocksWrapper:d(),contentWrapper:m()})})}module.exports=f;
+"use strict";const d=require("react/jsx-runtime"),x=require("../../components/content-variants/content-variants.cjs"),k=require("../../functions/get-class-prop-name.cjs"),f=require("./symbol.helpers.cjs");async function v(e){var n,i,l,o,a,c,r;const m=function(){return"div"},y=function(){return"div"},C=function(){var s,u;return[e.attributes[k.getClassPropName()],"builder-symbol",(s=e.symbol)!=null&&s.inline?"builder-inline-symbol":void 0,(u=e.symbol)!=null&&u.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")},t=((n=e.symbol)==null?void 0:n.content)||await f.fetchSymbolContent({symbol:e.symbol,builderContextValue:e.builderContext});return(i=e.symbol)==null||i.entry,d.jsx("div",{...e.attributes,className:C(),children:d.jsx(x,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(l=e.builderBlock)==null?void 0:l.id},customComponents:Object.values(e.builderComponents),data:{...(o=e.symbol)==null?void 0:o.data,...e.builderContext.localState,...(a=t==null?void 0:t.data)==null?void 0:a.state},canTrack:e.builderContext.canTrack,model:(r=(c=e.symbol)==null?void 0:c.model)!=null?r:"",content:t,linkComponent:e.builderLinkComponent,blocksWrapper:m(),contentWrapper:y()})})}module.exports=v;

package/lib/browser/blocks/symbol/symbol.mjs

@@ -1,27 +1,27 @@
-import { jsx as d } from "react/jsx-runtime";
-import C from "../../components/content-variants/content-variants.mjs";
-import { getClassPropName as x } from "../../functions/get-class-prop-name.mjs";
-import { fetchSymbolContent as f } from "./symbol.helpers.mjs";
-async function V(e) {
-  var n, o, i, l, a, r;
-  const u = function() {
-    return "div";
-  }, s = function() {
+import { jsx as u } from "react/jsx-runtime";
+import x from "../../components/content-variants/content-variants.mjs";
+import { getClassPropName as f } from "../../functions/get-class-prop-name.mjs";
+import { fetchSymbolContent as k } from "./symbol.helpers.mjs";
+async function j(e) {
+  var n, o, i, l, a, r, c;
+  const s = function() {
     return "div";
   }, y = function() {
-    var m, b;
+    return "div";
+  }, C = function() {
+    var b, d;
     return [
-      e.attributes[x()],
+      e.attributes[f()],
       "builder-symbol",
-      (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
-      (b = e.symbol) != null && b.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (b = e.symbol) != null && b.inline ? "builder-inline-symbol" : void 0,
+      (d = e.symbol) != null && d.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
-  }, t = ((n = e.symbol) == null ? void 0 : n.content) || await f({
+  }, t = ((n = e.symbol) == null ? void 0 : n.content) || await k({
     symbol: e.symbol,
     builderContextValue: e.builderContext
   });
-  return /* @__PURE__ */ d("div", { ...e.attributes, className: y(), children: /* @__PURE__ */ d(
-    C,
+  return (o = e.symbol) == null || o.entry, /* @__PURE__ */ u("div", { ...e.attributes, className: C(), children: /* @__PURE__ */ u(
+    x,
     {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -29,23 +29,23 @@ async function V(e) {
       apiKey: e.builderContext.apiKey,
       context: {
         ...e.builderContext.context,
-        symbolId: (o = e.builderBlock) == null ? void 0 : o.id
+        symbolId: (i = e.builderBlock) == null ? void 0 : i.id
       },
       customComponents: Object.values(e.builderComponents),
       data: {
-        ...(i = e.symbol) == null ? void 0 : i.data,
+        ...(l = e.symbol) == null ? void 0 : l.data,
         ...e.builderContext.localState,
-        ...(l = t == null ? void 0 : t.data) == null ? void 0 : l.state
+        ...(a = t == null ? void 0 : t.data) == null ? void 0 : a.state
       },
       canTrack: e.builderContext.canTrack,
-      model: (r = (a = e.symbol) == null ? void 0 : a.model) != null ? r : "",
+      model: (c = (r = e.symbol) == null ? void 0 : r.model) != null ? c : "",
       content: t,
       linkComponent: e.builderLinkComponent,
-      blocksWrapper: u(),
-      contentWrapper: s()
+      blocksWrapper: s(),
+      contentWrapper: y()
     }
   ) });
 }
 export {
-  V as default
+  j as default
 };

package/lib/browser/components/block/block.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),v=require("../../constants/target.cjs"),S=require("../../functions/get-block-component-options.cjs"),j=require("../../functions/get-processed-block.cjs"),P=require("../../functions/is-previewing.cjs");require("../../functions/get-fetch.cjs");const d=require("./block.helpers.cjs"),q=require("./components/block-styles.cjs"),O=require("./components/block-wrapper.cjs"),h=require("./components/component-ref/component-ref.cjs"),p=require("./components/repeated-block.cjs");function b(e){var a,C,x,g;const m=function(){return d.getRepeatItemData({block:e.block,context:e.context})},u={value:null,update:!1},c=function(){var i;if(u.value&&!u.update&&!P.isPreviewing())return u.value;const r=(i=e.block.repeat)!=null&&i.collection?e.block:j.getProcessedBlock({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context});return u.value=r,u.update=!1,r},l=function(){return d.getComponent({block:c(),registeredComponents:e.registeredComponents,model:e.context.model})},f=function(){var i;return e.block.tagName==="a"||((i=c().properties)==null?void 0:i.href)||c().href?e.linkComponent||"a":e.block.tagName||"div"},B=function(){var s,k;if((s=e.block.repeat)!=null&&s.collection)return!!((k=m())!=null&&k.length);const r="hide"in c()?c().hide:!1;return("show"in c()?c().show:!0)&&!r},R=function(){var i,s;return!((i=l())!=null&&i.component)&&!m()?(s=c().children)!=null?s:[]:[]},n=function(){var r,i,s,k;return{blockChildren:(r=c().children)!=null?r:[],componentRef:(i=l())==null?void 0:i.component,componentOptions:{...S.getBlockComponentOptions(c(),e.context),...d.provideBuilderBlock(l(),c()),...d.provideBuilderContext(l(),e.context),...d.provideLinkComponent(l(),e.linkComponent),...d.provideRegisteredComponents(l(),e.registeredComponents,e.context.model)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:c(),includeBlockProps:((s=l())==null?void 0:s.noWrap)===!0,isInteractive:!((k=l())!=null&&k.isRSC&&v.TARGET==="rsc")}};return t.jsx(t.Fragment,{children:B()?t.jsxs(t.Fragment,{children:[t.jsx(q,{block:c(),context:e.context}),(a=l())!=null&&a.noWrap?m()?t.jsx(t.Fragment,{children:(g=m())==null?void 0:g.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}):t.jsx(t.Fragment,{children:m()?t.jsx(t.Fragment,{children:(x=m())==null?void 0:x.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsxs(O,{Wrapper:f(),block:c(),context:e.context,children:[t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}),(C=R())==null?void 0:C.map(o=>t.jsx(b,{block:o,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},o.id))]})})]}):null})}module.exports=b;
+"use strict";const t=require("react/jsx-runtime"),v=require("../../constants/target.cjs"),S=require("../../functions/get-block-component-options.cjs"),j=require("../../functions/get-processed-block.cjs"),P=require("../../functions/is-previewing.cjs");require("../../helpers/user-attributes.cjs");require("../../functions/get-fetch.cjs");const d=require("./block.helpers.cjs"),q=require("./components/block-styles.cjs"),O=require("./components/block-wrapper.cjs"),h=require("./components/component-ref/component-ref.cjs"),p=require("./components/repeated-block.cjs");function b(e){var a,C,x,g;const m=function(){return d.getRepeatItemData({block:e.block,context:e.context})},u={value:null,update:!1},c=function(){var i;if(u.value&&!u.update&&!P.isPreviewing())return u.value;const r=(i=e.block.repeat)!=null&&i.collection?e.block:j.getProcessedBlock({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context});return u.value=r,u.update=!1,r},l=function(){return d.getComponent({block:c(),registeredComponents:e.registeredComponents,model:e.context.model})},f=function(){var i;return e.block.tagName==="a"||((i=c().properties)==null?void 0:i.href)||c().href?e.linkComponent||"a":e.block.tagName||"div"},B=function(){var s,k;if((s=e.block.repeat)!=null&&s.collection)return!!((k=m())!=null&&k.length);const r="hide"in c()?c().hide:!1;return("show"in c()?c().show:!0)&&!r},R=function(){var i,s;return!((i=l())!=null&&i.component)&&!m()?(s=c().children)!=null?s:[]:[]},n=function(){var r,i,s,k;return{blockChildren:(r=c().children)!=null?r:[],componentRef:(i=l())==null?void 0:i.component,componentOptions:{...S.getBlockComponentOptions(c(),e.context),...d.provideBuilderBlock(l(),c()),...d.provideBuilderContext(l(),e.context),...d.provideLinkComponent(l(),e.linkComponent),...d.provideRegisteredComponents(l(),e.registeredComponents,e.context.model)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:c(),includeBlockProps:((s=l())==null?void 0:s.noWrap)===!0,isInteractive:!((k=l())!=null&&k.isRSC&&v.TARGET==="rsc")}};return t.jsx(t.Fragment,{children:B()?t.jsxs(t.Fragment,{children:[t.jsx(q,{block:c(),context:e.context}),(a=l())!=null&&a.noWrap?m()?t.jsx(t.Fragment,{children:(g=m())==null?void 0:g.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}):t.jsx(t.Fragment,{children:m()?t.jsx(t.Fragment,{children:(x=m())==null?void 0:x.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsxs(O,{Wrapper:f(),block:c(),context:e.context,children:[t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}),(C=R())==null?void 0:C.map(o=>t.jsx(b,{block:o,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},o.id))]})})]}):null})}module.exports=b;

package/lib/browser/components/block/block.mjs

@@ -3,6 +3,7 @@ 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 "../../helpers/user-attributes.mjs";
 import "../../functions/get-fetch.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";

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

@@ -1 +1 @@
-"use client";"use strict";const e=require("react/jsx-runtime"),n=require("../../../functions/get-block-actions.cjs"),o=require("../../../functions/get-block-properties.cjs"),a=require("../../awaiter.cjs");function l(t){function r(){return t.includeBlockProps?{...o.getBlockProperties({block:t.block,context:t.context}),...n.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context})}:{}}function c(){return t.wrapperProps}return e.jsx(e.Fragment,{children:t.Wrapper.load?e.jsx(e.Fragment,{children:e.jsx(a,{load:t.Wrapper.load,fallback:t.Wrapper.fallback,props:t.wrapperProps,attributes:r(),children:t.children})}):e.jsx(t.Wrapper,{...c(),attributes:r(),children:t.children})})}module.exports=l;
+"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/browser/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 a } from "../../../functions/get-block-actions.mjs";
-import { getBlockProperties as n } from "../../../functions/get-block-properties.mjs";
-import l from "../../awaiter.mjs";
-function m(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 ? {
-      ...n({
+      ...f({
         block: t.block,
         context: t.context
       }),
-      ...a({
+      ...u({
         block: t.block,
         rootState: t.context.rootState,
         rootSetState: t.context.rootSetState,
@@ -19,11 +22,12 @@ function m(t) {
       })
     } : {};
   }
-  function o() {
+  function n() {
     return t.wrapperProps;
   }
-  return /* @__PURE__ */ e(c, { children: t.Wrapper.load ? /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
-    l,
+  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,
@@ -31,8 +35,8 @@ function m(t) {
       attributes: r(),
       children: t.children
     }
-  ) }) : /* @__PURE__ */ e(t.Wrapper, { ...o(), attributes: r(), children: t.children }) });
+  ) }) : /* @__PURE__ */ e(t.Wrapper, { ...n(), attributes: r(), children: t.children }) });
 }
 export {
-  m as default
+  h as default
 };

package/lib/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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
 };