@builder.io/sdk-react 4.0.10 → 4.1.0

package/lib/browser/blocks-exports.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { TARGET as F, isEditing as L, isBrowser as M, getUserAttributes as ct, checkIsDefined as oe, logger as J, isPreviewing as le, userAttributesService as Ce, getDefaultCanTrack as Z, logFetch as Oe, registerInsertMenu as ut, setupBrowserForEditing as dt, createRegisterComponentMessage as mt, getCookieSync as ft, _track as Te, fetchOneEntry as Le, createEditorListener as ht, serializeIncludingFunctions as Ie, handleABTestingSync as gt } from "./server-entry-a97b474c.js";
-import { setClientUserAttributes as Mi } from "./server-entry-a97b474c.js";
+import { TARGET as F, isEditing as L, isBrowser as M, getUserAttributes as ct, checkIsDefined as ae, logger as J, isPreviewing as se, userAttributesService as Ce, getDefaultCanTrack as Z, logFetch as Oe, registerInsertMenu as ut, setupBrowserForEditing as dt, createRegisterComponentMessage as mt, getCookieSync as ft, _track as Te, fetchOneEntry as Le, createEditorListener as ht, serializeIncludingFunctions as Ie, handleABTestingSync as gt } from "./server-entry-cddec22e.js";
+import { setClientUserAttributes as Mi } from "./server-entry-cddec22e.js";
 import { jsx as s, Fragment as R, jsxs as W } from "react/jsx-runtime";
 import * as bt from "react";
 import { createContext as _e, useEffect as V, useState as C, useRef as H, useContext as we, createElement as Ue } from "react";
