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

package/lib/browser/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/browser/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/browser/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/browser/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/browser/constants/sdk-version.cjs

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

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

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

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

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

package/lib/browser/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/browser/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/browser/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/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/edge/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/edge/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/edge/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/edge/constants/sdk-version.cjs

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

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

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

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

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

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/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/constants/sdk-version.cjs

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

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

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

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

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

package/lib/node/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/node/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/node/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-nextjs",
   "description": "Builder.io RSC SDK for NextJS App Directory",
-  "version": "0.22.0",
+  "version": "0.22.1",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
   "repository": {
     "type": "git",

package/types/cjs/blocks/img/img.d.ts

@@ -9,6 +9,8 @@ export interface ImgProps {
     altText?: string;
     backgroundSize?: "cover" | "contain";
     backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+    aspectRatio?: number;
+    title?: string;
 }
 declare function ImgComponent(props: ImgProps): React.JSX.Element;
 export default ImgComponent;

package/types/cjs/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.22.0";
+export declare const SDK_VERSION = "0.22.1";

package/types/esm/blocks/img/img.d.ts

@@ -9,6 +9,8 @@ export interface ImgProps {
     altText?: string;
     backgroundSize?: "cover" | "contain";
     backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+    aspectRatio?: number;
+    title?: string;
 }
 declare function ImgComponent(props: ImgProps): React.JSX.Element;
 export default ImgComponent;

package/types/esm/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.22.0";
+export declare const SDK_VERSION = "0.22.1";