@builder.io/sdk-react-nextjs 0.17.8 → 0.18.1

package/lib/edge/components/content/components/enable-editor.mjs

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as k } from "react/jsx-runtime";
-import { useRef as P, useState as s, useEffect as l } from "react";
+import { useRef as P, useState as f, useEffect as l } from "react";
 import O from "../../../context/builder.context.mjs";
 import { evaluate as W } from "../../../functions/evaluate/evaluate.mjs";
 import { fastClone as j } from "../../../functions/fast-clone.mjs";
 import { fetchOneEntry as A } from "../../../functions/get-content/index.mjs";
 import { isBrowser as L } from "../../../functions/is-browser.mjs";
-import { isEditing as f } from "../../../functions/is-editing.mjs";
+import { isEditing as g } from "../../../functions/is-editing.mjs";
 import { isPreviewing as B } from "../../../functions/is-previewing.mjs";
 import { logFetch as F } from "../../../functions/log-fetch.mjs";
 import { createRegisterComponentMessage as z } from "../../../functions/register-component.mjs";
@@ -20,19 +20,19 @@ import { triggerAnimation as Y } from "../../block/animator.mjs";
 import { needsElementRefDivForEditing as q } from "./enable-editor.helpers.mjs";
 import { getWrapperClassName as Z } from "./styles.helpers.mjs";
 import { useRouter as p } from "next/navigation";
