@builder.io/sdk-react-nextjs 0.16.10 → 0.16.12

package/lib/node/components/block/animator.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../functions/camel-to-kebab-case.cjs");function c(t,...s){const e=Object(t);for(let o=1;o<arguments.length;o++){const l=arguments[o];if(l!=null)for(const r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e}function i(t){console.warn(`Cannot animate element: element with ID ${t} not found!`)}function d(t,s){const e=g(t),o=getComputedStyle(s),l=t.steps[0].styles,r=t.steps[t.steps.length-1].styles,f=[l,r];for(const y of f)for(const n of e)n in y||(y[n]=o[n])}function g(t){const s=[];for(const e of t.steps)for(const o in e.styles)s.indexOf(o)===-1&&s.push(o);return s}function p(t){const s=Array.prototype.slice.call(document.getElementsByClassName(t.elementId||t.id||""));if(!s.length){i(t.elementId||t.id||"");return}Array.from(s).forEach(e=>{d(t,e),e.style.transition="none",e.style.transitionDelay="0",c(e.style,t.steps[0].styles),setTimeout(()=>{e.style.transition=`all ${t.duration}s ${u.camelToKebabCase(t.easing)}`,t.delay&&(e.style.transitionDelay=t.delay+"s"),c(e.style,t.steps[1].styles),setTimeout(()=>{e.style.transition="",e.style.transitionDelay=""},(t.delay||0)*1e3+t.duration*1e3+100)})})}exports.triggerAnimation=p;

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

@@ -0,0 +1,44 @@
+import { camelToKebabCase as u } from "../../functions/camel-to-kebab-case.mjs";
+function c(t, ...e) {
+  const s = Object(t);
+  for (let o = 1; o < arguments.length; o++) {
+    const l = arguments[o];
+    if (l != null)
+      for (const r in l)
+        Object.prototype.hasOwnProperty.call(l, r) && (s[r] = l[r]);
+  }
+  return s;
+}
+function p(t) {
+  console.warn(`Cannot animate element: element with ID ${t} not found!`);
+}
+function d(t, e) {
+  const s = i(t), o = getComputedStyle(e), l = t.steps[0].styles, r = t.steps[t.steps.length - 1].styles, f = [l, r];
+  for (const y of f)
+    for (const n of s)
+      n in y || (y[n] = o[n]);
+}
+function i(t) {
+  const e = [];
+  for (const s of t.steps)
+    for (const o in s.styles)
+      e.indexOf(o) === -1 && e.push(o);
+  return e;
+}
+function a(t) {
+  const e = Array.prototype.slice.call(document.getElementsByClassName(t.elementId || t.id || ""));
+  if (!e.length) {
+    p(t.elementId || t.id || "");
+    return;
+  }
+  Array.from(e).forEach((s) => {
+    d(t, s), s.style.transition = "none", s.style.transitionDelay = "0", c(s.style, t.steps[0].styles), setTimeout(() => {
+      s.style.transition = `all ${t.duration}s ${u(t.easing)}`, t.delay && (s.style.transitionDelay = t.delay + "s"), c(s.style, t.steps[1].styles), setTimeout(() => {
+        s.style.transition = "", s.style.transitionDelay = "";
+      }, (t.delay || 0) * 1e3 + t.duration * 1e3 + 100);
+    });
+  });
+}
+export {
+  a as triggerAnimation
+};