@@ -132,7 +132,7 @@ const Ee = ({
 };
 function Ct() {
   var e;
-  return typeof process != "undefined" && oe((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
+  return typeof process != "undefined" && ae((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
 const Tt = ({
   shouldLogWarning: e
@@ -213,7 +213,7 @@ function At(e, ...t) {
     delete n[i];
   return n;
 }
-function ae(e, t, n = null, i = null, r = /* @__PURE__ */ new WeakSet()) {
+function le(e, t, n = null, i = null, r = /* @__PURE__ */ new WeakSet()) {
   if (e == null || typeof e != "object") {
     t(e, (o) => {
       n !== null && i !== null && (n[i] = o);
@@ -223,11 +223,11 @@ function ae(e, t, n = null, i = null, r = /* @__PURE__ */ new WeakSet()) {
   r.has(e) || (r.add(e), Array.isArray(e) ? e.forEach((o, a) => {
     t(o, (c) => {
       e[a] = c;
-    }), ae(o, t, e, a, r);
+    }), le(o, t, e, a, r);
   }) : Object.entries(e).forEach(([o, a]) => {
     t(a, (c) => {
       e[o] = c;
-    }), ae(a, t, e, o, r);
+    }), le(a, t, e, o, r);
   }));
 }
 function je(e) {
@@ -237,7 +237,7 @@ function Bt(e) {
   if (!e || !Object.getOwnPropertyNames(e).length)
     return !1;
   let t = !1;
-  return ae(e, (n) => {
+  return le(e, (n) => {
     if (je(n)) {
       t = !0;
       return;
@@ -245,7 +245,7 @@ function Bt(e) {
   }), t;
 }
 function Nt(e, t) {
-  return !e || !Object.getOwnPropertyNames(e).length ? {} : (ae(e, (n, i) => {
+  return !e || !Object.getOwnPropertyNames(e).length ? {} : (le(e, (n, i) => {
     var r;
     je(n) && i((r = n[t]) != null ? r : void 0);
   }), e);
@@ -336,7 +336,7 @@ function Ot({
     context: t
   });
 }
-const se = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+const ce = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
 function Lt(e, t, n = {}) {
   let i, r, o, a = null, l = 0;
   const c = function() {
@@ -394,7 +394,7 @@ function Ge(e) {
   }
   Array.from(t).forEach((n) => {
     Je(e, n), n.style.transition = "none", n.style.transitionDelay = "0", X(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${se(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), X(n.style, e.steps[1].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${ce(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), X(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -428,7 +428,7 @@ function Ht(e) {
       X(n.style, c);
     }
     u(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${se(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+      n.style.transition = `all ${e.duration}s ${ce(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", a, {
       capture: !0,
       passive: !0
@@ -437,8 +437,8 @@ function Ht(e) {
 }
 const Qe = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
-    return `${se(n)}: ${i};`;
-}).filter(oe), Mt = (e) => Qe(e).join(`
+    return `${ce(n)}: ${i};`;
+}).filter(ae), Mt = (e) => Qe(e).join(`
 `), Y = ({
   mediaQuery: e,
   className: t,
@@ -569,7 +569,7 @@ const Xe = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     default: 991,
     max: 1200
   }
-}, ue = (e, t = Ze) => `@media (max-width: ${t[e].max}px)`, et = (e) => {
+}, de = (e, t = Ze) => `@media (max-width: ${t[e].max}px)`, et = (e) => {
   const t = ve(Ze);
   if (!e)
     return t;
@@ -621,7 +621,7 @@ function ee(e) {
 function Xt(e) {
   function t() {
     const i = e.block;
-    return oe(i.hide) ? !i.hide : oe(i.show) ? i.show : !0;
+    return ae(i.hide) ? !i.hide : ae(i.show) ? i.show : !0;
   }
   function n() {
     var k, A, T, I, g;
@@ -636,21 +636,21 @@ function Xt(e) {
     }) : "", d = u ? Y({
       className: m,
       styles: u,
-      mediaQuery: ue(
+      mediaQuery: de(
         "medium",
         a
       )
     }) : "", h = f ? Y({
       className: m,
       styles: f,
-      mediaQuery: ue(
+      mediaQuery: de(
         "small",
         a
       )
     }) : "", p = b && l ? Y({
       className: m,
       styles: b,
-      mediaQuery: ue(
+      mediaQuery: de(
         "xsmall",
         a
       )
@@ -662,7 +662,7 @@ function Xt(e) {
         className: `${m}:hover`,
         styles: {
           ...x,
-          transition: `all ${y.duration}s ${se(
+          transition: `all ${y.duration}s ${ce(
             y.easing
           )}`,
           transitionDelay: y.delay ? `${y.delay}s` : "0s"
@@ -857,7 +857,7 @@ function Pe(e) {
         contextValue: e.context
       }),
       children: (i = e.blockChildren) == null ? void 0 : i.map((r) => /* @__PURE__ */ s(
-        ce,
+        ue,
         {
           block: r,
           context: e.context,
@@ -874,7 +874,7 @@ function Ve(e) {
   return V(() => {
     n(e.repeatContext);
   }, [e.repeatContext]), /* @__PURE__ */ s(pe.Provider, { value: t, children: /* @__PURE__ */ s(
-    ce,
+    ue,
     {
       block: e.block,
       context: t,
@@ -883,7 +883,7 @@ function Ve(e) {
     }
   ) });
 }
-function ce(e) {
+function ue(e) {
   var f, b, m, v;
   function t() {
     return Kt({
@@ -897,7 +897,7 @@ function ce(e) {
   }));
   function r() {
     var h;
-    if (n.value && !n.update && !le())
+    if (n.value && !n.update && !se())
       return n.value;
     const d = (h = e.block.repeat) != null && h.collection ? e.block : Ot({
       block: e.block,
@@ -1019,7 +1019,7 @@ function ce(e) {
             }
           ),
           (b = c()) == null ? void 0 : b.map((d) => /* @__PURE__ */ s(
-            ce,
+            ue,
             {
               block: d,
               registeredComponents: e.registeredComponents,
@@ -1117,7 +1117,7 @@ function _(e) {
       children: [
         e.children,
         e.blocks ? /* @__PURE__ */ s(R, { children: (o = e.blocks) == null ? void 0 : o.map((a) => /* @__PURE__ */ s(
-          ce,
+          ue,
           {
             block: a,
             linkComponent: e.linkComponent,
@@ -1318,7 +1318,7 @@ function hn(e, t) {
   }
   return null;
 }
-function de(e) {
+function ne(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
@@ -1341,10 +1341,10 @@ function gn(e) {
     if (!e.noWebp) {
       if (e.srcset && ((m = e.image) != null && m.includes("builder.io/api/v1/image"))) {
         if (!e.srcset.includes(e.image.split("?")[0]))
-          return console.debug("Removed given srcset"), de(b);
+          return console.debug("Removed given srcset"), ne(b);
       } else if (e.image && !e.srcset)
-        return de(b);
-      return de(b);
+        return ne(b);
+      return ne(b);
     }
   }
   function n() {
@@ -1656,9 +1656,9 @@ const pn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       visibilityStylesEl.innerHTML = newStyleStr;
     }
   }
-}`, ne = "default", Sn = "filterWithCustomTargeting", nt = "builderIoPersonalization", it = "updateVisibilityStylesScript", rt = ["react", "vue", "svelte", "qwik"], ie = ["vue", "svelte", "qwik"];
+}`, ie = "default", Sn = "filterWithCustomTargeting", nt = "builderIoPersonalization", it = "updateVisibilityStylesScript", rt = ["react", "vue", "svelte", "qwik"], re = ["vue", "svelte", "qwik"];
 function kn(e, t) {
-  return !(e && e.length > 0) || !t ? !1 : ie.includes(F) ? !0 : !M();
+  return !(e && e.length > 0) || !t ? !1 : re.includes(F) ? !0 : !M();
 }
 function Cn({
   variants: e,
@@ -1671,7 +1671,7 @@ function Cn({
   const o = {
     blocks: r != null ? r : [],
     path: "this.children",
-    index: ne
+    index: ie
   };
   if (n && L()) {
     if (typeof t == "number" && t < ((a = e == null ? void 0 : e.length) != null ? a : 0)) {
@@ -2443,12 +2443,12 @@ function $n(e) {
         fireImmediately: F === "qwik"
       }
     );
-    if (!(L() || le())) {
+    if (!(L() || se())) {
       const N = h()[0];
       t.current && (t.current.dispatchEvent(
         new CustomEvent("builder.variantLoaded", {
           detail: {
-            variant: N || ne,
+            variant: N || ie,
             content: (B = e.builderContext) == null ? void 0 : B.content
           },
           bubbles: !0
@@ -2459,7 +2459,7 @@ function $n(e) {
           te.isIntersecting && t.current && t.current.dispatchEvent(
             new CustomEvent("builder.variantDisplayed", {
               detail: {
-                variant: N || ne,
+                variant: N || ie,
                 content: (Q = e.builderContext) == null ? void 0 : Q.content
               },
               bubbles: !0
@@ -2472,7 +2472,7 @@ function $n(e) {
   }, []), V(() => () => {
     c.forEach((E) => E());
   }, []), /* @__PURE__ */ W("div", { ref: t, ...d(), children: [
-    m && ie.includes(F) ? /* @__PURE__ */ s(
+    m && re.includes(F) ? /* @__PURE__ */ s(
       _,
       {
         blocks: p().blocks,
@@ -2486,7 +2486,7 @@ function $n(e) {
         }
       }
     ) : null,
-    !m && ie.includes(F) || !ie.includes(F) ? /* @__PURE__ */ W(R, { children: [
+    !m && re.includes(F) || !re.includes(F) ? /* @__PURE__ */ W(R, { children: [
       f ? /* @__PURE__ */ W(R, { children: [
         /* @__PURE__ */ s(
           ee,
@@ -2550,7 +2550,7 @@ function $n(e) {
             {
               nonce: ((P = e.builderContext) == null ? void 0 : P.nonce) || "",
               scriptStr: r,
-              id: `variants-script-${(U = e.builderBlock) == null ? void 0 : U.id}-${ne}`
+              id: `variants-script-${(U = e.builderBlock) == null ? void 0 : U.id}-${ie}`
             }
           ) : null
         }
@@ -3653,6 +3653,11 @@ const si = {
   static: !0
 };
 function ci(e) {
+  function t() {
+    const n = e.imgSrc || e.image;
+    if (!(!n || typeof n != "string") && n.match(/builder\.io/))
+      return ne(n);
+  }
   return /* @__PURE__ */ s(
     "img",
     {
@@ -3662,6 +3667,7 @@ function ci(e) {
       },
       alt: e.altText,
       src: e.imgSrc || e.image,
+      srcSet: t(),
       ...e.attributes
     },
     L() && e.imgSrc || "default-key"
@@ -4041,14 +4047,14 @@ const mi = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, at = "builderIoAbTest", lt = "builderIoRenderContent", re = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, at = "builderIoAbTest", lt = "builderIoRenderContent", oe = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), gi = ({
   canTrack: e,
   content: t
-}) => !(!(re(t).length > 0) || !e || M()), bi = (e) => e === "react" || e === "reactNative", yi = F === "angular", st = bi(F), pi = () => `
+}) => !(!(oe(t).length > 0) || !e || M()), bi = (e) => e === "react" || e === "reactNative", yi = F === "angular", st = bi(F), pi = () => `
   window.${at} = ${fi}
   window.${lt} = ${hi}
   `, vi = (e, t) => `
@@ -4102,7 +4108,7 @@ const Si = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Ti = ["svelte", "qwik", "vue"], De = () => Ti.includes(F) && (L() || le()), Ii = (e) => {
+}, Ti = ["svelte", "qwik", "vue"], De = () => Ti.includes(F) && (L() || se()), Ii = (e) => {
   var o, a;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (o = e == null ? void 0 : e.files) == null ? void 0 : o.regular;
   let r = "";
@@ -4330,7 +4336,7 @@ function Ai(e) {
           variationId: O !== P ? O : void 0
         });
       }
-      if (le() && !L()) {
+      if (se() && !L()) {
         const P = new URL(location.href).searchParams, U = P.get("builder.preview"), E = P.get(
           `builder.overrides.${U}`
         ), B = P.get("apiKey") || P.get("builder.space");
@@ -4584,7 +4590,7 @@ function $i(e) {
   function i() {
     var l;
     return vi(
-      re(e.content).map((c) => ({
+      oe(e.content).map((c) => ({
         id: c.testVariationId,
         testRatio: c.testRatio
       })),
@@ -4592,7 +4598,7 @@ function $i(e) {
     );
   }
   function r() {
-    return re(e.content).map((l) => `.variant-${l.testVariationId} { display: none; } `).join("");
+    return oe(e.content).map((l) => `.variant-${l.testVariationId} { display: none; } `).join("");
   }
   function o() {
     var l;
@@ -4641,7 +4647,7 @@ function $i(e) {
           nonce: e.nonce || ""
         }
       ),
-      (a = re(e.content)) == null ? void 0 : a.map((l) => /* @__PURE__ */ s(
+      (a = oe(e.content)) == null ? void 0 : a.map((l) => /* @__PURE__ */ s(
         Fe,
         {
           apiHost: e.apiHost,

package/lib/browser/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks-exports.cjs"),e=require("./server-entry-6a0d3985.cjs");require("react/jsx-runtime");require("react");exports.Blocks=t.Blocks;exports.BuilderContext=t.BuilderContext;exports.Button=t.Button;exports.Columns=t.Columns;exports.Content=t.Content;exports.Fragment=t.Fragment;exports.Image=t.Image;exports.Section=t.Section;exports.Symbol=t.Symbol;exports.Text=t.Text;exports.Video=t.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks-exports.cjs"),e=require("./server-entry-9ed7eace.cjs");require("react/jsx-runtime");require("react");exports.Blocks=t.Blocks;exports.BuilderContext=t.BuilderContext;exports.Button=t.Button;exports.Columns=t.Columns;exports.Content=t.Content;exports.Fragment=t.Fragment;exports.Image=t.Image;exports.Section=t.Section;exports.Symbol=t.Symbol;exports.Text=t.Text;exports.Video=t.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/browser/index.mjs

@@ -1,5 +1,5 @@
 import { Blocks as o, BuilderContext as s, Button as n, Columns as c, Content as m, Fragment as g, Image as a, Section as l, Symbol as u, Text as d, Video as p } from "./blocks-exports.mjs";
-import { _processContentResult as f, createRegisterComponentMessage as B, fetchBuilderProps as E, fetchEntries as b, fetchOneEntry as h, getBuilderSearchParams as x, isEditing as S, isPreviewing as P, register as k, setClientUserAttributes as y, setEditorSettings as R, subscribeToEditor as T, track as v } from "./server-entry-a97b474c.js";
+import { _processContentResult as f, createRegisterComponentMessage as B, fetchBuilderProps as E, fetchEntries as b, fetchOneEntry as h, getBuilderSearchParams as x, isEditing as S, isPreviewing as P, register as k, setClientUserAttributes as y, setEditorSettings as R, subscribeToEditor as T, track as v } from "./server-entry-cddec22e.js";
 import "react/jsx-runtime";
 import "react";
 export {

package/lib/browser/server-entry-9ed7eace.cjs

@@ -0,0 +1,2 @@
+"use strict";const m="react",v="[Builder.io]: ",d={log:(...e)=>console.log(v,...e),error:(...e)=>console.error(v,...e),warn:(...e)=>console.warn(v,...e),debug:(...e)=>console.debug(v,...e)};function c(){return typeof window!="undefined"&&typeof document!="undefined"}const be=e=>{const t={};return e.forEach((n,r)=>{t[r]=n}),t},$=e=>e instanceof URLSearchParams?be(e):e,G=e=>typeof e=="string"?e:e instanceof URLSearchParams?e.toString():new URLSearchParams(e).toString();function ye(){return c()&&window.self!==window.top}function z(e){return ye()&&G(e||window.location.search).indexOf("builder.frameEditing=")!==-1}const we=()=>{if(c()){const e=new URL(location.href);return e.pathname===""&&(e.pathname="/"),e}else return console.warn("Cannot get location for tracking in non-browser environment"),null},Ee=()=>typeof navigator=="object"&&navigator.userAgent||"",J=()=>{const e=Ee(),t={Android(){return e.match(/Android/i)},BlackBerry(){return e.match(/BlackBerry/i)},iOS(){return e.match(/iPhone|iPod/i)},Opera(){return e.match(/Opera Mini/i)},Windows(){return e.match(/IEMobile/i)||e.match(/WPDesktop/i)},any(){return t.Android()||t.BlackBerry()||t.iOS()||t.Opera()||t.Windows()||m==="reactNative"}},n=e.match(/Tablet|iPad/i),r=we();return{urlPath:r==null?void 0:r.pathname,host:(r==null?void 0:r.host)||(r==null?void 0:r.hostname),device:n?"tablet":t.any()?"mobile":"desktop"}},p=e=>e!=null;function Ie(e){const t=e||(c()?window.location.search:void 0);return t?G(t).indexOf("builder.preview=")!==-1:!1}const ve=e=>({type:"builder.registerComponent",data:C(e)}),Ae=e=>{const t=e.toString().trim(),n=/^[a-zA-Z0-9_]+\s*=>/i.test(t);return`return (${!t.startsWith("function")&&!t.startsWith("async")&&!t.startsWith("(")&&!n?"function ":""}${t}).apply(this, arguments)`};function C(e){return JSON.parse(JSON.stringify(e,(t,n)=>typeof n=="function"?Ae(n):n))}const V={};function X(e,t){e==="plugin"&&(t=C(t));let n=V[e];if(n||(n=V[e]=[]),n.push(t),c()){const r={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(r,"*"),parent!==window&&window.postMessage(r,"*")}catch(s){console.debug("Could not postmessage",s)}}}const D={};function ke(e){if(c()){Object.assign(D,e);const t={type:"builder.settingsChange",data:D};parent.postMessage(t,"*")}}const F="builder.",Ue="options.",O=e=>{if(!e)return{};const t=$(e),n={};return Object.keys(t).forEach(r=>{if(r.startsWith(F)){const s=r.replace(F,"").replace(Ue,"");n[s]=t[r]}}),n},Te=()=>{if(!c())return{};const e=new URLSearchParams(window.location.search);return O(e)},H="4.1.0",Q=()=>({"X-Builder-SDK":m,"X-Builder-SDK-GEN":"2","X-Builder-SDK-Version":H}),Ce=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const t=e.split(".");return t.length>2?t.slice(1).join("."):e},A=({name:e,canTrack:t})=>{var n;try{return t?(n=document.cookie.split("; ").find(r=>r.startsWith(`${e}=`)))==null?void 0:n.split("=")[1]:void 0}catch(r){d.warn("[COOKIE] GET error: ",(r==null?void 0:r.message)||r);return}},Y=async e=>A(e),Oe=e=>e.map(([t,n])=>n?`${t}=${n}`:t).filter(p).join("; "),Pe=[["secure",""],["SameSite","None"]],Re=({name:e,value:t,expires:n})=>{const s=(c()?location.protocol==="https:":!0)?Pe:[[]],o=n?[["expires",n.toUTCString()]]:[[]],i=[[e,t],...o,["path","/"],["domain",Ce(window.location.hostname)],...s];return Oe(i)},P=async({name:e,value:t,expires:n,canTrack:r})=>{try{if(!r)return;const s=Re({name:e,value:t,expires:n});document.cookie=s}catch(s){d.warn("[COOKIE] SET error: ",(s==null?void 0:s.message)||s)}};function Be(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e=="x"?t:t&3|8).toString(16)})}function Z(){return Be().replace(/-/g,"")}const q="builderSessionId",xe=async({canTrack:e})=>{if(!e)return;const t=await Y({name:q,canTrack:e});if(p(t))return t;{const n=_e();return Le({id:n,canTrack:e}),n}},_e=()=>Z(),Le=({id:e,canTrack:t})=>P({name:q,value:e,canTrack:t}),ee=()=>c()&&typeof localStorage!="undefined"?localStorage:void 0,Ne=({key:e,canTrack:t})=>{var n;try{return t?(n=ee())==null?void 0:n.getItem(e):void 0}catch(r){console.debug("[LocalStorage] GET error: ",r);return}},Ve=({key:e,canTrack:t,value:n})=>{var r;try{t&&((r=ee())==null||r.setItem(e,n))}catch(s){console.debug("[LocalStorage] SET error: ",s)}},te="builderVisitorId",De=({canTrack:e})=>{if(!e)return;const t=Ne({key:te,canTrack:e});if(p(t))return t;{const n=Fe();return Me({id:n,canTrack:e}),n}},Fe=()=>Z(),Me=({id:e,canTrack:t})=>Ve({key:te,value:e,canTrack:t});function ne(e){var t;typeof process!="undefined"&&((t=process.env)!=null&&t.DEBUG)&&String(process.env.DEBUG)=="true"&&d.log(e)}const Ke=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await xe({canTrack:e}),n=De({canTrack:e});return{sessionId:t,visitorId:n}},We=async({type:e,canTrack:t,apiKey:n,metadata:r,...s})=>({type:e,data:{...s,metadata:{url:location.href,...r},...await Ke({canTrack:t}),userAttributes:J(),ownerId:n}});async function re({apiHost:e,...t}){if(!t.apiKey){d.error("Missing API key for track call. Please provide your API key.");return}if(!t.canTrack||z()||!(c()||m==="reactNative"))return;const r=`${e||"https://cdn.builder.io"}/api/v1/track`;return ne(r),fetch(r,{method:"POST",body:JSON.stringify({events:[await We(t)]}),headers:{"content-type":"application/json",...Q()},mode:"cors"}).catch(s=>{console.error("Failed to track: ",s)})}const je=e=>re({...e,canTrack:!0}),$e=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function se(e,t){if(!t.origin.startsWith("http")&&!t.origin.startsWith("https"))return!1;const n=new URL(t.origin),r=n.hostname;return(e||$e).findIndex(s=>s.startsWith("*.")?r.endsWith(s.slice(1)):s===r)>-1}const Ge=()=>{X("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let M=!1;const oe=e=>{var t,n;M||(M=!0,c()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:m,version:H,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0,modelName:e.modelName,apiKey:e.apiKey,supportsXSmallBreakpoint:!0,blockLevelPersonalization:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",r=>{var o,i;if(!se(e.trustedHosts,r))return;const{data:s}=r;if(s!=null&&s.type)switch(s.type){case"builder.evaluate":{const u=s.data.text,y=s.data.arguments||[],S=s.data.id,w=new Function(u);let l,g=null;try{l=w.apply(null,y)}catch(h){g=h}g?(o=window.parent)==null||o.postMessage({type:"builder.evaluateError",data:{id:S,error:g.message}},"*"):l&&typeof l.then=="function"?l.then(h=>{var E;(E=window.parent)==null||E.postMessage({type:"builder.evaluateResult",data:{id:S,result:h}},"*")}).catch(console.error):(i=window.parent)==null||i.postMessage({type:"builder.evaluateResult",data:{result:l,id:S}},"*");break}}})))},ie=({model:e,trustedHosts:t,callbacks:n})=>r=>{if(!se(t,r))return;const{data:s}=r;if(s)switch(s.type){case"builder.configureSdk":{n.configureSdk(s.data);break}case"builder.triggerAnimation":{n.animation(s.data);break}case"builder.resetState":{const o=s.data,i=o.model,u=o==null?void 0:o.state;i===e&&u&&n.stateUpdate(u);break}case"builder.contentUpdate":{const o=s.data,i=o.key||o.alias||o.entry||o.modelName,u=o.data;i===e&&n.contentUpdate(u);break}}},ze=({model:e,apiKey:t,callback:n,trustedHosts:r})=>{if(!c)return d.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};oe({modelName:e,apiKey:t});const s=ie({callbacks:{contentUpdate:n,animation:()=>{},configureSdk:()=>{},stateUpdate:()=>{}},model:e,trustedHosts:r});return window.addEventListener("message",s),()=>{window.removeEventListener("message",s)}},Je="builder.tests",R=e=>`${Je}.${e}`,Xe=({contentId:e})=>Y({name:R(e),canTrack:!0}),He=({contentId:e})=>A({name:R(e),canTrack:!0}),Qe=({contentId:e,value:t})=>P({name:R(e),value:t,canTrack:!0}),ae=e=>p(e.id)&&p(e.variations)&&Object.keys(e.variations).length>0,Ye=({id:e,variations:t})=>{var s;let n=0;const r=Math.random();for(const o in t){const i=(s=t[o])==null?void 0:s.testRatio;if(n+=i,r<n)return o}return e},ce=e=>{const t=Ye(e);return Qe({contentId:e.id,value:t}).catch(n=>{d.error("could not store A/B test variation: ",n)}),t},ue=({item:e,testGroupId:t})=>{const n=e.variations[t];return t===e.id||!n?{testVariationId:e.id,testVariationName:"Default"}:{data:n.data,testVariationId:n.id,testVariationName:n.name||(n.id===e.id?"Default":"")}},Ze=({item:e,canTrack:t})=>{if(!t)return e;if(!e)return;if(!ae(e))return e;const n=He({contentId:e.id})||ce({variations:e.variations,id:e.id}),r=ue({item:e,testGroupId:n});return{...e,...r}},qe=async({item:e,canTrack:t})=>{if(!t||!ae(e))return e;const r=await Xe({contentId:e.id})||ce({variations:e.variations,id:e.id}),s=ue({item:e,testGroupId:r});return{...e,...s}};const K="builder.userAttributes";function W(){let e=!0;const t=new Set;return{setUserAttributes(n){if(!c())return;const r={...this.getUserAttributes(),...n};P({name:K,value:JSON.stringify(r),canTrack:e}),t.forEach(s=>s(r))},getUserAttributes(){return c()?JSON.parse(A({name:K,canTrack:e})||"{}"):{}},subscribeOnUserAttributesChange(n,{fireImmediately:r}={}){return t.add(n),r&&n(this.getUserAttributes()),function(){t.delete(n)}},setCanTrack(n){e=n}}}let U;c()&&m==="qwik"?(window.__BUILDER_USER_ATTRIBUTES_SERVICE__||(window.__BUILDER_USER_ATTRIBUTES_SERVICE__=W()),U=window.__BUILDER_USER_ATTRIBUTES_SERVICE__):U=W();const B=U,et=e=>{B.setUserAttributes(e)},le=e=>{const t=p(e)?e:!0;return B.setCanTrack(t),t};function tt(){return typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:globalThis}function nt(){const e=tt().fetch;if(typeof e=="undefined")throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
+      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`),new Error("Builder SDK could not find a global `fetch` function");return e}const rt=nt();function T(e,t=null,n="."){return Object.keys(e).reduce((r,s)=>{const o=e[s],i=[t,s].filter(Boolean).join(n);return[typeof o=="object",o!==null,!(Array.isArray(o)&&o.length===0)].every(Boolean)?{...r,...T(o,i,n)}:{...r,[i]:o}},{})}function de(e,t,n={}){for(const r in e){const s=e[r],o=t?t+"."+r:r;s&&typeof s=="object"&&!Array.isArray(s)&&!Object.keys(s).find(i=>i.startsWith("$"))?de(s,o,n):n[o]=s}return n}function st(e){const t={};for(const n in e){const r=n.split(".");let s=t;for(let o=0;o<r.length;o++){const i=r[o];o===r.length-1?s[i]=e[n]:(s[i]=s[i]||{},s=s[i])}}return t}const ot="v3",j=e=>typeof e=="number"&&!isNaN(e)&&e>=0,x=e=>{const{limit:t=30,userAttributes:n,query:r,model:s,apiKey:o,enrich:i,locale:u,apiVersion:y=ot,fields:S,omit:w,offset:l,cacheSeconds:g,staleCacheSeconds:h,sort:E,includeUnpublished:_,apiHost:pe}=e;if(!o)throw new Error("Missing API key");if(!["v3"].includes(y))throw new Error(`Invalid apiVersion: expected 'v3', received '${y}'`);const me=t!==1,Se=pe||"https://cdn.builder.io",a=new URL(`${Se}/api/${y}/content/${s}`);a.searchParams.set("apiKey",o),a.searchParams.set("limit",String(t)),a.searchParams.set("noTraverse",String(me)),a.searchParams.set("includeRefs",String(!0));const k=u||(n==null?void 0:n.locale);let b=n||{};if(k&&(a.searchParams.set("locale",k),b={locale:k,...b}),i&&a.searchParams.set("enrich",String(i)),a.searchParams.set("omit",w!=null?w:"meta.componentsUsed"),S&&a.searchParams.set("fields",S),Number.isFinite(l)&&l>-1&&a.searchParams.set("offset",String(Math.floor(l))),typeof _=="boolean"&&a.searchParams.set("includeUnpublished",String(_)),g&&j(g)&&a.searchParams.set("cacheSeconds",String(g)),h&&j(h)&&a.searchParams.set("staleCacheSeconds",String(h)),E){const f=T({sort:E});for(const I in f)a.searchParams.set(I,JSON.stringify(f[I]))}const L={...Te(),...$(e.options||{})};b={...b,...at(L)};const N=T(L);for(const f in N)a.searchParams.set(f,String(N[f]));if(Object.keys(b).length>0&&a.searchParams.set("userAttributes",JSON.stringify(b)),r){const f=de({query:r});for(const I in f)a.searchParams.set(I,JSON.stringify(f[I]))}return a},it=e=>{const t={};for(const n in e)n.startsWith("userAttributes.")&&(t[n]=e[n],delete e[n]);return t},at=e=>{if(c()&&e.preview==="BUILDER_STUDIO"){e["userAttributes.urlPath"]=window.location.pathname,e["userAttributes.host"]=window.location.host;const t=it(e),{userAttributes:n}=st(t);return n}return{}},ct=e=>"results"in e;async function fe(e){const t=await he({...e,limit:1});return t&&t[0]||null}const ut=async e=>{var i,u;const t=x(e),n=(i=e.fetch)!=null?i:rt,r={...e.fetchOptions,headers:{...(u=e.fetchOptions)==null?void 0:u.headers,...Q()}};return await(await n(t.href,r)).json()},ge=async(e,t,n=x(e))=>{const r=le(e.canTrack);if(n.search.includes("preview="),!r||!(c()||m==="reactNative"))return t.results;try{const s=[];for(const o of t.results)s.push(await qe({item:o,canTrack:r}));t.results=s}catch(s){d.error("Could not process A/B tests. ",s)}return t.results};async function he(e){const t=x(e),n=await ut(e);if(!ct(n))throw d.error("Error fetching data. ",{url:t,content:n,options:e}),n;return ge(e,n)}const lt=async e=>{var r,s,o;const t=e.path||((r=e.url)==null?void 0:r.pathname)||((s=e.userAttributes)==null?void 0:s.urlPath),n={...e,apiKey:e.apiKey,model:e.model||"page",userAttributes:{...e.userAttributes,...t?{urlPath:t}:{}},options:O(e.searchParams||((o=e.url)==null?void 0:o.searchParams)||e.options)};return{apiKey:n.apiKey,model:n.model,content:await fe(n)}};exports.TARGET=m;exports._processContentResult=ge;exports._track=re;exports.checkIsDefined=p;exports.createEditorListener=ie;exports.createRegisterComponentMessage=ve;exports.fetchBuilderProps=lt;exports.fetchEntries=he;exports.fetchOneEntry=fe;exports.getBuilderSearchParams=O;exports.getCookieSync=A;exports.getDefaultCanTrack=le;exports.getUserAttributes=J;exports.handleABTestingSync=Ze;exports.isBrowser=c;exports.isEditing=z;exports.isPreviewing=Ie;exports.logFetch=ne;exports.logger=d;exports.register=X;exports.registerInsertMenu=Ge;exports.serializeIncludingFunctions=C;exports.setClientUserAttributes=et;exports.setEditorSettings=ke;exports.setupBrowserForEditing=oe;exports.subscribeToEditor=ze;exports.track=je;exports.userAttributesService=B;

package/lib/browser/{server-entry-a97b474c.js → server-entry-cddec22e.js}

@@ -112,7 +112,7 @@ const N = "builder.", pt = "options.", $ = (t) => {
     return {};
   const t = new URLSearchParams(window.location.search);
   return $(t);
-}, G = "4.0.10", J = () => ({
+}, G = "4.1.0", J = () => ({
   "X-Builder-SDK": y,
   "X-Builder-SDK-GEN": "2",
   "X-Builder-SDK-Version": G

package/lib/browser/server-entry.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-6a0d3985.cjs");exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-9ed7eace.cjs");exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/browser/server-entry.mjs

@@ -1,4 +1,4 @@
-import { _processContentResult as r, createRegisterComponentMessage as s, fetchBuilderProps as i, fetchEntries as n, fetchOneEntry as o, getBuilderSearchParams as c, isEditing as g, isPreviewing as a, register as d, setEditorSettings as E, subscribeToEditor as f, track as h } from "./server-entry-a97b474c.js";
+import { _processContentResult as r, createRegisterComponentMessage as s, fetchBuilderProps as i, fetchEntries as n, fetchOneEntry as o, getBuilderSearchParams as c, isEditing as g, isPreviewing as a, register as d, setEditorSettings as E, subscribeToEditor as f, track as h } from "./server-entry-cddec22e.js";
 export {
   r as _processContentResult,
   s as createRegisterComponentMessage,

package/lib/edge/{accordion-f19408f1.cjs → accordion-59aed902.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),j=require("react"),g=require("./blocks-exports.cjs");require("./server-entry-e13b9b35.cjs");function S(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const v=S(j),y=e=>e.toString();function p(e){var u;const[i,r]=j.useState(()=>[]);function s(){return!!(e.grid||e.oneAtATime)}function O(){return{display:"flex",alignItems:"stretch",flexDirection:"column",...e.grid&&{flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap"}}}function C(){const n={...{display:"flex",flexDirection:"column"},alignItems:"stretch",cursor:"pointer"};return Object.fromEntries(Object.entries(n).filter(([l,a])=>a!==void 0))}function h(t){return`builder-accordion-title builder-accordion-title-${i.includes(t)?"open":"closed"}`}function k(t){return`builder-accordion-detail builder-accordion-detail-${i.includes(t)?"open":"closed"}`}function d(){let t=null;if(e.grid&&i.length&&document){const l=i[0];let o=document.querySelector(`.builder-accordion-title[data-index="${l}"]`);if(t=l,o){let m=o.getBoundingClientRect();for(;o=o&&o.nextElementSibling;)if(o){if(o.classList.contains("builder-accordion-detail"))continue;const f=o.getBoundingClientRect();if(f.left>m.left){const b=parseInt(o.getAttribute("data-index")||"",10);isNaN(b)||(m=f,t=b)}else break}}}return typeof t=="number"&&(t=t+1),t}function I(){const t={order:typeof d()=="number"?d():void 0,...e.grid&&{width:"100%"}};return Object.fromEntries(Object.entries(t).filter(([n,l])=>l!==void 0))}function x(t){i.includes(t)?r(s()?[]:i.filter(n=>n!==t)):r(s()?[t]:i.concat(t))}return c.jsx("div",{className:"builder-accordion",style:O(),children:(u=e.items)==null?void 0:u.map((t,n)=>c.jsxs(v.Fragment,{children:[c.jsx("div",{className:h(n),style:{...C(),...e.grid&&{width:e.gridRowWidth,order:d()!==null?y(n):y(n+1)}},"data-index":n,onClick:l=>x(n),children:c.jsx(g.Blocks,{blocks:t.title,path:`items.${n}.title`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}),i.includes(n)?c.jsx("div",{className:k(n),style:I(),children:c.jsx(g.Blocks,{blocks:t.detail,path:`items.${n}.detail`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]},n))})}exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),j=require("react"),g=require("./blocks-exports.cjs");require("./server-entry-a24928b8.cjs");function S(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const v=S(j),y=e=>e.toString();function p(e){var u;const[i,r]=j.useState(()=>[]);function s(){return!!(e.grid||e.oneAtATime)}function O(){return{display:"flex",alignItems:"stretch",flexDirection:"column",...e.grid&&{flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap"}}}function C(){const n={...{display:"flex",flexDirection:"column"},alignItems:"stretch",cursor:"pointer"};return Object.fromEntries(Object.entries(n).filter(([l,a])=>a!==void 0))}function h(t){return`builder-accordion-title builder-accordion-title-${i.includes(t)?"open":"closed"}`}function k(t){return`builder-accordion-detail builder-accordion-detail-${i.includes(t)?"open":"closed"}`}function d(){let t=null;if(e.grid&&i.length&&document){const l=i[0];let o=document.querySelector(`.builder-accordion-title[data-index="${l}"]`);if(t=l,o){let m=o.getBoundingClientRect();for(;o=o&&o.nextElementSibling;)if(o){if(o.classList.contains("builder-accordion-detail"))continue;const f=o.getBoundingClientRect();if(f.left>m.left){const b=parseInt(o.getAttribute("data-index")||"",10);isNaN(b)||(m=f,t=b)}else break}}}return typeof t=="number"&&(t=t+1),t}function I(){const t={order:typeof d()=="number"?d():void 0,...e.grid&&{width:"100%"}};return Object.fromEntries(Object.entries(t).filter(([n,l])=>l!==void 0))}function x(t){i.includes(t)?r(s()?[]:i.filter(n=>n!==t)):r(s()?[t]:i.concat(t))}return c.jsx("div",{className:"builder-accordion",style:O(),children:(u=e.items)==null?void 0:u.map((t,n)=>c.jsxs(v.Fragment,{children:[c.jsx("div",{className:h(n),style:{...C(),...e.grid&&{width:e.gridRowWidth,order:d()!==null?y(n):y(n+1)}},"data-index":n,onClick:l=>x(n),children:c.jsx(g.Blocks,{blocks:t.title,path:`items.${n}.title`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}),i.includes(n)?c.jsx("div",{className:k(n),style:I(),children:c.jsx(g.Blocks,{blocks:t.detail,path:`items.${n}.detail`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]},n))})}exports.default=p;

package/lib/edge/{accordion-39aaa10f.js → accordion-88f5ca79.js}

@@ -2,7 +2,7 @@ import { jsx as l, jsxs as j } from "react/jsx-runtime";
 import * as p from "react";
 import { useState as x } from "react";
 import { Blocks as g } from "./blocks-exports.mjs";
-import "./server-entry-0fe1fd76.js";
+import "./server-entry-50618347.js";
 const y = (t) => t.toString();
 function B(t) {
   var a;

package/lib/edge/{blocks-204bcb03.js → blocks-1bfa0619.js}

@@ -1,8 +1,8 @@
 import { jsx as P, Fragment as J, jsxs as it } from "react/jsx-runtime";
 import { createContext as Cn, useEffect as pe, useState as Ce, useRef as On, useContext as Mr } from "react";
 import { BuilderContext as Xr } from "./blocks-exports.mjs";
-import { isEditing as Lt, isBrowser as Ft, getUserAttributes as jn, checkIsDefined as st, logger as Hr, TARGET as lt, isPreviewing as An } from "./server-entry-0fe1fd76.js";
-import { getClassPropName as In } from "./get-class-prop-name-cc48fc17.js";
+import { isEditing as Lt, isBrowser as Ft, getUserAttributes as jn, checkIsDefined as st, logger as Hr, TARGET as lt, isPreviewing as An } from "./server-entry-50618347.js";
+import { getClassPropName as In } from "./get-class-prop-name-de337a1b.js";
 import { DynamicRenderer as Tn } from "./dynamic-renderer-8b343325.js";
 const Pn = Cn({ registeredComponents: {} }), bn = (e, t, n) => {
   const r = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((o, s) => o != null ? o[s] : o, e);