@builder.io/sdk-react-nextjs 0.21.1 → 0.22.1

package/lib/edge/functions/get-content/generate-content-url.mjs

@@ -1,62 +1,58 @@
-import { flatten as w, flattenMongoQuery as E, unflatten as F } from "../../helpers/flatten.mjs";
-import { normalizeSearchParams as O } from "../../helpers/search/search.mjs";
-import { DEFAULT_API_VERSION as J } from "../../types/api-version.mjs";
-import { getBuilderSearchParamsFromWindow as L } from "../get-builder-search-params/index.mjs";
+import { flatten as U, flattenMongoQuery as I, unflatten as E } from "../../helpers/flatten.mjs";
+import { normalizeSearchParams as F } from "../../helpers/search/search.mjs";
+import { DEFAULT_API_VERSION as O } from "../../types/api-version.mjs";
+import { getBuilderSearchParamsFromWindow as J } from "../get-builder-search-params/index.mjs";
 import { isBrowser as R } from "../is-browser.mjs";
-const y = (t) => typeof t == "number" && !isNaN(t) && t >= 0, _ = (t) => {
+const w = (t) => typeof t == "number" && !isNaN(t) && t >= 0, V = (t) => {
   const {
     limit: a = 30,
     userAttributes: r,
     query: u,
-    model: A,
-    apiKey: d,
-    enrich: P,
-    locale: N,
-    apiVersion: o = J,
+    model: y,
+    apiKey: h,
+    enrich: d,
+    locale: P,
+    apiVersion: o = O,
     fields: S,
     omit: c,
-    offset: l,
-    cacheSeconds: f,
-    staleCacheSeconds: m,
-    sort: p,
-    includeUnpublished: b,
-    apiHost: v
+    offset: f,
+    cacheSeconds: m,
+    staleCacheSeconds: l,
+    sort: b,
+    includeUnpublished: p,
+    apiHost: N
   } = t;
-  if (!d)
+  if (!h)
     throw new Error("Missing API key");
   if (!["v3"].includes(o))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${o}'`);
-  const k = a !== 1, I = v || "https://cdn.builder.io", e = new URL(`${I}/api/${o}/content/${A}`);
-  e.searchParams.set("apiKey", d), e.searchParams.set("limit", String(a)), e.searchParams.set("noTraverse", String(k)), e.searchParams.set("includeRefs", String(!0));
-  const h = N || (r == null ? void 0 : r.locale);
-  let i = r || {};
-  if (h && (e.searchParams.set("locale", h), i = {
-    locale: h,
-    ...i
-  }), P && e.searchParams.set("enrich", String(P)), e.searchParams.set("omit", c != null ? c : "meta.componentsUsed"), S && e.searchParams.set("fields", S), Number.isFinite(l) && l > -1 && e.searchParams.set("offset", String(Math.floor(l))), typeof b == "boolean" && e.searchParams.set("includeUnpublished", String(b)), f && y(f) && e.searchParams.set("cacheSeconds", String(f)), m && y(m) && e.searchParams.set("staleCacheSeconds", String(m)), p) {
-    const s = w({
-      sort: p
+  const v = a !== 1, k = N || "https://cdn.builder.io", e = new URL(`${k}/api/${o}/content/${y}`);
+  e.searchParams.set("apiKey", h), e.searchParams.set("limit", String(a)), e.searchParams.set("noTraverse", String(v)), e.searchParams.set("includeRefs", String(!0)), P && e.searchParams.set("locale", P);
+  let n = r || {};
+  if (d && e.searchParams.set("enrich", String(d)), e.searchParams.set("omit", c != null ? c : "meta.componentsUsed"), S && e.searchParams.set("fields", S), Number.isFinite(f) && f > -1 && e.searchParams.set("offset", String(Math.floor(f))), typeof p == "boolean" && e.searchParams.set("includeUnpublished", String(p)), m && w(m) && e.searchParams.set("cacheSeconds", String(m)), l && w(l) && e.searchParams.set("staleCacheSeconds", String(l)), b) {
+    const s = U({
+      sort: b
     });
-    for (const n in s)
-      e.searchParams.set(n, JSON.stringify(s[n]));
+    for (const i in s)
+      e.searchParams.set(i, JSON.stringify(s[i]));
   }
   const g = {
-    ...L(),
-    ...O(t.options || {})
+    ...J(),
+    ...F(t.options || {})
   };
-  i = {
-    ...i,
+  n = {
+    ...n,
     ...$(g)
   };
-  const U = w(g);
-  for (const s in U)
-    e.searchParams.set(s, String(U[s]));
-  if (Object.keys(i).length > 0 && e.searchParams.set("userAttributes", JSON.stringify(i)), u) {
-    const s = E({
+  const A = U(g);
+  for (const s in A)
+    e.searchParams.set(s, String(A[s]));
+  if (Object.keys(n).length > 0 && e.searchParams.set("userAttributes", JSON.stringify(n)), u) {
+    const s = I({
       query: u
     });
-    for (const n in s)
-      e.searchParams.set(n, JSON.stringify(s[n]));
+    for (const i in s)
+      e.searchParams.set(i, JSON.stringify(s[i]));
   }
   return e;
 }, T = (t) => {
@@ -69,11 +65,11 @@ const y = (t) => typeof t == "number" && !isNaN(t) && t >= 0, _ = (t) => {
     t["userAttributes.urlPath"] = window.location.pathname, t["userAttributes.host"] = window.location.host;
     const a = T(t), {
       userAttributes: r
-    } = F(a);
+    } = E(a);
     return r;
   }
   return {};
 };
 export {
-  _ as generateContentUrl
+  V as generateContentUrl
 };

package/lib/edge/functions/get-content/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../../constants/target.cjs"),g=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),i=require("../../helpers/logger.cjs"),C=require("../../helpers/preview-lru-cache/get.cjs"),d=require("../../helpers/sdk-headers.cjs"),T=require("../get-fetch.cjs"),q=require("../is-browser.cjs"),o=require("./generate-content-url.cjs"),y=e=>"results"in e;async function k(e){const t=await l({...e,limit:1});return t&&t[0]||null}const v=async e=>{var n,a;const t=o.generateContentUrl(e),r=(n=e.fetch)!=null?n:T.fetch,c={...e.fetchOptions,headers:{...(a=e.fetchOptions)==null?void 0:a.headers,...d.getSdkHeaders()}};return await(await r(t.href,c)).json()},u=async(e,t,r=o.generateContentUrl(e))=>{const c=w.getDefaultCanTrack(e.canTrack);if(r.search.includes("preview=")){const s=[];for(const n of t.results){const a=C.getPreviewContent(r.searchParams);s.push(a||n)}t.results=s}if(!c||!(q.isBrowser()||h.TARGET==="reactNative"))return t.results;try{const s=[];for(const n of t.results)s.push(await g.handleABTesting({item:n,canTrack:c}));t.results=s}catch(s){i.logger.error("Could not process A/B tests. ",s)}return t.results};async function l(e){const t=o.generateContentUrl(e),r=await v(e);if(!y(r))throw i.logger.error("Error fetching data. ",{url:t,content:r,options:e}),r;return u(e,r)}exports._processContentResult=u;exports.fetchEntries=l;exports.fetchOneEntry=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../../constants/target.cjs"),g=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),l=require("../../helpers/logger.cjs"),C=require("../../helpers/preview-lru-cache/get.cjs"),d=require("../../helpers/sdk-headers.cjs"),T=require("../get-fetch.cjs"),q=require("../is-browser.cjs"),u=require("./generate-content-url.cjs"),y=e=>"results"in e;async function k(e){var n;const t=e.locale||((n=e.userAttributes)==null?void 0:n.locale);t&&(e.locale=t,e.userAttributes={locale:t,...e.userAttributes});const r=await i({...e,limit:1});return r&&r[0]||null}const v=async e=>{var c,a;const t=u.generateContentUrl(e),r=(c=e.fetch)!=null?c:T.fetch,n={...e.fetchOptions,headers:{...(a=e.fetchOptions)==null?void 0:a.headers,...d.getSdkHeaders()}};return await(await r(t.href,n)).json()},o=async(e,t,r=u.generateContentUrl(e))=>{const n=w.getDefaultCanTrack(e.canTrack);if(r.search.includes("preview=")){const s=[];for(const c of t.results){const a=C.getPreviewContent(r.searchParams);s.push(a||c)}t.results=s}if(!n||!(q.isBrowser()||h.TARGET==="reactNative"))return t.results;try{const s=[];for(const c of t.results)s.push(await g.handleABTesting({item:c,canTrack:n}));t.results=s}catch(s){l.logger.error("Could not process A/B tests. ",s)}return t.results};async function i(e){const t=u.generateContentUrl(e),r=await v(e);if(!y(r))throw l.logger.error("Error fetching data. ",{url:t,content:r,options:e}),r;return o(e,r)}exports._processContentResult=o;exports.fetchEntries=i;exports.fetchOneEntry=k;

package/lib/edge/functions/get-content/index.mjs

@@ -1,67 +1,73 @@
 import { TARGET as u } from "../../constants/target.mjs";
-import { handleABTesting as l } from "../../helpers/ab-tests.mjs";
+import { handleABTesting as f } from "../../helpers/ab-tests.mjs";
 import { getDefaultCanTrack as m } from "../../helpers/canTrack.mjs";
 import { logger as i } from "../../helpers/logger.mjs";
 import { getPreviewContent as h } from "../../helpers/preview-lru-cache/get.mjs";
 import { getSdkHeaders as w } from "../../helpers/sdk-headers.mjs";
-import { fetch as p } from "../get-fetch.mjs";
-import { isBrowser as g } from "../is-browser.mjs";
-import { generateContentUrl as a } from "./generate-content-url.mjs";
-const C = (t) => "results" in t;
-async function H(t) {
-  const e = await y({
-    ...t,
+import { fetch as g } from "../get-fetch.mjs";
+import { isBrowser as C } from "../is-browser.mjs";
+import { generateContentUrl as o } from "./generate-content-url.mjs";
+const d = (e) => "results" in e;
+async function _(e) {
+  var n;
+  const t = e.locale || ((n = e.userAttributes) == null ? void 0 : n.locale);
+  t && (e.locale = t, e.userAttributes = {
+    locale: t,
+    ...e.userAttributes
+  });
+  const r = await y({
+    ...e,
     limit: 1
   });
-  return e && e[0] || null;
+  return r && r[0] || null;
 }
-const d = async (t) => {
-  var n, c;
-  const e = a(t), r = (n = t.fetch) != null ? n : p, o = {
-    ...t.fetchOptions,
+const p = async (e) => {
+  var c, a;
+  const t = o(e), r = (c = e.fetch) != null ? c : g, n = {
+    ...e.fetchOptions,
     headers: {
-      ...(c = t.fetchOptions) == null ? void 0 : c.headers,
+      ...(a = e.fetchOptions) == null ? void 0 : a.headers,
       ...w()
     }
   };
-  return await (await r(e.href, o)).json();
-}, v = async (t, e, r = a(t)) => {
-  const o = m(t.canTrack);
+  return await (await r(t.href, n)).json();
+}, v = async (e, t, r = o(e)) => {
+  const n = m(e.canTrack);
   if (r.search.includes("preview=")) {
     const s = [];
-    for (const n of e.results) {
-      const c = h(r.searchParams);
-      s.push(c || n);
+    for (const c of t.results) {
+      const a = h(r.searchParams);
+      s.push(a || c);
     }
-    e.results = s;
+    t.results = s;
   }
-  if (!o || !(g() || u === "reactNative"))
-    return e.results;
+  if (!n || !(C() || u === "reactNative"))
+    return t.results;
   try {
     const s = [];
-    for (const n of e.results)
-      s.push(await l({
-        item: n,
-        canTrack: o
+    for (const c of t.results)
+      s.push(await f({
+        item: c,
+        canTrack: n
       }));
-    e.results = s;
+    t.results = s;
   } catch (s) {
     i.error("Could not process A/B tests. ", s);
   }
-  return e.results;
+  return t.results;
 };
-async function y(t) {
-  const e = a(t), r = await d(t);
-  if (!C(r))
+async function y(e) {
+  const t = o(e), r = await p(e);
+  if (!d(r))
     throw i.error("Error fetching data. ", {
-      url: e,
+      url: t,
       content: r,
-      options: t
+      options: e
     }), r;
-  return v(t, r);
+  return v(e, r);
 }
 export {
   v as _processContentResult,
   y as fetchEntries,
-  H as fetchOneEntry
+  _ as fetchOneEntry
 };

package/lib/edge/helpers/find-block.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(e,o)=>{var c;return l((c=e.data)==null?void 0:c.blocks,o)},l=(e,o)=>{var c,r,i;if(!e)return null;for(const n of e){if(n.id===o)return n;if(n.children){const t=l(n.children,o);if(t)return t}if(((c=n.component)==null?void 0:c.name)==="Columns"&&((i=(r=n.component)==null?void 0:r.options)!=null&&i.columns)){for(const t of n.component.options.columns)if(t.blocks){const f=l(t.blocks,o);if(f)return f}}}return null};exports.findBlockById=s;exports.findBlockInTree=l;

package/lib/edge/helpers/find-block.mjs

@@ -0,0 +1,30 @@
+const s = (r, o) => {
+  var c;
+  return l((c = r.data) == null ? void 0 : c.blocks, o);
+}, l = (r, o) => {
+  var c, e, i;
+  if (!r)
+    return null;
+  for (const n of r) {
+    if (n.id === o)
+      return n;
+    if (n.children) {
+      const t = l(n.children, o);
+      if (t)
+        return t;
+    }
+    if (((c = n.component) == null ? void 0 : c.name) === "Columns" && ((i = (e = n.component) == null ? void 0 : e.options) != null && i.columns)) {
+      for (const t of n.component.options.columns)
+        if (t.blocks) {
+          const f = l(t.blocks, o);
+          if (f)
+            return f;
+        }
+    }
+  }
+  return null;
+};
+export {
+  s as findBlockById,
+  l as findBlockInTree
+};

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

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

@@ -1,13 +1,13 @@
-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";
+import { isBrowser as c } from "../functions/is-browser.mjs";
+import { isFromTrustedHost as m } from "../functions/is-from-trusted-host.mjs";
+import { setupBrowserForEditing as u } from "../scripts/init-editing.mjs";
+import { logger as p } from "./logger.mjs";
 const b = ({
   model: o,
-  trustedHosts: i,
+  trustedHosts: s,
   callbacks: r
 }) => (n) => {
-  if (!c(i, n))
+  if (!m(s, n))
     return;
   const {
     data: t
@@ -23,28 +23,28 @@ const b = ({
         break;
       }
       case "builder.resetState": {
-        const e = t.data, s = e.model, a = e == null ? void 0 : e.state;
-        s === o && a && r.stateUpdate(a);
+        const e = t.data, a = e.model, i = e == null ? void 0 : e.state, d = e.editType;
+        a === o && i && r.stateUpdate(i, d);
         break;
       }
       case "builder.contentUpdate": {
-        const e = t.data, s = e.key || e.alias || e.entry || e.modelName, a = e.data;
-        s === o && r.contentUpdate(a);
+        const e = t.data, a = e.key || e.alias || e.entry || e.modelName, i = e.data, d = e.editType;
+        a === o && r.contentUpdate(i, d);
         break;
       }
     }
 }, k = ({
   model: o,
-  apiKey: i,
+  apiKey: s,
   callback: r,
   trustedHosts: n
 }) => {
-  if (!d)
-    return u.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+  if (!c)
+    return p.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  m({
+  u({
     modelName: o,
-    apiKey: i
+    apiKey: s
   });
   const t = b({
     callbacks: {

package/lib/node/blocks/img/component-info.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/file-types.cjs"),t={name:"Raw:Img",hideFromInsertMenu:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:e.IMAGE_FILE_TYPES,required:!0}],noWrap:!0,static:!0};exports.componentInfo=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/file-types.cjs"),t={name:"Raw:Img",hideFromInsertMenu:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:e.IMAGE_FILE_TYPES,required:!0},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"title",type:"string",helperText:"Text to display when hovering over the asset"},{name:"aspectRatio",type:"number",helperText:"This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",advanced:!0,defaultValue:.7041}],noWrap:!0};exports.componentInfo=t;

package/lib/node/blocks/img/component-info.mjs

@@ -1,6 +1,5 @@
 import { IMAGE_FILE_TYPES as e } from "../../constants/file-types.mjs";
 const o = {
-  // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -10,9 +9,40 @@ const o = {
     type: "file",
     allowedFileTypes: e,
     required: !0
+  }, {
+    name: "backgroundSize",
+    type: "text",
+    defaultValue: "cover",
+    enum: [{
+      label: "contain",
+      value: "contain",
+      helperText: "The image should never get cropped"
+    }, {
+      label: "cover",
+      value: "cover",
+      helperText: "The image should fill it's box, cropping when needed"
+    }]
+  }, {
+    name: "backgroundPosition",
+    type: "text",
+    defaultValue: "center",
+    enum: ["center", "top", "left", "right", "bottom", "top left", "top right", "bottom left", "bottom right"]
+  }, {
+    name: "altText",
+    type: "string",
+    helperText: "Text to display when the user has images off"
+  }, {
+    name: "title",
+    type: "string",
+    helperText: "Text to display when hovering over the asset"
+  }, {
+    name: "aspectRatio",
+    type: "number",
+    helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
+    advanced: !0,
+    defaultValue: 0.7041
   }],
-  noWrap: !0,
-  static: !0
+  noWrap: !0
 };
 export {
   o as componentInfo

package/lib/node/blocks/img/img.cjs

@@ -1 +1 @@
-"use client";"use strict";const n=require("react/jsx-runtime"),r=require("../../functions/is-editing.cjs"),c=require("../image/image.helpers.cjs");function u(e){function i(){const t=e.imgSrc||e.image;if(!(!t||typeof t!="string")&&t.match(/builder\.io/))return c.getSrcSet(t)}return n.jsx("img",{loading:"lazy",style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,src:e.imgSrc||e.image,srcSet:i(),...e.attributes},r.isEditing()&&e.imgSrc||"default-key")}module.exports=u;
+"use client";"use strict";const s=require("react/jsx-runtime"),c=require("../../functions/is-editing.cjs"),a=require("../../functions/get-class-prop-name.cjs");function r(t){var e;function n(){const i={...t.attributes,[a.getClassPropName()]:`builder-raw-img ${t.attributes[a.getClassPropName()]||""}`};return delete i.style,i}return s.jsx("img",{loading:"lazy",alt:t.altText,title:t.title,src:t.imgSrc||t.image,...n(),style:{objectFit:t.backgroundSize||"cover",objectPosition:t.backgroundPosition||"center",aspectRatio:t.aspectRatio||void 0,...((e=t.attributes)==null?void 0:e.style)||{}}},c.isEditing()&&t.imgSrc||"default-key")}module.exports=r;

package/lib/node/blocks/img/img.mjs

@@ -1,29 +1,34 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { isEditing as n } from "../../functions/is-editing.mjs";
-import { getSrcSet as o } from "../image/image.helpers.mjs";
-function a(t) {
-  function e() {
-    const i = t.imgSrc || t.image;
-    if (!(!i || typeof i != "string") && i.match(/builder\.io/))
-      return o(i);
+import { jsx as o } from "react/jsx-runtime";
+import { isEditing as r } from "../../functions/is-editing.mjs";
+import { getClassPropName as a } from "../../functions/get-class-prop-name.mjs";
+function u(t) {
+  var e;
+  function n() {
+    const i = {
+      ...t.attributes,
+      [a()]: `builder-raw-img ${t.attributes[a()] || ""}`
+    };
+    return delete i.style, i;
   }
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ o(
     "img",
     {
       loading: "lazy",
-      style: {
-        objectFit: t.backgroundSize || "cover",
-        objectPosition: t.backgroundPosition || "center"
-      },
       alt: t.altText,
+      title: t.title,
       src: t.imgSrc || t.image,
-      srcSet: e(),
-      ...t.attributes
+      ...n(),
+      style: {
+        objectFit: t.backgroundSize || "cover",
+        objectPosition: t.backgroundPosition || "center",
+        aspectRatio: t.aspectRatio || void 0,
+        ...((e = t.attributes) == null ? void 0 : e.style) || {}
+      }
     },
-    n() && t.imgSrc || "default-key"
+    r() && t.imgSrc || "default-key"
   );
 }
 export {
-  a as default
+  u as default
 };

package/lib/node/blocks/text/component-info.cjs

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

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

@@ -2,7 +2,6 @@ const e = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
-  isRSC: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
   inputs: [{
     name: "text",

package/lib/node/blocks/text/text.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime");function r(e){var t;return n.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((t=e.text)==null?void 0:t.toString())||""},style:{outline:"none"}})}module.exports=r;
+"use client";"use strict";const n=require("react/jsx-runtime");function s(t){var e;return n.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((e=t.text)==null?void 0:e.toString())||""},style:{outline:"none"}})}module.exports=s;

package/lib/node/blocks/text/text.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { jsx as n } from "react/jsx-runtime";
-function o(e) {
+function l(e) {
   var t;
   return /* @__PURE__ */ n(
     "div",
@@ -13,5 +14,5 @@ function o(e) {
   );
 }
 export {
-  o as default
+  l as default
 };

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

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

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

@@ -1,4 +1,4 @@
-import { jsx as l, Fragment as u, jsxs as h } from "react/jsx-runtime";
+import { jsx as r, Fragment as u, jsxs as h } from "react/jsx-runtime";
 import { TARGET as S } from "../../constants/target.mjs";
 import { getBlockComponentOptions as P } from "../../functions/get-block-component-options.mjs";
 import { getProcessedBlock as I } from "../../functions/get-processed-block.mjs";
@@ -6,10 +6,10 @@ import { isPreviewing as O } from "../../functions/is-previewing.mjs";
 import "../../helpers/user-attributes.mjs";
 import "../../functions/get-fetch.mjs";
 import { generateKey as x, getRepeatItemData as w, getComponent as W, provideBuilderBlock as T, provideBuilderContext as L, provideLinkComponent as U, provideRegisteredComponents as j } from "./block.helpers.mjs";
-import y from "./components/block-styles.mjs";
-import N from "./components/block-wrapper.mjs";
+import y from "./components/block-wrapper.mjs";
 import b from "./components/component-ref/component-ref.mjs";
 import g from "./components/repeated-block.mjs";
+import N from "./components/style-wrapper.mjs";
 function A(e) {
   var a, C, p, f;
   const d = function() {
@@ -32,7 +32,7 @@ function A(e) {
       context: e.context.context
     });
     return s.value = c, s.update = !1, c;
-  }, r = function() {
+  }, l = function() {
     return W({
       block: n(),
       registeredComponents: e.registeredComponents,
@@ -49,19 +49,19 @@ function A(e) {
     return ("show" in n() ? n().show : !0) && !c;
   }, v = function() {
     var i, m;
-    return !((i = r()) != null && i.component) && !d() ? (m = n().children) != null ? m : [] : [];
+    return !((i = l()) != null && i.component) && !d() ? (m = n().children) != null ? m : [] : [];
   }, o = function() {
     var c, i, m, k;
     return {
       blockChildren: (c = n().children) != null ? c : [],
-      componentRef: (i = r()) == null ? void 0 : i.component,
+      componentRef: (i = l()) == null ? void 0 : i.component,
       componentOptions: {
         ...P(n(), e.context),
-        ...T(r(), n()),
-        ...L(r(), e.context),
-        ...U(r(), e.linkComponent),
+        ...T(l(), n()),
+        ...L(l(), e.context),
+        ...U(l(), e.linkComponent),
         ...j(
-          r(),
+          l(),
           e.registeredComponents,
           e.context.model
         )
@@ -70,13 +70,20 @@ function A(e) {
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: n(),
-      includeBlockProps: ((m = r()) == null ? void 0 : m.noWrap) === !0,
-      isInteractive: !((k = r()) != null && k.isRSC && S === "rsc")
+      includeBlockProps: ((m = l()) == null ? void 0 : m.noWrap) === !0,
+      isInteractive: !((k = l()) != null && k.isRSC && S === "rsc")
     };
   };
-  return /* @__PURE__ */ l(u, { children: R() ? /* @__PURE__ */ h(u, { children: [
-    /* @__PURE__ */ l(y, { block: n(), context: e.context }),
-    (a = r()) != null && a.noWrap ? d() ? /* @__PURE__ */ l(u, { children: (f = d()) == null ? void 0 : f.map((t, c) => /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(u, { children: R() ? /* @__PURE__ */ h(u, { children: [
+    /* @__PURE__ */ r(
+      N,
+      {
+        block: n(),
+        context: e.context,
+        id: e.block.id
+      }
+    ),
+    (a = l()) != null && a.noWrap ? d() ? /* @__PURE__ */ r(u, { children: (f = d()) == null ? void 0 : f.map((t, c) => /* @__PURE__ */ r(
       g,
       {
         repeatContext: t.context,
@@ -85,7 +92,7 @@ function A(e) {
         linkComponent: e.linkComponent
       },
       x(c)
-    )) }) : /* @__PURE__ */ l(
+    )) }) : /* @__PURE__ */ r(
       b,
       {
         componentRef: o().componentRef,
@@ -98,7 +105,7 @@ function A(e) {
         includeBlockProps: o().includeBlockProps,
         isInteractive: o().isInteractive
       }
-    ) : /* @__PURE__ */ l(u, { children: d() ? /* @__PURE__ */ l(u, { children: (p = d()) == null ? void 0 : p.map((t, c) => /* @__PURE__ */ l(
+    ) : /* @__PURE__ */ r(u, { children: d() ? /* @__PURE__ */ r(u, { children: (p = d()) == null ? void 0 : p.map((t, c) => /* @__PURE__ */ r(
       g,
       {
         repeatContext: t.context,
@@ -108,13 +115,13 @@ function A(e) {
       },
       x(c)
     )) }) : /* @__PURE__ */ h(
-      N,
+      y,
       {
         Wrapper: B(),
         block: n(),
         context: e.context,
         children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ r(
             b,
             {
               componentRef: o().componentRef,
@@ -128,7 +135,7 @@ function A(e) {
               isInteractive: o().isInteractive
             }
           ),
-          (C = v()) == null ? void 0 : C.map((t) => /* @__PURE__ */ l(
+          (C = v()) == null ? void 0 : C.map((t) => /* @__PURE__ */ r(
             A,
             {
               block: t,