package/lib/node/components/block/block.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),R=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 u=require("./block.helpers.cjs"),q=require("./components/block-styles.cjs"),O=require("./components/block-wrapper.cjs"),h=require("./components/component-ref/component-ref.cjs"),g=require("./components/repeated-block.cjs");function b(e){var a,C,p,x;const d=function(){return u.getRepeatItemData({block:e.block,context:e.context})},k={value:null,update:!1},c=function(){var i;if(k.value&&!k.update&&!P.isPreviewing())return k.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,shouldEvaluateBindings:!0});return k.value=r,k.update=!1,r},l=function(){return u.getComponent({block:c(),registeredComponents:e.registeredComponents})},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,m;if((s=e.block.repeat)!=null&&s.collection)return!!((m=d())!=null&&m.length);const r="hide"in c()?c().hide:!1;return("show"in c()?c().show:!0)&&!r},v=function(){var i,s;return!((i=l())!=null&&i.component)&&!d()?(s=c().children)!=null?s:[]:[]},n=function(){var r,i,s,m;return{blockChildren:(r=c().children)!=null?r:[],componentRef:(i=l())==null?void 0:i.component,componentOptions:{...S.getBlockComponentOptions(c()),...u.provideBuilderBlock(l(),c()),...u.provideBuilderContext(l(),e.context),...u.provideLinkComponent(l(),e.linkComponent),...u.provideRegisteredComponents(l(),e.registeredComponents)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:c(),includeBlockProps:((s=l())==null?void 0:s.noWrap)===!0,isInteractive:!((m=l())!=null&&m.isRSC&&R.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:(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.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:d()?t.jsx(t.Fragment,{children:(p=d())==null?void 0:p.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(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=v())==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/node/components/block/block.helpers.cjs

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

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

@@ -0,0 +1,78 @@
+import { evaluate as s } from "../../functions/evaluate/evaluate.mjs";
+const m = ({
+  block: t,
+  registeredComponents: r
+}) => {
+  var o;
+  const e = (o = t.component) == null ? void 0 : o.name;
+  if (!e)
+    return null;
+  const n = r[e];
+  if (n)
+    return n;
+  console.warn(`
+      Could not find a registered component named "${e}". 
+      If you registered it, is the file that registered it imported by the file that needs to render it?`);
+}, c = ({
+  block: t,
+  context: r
+}) => {
+  const {
+    repeat: e,
+    ...n
+  } = t;
+  if (!(e != null && e.collection))
+    return;
+  const o = s({
+    code: e.collection,
+    localState: r.localState,
+    rootState: r.rootState,
+    rootSetState: r.rootSetState,
+    context: r.context,
+    enableCache: !0
+  });
+  if (!Array.isArray(o))
+    return;
+  const i = e.collection.split(".").pop(), a = e.itemName || (i ? i + "Item" : "item");
+  return o.map((u, d) => ({
+    context: {
+      ...r,
+      localState: {
+        ...r.localState,
+        $index: d,
+        $item: u,
+        [a]: u,
+        [`$${a}Index`]: d
+      }
+    },
+    block: n
+  }));
+}, f = (t, r) => {
+  var e;
+  return (e = t == null ? void 0 : t.shouldReceiveBuilderProps) != null && e.builderLinkComponent ? {
+    builderLinkComponent: r
+  } : {};
+}, v = (t, r) => {
+  var e;
+  return (e = t == null ? void 0 : t.shouldReceiveBuilderProps) != null && e.builderComponents ? {
+    builderComponents: r
+  } : {};
+}, C = (t, r) => {
+  var e;
+  return (e = t == null ? void 0 : t.shouldReceiveBuilderProps) != null && e.builderBlock ? {
+    builderBlock: r
+  } : {};
+}, h = (t, r) => {
+  var e;
+  return (e = t == null ? void 0 : t.shouldReceiveBuilderProps) != null && e.builderContext ? {
+    builderContext: r
+  } : {};
+};
+export {
+  m as getComponent,
+  c as getRepeatItemData,
+  C as provideBuilderBlock,
+  h as provideBuilderContext,
+  f as provideLinkComponent,
+  v as provideRegisteredComponents
+};

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

@@ -0,0 +1,146 @@
+import { jsx as r, 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 "../../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 E from "./components/block-wrapper.mjs";
+import b from "./components/component-ref/component-ref.mjs";
+import x from "./components/repeated-block.mjs";
+function N(e) {
+  var a, p, C, f;
+  const d = function() {
+    return O({
+      block: e.block,
+      context: e.context
+    });
+  }, s = {
+    value: null,
+    update: !1
+  }, t = function() {
+    var i;
+    if (s.value && !s.update && !I())
+      return s.value;
+    const c = (i = e.block.repeat) != null && i.collection ? e.block : P({
+      block: e.block,
+      localState: e.context.localState,
+      rootState: e.context.rootState,
+      rootSetState: e.context.rootSetState,
+      context: e.context.context,
+      shouldEvaluateBindings: !0
+    });
+    return s.value = c, s.update = !1, c;
+  }, l = function() {
+    return w({
+      block: t(),
+      registeredComponents: e.registeredComponents
+    });
+  }, g = function() {
+    var i;
+    return e.block.tagName === "a" || ((i = t().properties) == null ? void 0 : i.href) || t().href ? e.linkComponent || "a" : e.block.tagName || "div";
+  }, B = function() {
+    var m, k;
+    if ((m = e.block.repeat) != null && m.collection)
+      return !!((k = d()) != null && k.length);
+    const c = "hide" in t() ? t().hide : !1;
+    return ("show" in t() ? t().show : !0) && !c;
+  }, R = function() {
+    var i, m;
+    return !((i = l()) != null && i.component) && !d() ? (m = t().children) != null ? m : [] : [];
+  }, o = function() {
+    var c, i, m, k;
+    return {
+      blockChildren: (c = t().children) != null ? c : [],
+      componentRef: (i = l()) == null ? void 0 : i.component,
+      componentOptions: {
+        ...S(t()),
+        ...W(l(), t()),
+        ...T(l(), e.context),
+        ...L(l(), e.linkComponent),
+        ...U(
+          l(),
+          e.registeredComponents
+        )
+      },
+      context: e.context,
+      linkComponent: e.linkComponent,
+      registeredComponents: e.registeredComponents,
+      builderBlock: t(),
+      includeBlockProps: ((m = l()) == null ? void 0 : m.noWrap) === !0,
+      isInteractive: !((k = l()) != null && k.isRSC && v === "rsc")
+    };
+  };
+  return /* @__PURE__ */ r(u, { children: B() ? /* @__PURE__ */ h(u, { children: [
+    /* @__PURE__ */ r(j, { block: t(), context: e.context }),
+    (a = l()) != null && a.noWrap ? d() ? /* @__PURE__ */ r(u, { children: (f = d()) == null ? void 0 : f.map((n, c) => /* @__PURE__ */ r(
+      x,
+      {
+        repeatContext: n.context,
+        block: n.block,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      },
+      c
+    )) }) : /* @__PURE__ */ r(
+      b,
+      {
+        componentRef: o().componentRef,
+        componentOptions: o().componentOptions,
+        blockChildren: o().blockChildren,
+        context: o().context,
+        registeredComponents: o().registeredComponents,
+        linkComponent: o().linkComponent,
+        builderBlock: o().builderBlock,
+        includeBlockProps: o().includeBlockProps,
+        isInteractive: o().isInteractive
+      }
+    ) : /* @__PURE__ */ r(u, { children: d() ? /* @__PURE__ */ r(u, { children: (C = d()) == null ? void 0 : C.map((n, c) => /* @__PURE__ */ r(
+      x,
+      {
+        repeatContext: n.context,
+        block: n.block,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      },
+      c
+    )) }) : /* @__PURE__ */ h(
+      E,
+      {
+        Wrapper: g(),
+        block: t(),
+        context: e.context,
+        children: [
+          /* @__PURE__ */ r(
+            b,
+            {
+              componentRef: o().componentRef,
+              componentOptions: o().componentOptions,
+              blockChildren: o().blockChildren,
+              context: o().context,
+              registeredComponents: o().registeredComponents,
+              linkComponent: o().linkComponent,
+              builderBlock: o().builderBlock,
+              includeBlockProps: o().includeBlockProps,
+              isInteractive: o().isInteractive
+            }
+          ),
+          (p = R()) == null ? void 0 : p.map((n) => /* @__PURE__ */ r(
+            N,
+            {
+              block: n,
+              registeredComponents: e.registeredComponents,
+              linkComponent: e.linkComponent,
+              context: e.context
+            },
+            n.id
+          ))
+        ]
+      }
+    ) })
+  ] }) : null });
+}
+export {
+  N as default
+};

package/lib/node/components/block/components/block-styles.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),a=require("../../../constants/device-sizes.cjs"),j=require("../../../functions/camel-to-kebab-case.cjs"),c=require("../../../helpers/css.cjs"),b=require("../../../helpers/nullable.cjs"),z=require("../../inlined-styles.cjs");function F(i){const f=function(){const e=i.block;return b.checkIsDefined(e.hide)?!e.hide:b.checkIsDefined(e.show)?e.show:!0},u=function(){var C,k,g;const e=i.block,s=e.responsiveStyles,r=i.context.content,d=a.getSizesForBreakpoints(((C=r==null?void 0:r.meta)==null?void 0:C.breakpoints)||{}),m=s==null?void 0:s.large,y=s==null?void 0:s.medium,h=s==null?void 0:s.small,n=e.id;if(!n)return"";const v=m?c.createCssClass({className:n,styles:m}):"",B=y?c.createCssClass({className:n,styles:y,mediaQuery:a.getMaxWidthQueryForSize("medium",d)}):"",q=h?c.createCssClass({className:n,styles:h,mediaQuery:a.getMaxWidthQueryForSize("small",d)}):"",t=e.animations&&e.animations.find(l=>l.trigger==="hover");let S="";if(t){const l=((g=(k=t.steps)==null?void 0:k[1])==null?void 0:g.styles)||{};S=c.createCssClass({className:`${n}:hover`,styles:{...l,transition:`all ${t.duration}s ${j.camelToKebabCase(t.easing)}`,transitionDelay:t.delay?`${t.delay}s`:"0s"}})||""}return[v,B,q,S].join(" ")};return o.jsx(o.Fragment,{children:u()&&f()?o.jsx(o.Fragment,{children:o.jsx(z,{id:"builderio-block",styles:u(),nonce:i.context.nonce})}):null})}module.exports=F;

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

@@ -0,0 +1,68 @@
+import { jsx as a, Fragment as g } from "react/jsx-runtime";
+import { getSizesForBreakpoints as $, getMaxWidthQueryForSize as p } from "../../../constants/device-sizes.mjs";
+import { camelToKebabCase as z } from "../../../functions/camel-to-kebab-case.mjs";
+import { createCssClass as i } from "../../../helpers/css.mjs";
+import { checkIsDefined as b } from "../../../helpers/nullable.mjs";
+import F from "../../inlined-styles.mjs";
+function A(n) {
+  const B = function() {
+    const e = n.block;
+    return b(e.hide) ? !e.hide : b(e.show) ? e.show : !0;
+  }, c = function() {
+    var h, S, k;
+    const e = n.block, s = e.responsiveStyles, l = n.context.content, m = $(
+      ((h = l == null ? void 0 : l.meta) == null ? void 0 : h.breakpoints) || {}
+    ), d = s == null ? void 0 : s.large, u = s == null ? void 0 : s.medium, y = s == null ? void 0 : s.small, o = e.id;
+    if (!o)
+      return "";
+    const v = d ? i({
+      className: o,
+      styles: d
+    }) : "", x = u ? i({
+      className: o,
+      styles: u,
+      mediaQuery: p(
+        "medium",
+        m
+      )
+    }) : "", w = y ? i({
+      className: o,
+      styles: y,
+      mediaQuery: p(
+        "small",
+        m
+      )
+    }) : "", t = e.animations && e.animations.find((r) => r.trigger === "hover");
+    let f = "";
+    if (t) {
+      const r = ((k = (S = t.steps) == null ? void 0 : S[1]) == null ? void 0 : k.styles) || {};
+      f = i({
+        className: `${o}:hover`,
+        styles: {
+          ...r,
+          transition: `all ${t.duration}s ${z(
+            t.easing
+          )}`,
+          transitionDelay: t.delay ? `${t.delay}s` : "0s"
+        }
+      }) || "";
+    }
+    return [
+      v,
+      x,
+      w,
+      f
+    ].join(" ");
+  };
+  return /* @__PURE__ */ a(g, { children: c() && B() ? /* @__PURE__ */ a(g, { children: /* @__PURE__ */ a(
+    F,
+    {
+      id: "builderio-block",
+      styles: c(),
+      nonce: n.context.nonce
+    }
+  ) }) : null });
+}
+export {
+  A as default
+};

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

@@ -0,0 +1 @@
+"use client";"use strict";const e=require("react/jsx-runtime"),c=require("../../../functions/get-block-actions.cjs"),o=require("../../../functions/get-block-properties.cjs"),r=require("../../dynamic-renderer/dynamic-renderer.cjs");function n(t){return e.jsx(r,{TagName:t.Wrapper,attributes:o.getBlockProperties({block:t.block,context:t.context}),actionAttributes:c.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context,stripPrefix:!0}),children:t.children})}module.exports=n;

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { getBlockActions as o } from "../../../functions/get-block-actions.mjs";
+import { getBlockProperties as c } from "../../../functions/get-block-properties.mjs";
+import r from "../../dynamic-renderer/dynamic-renderer.mjs";
+function x(t) {
+  return /* @__PURE__ */ e(
+    r,
+    {
+      TagName: t.Wrapper,
+      attributes: c({
+        block: t.block,
+        context: t.context
+      }),
+      actionAttributes: o({
+        block: t.block,
+        rootState: t.context.rootState,
+        rootSetState: t.context.rootSetState,
+        localState: t.context.localState,
+        context: t.context.context,
+        stripPrefix: !0
+      }),
+      children: t.children
+    }
+  );
+}
+export {
+  x as default
+};

package/lib/node/components/block/components/component-ref/component-ref.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),i=require("../../block.cjs"),l=require("../interactive-element.cjs"),r=require("./component-ref.helpers.cjs");function m(e){var t;const c=e.isInteractive?l:e.componentRef;return n.jsx(n.Fragment,{children:e.componentRef?n.jsx(n.Fragment,{children:n.jsx(c,{...r.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}),children:(t=e.blockChildren)==null?void 0:t.map(o=>n.jsx(i,{block:o,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},o.id))})}):null})}module.exports=m;

package/lib/node/components/block/components/component-ref/component-ref.helpers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../../functions/get-block-properties.cjs"),n=({componentOptions:e,builderBlock:r,context:p,componentRef:o,includeBlockProps:t,isInteractive:s,contextValue:a})=>{const i={...e,...t?{attributes:c.getBlockProperties({block:r,context:a})}:{}};return s?{Wrapper:o,block:r,context:p,wrapperProps:e,includeBlockProps:t}:i};exports.getWrapperProps=n;

package/lib/node/components/block/components/component-ref/component-ref.helpers.mjs

@@ -0,0 +1,34 @@
+import { getBlockProperties as c } from "../../../../functions/get-block-properties.mjs";
+const b = ({
+  componentOptions: r,
+  builderBlock: t,
+  context: p,
+  componentRef: o,
+  includeBlockProps: e,
+  isInteractive: s,
+  contextValue: a
+}) => {
+  const i = {
+    ...r,
+    /**
+     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
+     * component itself directly. Otherwise, they are provided to the wrapper element.
+     */
+    ...e ? {
+      attributes: c({
+        block: t,
+        context: a
+      })
+    } : {}
+  };
+  return s ? {
+    Wrapper: o,
+    block: t,
+    context: p,
+    wrapperProps: r,
+    includeBlockProps: e
+  } : i;
+};
+export {
+  b as getWrapperProps
+};

package/lib/node/components/block/components/component-ref/component-ref.mjs

@@ -0,0 +1,36 @@
+import { jsx as n, Fragment as c } from "react/jsx-runtime";
+import m from "../../block.mjs";
+import l from "../interactive-element.mjs";
+import { getWrapperProps as r } from "./component-ref.helpers.mjs";
+function u(e) {
+  var t;
+  const i = e.isInteractive ? l : e.componentRef;
+  return /* @__PURE__ */ n(c, { children: e.componentRef ? /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n(
+    i,
+    {
+      ...r({
+        componentOptions: e.componentOptions,
+        builderBlock: e.builderBlock,
+        context: e.context,
+        componentRef: e.componentRef,
+        linkComponent: e.linkComponent,
+        includeBlockProps: e.includeBlockProps,
+        isInteractive: e.isInteractive,
+        contextValue: e.context
+      }),
+      children: (t = e.blockChildren) == null ? void 0 : t.map((o) => /* @__PURE__ */ n(
+        m,
+        {
+          block: o,
+          context: e.context,
+          registeredComponents: e.registeredComponents,
+          linkComponent: e.linkComponent
+        },
+        o.id
+      ))
+    }
+  ) }) : null });
+}
+export {
+  u as default
+};

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

