@builder.io/sdk-react-nextjs 0.17.0 → 0.17.2

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

@@ -1,146 +1,147 @@
 "use client";
-import { jsx as R } from "react/jsx-runtime";
-import { useRef as H, useState as m, useEffect as c } from "react";
-import A from "../../../context/builder.context.mjs";
-import { evaluate as U } from "../../../functions/evaluate/evaluate.mjs";
-import { fastClone as _ } from "../../../functions/fast-clone.mjs";
-import { fetchOneEntry as D } from "../../../functions/get-content/index.mjs";
+import { jsx as k } from "react/jsx-runtime";
+import { useRef as P, useState as s, 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 { isPreviewing as F } from "../../../functions/is-previewing.mjs";
-import { logFetch as O } from "../../../functions/log-fetch.mjs";
-import { createRegisterComponentMessage as B } from "../../../functions/register-component.mjs";
-import { _track as y } from "../../../functions/track/index.mjs";
-import { getInteractionPropertiesForEvent as z } from "../../../functions/track/interaction.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";
+import { _track as H } from "../../../functions/track/index.mjs";
+import { getInteractionPropertiesForEvent as $ } from "../../../functions/track/interaction.mjs";
 import { getDefaultCanTrack as K } from "../../../helpers/canTrack.mjs";
-import { postPreviewContent as $ } from "../../../helpers/preview-lru-cache/set.mjs";
-import { createEditorListener as G } from "../../../helpers/subscribe-to-editor.mjs";
-import { registerInsertMenu as J, setupBrowserForEditing as Q } from "../../../scripts/init-editing.mjs";
-import { triggerAnimation as X } from "../../block/animator.mjs";
-import { getWrapperClassName as Y } from "./styles.helpers.mjs";
-import { useRouter as Z } from "next/navigation";
-function It(t) {
-  var w, k, P;
-  const d = H(null);
+import { postPreviewContent as G } from "../../../helpers/preview-lru-cache/set.mjs";
+import { createEditorListener as J } from "../../../helpers/subscribe-to-editor.mjs";
+import { registerInsertMenu as Q, setupBrowserForEditing as X } from "../../../scripts/init-editing.mjs";
+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;
+  const c = P(null);
   function g(n) {
-    var r, i;
-    const e = {
-      ...t.builderContextSignal.rootState,
+    var i, a;
+    const t = {
+      ...e.builderContextSignal.rootState,
       ...n
     };
-    t.builderContextSignal.rootSetState ? (i = (r = t.builderContextSignal).rootSetState) == null || i.call(r, e) : t.builderContextSignal.rootState = e;
+    e.builderContextSignal.rootSetState ? (a = (i = e.builderContextSignal).rootSetState) == null || a.call(i, t) : e.builderContextSignal.rootState = t;
   }
   function b(n) {
-    var r, i, a, o, u;
-    const e = {
-      ...t.builderContextSignal.content,
+    var i, a, r, o, d;
+    const t = {
+      ...e.builderContextSignal.content,
       ...n,
       data: {
-        ...(r = t.builderContextSignal.content) == null ? void 0 : r.data,
+        ...(i = e.builderContextSignal.content) == null ? void 0 : i.data,
         ...n == null ? void 0 : n.data
       },
       meta: {
-        ...(i = t.builderContextSignal.content) == null ? void 0 : i.meta,
+        ...(a = e.builderContextSignal.content) == null ? void 0 : a.meta,
         ...n == null ? void 0 : n.meta,
-        breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((u = (o = t.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : u.breakpoints)
+        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)
       }
     };
-    $({
-      value: e,
-      key: e.id
+    G({
+      value: t,
+      key: t.id
     }).then(() => {
-      W.refresh();
+      M.refresh();
     });
   }
-  function q() {
-    return t.showContent ? {} : {
+  function T() {
+    return e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
     };
   }
-  const [T, p] = m(
-    () => t.contentWrapper || "div"
+  const [D, ee] = s(
+    () => e.contentWrapper || "div"
   );
   function v(n) {
-    return G({
-      model: t.model,
-      trustedHosts: t.trustedHosts,
+    return J({
+      model: e.model,
+      trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (e) => {
-          var a;
-          const { breakpoints: r, contentId: i } = e;
-          !i || i !== ((a = t.builderContextSignal.content) == null ? void 0 : a.id) || r && b({
+        configureSdk: (t) => {
+          var r;
+          const { breakpoints: i, contentId: a } = t;
+          !a || a !== ((r = e.builderContextSignal.content) == null ? void 0 : r.id) || i && b({
             meta: {
-              breakpoints: r
+              breakpoints: i
             }
           });
         },
-        animation: (e) => {
-          X(e);
+        animation: (t) => {
+          Y(t);
         },
-        contentUpdate: (e) => {
-          b(e);
+        contentUpdate: (t) => {
+          b(t);
         }
       }
     })(n);
   }
-  const [h, tt] = m(() => ({})), [S, et] = m(() => ({})), [x, V] = m(() => !1);
-  function M(n) {
-    var e, r;
-    if (t.builderContextSignal.content) {
-      const i = (e = t.builderContextSignal.content) == null ? void 0 : e.testVariationId, a = (r = t.builderContextSignal.content) == null ? void 0 : r.id;
-      y({
-        apiHost: t.apiHost,
+  const [h, te] = s(() => ({})), [S, ne] = s(() => ({})), [x, U] = s(() => !1);
+  function V(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({
+        apiHost: e.apiHost,
         type: "click",
-        canTrack: K(t.canTrack),
-        contentId: a,
-        apiKey: t.apiKey,
-        variationId: i !== a ? i : void 0,
-        ...z(n),
+        canTrack: K(e.canTrack),
+        contentId: r,
+        apiKey: e.apiKey,
+        variationId: a !== r ? a : void 0,
+        ...$(n),
         unique: !x
       });
     }
-    x || V(!0);
+    x || U(!0);
   }
-  function N() {
-    var e, r, i;
-    const n = (i = (r = (e = t.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : r.httpRequests) != null ? i : {};
-    Object.entries(n).forEach(([a, o]) => {
-      if (!o || S[a] || h[a] && !f())
+  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())
         return;
-      S[a] = !0;
-      const u = o.replace(
+      S[r] = !0;
+      const d = o.replace(
         /{{([^}]+)}}/g,
-        (l, j) => String(
-          U({
-            code: j,
-            context: t.context || {},
+        (u, N) => String(
+          W({
+            code: N,
+            context: e.context || {},
             localState: void 0,
-            rootState: t.builderContextSignal.rootState,
-            rootSetState: t.builderContextSignal.rootSetState
+            rootState: e.builderContextSignal.rootState,
+            rootSetState: e.builderContextSignal.rootSetState
           })
         )
       );
-      O(u), fetch(u).then((l) => l.json()).then((l) => {
+      F(d), fetch(d).then((u) => u.json()).then((u) => {
         g({
-          [a]: l
-        }), h[a] = !0;
-      }).catch((l) => {
-        console.error("error fetching dynamic data", o, l);
+          [r]: u
+        }), h[r] = !0;
+      }).catch((u) => {
+        console.error("error fetching dynamic data", o, u);
       }).finally(() => {
-        S[a] = !1;
+        S[r] = !1;
       });
     });
   }
-  function s() {
+  function m() {
     f() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: _(t.builderContextSignal.rootState),
+            state: j(e.builderContextSignal.rootState),
             ref: {
-              name: t.model
+              name: e.model
             }
           }
         }
@@ -148,110 +149,121 @@ function It(t) {
     );
   }
   function C(n) {
-    window.addEventListener("message", v), J(), Q({
-      ...t.locale ? {
-        locale: t.locale
+    window.addEventListener("message", v), Q(), X({
+      ...e.locale ? {
+        locale: e.locale
       } : {},
-      ...t.enrich ? {
-        enrich: t.enrich
+      ...e.enrich ? {
+        enrich: e.enrich
       } : {},
-      ...t.trustedHosts ? {
-        trustedHosts: t.trustedHosts
+      ...e.trustedHosts ? {
+        trustedHosts: e.trustedHosts
       } : {}
     }), Object.values(
-      t.builderContextSignal.componentInfos
-    ).forEach((e) => {
-      var i;
-      const r = B(e);
-      (i = window.parent) == null || i.postMessage(r, "*");
+      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, "*");
+      }
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      s
+      m
     );
   }
   function E(n) {
-    const e = new URL(location.href).searchParams, r = e.get("builder.preview"), i = e.get(
-      `builder.overrides.${r}`
-    ), a = e.get("apiKey") || e.get("builder.space");
-    r === t.model && a === t.apiKey && (!t.content || i === t.content.id) && D({
-      model: t.model,
-      apiKey: t.apiKey,
-      apiVersion: t.builderContextSignal.apiVersion
-    }).then((o) => {
-      o && b(o);
+    var o;
+    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 === "BUILDER_STUDIO" || i === e.model && r === e.apiKey && (!e.content || a === e.content.id)) && A({
+      model: e.model || "",
+      apiKey: e.apiKey,
+      apiVersion: e.builderContextSignal.apiVersion,
+      ...i === "BUILDER_STUDIO" && ((o = e.context) != null && o.symbolId) ? {
+        query: {
+          id: e.context.symbolId
+        }
+      } : {}
+    }).then((d) => {
+      d && b(d);
     });
   }
-  const W = Z(), I = H(!1);
-  return I.current || (N(), s(), I.current = !0), c(() => {
+  const M = p(), I = P(!1);
+  return I.current || (_(), m(), I.current = !0), l(() => {
     var n;
-    return (n = d.current) == null || n.addEventListener(
+    return (n = c.current) == null || n.addEventListener(
       "initeditingbldr",
       C
     ), () => {
-      var e;
-      return (e = d.current) == null ? void 0 : e.removeEventListener(
+      var t;
+      return (t = c.current) == null ? void 0 : t.removeEventListener(
         "initeditingbldr",
         C
       );
     };
-  }, []), c(() => {
+  }, []), l(() => {
     var n;
-    return (n = d.current) == null || n.addEventListener(
+    return (n = c.current) == null || n.addEventListener(
       "initpreviewingbldr",
       E
     ), () => {
-      var e;
-      return (e = d.current) == null ? void 0 : e.removeEventListener(
+      var t;
+      return (t = c.current) == null ? void 0 : t.removeEventListener(
         "initpreviewingbldr",
         E
       );
     };
-  }, []), c(() => {
-    var n, e;
+  }, []), l(() => {
+    var n, t;
     if (L()) {
-      if (f() && !t.isNestedRender && d.current && d.current.dispatchEvent(new CustomEvent("initeditingbldr")), t.builderContextSignal.content && K(t.canTrack)) {
-        const i = (n = t.builderContextSignal.content) == null ? void 0 : n.testVariationId, a = (e = t.builderContextSignal.content) == null ? void 0 : e.id, o = t.apiKey;
-        y({
-          apiHost: t.apiHost,
+      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;
+        H({
+          apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: a,
+          contentId: r,
           apiKey: o,
-          variationId: i !== a ? i : void 0
+          variationId: a !== r ? a : void 0
         });
       }
-      F() && f();
+      B() && f();
     }
-  }, []), c(() => {
-  }, [t.content]), c(() => {
-    s();
-  }, [t.builderContextSignal.rootState]), c(() => {
-    t.data && g(t.data);
-  }, [t.data]), c(() => {
-    t.locale && g({
-      locale: t.locale
+  }, []), l(() => {
+  }, [e.content]), l(() => {
+    m();
+  }, [e.builderContextSignal.rootState]), l(() => {
+    e.data && g(e.data);
+  }, [e.data]), l(() => {
+    e.locale && g({
+      locale: e.locale
     });
-  }, [t.locale]), c(() => () => {
+  }, [e.locale]), l(() => () => {
     L() && (window.removeEventListener("message", v), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      s
+      m
     ));
-  }, []), /* @__PURE__ */ R(A.Provider, { value: t.builderContextSignal, children: t.builderContextSignal.content ? /* @__PURE__ */ R(
-    T,
+  }, []), /* @__PURE__ */ k(O.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || q() ? /* @__PURE__ */ k(
+    D,
     {
-      ref: d,
-      onClick: (n) => M(n),
-      "builder-content-id": (w = t.builderContextSignal.content) == null ? void 0 : w.id,
-      "builder-model": t.model,
-      className: Y(
-        ((k = t.content) == null ? void 0 : k.testVariationId) || ((P = t.content) == null ? void 0 : P.id)
+      ref: c,
+      onClick: (n) => V(n),
+      "builder-content-id": (R = e.builderContextSignal.content) == null ? void 0 : R.id,
+      "builder-model": e.model,
+      className: Z(
+        ((w = e.content) == null ? void 0 : w.testVariationId) || ((y = e.content) == null ? void 0 : y.id)
       ),
-      ...q(),
-      ...t.contentWrapperProps,
-      children: t.children
+      style: {
+        display: !e.builderContextSignal.content && q() ? "none" : void 0
+      },
+      ...T(),
+      ...e.contentWrapperProps,
+      children: e.children
     }
   ) : null });
 }
 export {
-  It as default
+  we as default
 };

package/lib/browser/components/content/content.cjs

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

@@ -1,40 +1,40 @@
-import { jsxs as W, jsx as i } from "react/jsx-runtime";
-import { getDefaultRegisteredComponents as I } from "../../constants/builder-registered-components.mjs";
-import { evaluate as P } from "../../functions/evaluate/evaluate.mjs";
-import { serializeIncludingFunctions as b } from "../../functions/register-component.mjs";
-import { logger as V } from "../../helpers/logger.mjs";
-import K from "../blocks/blocks.mjs";
-import { getUpdateVariantVisibilityScript as R } from "../content-variants/helpers.mjs";
-import T from "../inlined-script.mjs";
-import N from "./components/enable-editor.mjs";
-import j from "./components/styles.mjs";
-import { getContentInitialValue as H, getRootStateInitialValue as A } from "./content.helpers.mjs";
-function L(t) {
-  var c, r, d, l, u, m, s, f, C, S, k, g, x;
-  const h = R({
+import { jsxs as v, jsx as a } from "react/jsx-runtime";
+import { getDefaultRegisteredComponents as y } from "../../constants/builder-registered-components.mjs";
+import { evaluate as h } from "../../functions/evaluate/evaluate.mjs";
+import { serializeIncludingFunctions as g } from "../../functions/register-component.mjs";
+import { logger as W } from "../../helpers/logger.mjs";
+import P from "../blocks/blocks.mjs";
+import { getUpdateVariantVisibilityScript as V } from "../content-variants/helpers.mjs";
+import K from "../inlined-script.mjs";
+import R from "./components/enable-editor.mjs";
+import T from "./components/styles.mjs";
+import { getContentInitialValue as N, getRootStateInitialValue as j } from "./content.helpers.mjs";
+function G(t) {
+  var i, d, r, l, m, s, u, C, S, f, k;
+  const I = V({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-    variationId: (c = t.content) == null ? void 0 : c.testVariationId,
+    variationId: (i = t.content) == null ? void 0 : i.testVariationId,
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-    contentId: (r = t.content) == null ? void 0 : r.id
-  }), v = [
-    ...I(),
-    ...((d = t.customComponents) == null ? void 0 : d.filter(({ models: e }) => !(e != null && e.length) || !t.model ? !0 : e.includes(t.model))) || []
+    contentId: (d = t.content) == null ? void 0 : d.id
+  }), b = [
+    ...y(),
+    ...t.customComponents || []
   ].reduce(
-    (e, { component: y, ...o }) => ({
-      ...e,
+    (n, { component: x, ...o }) => ({
+      ...n,
       [o.name]: {
-        component: y,
-        ...b(o)
+        component: x,
+        ...g(o)
       }
     }),
     {}
-  ), n = {
-    content: H({
+  ), e = {
+    content: N({
       content: t.content,
       data: t.data
     }),
     localState: void 0,
-    rootState: A({
+    rootState: j({
       content: t.content,
       data: t.data,
       locale: t.locale
@@ -45,35 +45,36 @@ function L(t) {
     apiKey: t.apiKey,
     apiVersion: t.apiVersion,
     componentInfos: [
-      ...I(),
-      ...((l = t.customComponents) == null ? void 0 : l.filter(({ models: e }) => !(e != null && e.length) || !t.model ? !0 : e.includes(t.model))) || []
+      ...y(),
+      ...t.customComponents || []
     ].reduce(
-      (e, { component: y, ...o }) => ({
-        ...e,
-        [o.name]: b(o)
+      (n, { component: x, ...o }) => ({
+        ...n,
+        [o.name]: g(o)
       }),
       {}
     ),
     inheritedStyles: {},
     BlocksWrapper: t.blocksWrapper || "div",
     BlocksWrapperProps: t.blocksWrapperProps || {},
-    nonce: t.nonce || ""
+    nonce: t.nonce || "",
+    model: t.model || ""
   };
-  t.apiKey || V.error(
+  t.apiKey || W.error(
     "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
   );
-  const a = (m = (u = n.content) == null ? void 0 : u.data) == null ? void 0 : m.jsCode;
-  return a && P({
-    code: a,
+  const c = (l = (r = e.content) == null ? void 0 : r.data) == null ? void 0 : l.jsCode;
+  return c && h({
+    code: c,
     context: t.context || {},
     localState: void 0,
-    rootState: n.rootState,
-    rootSetState: (e) => {
-      n.rootState = e;
+    rootState: e.rootState,
+    rootSetState: (n) => {
+      e.rootState = n;
     },
     isExpression: !1
-  }), /* @__PURE__ */ W(
-    N,
+  }), /* @__PURE__ */ v(
+    R,
     {
       apiHost: t.apiHost,
       nonce: t.nonce,
@@ -86,36 +87,36 @@ function L(t) {
       locale: t.locale,
       enrich: t.enrich,
       showContent: t.showContent,
-      builderContextSignal: n,
+      builderContextSignal: e,
       contentWrapper: t.contentWrapper,
       contentWrapperProps: t.contentWrapperProps,
       trustedHosts: t.trustedHosts,
       isNestedRender: t.isNestedRender,
       children: [
-        t.isSsrAbTest ? /* @__PURE__ */ i(
-          T,
+        t.isSsrAbTest ? /* @__PURE__ */ a(
+          K,
           {
             id: "builderio-variant-visibility",
-            scriptStr: h,
+            scriptStr: I,
             nonce: t.nonce || ""
           }
         ) : null,
-        /* @__PURE__ */ i(
-          j,
+        /* @__PURE__ */ a(
+          T,
           {
             nonce: t.nonce || "",
             isNestedRender: t.isNestedRender,
-            contentId: (s = n.content) == null ? void 0 : s.id,
-            cssCode: (C = (f = n.content) == null ? void 0 : f.data) == null ? void 0 : C.cssCode,
-            customFonts: (k = (S = n.content) == null ? void 0 : S.data) == null ? void 0 : k.customFonts
+            contentId: (m = e.content) == null ? void 0 : m.id,
+            cssCode: (u = (s = e.content) == null ? void 0 : s.data) == null ? void 0 : u.cssCode,
+            customFonts: (S = (C = e.content) == null ? void 0 : C.data) == null ? void 0 : S.customFonts
           }
         ),
-        /* @__PURE__ */ i(
-          K,
+        /* @__PURE__ */ a(
+          P,
           {
-            blocks: (x = (g = n.content) == null ? void 0 : g.data) == null ? void 0 : x.blocks,
-            context: n,
-            registeredComponents: v,
+            blocks: (k = (f = e.content) == null ? void 0 : f.data) == null ? void 0 : k.blocks,
+            context: e,
+            registeredComponents: b,
             linkComponent: t.linkComponent
           }
         )
@@ -124,5 +125,5 @@ function L(t) {
   );
 }
 export {
-  L as default
+  G as default
 };

package/lib/browser/constants/file-types.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=["jpeg","jpg","png","svg","webp","gif","jfif","pjpeg","pjp","apng","avif","tif","tiff","heif","bmp","eps","raw","cr2","nef","orf","sr2","psd","heic","dib","ai"],f=["mp4","webm","mkv","flv","vob","ogv","ogg","drc","gif","gifv","mng","avi","mov","qt","mts","m2ts","ts","wmv","yuv","rm","rmvb","viv","asf","amv","m4p","mpeg","mpe","m2v","m4v","svi","3gp","3g2","mxf","roq","nsv","f4v","f4p","f4a","f4b"];exports.IMAGE_FILE_TYPES=v;exports.VIDEO_FILE_TYPES=f;

package/lib/browser/constants/file-types.mjs

@@ -0,0 +1,5 @@
+const v = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], f = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"];
+export {
+  v as IMAGE_FILE_TYPES,
+  f as VIDEO_FILE_TYPES
+};

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

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

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

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

package/lib/browser/context/builder.context.cjs

@@ -1 +1 @@
-"use client";"use strict";const t=require("react"),e=t.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{},nonce:""});module.exports=e;
+"use client";"use strict";const e=require("react"),t=e.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{},nonce:"",model:""});module.exports=t;