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

package/lib/browser/context/builder.context.mjs

@@ -13,7 +13,8 @@ const o = t({
   inheritedStyles: {},
   BlocksWrapper: "div",
   BlocksWrapperProps: {},
-  nonce: ""
+  nonce: "",
+  model: ""
 });
 export {
   o as default

package/lib/browser/functions/extract-localized-values.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./traverse.cjs");function s(e){return e&&typeof e=="object"&&e["@type"]==="@builder.io/core:LocalizedValue"}function l(e){if(!e||!Object.getOwnPropertyNames(e).length)return!1;let o=!1;return r.traverse(e,t=>{if(s(t)){o=!0;return}}),o}function u(e,o){return!e||!Object.getOwnPropertyNames(e).length?{}:(r.traverse(e,(t,n)=>{var i;s(t)&&n((i=t[o])!=null?i:void 0)}),e)}function c(e,o){var t,n;return(t=e.component)!=null&&t.options&&l((n=e.component)==null?void 0:n.options)&&(o||console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"),e.component.options=u(e.component.options,o!=null?o:"Default")),e}exports.resolveLocalizedValues=c;

package/lib/browser/functions/extract-localized-values.mjs

@@ -0,0 +1,28 @@
+import { traverse as r } from "./traverse.mjs";
+function s(e) {
+  return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
+}
+function l(e) {
+  if (!e || !Object.getOwnPropertyNames(e).length)
+    return !1;
+  let o = !1;
+  return r(e, (t) => {
+    if (s(t)) {
+      o = !0;
+      return;
+    }
+  }), o;
+}
+function u(e, o) {
+  return !e || !Object.getOwnPropertyNames(e).length ? {} : (r(e, (t, n) => {
+    var i;
+    s(t) && n((i = t[o]) != null ? i : void 0);
+  }), e);
+}
+function p(e, o) {
+  var t, n;
+  return (t = e.component) != null && t.options && l((n = e.component) == null ? void 0 : n.options) && (o || console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"), e.component.options = u(e.component.options, o != null ? o : "Default")), e;
+}
+export {
+  p as resolveLocalizedValues
+};

package/lib/browser/functions/get-block-component-options.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(o){var t;return{...(t=o.component)==null?void 0:t.options,...o.options}}exports.getBlockComponentOptions=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./evaluate/evaluate.cjs");function i(t,e){var o;return{...(o=t.component)==null?void 0:o.options,...t.options,...r(t,e)}}const r=(t,e)=>{var o,n;if(((o=t.component)==null?void 0:o.name)==="Text"&&((n=t.component.options)!=null&&n.text)&&typeof t.component.options.text=="string")return{...t.component.options,text:t.component.options.text.replace(/{{([^}]+)}}/g,(s,p)=>a.evaluate({code:p,context:e,localState:e.localState,rootState:e.rootState,rootSetState:e.rootSetState}))}};exports.getBlockComponentOptions=i;

package/lib/browser/functions/get-block-component-options.mjs

@@ -1,10 +1,26 @@
-function t(o) {
-  var n;
+import { evaluate as a } from "./evaluate/evaluate.mjs";
+function s(t, o) {
+  var e;
   return {
-    ...(n = o.component) == null ? void 0 : n.options,
-    ...o.options
+    ...(e = t.component) == null ? void 0 : e.options,
+    ...t.options,
+    ...r(t, o)
   };
 }
+const r = (t, o) => {
+  var e, n;
+  if (((e = t.component) == null ? void 0 : e.name) === "Text" && ((n = t.component.options) != null && n.text) && typeof t.component.options.text == "string")
+    return {
+      ...t.component.options,
+      text: t.component.options.text.replace(/{{([^}]+)}}/g, (i, p) => a({
+        code: p,
+        context: o,
+        localState: o.localState,
+        rootState: o.rootState,
+        rootSetState: o.rootSetState
+      }))
+    };
+};
 export {
-  t as getBlockComponentOptions
+  s as getBlockComponentOptions
 };

package/lib/browser/functions/get-content/generate-content-url.cjs

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

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

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

package/lib/browser/functions/get-processed-block.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../constants/target.cjs"),l=require("../helpers/omit.cjs"),p=require("./evaluate/evaluate.cjs"),f=require("./fast-clone.cjs"),g=require("./set.cjs"),m=require("./transform-block.cjs");function o(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>o(n));if(e["@type"]==="@builder.io/sdk:Element")return e;const t={};for(const n in e)n!=="meta"&&Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=o(e[n]));return t}const y=["svelte","vue","angular","qwik","solid"].includes(d.TARGET),C=e=>{if(y){const t=f.fastClone(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=o(l.omit(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},q=({block:e,context:t,localState:n,rootState:s,rootSetState:c})=>{if(!e.bindings)return e;const i=C(e);for(const r in e.bindings){const a=e.bindings[r],u=p.evaluate({code:a,localState:n,rootState:s,rootSetState:c,context:t});g.set(i,r,u)}return i};function v({block:e,context:t,shouldEvaluateBindings:n,localState:s,rootState:c,rootSetState:i}){const r=m.transformBlock(e);return n?q({block:r,localState:s,rootState:c,rootSetState:i,context:t}):r}exports.deepCloneWithConditions=o;exports.getProcessedBlock=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../constants/target.cjs"),d=require("../helpers/omit.cjs"),p=require("./evaluate/evaluate.cjs"),f=require("./extract-localized-values.cjs"),g=require("./fast-clone.cjs"),m=require("./set.cjs"),y=require("./transform-block.cjs");function o(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>o(n));if(e["@type"]==="@builder.io/sdk:Element")return e;const t={};for(const n in e)n!=="meta"&&Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=o(e[n]));return t}const C=["svelte","vue","angular","qwik","solid"].includes(u.TARGET),q=e=>{if(C){const t=g.fastClone(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=o(d.omit(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},v=({block:e,context:t,localState:n,rootState:i,rootSetState:s})=>{if(!e.bindings)return e;const r=q(e);for(const c in e.bindings){const a=e.bindings[c],l=p.evaluate({code:a,localState:n,rootState:i,rootSetState:s,context:t});m.set(r,c,l)}return r};function B({block:e,context:t,localState:n,rootState:i,rootSetState:s}){let r=f.resolveLocalizedValues(e,i.locale);return r=y.transformBlock(r),v({block:r,localState:n,rootState:i,rootSetState:s,context:t})}exports.deepCloneWithConditions=o;exports.getProcessedBlock=B;

package/lib/browser/functions/get-processed-block.mjs

@@ -1,42 +1,43 @@
-import { TARGET as d } from "../constants/target.mjs";
-import { omit as f } from "../helpers/omit.mjs";
-import { evaluate as m } from "./evaluate/evaluate.mjs";
+import { TARGET as l } from "../constants/target.mjs";
+import { omit as m } from "../helpers/omit.mjs";
+import { evaluate as d } from "./evaluate/evaluate.mjs";
+import { resolveLocalizedValues as f } from "./extract-localized-values.mjs";
 import { fastClone as u } from "./fast-clone.mjs";
-import { set as l } from "./set.mjs";
-import { transformBlock as y } from "./transform-block.mjs";
-function c(e) {
+import { set as y } from "./set.mjs";
+import { transformBlock as g } from "./transform-block.mjs";
+function s(e) {
   if (e === null || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((r) => c(r));
+    return e.map((t) => s(t));
   if (e["@type"] === "@builder.io/sdk:Element")
     return e;
-  const t = {};
-  for (const r in e)
-    r !== "meta" && Object.prototype.hasOwnProperty.call(e, r) && (t[r] = c(e[r]));
-  return t;
+  const r = {};
+  for (const t in e)
+    t !== "meta" && Object.prototype.hasOwnProperty.call(e, t) && (r[t] = s(e[t]));
+  return r;
 }
-const g = ["svelte", "vue", "angular", "qwik", "solid"].includes(d), C = (e) => {
-  if (g) {
-    const t = u(e);
+const C = ["svelte", "vue", "angular", "qwik", "solid"].includes(l), v = (e) => {
+  if (C) {
+    const r = u(e);
     return {
-      ...t,
+      ...r,
       properties: {
-        ...t.properties
+        ...r.properties
       },
       actions: {
-        ...t.actions
+        ...r.actions
       }
     };
   } else {
-    const t = c(f(e, "children", "meta"));
+    const r = s(m(e, "children", "meta"));
     return {
-      ...t,
+      ...r,
       properties: {
-        ...t.properties
+        ...r.properties
       },
       actions: {
-        ...t.actions
+        ...r.actions
       },
       children: e.children,
       meta: e.meta
@@ -44,44 +45,43 @@ const g = ["svelte", "vue", "angular", "qwik", "solid"].includes(d), C = (e) =>
   }
 }, O = ({
   block: e,
-  context: t,
-  localState: r,
-  rootState: o,
-  rootSetState: s
+  context: r,
+  localState: t,
+  rootState: i,
+  rootSetState: o
 }) => {
   if (!e.bindings)
     return e;
-  const i = C(e);
-  for (const n in e.bindings) {
-    const p = e.bindings[n], a = m({
+  const n = v(e);
+  for (const c in e.bindings) {
+    const p = e.bindings[c], a = d({
       code: p,
-      localState: r,
-      rootState: o,
-      rootSetState: s,
-      context: t
+      localState: t,
+      rootState: i,
+      rootSetState: o,
+      context: r
     });
-    l(i, n, a);
+    y(n, c, a);
   }
-  return i;
+  return n;
 };
-function S({
+function P({
   block: e,
-  context: t,
-  shouldEvaluateBindings: r,
-  localState: o,
-  rootState: s,
-  rootSetState: i
+  context: r,
+  localState: t,
+  rootState: i,
+  rootSetState: o
 }) {
-  const n = y(e);
-  return r ? O({
+  let n = f(e, i.locale);
+  return n = g(n), O({
     block: n,
-    localState: o,
-    rootState: s,
-    rootSetState: i,
-    context: t
-  }) : n;
+    localState: t,
+    rootState: i,
+    rootSetState: o,
+    context: r
+  });
 }
 export {
-  c as deepCloneWithConditions,
-  S as getProcessedBlock
+  s as deepCloneWithConditions,
+  P as getProcessedBlock
 };

package/lib/browser/functions/register-component.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=t=>({type:"builder.registerComponent",data:r(t)}),s=t=>{const n=t.toString().trim(),e=/^[a-zA-Z0-9_]+\s*=>/i.test(n);return`return (${!n.startsWith("function")&&!n.startsWith("(")&&!e?"function ":""}${n}).apply(this, arguments)`};function r(t){return JSON.parse(JSON.stringify(t,(n,e)=>typeof e=="function"?s(e):e))}exports.createRegisterComponentMessage=i;exports.serializeIncludingFunctions=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=n=>({type:"builder.registerComponent",data:r(n)}),s=n=>{const t=n.toString().trim(),e=/^[a-zA-Z0-9_]+\s*=>/i.test(t);return`return (${!t.startsWith("function")&&!t.startsWith("async")&&!t.startsWith("(")&&!e?"function ":""}${t}).apply(this, arguments)`};function r(n){return JSON.parse(JSON.stringify(n,(t,e)=>typeof e=="function"?s(e):e))}exports.createRegisterComponentMessage=i;exports.serializeIncludingFunctions=r;

package/lib/browser/functions/register-component.mjs

@@ -1,12 +1,12 @@
-const o = (t) => ({
+const o = (n) => ({
   type: "builder.registerComponent",
-  data: i(t)
-}), e = (t) => {
-  const n = t.toString().trim(), r = /^[a-zA-Z0-9_]+\s*=>/i.test(n);
-  return `return (${!n.startsWith("function") && !n.startsWith("(") && !r ? "function " : ""}${n}).apply(this, arguments)`;
+  data: i(n)
+}), e = (n) => {
+  const t = n.toString().trim(), r = /^[a-zA-Z0-9_]+\s*=>/i.test(t);
+  return `return (${!t.startsWith("function") && !t.startsWith("async") && !t.startsWith("(") && !r ? "function " : ""}${t}).apply(this, arguments)`;
 };
-function i(t) {
-  return JSON.parse(JSON.stringify(t, (n, r) => typeof r == "function" ? e(r) : r));
+function i(n) {
+  return JSON.parse(JSON.stringify(n, (t, r) => typeof r == "function" ? e(r) : r));
 }
 export {
   o as createRegisterComponentMessage,

package/lib/browser/functions/traverse.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(e,t,a=null,l=null,n=new WeakSet){if(e==null||typeof e!="object"){t(e,r=>{a!==null&&l!==null&&(a[l]=r)});return}n.has(e)||(n.add(e),Array.isArray(e)?e.forEach((r,u)=>{t(r,f=>{e[u]=f}),s(r,t,e,u,n)}):Object.entries(e).forEach(([r,u])=>{t(u,f=>{e[r]=f}),s(u,t,e,r,n)}))}exports.traverse=s;

package/lib/browser/functions/traverse.mjs

@@ -0,0 +1,20 @@
+function h(r, t, p = null, s = null, e = /* @__PURE__ */ new WeakSet()) {
+  if (r == null || typeof r != "object") {
+    t(r, (n) => {
+      p !== null && s !== null && (p[s] = n);
+    });
+    return;
+  }
+  e.has(r) || (e.add(r), Array.isArray(r) ? r.forEach((n, u) => {
+    t(n, (f) => {
+      r[u] = f;
+    }), h(n, t, r, u, e);
+  }) : Object.entries(r).forEach(([n, u]) => {
+    t(u, (f) => {
+      r[n] = f;
+    }), h(u, t, r, n, e);
+  }));
+}
+export {
+  h as traverse
+};

package/lib/browser/helpers/flatten.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(r,l=null,n="."){return Object.keys(r).reduce((o,e)=>{const t=r[e],i=[l,e].filter(Boolean).join(n);return[typeof t=="object",t!==null,!(Array.isArray(t)&&t.length===0)].every(Boolean)?{...o,...s(t,i,n)}:{...o,[i]:t}},{})}function u(r,l,n={}){for(const o in r){const e=r[o],t=l?l+"."+o:o;e&&typeof e=="object"&&!Array.isArray(e)&&!Object.keys(e).find(i=>i.startsWith("$"))?u(e,t,n):n[t]=e}return n}exports.flatten=s;exports.flattenMongoQuery=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(l,s=null,o="."){return Object.keys(l).reduce((n,t)=>{const e=l[t],r=[s,t].filter(Boolean).join(o);return[typeof e=="object",e!==null,!(Array.isArray(e)&&e.length===0)].every(Boolean)?{...n,...i(e,r,o)}:{...n,[r]:e}},{})}function u(l,s,o={}){for(const n in l){const t=l[n],e=s?s+"."+n:n;t&&typeof t=="object"&&!Array.isArray(t)&&!Object.keys(t).find(r=>r.startsWith("$"))?u(t,e,o):o[e]=t}return o}function c(l){const s={};for(const o in l){const n=o.split(".");let t=s;for(let e=0;e<n.length;e++){const r=n[e];e===n.length-1?t[r]=l[o]:(t[r]=t[r]||{},t=t[r])}}return s}exports.flatten=i;exports.flattenMongoQuery=u;exports.unflatten=c;

package/lib/browser/helpers/flatten.mjs

@@ -1,23 +1,36 @@
-function s(r, l = null, n = ".") {
-  return Object.keys(r).reduce((o, e) => {
-    const t = r[e], i = [l, e].filter(Boolean).join(n);
-    return [typeof t == "object", t !== null, !(Array.isArray(t) && t.length === 0)].every(Boolean) ? {
-      ...o,
-      ...s(t, i, n)
+function c(l, s = null, o = ".") {
+  return Object.keys(l).reduce((n, t) => {
+    const e = l[t], r = [s, t].filter(Boolean).join(o);
+    return [typeof e == "object", e !== null, !(Array.isArray(e) && e.length === 0)].every(Boolean) ? {
+      ...n,
+      ...c(e, r, o)
     } : {
-      ...o,
-      [i]: t
+      ...n,
+      [r]: e
     };
   }, {});
 }
-function c(r, l, n = {}) {
-  for (const o in r) {
-    const e = r[o], t = l ? l + "." + o : o;
-    e && typeof e == "object" && !Array.isArray(e) && !Object.keys(e).find((i) => i.startsWith("$")) ? c(e, t, n) : n[t] = e;
+function i(l, s, o = {}) {
+  for (const n in l) {
+    const t = l[n], e = s ? s + "." + n : n;
+    t && typeof t == "object" && !Array.isArray(t) && !Object.keys(t).find((r) => r.startsWith("$")) ? i(t, e, o) : o[e] = t;
   }
-  return n;
+  return o;
+}
+function u(l) {
+  const s = {};
+  for (const o in l) {
+    const n = o.split(".");
+    let t = s;
+    for (let e = 0; e < n.length; e++) {
+      const r = n[e];
+      e === n.length - 1 ? t[r] = l[o] : (t[r] = t[r] || {}, t = t[r]);
+    }
+  }
+  return s;
 }
 export {
-  s as flatten,
-  c as flattenMongoQuery
+  c as flatten,
+  i as flattenMongoQuery,
+  u as unflatten
 };

package/lib/edge/blocks/image/component-info.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={name:"Image",static:!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",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:["jpeg","jpg","png","svg","webp"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:t=>{t.delete("srcset"),t.delete("noWebp");function s(e,o=6e4){return new Promise((u,n)=>{const i=document.createElement("img");let l=!1;i.onload=()=>{l=!0,u(i)},i.addEventListener("error",d=>{console.warn("Image load failed",d.error),n(d.error)}),i.src=e,setTimeout(()=>{l||n(new Error("Image load timed out"))},o)})}function h(e){return Math.round(e*1e3)/1e3}const a=t.get("image"),r=t.get("aspectRatio");if(fetch(a).then(e=>e.blob()).then(e=>{e.type.includes("svg")&&t.set("noWebp",!0)}),a&&(!r||r===.7041))return s(a).then(e=>{const o=t.get("aspectRatio");t.get("image")===a&&(!o||o===.7041)&&e.width&&e.height&&(t.set("aspectRatio",h(e.height/e.width)),t.set("height",e.height),t.set("width",e.width))})}},{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:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"highPriority",type:"boolean",advanced:!0,helperText:"Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."},{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}],shouldReceiveBuilderProps:{builderBlock:!0}};exports.componentInfo=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../../constants/file-types.cjs"),p={name:"Image",static:!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",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:m.IMAGE_FILE_TYPES,required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:t=>{t.delete("srcset"),t.delete("noWebp");function s(e,o=6e4){return new Promise((u,n)=>{const i=document.createElement("img");let l=!1;i.onload=()=>{l=!0,u(i)},i.addEventListener("error",d=>{console.warn("Image load failed",d.error),n(d.error)}),i.src=e,setTimeout(()=>{l||n(new Error("Image load timed out"))},o)})}function h(e){return Math.round(e*1e3)/1e3}const a=t.get("image"),r=t.get("aspectRatio");if(fetch(a).then(e=>e.blob()).then(e=>{e.type.includes("svg")&&t.set("noWebp",!0)}),a&&(!r||r===.7041))return s(a).then(e=>{const o=t.get("aspectRatio");t.get("image")===a&&(!o||o===.7041)&&e.width&&e.height&&(t.set("aspectRatio",h(e.height/e.width)),t.set("height",e.height),t.set("width",e.width))})}},{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:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"highPriority",type:"boolean",advanced:!0,helperText:"Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."},{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}],shouldReceiveBuilderProps:{builderBlock:!0}};exports.componentInfo=p;

package/lib/edge/blocks/image/component-info.mjs

@@ -1,4 +1,5 @@
-const m = {
+import { IMAGE_FILE_TYPES as m } from "../../constants/file-types.mjs";
+const g = {
   name: "Image",
   static: !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",
@@ -13,7 +14,7 @@ const m = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "webp"],
+    allowedFileTypes: m,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (t) => {
@@ -108,5 +109,5 @@ const m = {
   }
 };
 export {
-  m as componentInfo
+  g as componentInfo
 };

package/lib/edge/blocks/image/image.cjs

@@ -1,11 +1,11 @@
-"use client";"use strict";const t=require("react/jsx-runtime"),b=require("react"),c=require("./image.helpers.cjs");function f(e){var s,r,u,o,d,g;function n(){var h;const i=e.image||e.src;if(!i||!(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/)))return e.srcset;if(!e.noWebp){if(e.srcset&&((h=e.image)!=null&&h.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),c.getSrcSet(i)}else if(e.image&&!e.srcset)return c.getSrcSet(i);return c.getSrcSet(i)}}function l(){var a;return(a=n==null?void 0:n())!=null&&a.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function m(){const a={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?a:void 0}return b.useEffect(()=>{},[]),t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[l()?t.jsx("source",{type:"image/webp",srcSet:l()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...m()},className:"builder-image"+(e.className?" "+e.className:"")+" img-7a292ab8",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-7a292ab8",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(o=(u=e.builderBlock)==null?void 0:u.children)!=null&&o.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(d=e.builderBlock)==null?void 0:d.children)!=null&&g.length)?t.jsx("div",{className:"div-7a292ab8-2",children:e.children}):null]}),t.jsx("style",{children:`.img-7a292ab8 {
+"use client";"use strict";const t=require("react/jsx-runtime"),m=require("react"),l=require("./image.helpers.cjs");function b(e){var s,r,u,o,d,g;function n(){var f;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((f=e.image)!=null&&f.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),l.getSrcSet(i)}else if(e.image&&!e.srcset)return l.getSrcSet(i);return l.getSrcSet(i)}}function a(){var c;return(c=n==null?void 0:n())!=null&&c.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function h(){const c={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?c:void 0}return m.useEffect(()=>{},[]),t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[a()?t.jsx("source",{type:"image/webp",srcSet:a()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...h()},className:"builder-image"+(e.className?" "+e.className:"")+" img-c071ff08",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-c071ff08",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(o=(u=e.builderBlock)==null?void 0:u.children)!=null&&o.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(d=e.builderBlock)==null?void 0:d.children)!=null&&g.length)?t.jsx("div",{className:"div-c071ff08-2",children:e.children}):null]}),t.jsx("style",{children:`.img-c071ff08 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-7a292ab8 {
+}.div-c071ff08 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-7a292ab8-2 {
+}.div-c071ff08-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -14,4 +14,4 @@
   left: 0;
   width: 100%;
   height: 100%;
-}`})]})}module.exports=f;
+}`})]})}module.exports=b;