@@ -0,0 +1 @@
+"use client";"use strict";const c=require("react/jsx-runtime"),o=require("../../../functions/get-block-actions.cjs"),n=require("../../../functions/get-block-properties.cjs");function r(t){function e(){return t.includeBlockProps?{...n.getBlockProperties({block:t.block,context:t.context}),...o.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context})}:{}}return c.jsx(t.Wrapper,{...t.wrapperProps,attributes:e(),children:t.children})}module.exports=r;

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

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { getBlockActions as c } from "../../../functions/get-block-actions.mjs";
+import { getBlockProperties as n } from "../../../functions/get-block-properties.mjs";
+function i(t) {
+  function e() {
+    return t.includeBlockProps ? {
+      ...n({
+        block: t.block,
+        context: t.context
+      }),
+      ...c({
+        block: t.block,
+        rootState: t.context.rootState,
+        rootSetState: t.context.rootSetState,
+        localState: t.context.localState,
+        context: t.context.context
+      })
+    } : {};
+  }
+  return /* @__PURE__ */ o(t.Wrapper, { ...t.wrapperProps, attributes: e(), children: t.children });
+}
+export {
+  i as default
+};

package/lib/node/components/block/components/repeated-block.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),o=require("../block.cjs");function r(e){const t=e.repeatContext;return n.jsx(o,{block:e.block,context:t,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent})}module.exports=r;

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

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import n from "../block.mjs";
+function c(e) {
+  const t = e.repeatContext;
+  return /* @__PURE__ */ o(
+    n,
+    {
+      block: e.block,
+      context: t,
+      registeredComponents: e.registeredComponents,
+      linkComponent: e.linkComponent
+    }
+  );
+}
+export {
+  c as default
+};

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

