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

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

@@ -0,0 +1,211 @@
+"use client";
+import { jsxs as m, jsx as l, Fragment as j } from "react/jsx-runtime";
+import { useRef as Q, useState as c, useEffect as z } from "react";
+import f from "../../components/blocks/blocks.mjs";
+import k from "../../components/inlined-script.mjs";
+import X from "../../components/inlined-styles.mjs";
+import { TARGET as v } 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, A, I, T, U, D, W, w;
+  const a = Q(null), [F, G] = 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
+      );
+    }
+  ), [H, 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)
+      );
+    }
+  ), [b, L] = c(() => !1);
+  function q() {
+    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
+          } : {},
+          ...F
+        },
+        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: b,
+      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;
+    L(!0);
+    const e = O.subscribeOnUserAttributesChange(
+      (i) => {
+        G(i);
+      }
+    );
+    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__ */ m("div", { ref: a, ...q(), children: [
+    b && h.includes(v) ? /* @__PURE__ */ l(
+      f,
+      {
+        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,
+    !b && h.includes(v) || !h.includes(v) ? /* @__PURE__ */ m(j, { children: [
+      B ? /* @__PURE__ */ m(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(
+          k,
+          {
+            nonce: ((V = t.builderContext) == null ? void 0 : V.nonce) || "",
+            scriptStr: H,
+            id: `variants-visibility-script-${(A = t.builderBlock) == null ? void 0 : A.id}`
+          }
+        ),
+        (I = t.variants) == null ? void 0 : I.map((e, n) => {
+          var i, d, r, u, s, _;
+          return /* @__PURE__ */ l(
+            f,
+            {
+              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(
+                k,
+                {
+                  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(
+        f,
+        {
+          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": `${(D = t.builderBlock) == null ? void 0 : D.id}-${o().index}`
+          },
+          children: B ? /* @__PURE__ */ l(
+            k,
+            {
+              nonce: ((W = t.builderContext) == null ? void 0 : W.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/blocks/text/component-info.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={shouldReceiveBuilderProps:{builderBlock:!1,builderContext:!0},name:"Text",static:!0,isRSC:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}};exports.componentInfo=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={shouldReceiveBuilderProps:{},name:"Text",static:!0,isRSC:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}};exports.componentInfo=e;

package/lib/browser/blocks/text/component-info.mjs

@@ -1,8 +1,5 @@
 const e = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !0
-  },
+  shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
   isRSC: !0,

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 m=require("./block.helpers.cjs"),q=require("./components/block-styles.cjs"),O=require("./components/block-wrapper.cjs"),p=require("./components/component-ref/component-ref.cjs"),g=require("./components/repeated-block.cjs");function b(e){var a,C,x,h;const d=function(){return m.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 m.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=d())!=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)&&!d()?(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),...m.provideBuilderBlock(l(),c()),...m.provideBuilderContext(l(),e.context),...m.provideLinkComponent(l(),e.linkComponent),...m.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?d()?t.jsx(t.Fragment,{children:(h=d())==null?void 0:h.map((o,r)=>t.jsx(g,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},r))}):t.jsx(p,{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:d()?t.jsx(t.Fragment,{children:(x=d())==null?void 0:x.map((o,r)=>t.jsx(g,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},r))}):t.jsxs(O,{Wrapper:f(),block:c(),context:e.context,children:[t.jsx(p,{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("../../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.helpers.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../functions/evaluate/evaluate.cjs"),l=(e,t)=>e?t?e.models&&e.models.length>0&&!e.models.includes(t):!1:!0,p=({block:e,registeredComponents:t,model:r})=>{var i;const o=(i=e.component)==null?void 0:i.name;if(!o)return null;const n=t[o];if(!n||l(n,r)){console.warn(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../functions/evaluate/evaluate.cjs"),a=(e,t)=>e?t?e.models&&e.models.length>0&&!e.models.includes(t):!1:!0,p=({block:e,registeredComponents:t,model:r})=>{var i;const o=(i=e.component)==null?void 0:i.name;if(!o)return null;const n=t[o];if(!n||a(n,r)){console.warn(`
       Could not find a registered component named "${o}". 
-      If you registered it, is the file that registered it imported by the file that needs to render it?`);return}else return n},m=({block:e,context:t})=>{const{repeat:r,...o}=e;if(!(r!=null&&r.collection))return;const n=a.evaluate({code:r.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(n))return;const i=r.collection.split(".").pop(),s=r.itemName||(i?i+"Item":"item");return n.map((d,u)=>({context:{...t,localState:{...t.localState,$index:u,$item:d,[s]:d,[`$${s}Index`]:u}},block:o}))},c=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderLinkComponent?{builderLinkComponent:t}:{}},f=(e,t,r)=>{var o;return(o=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&o.builderComponents?{builderComponents:Object.fromEntries(Object.entries(t).filter(([i,s])=>!l(s,r)))}:{}},v=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderBlock?{builderBlock:t}:{}},C=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderContext?{builderContext:t}:{}};exports.getComponent=p;exports.getRepeatItemData=m;exports.provideBuilderBlock=v;exports.provideBuilderContext=C;exports.provideLinkComponent=c;exports.provideRegisteredComponents=f;
+      If you registered it, is the file that registered it imported by the file that needs to render it?`);return}else return n},m=({block:e,context:t})=>{const{repeat:r,...o}=e;if(!(r!=null&&r.collection))return;const n=l.evaluate({code:r.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(n))return;const i=r.collection.split(".").pop(),s=r.itemName||(i?i+"Item":"item");return n.map((d,u)=>({context:{...t,localState:{...t.localState,$index:u,$item:d,[s]:d,[`$${s}Index`]:u}},block:o}))},c=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderLinkComponent?{builderLinkComponent:t}:{}},f=(e,t,r)=>{var o;return(o=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&o.builderComponents?{builderComponents:Object.fromEntries(Object.entries(t).filter(([i,s])=>!a(s,r)))}:{}},v=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderBlock?{builderBlock:t}:{}},C=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderContext?{builderContext:t}:{}},g=e=>e.toString();exports.generateKey=g;exports.getComponent=p;exports.getRepeatItemData=m;exports.provideBuilderBlock=v;exports.provideBuilderContext=C;exports.provideLinkComponent=c;exports.provideRegisteredComponents=f;

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