-function we(e) {
-  var R, w, y;
+function Re(e) {
+  var y, R, w;
   const c = P(null);
-  function g(n) {
-    var i, a;
+  function m(n) {
+    var i, r;
     const t = {
       ...e.builderContextSignal.rootState,
       ...n
     };
-    e.builderContextSignal.rootSetState ? (a = (i = e.builderContextSignal).rootSetState) == null || a.call(i, t) : e.builderContextSignal.rootState = t;
+    e.builderContextSignal.rootSetState ? (r = (i = e.builderContextSignal).rootSetState) == null || r.call(i, t) : e.builderContextSignal.rootState = t;
   }
   function b(n) {
-    var i, a, r, o, d;
+    var i, r, a, o, d;
     const t = {
       ...e.builderContextSignal.content,
       ...n,
@@ -41,16 +41,16 @@ function we(e) {
         ...n == null ? void 0 : n.data
       },
       meta: {
-        ...(a = e.builderContextSignal.content) == null ? void 0 : a.meta,
+        ...(r = e.builderContextSignal.content) == null ? void 0 : r.meta,
         ...n == null ? void 0 : n.meta,
-        breakpoints: ((r = n == null ? void 0 : n.meta) == null ? void 0 : r.breakpoints) || ((d = (o = e.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : d.breakpoints)
+        breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((d = (o = e.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : d.breakpoints)
       }
     };
     G({
       value: t,
       key: t.id
     }).then(() => {
-      M.refresh();
+      _.refresh();
     });
   }
   function T() {
@@ -59,7 +59,7 @@ function we(e) {
       "aria-hidden": !0
     };
   }
-  const [D, ee] = s(
+  const [U, ee] = f(
     () => e.contentWrapper || "div"
   );
   function v(n) {
@@ -68,9 +68,9 @@ function we(e) {
       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 && b({
+          var a;
+          const { breakpoints: i, contentId: r } = t;
+          !r || r !== ((a = e.builderContextSignal.content) == null ? void 0 : a.id) || i && b({
             meta: {
               breakpoints: i
             }
@@ -81,40 +81,43 @@ function we(e) {
         },
         contentUpdate: (t) => {
           b(t);
+        },
+        stateUpdate: (t) => {
+          m(t);
         }
       }
     })(n);
   }
-  const [h, te] = s(() => ({})), [S, ne] = s(() => ({})), [x, U] = s(() => !1);
-  function V(n) {
+  const [h, te] = f(() => ({})), [S, ne] = f(() => ({})), [x, D] = f(() => !1);
+  function N(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;
+      const r = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, a = (i = e.builderContextSignal.content) == null ? void 0 : i.id;
       H({
         apiHost: e.apiHost,
         type: "click",
         canTrack: K(e.canTrack),
-        contentId: r,
+        contentId: a,
         apiKey: e.apiKey,
-        variationId: a !== r ? a : void 0,
+        variationId: r !== a ? r : void 0,
         ...$(n),
         unique: !x
       });
     }
-    x || U(!0);
+    x || D(!0);
   }
-  function _() {
-    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, o]) => {
-      if (!o || S[r] || h[r] && !f())
+  function V() {
+    var t, i, r;
+    const n = (r = (i = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : i.httpRequests) != null ? r : {};
+    Object.entries(n).forEach(([a, o]) => {
+      if (!o || S[a] || h[a] && !g())
         return;
-      S[r] = !0;
+      S[a] = !0;
       const d = o.replace(
         /{{([^}]+)}}/g,
-        (u, N) => String(
+        (u, M) => String(
           W({
-            code: N,
+            code: M,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -123,18 +126,18 @@ function we(e) {
         )
       );
       F(d), fetch(d).then((u) => u.json()).then((u) => {
-        g({
-          [r]: u
-        }), h[r] = !0;
+        m({
+          [a]: u
+        }), h[a] = !0;
       }).catch((u) => {
         console.error("error fetching dynamic data", o, u);
       }).finally(() => {
-        S[r] = !1;
+        S[a] = !1;
       });
     });
   }
-  function m() {
-    f() && window.dispatchEvent(
+  function s() {
+    g() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
@@ -149,6 +152,7 @@ function we(e) {
     );
   }
   function C(n) {
+    var t;
     window.addEventListener("message", v), Q(), X({
       ...e.locale ? {
         locale: e.locale
@@ -158,27 +162,29 @@ function we(e) {
       } : {},
       ...e.trustedHosts ? {
         trustedHosts: e.trustedHosts
-      } : {}
+      } : {},
+      modelName: (t = e.model) != null ? t : "",
+      apiKey: e.apiKey
     }), Object.values(
       e.builderContextSignal.componentInfos
-    ).forEach((t) => {
-      var i, a;
-      if (!e.model || !((i = t.models) != null && i.length) || t.models.includes(e.model)) {
-        const r = z(t);
-        (a = window.parent) == null || a.postMessage(r, "*");
+    ).forEach((i) => {
+      var r, a;
+      if (!((r = i.models) != null && r.length) || i.models.includes(e.model)) {
+        const o = z(i);
+        (a = window.parent) == null || a.postMessage(o, "*");
       }
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      m
+      s
     );
   }
   function E(n) {
     var o;
-    const t = new URL(location.href).searchParams, i = t.get("builder.preview"), a = t.get(
+    const t = new URL(location.href).searchParams, i = t.get("builder.preview"), r = t.get(
       `builder.overrides.${i}`
-    ), r = t.get("apiKey") || t.get("builder.space");
-    (i === "BUILDER_STUDIO" || i === e.model && r === e.apiKey && (!e.content || a === e.content.id)) && A({
-      model: e.model || "",
+    ), a = t.get("apiKey") || t.get("builder.space");
+    (i === "BUILDER_STUDIO" || i === e.model && a === e.apiKey && (!e.content || r === e.content.id)) && A({
+      model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion,
       ...i === "BUILDER_STUDIO" && ((o = e.context) != null && o.symbolId) ? {
@@ -190,8 +196,8 @@ function we(e) {
       d && b(d);
     });
   }
-  const M = p(), I = P(!1);
-  return I.current || (_(), m(), I.current = !0), l(() => {
+  const _ = p(), I = P(!1);
+  return I.current || (V(), s(), I.current = !0), l(() => {
     var n;
     return (n = c.current) == null || n.addEventListener(
       "initeditingbldr",
@@ -218,42 +224,42 @@ function we(e) {
   }, []), l(() => {
     var n, t;
     if (L()) {
-      if (f() && !e.isNestedRender && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && K(e.canTrack)) {
-        const a = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, r = (t = e.builderContextSignal.content) == null ? void 0 : t.id, o = e.apiKey;
+      if (g() && !e.isNestedRender && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && K(e.canTrack)) {
+        const r = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, a = (t = e.builderContextSignal.content) == null ? void 0 : t.id, o = e.apiKey;
         H({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: r,
+          contentId: a,
           apiKey: o,
-          variationId: a !== r ? a : void 0
+          variationId: r !== a ? r : void 0
         });
       }
-      B() && f();
+      B() && g();
     }
   }, []), l(() => {
   }, [e.content]), l(() => {
-    m();
+    s();
   }, [e.builderContextSignal.rootState]), l(() => {
-    e.data && g(e.data);
+    e.data && m(e.data);
   }, [e.data]), l(() => {
-    e.locale && g({
+    e.locale && m({
       locale: e.locale
     });
   }, [e.locale]), l(() => () => {
     L() && (window.removeEventListener("message", v), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      m
+      s
     ));
   }, []), /* @__PURE__ */ k(O.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || q() ? /* @__PURE__ */ k(
-    D,
+    U,
     {
       ref: c,
-      onClick: (n) => V(n),
-      "builder-content-id": (R = e.builderContextSignal.content) == null ? void 0 : R.id,
+      onClick: (n) => N(n),
+      "builder-content-id": (y = e.builderContextSignal.content) == null ? void 0 : y.id,
       "builder-model": e.model,
       className: Z(
-        ((w = e.content) == null ? void 0 : w.testVariationId) || ((y = e.content) == null ? void 0 : y.id)
+        ((R = e.content) == null ? void 0 : R.testVariationId) || ((w = e.content) == null ? void 0 : w.id)
       ),
       style: {
         display: !e.builderContextSignal.content && q() ? "none" : void 0
@@ -265,5 +271,5 @@ function we(e) {
   ) : null });
 }
 export {
-  we as default
+  Re as default
 };

package/lib/edge/components/content/content.cjs

@@ -1 +1 @@
-"use strict";const c=require("react/jsx-runtime"),b=require("../../constants/builder-registered-components.cjs"),h=require("../../functions/evaluate/evaluate.cjs"),y=require("../../functions/register-component.cjs"),R=require("../../helpers/logger.cjs"),W=require("../blocks/blocks.cjs"),j=require("../content-variants/helpers.cjs"),P=require("../inlined-script.cjs"),V=require("./components/enable-editor.cjs"),K=require("./components/styles.cjs"),q=require("./content.helpers.cjs");function T(e){var a,s,r,d,l,u,m,C,g,S,k;const v=j.getUpdateVariantVisibilityScript({variationId:(a=e.content)==null?void 0:a.testVariationId,contentId:(s=e.content)==null?void 0:s.id}),I=[...b.getDefaultRegisteredComponents(),...e.customComponents||[]].reduce((n,{component:x,...o})=>({...n,[o.name]:{component:x,...y.serializeIncludingFunctions(o)}}),{}),t={content:q.getContentInitialValue({content:e.content,data:e.data}),localState:void 0,rootState:q.getRootStateInitialValue({content:e.content,data:e.data,locale:e.locale}),rootSetState:void 0,context:e.context||{},canTrack:e.canTrack,apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...b.getDefaultRegisteredComponents(),...e.customComponents||[]].reduce((n,{component:x,...o})=>({...n,[o.name]:y.serializeIncludingFunctions(o)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{},nonce:e.nonce||"",model:e.model||""};e.apiKey||R.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");const i=(d=(r=t.content)==null?void 0:r.data)==null?void 0:d.jsCode;return i&&h.evaluate({code:i,context:e.context||{},localState:void 0,rootState:t.rootState,rootSetState:n=>{t.rootState=n},isExpression:!1}),c.jsxs(V,{apiHost:e.apiHost,nonce:e.nonce,content:e.content,data:e.data,model:e.model,context:e.context,apiKey:e.apiKey,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,showContent:e.showContent,builderContextSignal:t,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts,isNestedRender:e.isNestedRender,children:[e.isSsrAbTest?c.jsx(P,{id:"builderio-variant-visibility",scriptStr:v,nonce:e.nonce||""}):null,c.jsx(K,{nonce:e.nonce||"",isNestedRender:e.isNestedRender,contentId:(l=t.content)==null?void 0:l.id,cssCode:(m=(u=t.content)==null?void 0:u.data)==null?void 0:m.cssCode,customFonts:(g=(C=t.content)==null?void 0:C.data)==null?void 0:g.customFonts}),c.jsx(W,{blocks:(k=(S=t.content)==null?void 0:S.data)==null?void 0:k.blocks,context:t,registeredComponents:I,linkComponent:e.linkComponent})]})}module.exports=T;
+"use strict";const c=require("react/jsx-runtime"),b=require("../../constants/builder-registered-components.cjs"),h=require("../../functions/evaluate/evaluate.cjs"),y=require("../../functions/register-component.cjs"),R=require("../../helpers/logger.cjs"),W=require("../blocks/blocks.cjs"),j=require("../content-variants/helpers.cjs"),P=require("../inlined-script.cjs"),V=require("./components/enable-editor.cjs"),K=require("./components/styles.cjs"),q=require("./content.helpers.cjs");function T(e){var a,s,r,d,l,u,m,C,g,S,k;const v=j.getUpdateVariantVisibilityScript({variationId:(a=e.content)==null?void 0:a.testVariationId,contentId:(s=e.content)==null?void 0:s.id}),I=[...b.getDefaultRegisteredComponents(),...e.customComponents||[]].reduce((n,{component:x,...o})=>({...n,[o.name]:{component:x,...y.serializeIncludingFunctions(o)}}),{}),t={content:q.getContentInitialValue({content:e.content,data:e.data}),localState:void 0,rootState:q.getRootStateInitialValue({content:e.content,data:e.data,locale:e.locale}),rootSetState:void 0,context:e.context||{},canTrack:e.canTrack,apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...b.getDefaultRegisteredComponents(),...e.customComponents||[]].reduce((n,{component:x,...o})=>({...n,[o.name]:y.serializeIncludingFunctions(o)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{},nonce:e.nonce||"",model:e.model};e.apiKey||R.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");const i=(d=(r=t.content)==null?void 0:r.data)==null?void 0:d.jsCode;return i&&h.evaluate({code:i,context:e.context||{},localState:void 0,rootState:t.rootState,rootSetState:n=>{t.rootState=n},isExpression:!1}),c.jsxs(V,{apiHost:e.apiHost,nonce:e.nonce,content:e.content,data:e.data,model:e.model,context:e.context,apiKey:e.apiKey,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,showContent:e.showContent,builderContextSignal:t,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts,isNestedRender:e.isNestedRender,children:[e.isSsrAbTest?c.jsx(P,{id:"builderio-variant-visibility",scriptStr:v,nonce:e.nonce||""}):null,c.jsx(K,{nonce:e.nonce||"",isNestedRender:e.isNestedRender,contentId:(l=t.content)==null?void 0:l.id,cssCode:(m=(u=t.content)==null?void 0:u.data)==null?void 0:m.cssCode,customFonts:(g=(C=t.content)==null?void 0:C.data)==null?void 0:g.customFonts}),c.jsx(W,{blocks:(k=(S=t.content)==null?void 0:S.data)==null?void 0:k.blocks,context:t,registeredComponents:I,linkComponent:e.linkComponent})]})}module.exports=T;

package/lib/edge/components/content/content.mjs

@@ -58,7 +58,7 @@ function G(t) {
     BlocksWrapper: t.blocksWrapper || "div",
     BlocksWrapperProps: t.blocksWrapperProps || {},
     nonce: t.nonce || "",
-    model: t.model || ""
+    model: t.model
   };
   t.apiKey || W.error(
     "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."

package/lib/edge/constants/sdk-version.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.8";exports.SDK_VERSION=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.18.1";exports.SDK_VERSION=e;

package/lib/edge/constants/sdk-version.mjs

@@ -1,4 +1,4 @@
-const o = "0.17.8";
+const o = "0.18.1";
 export {
   o as SDK_VERSION
 };

package/lib/edge/helpers/subscribe-to-editor.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../functions/is-browser.cjs"),u=require("../functions/is-from-trusted-host.cjs"),g=require("../scripts/init-editing.cjs"),b=require("./logger.cjs"),o=({model:n,trustedHosts:i,callbacks:e})=>t=>{if(!u.isFromTrustedHost(i,t))return;const{data:r}=t;if(r)switch(r.type){case"builder.configureSdk":{e.configureSdk(r.data);break}case"builder.triggerAnimation":{e.animation(r.data);break}case"builder.contentUpdate":{const s=r.data,a=s.key||s.alias||s.entry||s.modelName,d=s.data;a===n&&e.contentUpdate(d);break}}},m=(n,i,e)=>{if(!c.isBrowser)return b.logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};g.setupBrowserForEditing();const t=o({callbacks:{contentUpdate:i,animation:()=>{},configureSdk:()=>{}},model:n,trustedHosts:e==null?void 0:e.trustedHosts});return window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}};exports.createEditorListener=o;exports.subscribeToEditor=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../functions/is-browser.cjs"),u=require("../functions/is-from-trusted-host.cjs"),b=require("../scripts/init-editing.cjs"),g=require("./logger.cjs"),d=({model:n,trustedHosts:i,callbacks:r})=>o=>{if(!u.isFromTrustedHost(i,o))return;const{data:t}=o;if(t)switch(t.type){case"builder.configureSdk":{r.configureSdk(t.data);break}case"builder.triggerAnimation":{r.animation(t.data);break}case"builder.resetState":{const e=t.data,a=e.model,s=e==null?void 0:e.state;a===n&&s&&r.stateUpdate(s);break}case"builder.contentUpdate":{const e=t.data,a=e.key||e.alias||e.entry||e.modelName,s=e.data;a===n&&r.contentUpdate(s);break}}},m=({model:n,apiKey:i,callback:r,trustedHosts:o})=>{if(!c.isBrowser)return g.logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};b.setupBrowserForEditing({modelName:n,apiKey:i});const t=d({callbacks:{contentUpdate:r,animation:()=>{},configureSdk:()=>{},stateUpdate:()=>{}},model:n,trustedHosts:o});return window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}};exports.createEditorListener=d;exports.subscribeToEditor=m;

package/lib/edge/helpers/subscribe-to-editor.mjs

@@ -2,53 +2,68 @@ import { isBrowser as d } from "../functions/is-browser.mjs";
 import { isFromTrustedHost as c } from "../functions/is-from-trusted-host.mjs";
 import { setupBrowserForEditing as m } from "../scripts/init-editing.mjs";
 import { logger as u } from "./logger.mjs";
-const g = ({
+const b = ({
   model: o,
-  trustedHosts: s,
-  callbacks: e
-}) => (t) => {
-  if (!c(s, t))
+  trustedHosts: i,
+  callbacks: r
+}) => (n) => {
+  if (!c(i, n))
     return;
   const {
-    data: r
-  } = t;
-  if (r)
-    switch (r.type) {
+    data: t
+  } = n;
+  if (t)
+    switch (t.type) {
       case "builder.configureSdk": {
-        e.configureSdk(r.data);
+        r.configureSdk(t.data);
         break;
       }
       case "builder.triggerAnimation": {
-        e.animation(r.data);
+        r.animation(t.data);
+        break;
+      }
+      case "builder.resetState": {
+        const e = t.data, s = e.model, a = e == null ? void 0 : e.state;
+        s === o && a && r.stateUpdate(a);
         break;
       }
       case "builder.contentUpdate": {
-        const n = r.data, i = n.key || n.alias || n.entry || n.modelName, a = n.data;
-        i === o && e.contentUpdate(a);
+        const e = t.data, s = e.key || e.alias || e.entry || e.modelName, a = e.data;
+        s === o && r.contentUpdate(a);
         break;
       }
     }
-}, l = (o, s, e) => {
+}, k = ({
+  model: o,
+  apiKey: i,
+  callback: r,
+  trustedHosts: n
+}) => {
   if (!d)
     return u.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  m();
-  const t = g({
+  m({
+    modelName: o,
+    apiKey: i
+  });
+  const t = b({
     callbacks: {
-      contentUpdate: s,
+      contentUpdate: r,
       animation: () => {
       },
       configureSdk: () => {
+      },
+      stateUpdate: () => {
       }
     },
     model: o,
-    trustedHosts: e == null ? void 0 : e.trustedHosts
+    trustedHosts: n
   });
   return window.addEventListener("message", t), () => {
     window.removeEventListener("message", t);
   };
 };
 export {
-  g as createEditorListener,
-  l as subscribeToEditor
+  b as createEditorListener,
+  k as subscribeToEditor
 };

package/lib/edge/scripts/init-editing.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../constants/sdk-version.cjs"),y=require("../constants/target.cjs"),b=require("../functions/is-browser.cjs"),B=require("../functions/is-from-trusted-host.cjs"),M=require("../functions/register.cjs"),E=()=>{M.register("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let c=!1;const S=(o={})=>{var a,i;c||(c=!0,b.isBrowser()&&((a=window.parent)==null||a.postMessage({type:"builder.sdkInfo",data:{target:y.TARGET,version:f.SDK_VERSION,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0,supportsXSmallBreakpoint:!0,blockLevelPersonalization:!0}},"*"),(i=window.parent)==null||i.postMessage({type:"builder.updateContent",data:{options:o}},"*"),window.addEventListener("message",u=>{var d,l;if(!B.isFromTrustedHost(o.trustedHosts,u))return;const{data:e}=u;if(e!=null&&e.type)switch(e.type){case"builder.evaluate":{const g=e.data.text,m=e.data.arguments||[],r=e.data.id,w=new Function(g);let t,s=null;try{t=w.apply(null,m)}catch(n){s=n}s?(d=window.parent)==null||d.postMessage({type:"builder.evaluateError",data:{id:r,error:s.message}},"*"):t&&typeof t.then=="function"?t.then(n=>{var p;(p=window.parent)==null||p.postMessage({type:"builder.evaluateResult",data:{id:r,result:n}},"*")}).catch(console.error):(l=window.parent)==null||l.postMessage({type:"builder.evaluateResult",data:{result:t,id:r}},"*");break}}})))};exports.registerInsertMenu=E;exports.setupBrowserForEditing=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../constants/sdk-version.cjs"),y=require("../constants/target.cjs"),b=require("../functions/is-browser.cjs"),B=require("../functions/is-from-trusted-host.cjs"),M=require("../functions/register.cjs"),E=()=>{M.register("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let c=!1;const S=r=>{var o,i;c||(c=!0,b.isBrowser()&&((o=window.parent)==null||o.postMessage({type:"builder.sdkInfo",data:{target:y.TARGET,version:f.SDK_VERSION,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0,modelName:r.modelName,apiKey:r.apiKey,supportsXSmallBreakpoint:!0,blockLevelPersonalization:!0}},"*"),(i=window.parent)==null||i.postMessage({type:"builder.updateContent",data:{options:r}},"*"),window.addEventListener("message",u=>{var d,l;if(!B.isFromTrustedHost(r.trustedHosts,u))return;const{data:e}=u;if(e!=null&&e.type)switch(e.type){case"builder.evaluate":{const m=e.data.text,g=e.data.arguments||[],s=e.data.id,w=new Function(m);let t,a=null;try{t=w.apply(null,g)}catch(n){a=n}a?(d=window.parent)==null||d.postMessage({type:"builder.evaluateError",data:{id:s,error:a.message}},"*"):t&&typeof t.then=="function"?t.then(n=>{var p;(p=window.parent)==null||p.postMessage({type:"builder.evaluateResult",data:{id:s,result:n}},"*")}).catch(console.error):(l=window.parent)==null||l.postMessage({type:"builder.evaluateResult",data:{result:t,id:s}},"*");break}}})))};exports.registerInsertMenu=E;exports.setupBrowserForEditing=S;

package/lib/edge/scripts/init-editing.mjs

@@ -27,7 +27,7 @@ const S = () => {
   });
 };
 let m = !1;
-const x = (a = {}) => {
+const x = (r) => {
   var n, i;
   m || (m = !0, b() && ((n = window.parent) == null || n.postMessage({
     type: "builder.sdkInfo",
@@ -39,17 +39,19 @@ const x = (a = {}) => {
       // scope our '+ add block' button styling
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0,
+      modelName: r.modelName,
+      apiKey: r.apiKey,
       supportsXSmallBreakpoint: !0,
       blockLevelPersonalization: !0
     }
   }, "*"), (i = window.parent) == null || i.postMessage({
     type: "builder.updateContent",
     data: {
-      options: a
+      options: r
     }
   }, "*"), window.addEventListener("message", (u) => {
     var p, d;
-    if (!B(a.trustedHosts, u))
+    if (!B(r.trustedHosts, u))
       return;
     const {
       data: e
@@ -57,7 +59,7 @@ const x = (a = {}) => {
     if (e != null && e.type)
       switch (e.type) {
         case "builder.evaluate": {
-          const c = e.data.text, f = e.data.arguments || [], r = e.data.id, g = new Function(c);
+          const c = e.data.text, f = e.data.arguments || [], a = e.data.id, g = new Function(c);
           let t, s = null;
           try {
             t = g.apply(null, f);
@@ -67,7 +69,7 @@ const x = (a = {}) => {
           s ? (p = window.parent) == null || p.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: r,
+              id: a,
               error: s.message
             }
           }, "*") : t && typeof t.then == "function" ? t.then((o) => {
@@ -75,7 +77,7 @@ const x = (a = {}) => {
             (l = window.parent) == null || l.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: r,
+                id: a,
                 result: o
               }
             }, "*");
@@ -83,7 +85,7 @@ const x = (a = {}) => {
             type: "builder.evaluateResult",
             data: {
               result: t,
-              id: r
+              id: a
             }
           }, "*");
           break;

package/lib/node/blocks/symbol/symbol.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),y=require("../../components/content-variants/content-variants.cjs"),C=require("../../functions/get-class-prop-name.cjs"),x=require("./symbol.helpers.cjs");async function k(e){var n,i,o,l,a;const u=function(){return"div"},d=function(){return"div"},m=function(){var r,b;return[e.attributes[C.getClassPropName()],"builder-symbol",(r=e.symbol)!=null&&r.inline?"builder-inline-symbol":void 0,(b=e.symbol)!=null&&b.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")},t=((n=e.symbol)==null?void 0:n.content)||await x.fetchSymbolContent({symbol:e.symbol,builderContextValue:e.builderContext});return s.jsx("div",{...e.attributes,className:m(),children:s.jsx(y,{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:(a=e.symbol)==null?void 0:a.model,content:t,linkComponent:e.builderLinkComponent,blocksWrapper:u(),contentWrapper:d()})})}module.exports=k;
+"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;

package/lib/node/blocks/symbol/symbol.mjs

@@ -1,27 +1,27 @@
-import { jsx as b } from "react/jsx-runtime";
-import y from "../../components/content-variants/content-variants.mjs";
-import { getClassPropName as C } from "../../functions/get-class-prop-name.mjs";
-import { fetchSymbolContent as x } from "./symbol.helpers.mjs";
-async function N(e) {
-  var n, o, i, l, a;
-  const d = function() {
-    return "div";
-  }, u = function() {
+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() {
-    var c, m;
+    return "div";
+  }, y = function() {
+    var m, b;
     return [
-      e.attributes[C()],
+      e.attributes[x()],
       "builder-symbol",
-      (c = e.symbol) != null && c.inline ? "builder-inline-symbol" : void 0,
-      (m = e.symbol) != null && m.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
+      (b = e.symbol) != null && b.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
-  }, t = ((n = e.symbol) == null ? void 0 : n.content) || await x({
+  }, t = ((n = e.symbol) == null ? void 0 : n.content) || await f({
     symbol: e.symbol,
     builderContextValue: e.builderContext
   });
-  return /* @__PURE__ */ b("div", { ...e.attributes, className: s(), children: /* @__PURE__ */ b(
-    y,
+  return /* @__PURE__ */ d("div", { ...e.attributes, className: y(), children: /* @__PURE__ */ d(
+    C,
     {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -38,14 +38,14 @@ async function N(e) {
         ...(l = t == null ? void 0 : t.data) == null ? void 0 : l.state
       },
       canTrack: e.builderContext.canTrack,
-      model: (a = e.symbol) == null ? void 0 : a.model,
+      model: (r = (a = e.symbol) == null ? void 0 : a.model) != null ? r : "",
       content: t,
       linkComponent: e.builderLinkComponent,
-      blocksWrapper: d(),
-      contentWrapper: u()
+      blocksWrapper: u(),
+      contentWrapper: s()
     }
   ) });
 }
 export {
-  N as default
+  V as default
 };

package/lib/node/blocks/video/video.cjs

@@ -1 +1 @@
-"use client";"use strict";const t=require("react/jsx-runtime");function s(e){var i,l,n,o,d,u,c;function a(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function r(){return{...a()}}return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("video",{className:"builder-video",...r(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(i=e.attributes)==null?void 0:i.style,objectFit:e.fit,objectPosition:e.position,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:t.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((n=(l=e.builderBlock)==null?void 0:l.children)!=null&&n.length))?t.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(d=(o=e.builderBlock)==null?void 0:o.children)!=null&&d.length&&e.fitContent?t.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(u=e.builderBlock)==null?void 0:u.children)!=null&&c.length&&!e.fitContent?t.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children}):null]})}module.exports=s;
+"use client";"use strict";const i=require("react/jsx-runtime"),n=require("react");function j(e){var a,d,s,u,f,h,v;const l=n.useRef(null);function m(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function x(){return{...m()}}const[c,g]=n.useState(()=>{});return n.useEffect(()=>{if(e.lazyLoad){const o=new IntersectionObserver(function(E){E.forEach(function(y){if(!y.isIntersecting)return;const r=y.target;try{Array.from(r.children).filter(t=>t instanceof HTMLElement&&t.tagName==="SOURCE").forEach(t=>{const b=t.dataset.src;b&&(t.src=b)}),r.load(),o.unobserve(r)}catch(t){console.error("Error loading lazy video:",t)}})});l.current&&o.observe(l.current),g(o)}},[]),n.useEffect(()=>()=>{c&&c.disconnect()},[]),i.jsxs("div",{style:{position:"relative"},children:[i.jsx("video",{className:"builder-video",...x(),ref:l,preload:e.lazyLoad?"none":e.preload||"metadata",style:{width:"100%",height:"100%",...(a=e.attributes)==null?void 0:a.style,objectFit:e.fit,objectPosition:e.position,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},poster:e.posterImage,children:i.jsx("source",{type:"video/mp4",...e.lazyLoad?{"data-src":e.video}:{src:e.video}})}),e.aspectRatio&&!(e.fitContent&&((s=(d=e.builderBlock)==null?void 0:d.children)!=null&&s.length))?i.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(f=(u=e.builderBlock)==null?void 0:u.children)!=null&&f.length&&e.fitContent?i.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(v=(h=e.builderBlock)==null?void 0:h.children)!=null&&v.length&&!e.fitContent?i.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children}):null]})}module.exports=j;