@@ -0,0 +1,5 @@
+"use client";"use strict";const l=require("react/jsx-runtime"),s=require("react"),i=require("../../functions/is-editing.cjs");function d(e){const a=s.useRef(null);function c(){var t;return"builder-blocks"+((t=e.blocks)!=null&&t.length?"":" no-blocks")}function r(){var t,n;i.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function o(){var t,n;i.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return s.useEffect(()=>{},[]),l.jsxs(l.Fragment,{children:[l.jsx(e.BlocksWrapper,{ref:a,className:c()+" props-blocks-wrapper-51ef31b4","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>o(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),l.jsx("style",{children:`.props-blocks-wrapper-51ef31b4 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}`})]})}module.exports=d;

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

@@ -0,0 +1,63 @@
+"use client";
+import { jsxs as o, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { useRef as f, useEffect as u } from "react";
+import { isEditing as a } from "../../functions/is-editing.mjs";
+function h(e) {
+  const c = f(null);
+  function i() {
+    var t;
+    return "builder-blocks" + ((t = e.blocks) != null && t.length ? "" : " no-blocks");
+  }
+  function l() {
+    var t, n;
+    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+      {
+        type: "builder.clickEmptyBlocks",
+        data: {
+          parentElementId: e.parent,
+          dataPath: e.path
+        }
+      },
+      "*"
+    ));
+  }
+  function s() {
+    var t, n;
+    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+      {
+        type: "builder.hoverEmptyBlocks",
+        data: {
+          parentElementId: e.parent,
+          dataPath: e.path
+        }
+      },
+      "*"
+    ));
+  }
+  return u(() => {
+  }, []), /* @__PURE__ */ o(d, { children: [
+    /* @__PURE__ */ r(
+      e.BlocksWrapper,
+      {
+        ref: c,
+        className: i() + " props-blocks-wrapper-51ef31b4",
+        "builder-path": e.path,
+        "builder-parent-id": e.parent,
+        style: e.styleProp,
+        onClick: (t) => l(),
+        onMouseEnter: (t) => s(),
+        onKeyPress: (t) => l(),
+        ...e.BlocksWrapperProps,
+        children: e.children
+      }
+    ),
+    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-51ef31b4 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}` })
+  ] });
+}
+export {
+  h as default
+};

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

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

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

@@ -0,0 +1,30 @@
+import { jsx as t, Fragment as c } from "react/jsx-runtime";
+import a from "../block/block.mjs";
+import k from "./blocks-wrapper.mjs";
+function p(e) {
+  var o, n, r;
+  return /* @__PURE__ */ t(
+    k,
+    {
+      blocks: e.blocks,
+      parent: e.parent,
+      path: e.path,
+      styleProp: e.styleProp,
+      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
+    }
+  );
+}
+export {
+  p as default
+};

package/lib/node/components/content/components/enable-editor.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const L=require("react/jsx-runtime"),o=require("react"),U=require("../../../context/builder.context.cjs"),T=require("../../../functions/evaluate/evaluate.cjs"),F=require("../../../functions/fast-clone.cjs"),O=require("../../../functions/get-content/index.cjs"),$=require("../../../functions/get-fetch.cjs"),j=require("../../../functions/is-browser.cjs"),g=require("../../../functions/is-editing.cjs"),J=require("../../../functions/is-previewing.cjs"),z=require("../../../functions/register-component.cjs"),H=require("../../../functions/track/index.cjs"),G=require("../../../functions/track/interaction.cjs"),_=require("../../../helpers/canTrack.cjs"),Q=require("../../../helpers/logger.cjs"),X=require("../../../helpers/preview-lru-cache/set.cjs"),Y=require("../../../helpers/subscribe-to-editor.cjs"),A=require("../../../scripts/init-editing.cjs"),Z=require("../../block/animator.cjs"),p=require("./styles.helpers.cjs"),ee=require("next/navigation");function te(e){var k,I,w,P,y,R,K;const d=o.useRef(null);function f(n){var i,a;const t={...e.builderContextSignal.rootState,...n};e.builderContextSignal.rootSetState?(a=(i=e.builderContextSignal).rootSetState)==null||a.call(i,t):e.builderContextSignal.rootState=t}function S(n){var i,a,r,c,u;const t={...e.builderContextSignal.content,...n,data:{...(i=e.builderContextSignal.content)==null?void 0:i.data,...n==null?void 0:n.data},meta:{...(a=e.builderContextSignal.content)==null?void 0:a.meta,...n==null?void 0:n.meta,breakpoints:((r=n==null?void 0:n.meta)==null?void 0:r.breakpoints)||((u=(c=e.builderContextSignal.content)==null?void 0:c.meta)==null?void 0:u.breakpoints)}};X.postPreviewContent({value:t,key:t.id}).then(()=>{B.refresh()})}function V(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[M,ne]=o.useState(()=>e.contentWrapper||"div");function m(n){return Y.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:t=>{var r;const{breakpoints:i,contentId:a}=t;!a||a!==((r=e.builderContextSignal.content)==null?void 0:r.id)||i&&S({meta:{breakpoints:i}})},animation:t=>{Z.triggerAnimation(t)},contentUpdate:t=>{S(t)}}})(n)}function v(){var t,i;const n=(i=(t=e.builderContextSignal.content)==null?void 0:t.data)==null?void 0:i.jsCode;n&&T.evaluate({code:n,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!1})}const[h,ie]=o.useState(()=>({})),[b,ae]=o.useState(()=>({})),[C,N]=o.useState(()=>!1);function W(n){var t,i;if(e.builderContextSignal.content){const a=(t=e.builderContextSignal.content)==null?void 0:t.testVariationId,r=(i=e.builderContextSignal.content)==null?void 0:i.id;H._track({type:"click",canTrack:_.getDefaultCanTrack(e.canTrack),contentId:r,apiKey:e.apiKey,variationId:a!==r?a:void 0,...G.getInteractionPropertiesForEvent(n),unique:!C})}C||N(!0)}function x(){var t,i,a;const n=(a=(i=(t=e.builderContextSignal.content)==null?void 0:t.data)==null?void 0:i.httpRequests)!=null?a:{};Object.entries(n).forEach(([r,c])=>{if(!c||b[r]||h[r]&&!g.isEditing())return;b[r]=!0;const u=c.replace(/{{([^}]+)}}/g,(l,D)=>String(T.evaluate({code:D,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!0})));$.fetch(u).then(l=>l.json()).then(l=>{f({[r]:l}),h[r]=!0}).catch(l=>{console.error("error fetching dynamic data",c,l)}).finally(()=>{b[r]=!1})})}function s(){g.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:F.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function E(n){window.addEventListener("message",m),A.registerInsertMenu(),A.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(t=>{var a;const i=z.createRegisterComponentMessage(t);(a=window.parent)==null||a.postMessage(i,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",s)}function q(n){const t=new URL(location.href).searchParams,i=t.get("builder.preview"),a=t.get(`builder.overrides.${i}`),r=t.get("apiKey")||t.get("builder.space");i===e.model&&r===e.apiKey&&(!e.content||a===e.content.id)&&O.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(c=>{c&&S(c)})}const B=ee.useRouter();return o.useEffect(()=>{var n;return(n=d.current)==null||n.addEventListener("initeditingbldr",E),()=>{var t;return(t=d.current)==null?void 0:t.removeEventListener("initeditingbldr",E)}},[]),o.useEffect(()=>{var n;return(n=d.current)==null||n.addEventListener("initpreviewingbldr",q),()=>{var t;return(t=d.current)==null?void 0:t.removeEventListener("initpreviewingbldr",q)}},[]),o.useEffect(()=>{var n,t;if(j.isBrowser()){if(g.isEditing()&&d.current&&d.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&_.getDefaultCanTrack(e.canTrack)){const a=(n=e.builderContextSignal.content)==null?void 0:n.testVariationId,r=(t=e.builderContextSignal.content)==null?void 0:t.id,c=e.apiKey;H._track({type:"impression",canTrack:!0,contentId:r,apiKey:c,variationId:a!==r?a:void 0})}J.isPreviewing()&&g.isEditing()}},[]),o.useEffect(()=>{e.apiKey||Q.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."),v(),x(),s()},[]),o.useEffect(()=>{},[e.content]),o.useEffect(()=>{v()},[(I=(k=e.builderContextSignal.content)==null?void 0:k.data)==null?void 0:I.jsCode]),o.useEffect(()=>{x()},[(P=(w=e.builderContextSignal.content)==null?void 0:w.data)==null?void 0:P.httpRequests]),o.useEffect(()=>{s()},[e.builderContextSignal.rootState]),o.useEffect(()=>{e.data&&f(e.data)},[e.data]),o.useEffect(()=>{e.locale&&f({locale:e.locale})},[e.locale]),o.useEffect(()=>()=>{j.isBrowser()&&(window.removeEventListener("message",m),window.removeEventListener("builder:component:stateChangeListenerActivated",s))},[]),L.jsx(U.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?L.jsx(M,{ref:d,onClick:n=>W(n),"builder-content-id":(y=e.builderContextSignal.content)==null?void 0:y.id,"builder-model":e.model,...V(),...e.contentWrapperProps,className:p.getWrapperClassName(((R=e.content)==null?void 0:R.testVariationId)||((K=e.content)==null?void 0:K.id)),children:e.children}):null})}module.exports=te;