@builder.io/sdk-react-nextjs 0.18.1 → 0.18.8

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as k } from "react/jsx-runtime";
-import { useRef as P, useState as f, useEffect as l } from "react";
+import { useRef as P, useState as m, useEffect as c } from "react";
 import O from "../../../context/builder.context.mjs";
 import { evaluate as W } from "../../../functions/evaluate/evaluate.mjs";
 import { fastClone as j } from "../../../functions/fast-clone.mjs";
@@ -9,21 +9,23 @@ import { isBrowser as L } from "../../../functions/is-browser.mjs";
 import { isEditing as g } from "../../../functions/is-editing.mjs";
 import { isPreviewing as B } from "../../../functions/is-previewing.mjs";
 import { logFetch as F } from "../../../functions/log-fetch.mjs";
-import { createRegisterComponentMessage as z } from "../../../functions/register-component.mjs";
+import { createRegisterComponentMessage as $ } from "../../../functions/register-component.mjs";
 import { _track as H } from "../../../functions/track/index.mjs";
-import { getInteractionPropertiesForEvent as $ } from "../../../functions/track/interaction.mjs";
+import { getInteractionPropertiesForEvent as z } from "../../../functions/track/interaction.mjs";
 import { getDefaultCanTrack as K } from "../../../helpers/canTrack.mjs";
-import { postPreviewContent as G } from "../../../helpers/preview-lru-cache/set.mjs";
-import { createEditorListener as J } from "../../../helpers/subscribe-to-editor.mjs";
-import { registerInsertMenu as Q, setupBrowserForEditing as X } from "../../../scripts/init-editing.mjs";
-import { triggerAnimation as Y } from "../../block/animator.mjs";
+import { getCookieSync as G } from "../../../helpers/cookie.mjs";
+import { postPreviewContent as J } from "../../../helpers/preview-lru-cache/set.mjs";
+import { createEditorListener as Q } from "../../../helpers/subscribe-to-editor.mjs";
+import { registerInsertMenu as X, setupBrowserForEditing as Y } from "../../../scripts/init-editing.mjs";
+import { triggerAnimation as Z } from "../../block/animator.mjs";
 import { needsElementRefDivForEditing as q } from "./enable-editor.helpers.mjs";
-import { getWrapperClassName as Z } from "./styles.helpers.mjs";
-import { useRouter as p } from "next/navigation";
-function Re(e) {
+import { getWrapperClassName as p } from "./styles.helpers.mjs";
+import { useRouter as ee } from "next/navigation";
+function ke(e) {
   var y, R, w;
-  const c = P(null);
-  function m(n) {
+  const u = P(null);
+  m(() => !1);
+  function s(n) {
     var i, r;
     const t = {
       ...e.builderContextSignal.rootState,
@@ -46,7 +48,7 @@ function Re(e) {
         breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((d = (o = e.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : d.breakpoints)
       }
     };
-    G({
+    J({
       value: t,
       key: t.id
     }).then(() => {
@@ -59,11 +61,11 @@ function Re(e) {
       "aria-hidden": !0
     };
   }
-  const [U, ee] = f(
+  const [U, te] = m(
     () => e.contentWrapper || "div"
   );
   function v(n) {
-    return J({
+    return Q({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
@@ -77,19 +79,19 @@ function Re(e) {
           });
         },
         animation: (t) => {
-          Y(t);
+          Z(t);
         },
         contentUpdate: (t) => {
           b(t);
         },
         stateUpdate: (t) => {
-          m(t);
+          s(t);
         }
       }
     })(n);
   }
-  const [h, te] = f(() => ({})), [S, ne] = f(() => ({})), [x, D] = f(() => !1);
-  function N(n) {
+  const [h, ne] = m(() => ({})), [S, ie] = m(() => ({})), [x, D] = m(() => !1);
+  function V(n) {
     var t, i;
     if (e.builderContextSignal.content) {
       const r = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, a = (i = e.builderContextSignal.content) == null ? void 0 : i.id;
@@ -100,13 +102,13 @@ function Re(e) {
         contentId: a,
         apiKey: e.apiKey,
         variationId: r !== a ? r : void 0,
-        ...$(n),
+        ...z(n),
         unique: !x
       });
     }
     x || D(!0);
   }
-  function V() {
+  function N() {
     var t, i, r;
     const n = (r = (i = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : i.httpRequests) != null ? r : {};
     Object.entries(n).forEach(([a, o]) => {
@@ -115,7 +117,7 @@ function Re(e) {
       S[a] = !0;
       const d = o.replace(
         /{{([^}]+)}}/g,
-        (u, M) => String(
+        (l, M) => String(
           W({
             code: M,
             context: e.context || {},
@@ -125,18 +127,18 @@ function Re(e) {
           })
         )
       );
-      F(d), fetch(d).then((u) => u.json()).then((u) => {
-        m({
-          [a]: u
+      F(d), fetch(d).then((l) => l.json()).then((l) => {
+        s({
+          [a]: l
         }), h[a] = !0;
-      }).catch((u) => {
-        console.error("error fetching dynamic data", o, u);
+      }).catch((l) => {
+        console.error("error fetching dynamic data", o, l);
       }).finally(() => {
         S[a] = !1;
       });
     });
   }
-  function s() {
+  function f() {
     g() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -153,7 +155,7 @@ function Re(e) {
   }
   function C(n) {
     var t;
-    window.addEventListener("message", v), Q(), X({
+    window.addEventListener("message", v), X(), Y({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -170,12 +172,12 @@ function Re(e) {
     ).forEach((i) => {
       var r, a;
       if (!((r = i.models) != null && r.length) || i.models.includes(e.model)) {
-        const o = z(i);
+        const o = $(i);
         (a = window.parent) == null || a.postMessage(o, "*");
       }
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      s
+      f
     );
   }
   function E(n) {
@@ -196,69 +198,74 @@ function Re(e) {
       d && b(d);
     });
   }
-  const _ = p(), I = P(!1);
-  return I.current || (V(), s(), I.current = !0), l(() => {
+  const _ = ee(), I = P(!1);
+  return I.current || (N(), f(), I.current = !0), c(() => {
     var n;
-    return (n = c.current) == null || n.addEventListener(
+    return (n = u.current) == null || n.addEventListener(
       "initeditingbldr",
       C
     ), () => {
       var t;
-      return (t = c.current) == null ? void 0 : t.removeEventListener(
+      return (t = u.current) == null ? void 0 : t.removeEventListener(
         "initeditingbldr",
         C
       );
     };
-  }, []), l(() => {
+  }, []), c(() => {
     var n;
-    return (n = c.current) == null || n.addEventListener(
+    return (n = u.current) == null || n.addEventListener(
       "initpreviewingbldr",
       E
     ), () => {
       var t;
-      return (t = c.current) == null ? void 0 : t.removeEventListener(
+      return (t = u.current) == null ? void 0 : t.removeEventListener(
         "initpreviewingbldr",
         E
       );
     };
-  }, []), l(() => {
-    var n, t;
+  }, []), c(() => {
+    var n, t, i;
     if (L()) {
-      if (g() && !e.isNestedRender && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && K(e.canTrack)) {
-        const r = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, a = (t = e.builderContextSignal.content) == null ? void 0 : t.id, o = e.apiKey;
+      g() && !e.isNestedRender && u.current && u.current.dispatchEvent(new CustomEvent("initeditingbldr"));
+      const r = e.builderContextSignal.content && K(e.canTrack), a = G({
+        name: `builder.tests.${(n = e.builderContextSignal.content) == null ? void 0 : n.id}`,
+        canTrack: !0
+      }), o = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId;
+      if (r && o === a) {
+        const d = (i = e.builderContextSignal.content) == null ? void 0 : i.id, l = e.apiKey;
         H({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: a,
-          apiKey: o,
-          variationId: r !== a ? r : void 0
+          contentId: d,
+          apiKey: l,
+          variationId: a !== d ? a : void 0
         });
       }
       B() && g();
     }
-  }, []), l(() => {
-  }, [e.content]), l(() => {
-    s();
-  }, [e.builderContextSignal.rootState]), l(() => {
-    e.data && m(e.data);
-  }, [e.data]), l(() => {
-    e.locale && m({
+  }, []), c(() => {
+  }, [e.content]), c(() => {
+    f();
+  }, [e.builderContextSignal.rootState]), c(() => {
+    e.data && s(e.data);
+  }, [e.data]), c(() => {
+    e.locale && s({
       locale: e.locale
     });
-  }, [e.locale]), l(() => () => {
+  }, [e.locale]), c(() => () => {
     L() && (window.removeEventListener("message", v), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      s
+      f
     ));
   }, []), /* @__PURE__ */ k(O.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || q() ? /* @__PURE__ */ k(
     U,
     {
-      ref: c,
-      onClick: (n) => N(n),
+      ref: u,
+      onClick: (n) => V(n),
       "builder-content-id": (y = e.builderContextSignal.content) == null ? void 0 : y.id,
       "builder-model": e.model,
-      className: Z(
+      className: p(
         ((R = e.content) == null ? void 0 : R.testVariationId) || ((w = e.content) == null ? void 0 : w.id)
       ),
       style: {
@@ -271,5 +278,5 @@ function Re(e) {
   ) : null });
 }
 export {
-  Re as default
+  ke as default
 };

package/lib/browser/components/content-variants/helpers.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../constants/target.cjs"),S=require("../../functions/is-browser.cjs"),r=require("./inlined-fns.cjs"),e="builderIoAbTest",s="builderIoRenderContent",a=i=>Object.values((i==null?void 0:i.variations)||{}).map(t=>({...t,testVariationId:t.id,id:i==null?void 0:i.id})),d=({canTrack:i,content:t})=>!(!(a(t).length>0)||!i||S.isBrowser()),I=i=>i==="react"||i==="reactNative",n=I(o.TARGET),T=()=>`
-  window.${e} = ${r.UPDATE_COOKIES_AND_STYLES_SCRIPT}
-  window.${s} = ${r.UPDATE_VARIANT_VISIBILITY_SCRIPT}
-  `,c=(i,t)=>`
-  window.${e}(
-    "${t}",${JSON.stringify(i)}, ${n}
-  )`,g=({contentId:i,variationId:t})=>`window.${s}(
-    "${t}", "${i}", ${n}
-  )`;exports.checkShouldRenderVariants=d;exports.getInitVariantsFnsScriptString=T;exports.getUpdateCookieAndStylesScript=c;exports.getUpdateVariantVisibilityScript=g;exports.getVariants=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/target.cjs"),S=require("../../functions/is-browser.cjs"),r=require("./inlined-fns.cjs"),s="builderIoAbTest",a="builderIoRenderContent",n=i=>Object.values((i==null?void 0:i.variations)||{}).map(t=>({...t,testVariationId:t.id,id:i==null?void 0:i.id})),d=({canTrack:i,content:t})=>!(!(n(t).length>0)||!i||S.isBrowser()),I=i=>i==="react"||i==="reactNative",T=e.TARGET==="angular",o=I(e.TARGET),c=()=>`
+  window.${s} = ${r.UPDATE_COOKIES_AND_STYLES_SCRIPT}
+  window.${a} = ${r.UPDATE_VARIANT_VISIBILITY_SCRIPT}
+  `,g=(i,t)=>`
+  window.${s}(
+    "${t}",${JSON.stringify(i)}, ${o}, ${T}
+  )`,l=({contentId:i,variationId:t})=>`window.${a}(
+    "${t}", "${i}", ${o}
+  )`;exports.checkShouldRenderVariants=d;exports.getInitVariantsFnsScriptString=c;exports.getUpdateCookieAndStylesScript=g;exports.getUpdateVariantVisibilityScript=l;exports.getVariants=n;

package/lib/browser/components/content-variants/helpers.mjs

@@ -1,29 +1,29 @@
-import { TARGET as e } from "../../constants/target.mjs";
+import { TARGET as t } from "../../constants/target.mjs";
 import { isBrowser as o } from "../../functions/is-browser.mjs";
-import { UPDATE_COOKIES_AND_STYLES_SCRIPT as I, UPDATE_VARIANT_VISIBILITY_SCRIPT as n } from "./inlined-fns.mjs";
-const t = "builderIoAbTest", s = "builderIoRenderContent", S = (i) => Object.values((i == null ? void 0 : i.variations) || {}).map((r) => ({
+import { UPDATE_COOKIES_AND_STYLES_SCRIPT as n, UPDATE_VARIANT_VISIBILITY_SCRIPT as I } from "./inlined-fns.mjs";
+const s = "builderIoAbTest", a = "builderIoRenderContent", S = (i) => Object.values((i == null ? void 0 : i.variations) || {}).map((r) => ({
   ...r,
   testVariationId: r.id,
   id: i == null ? void 0 : i.id
-})), $ = ({
+})), V = ({
   canTrack: i,
   content: r
-}) => !(!(S(r).length > 0) || !i || o()), T = (i) => i === "react" || i === "reactNative", a = T(e), E = () => `
-  window.${t} = ${I}
+}) => !(!(S(r).length > 0) || !i || o()), T = (i) => i === "react" || i === "reactNative", d = t === "angular", e = T(t), g = () => `
   window.${s} = ${n}
-  `, f = (i, r) => `
-  window.${t}(
-    "${r}",${JSON.stringify(i)}, ${a}
-  )`, l = ({
+  window.${a} = ${I}
+  `, u = (i, r) => `
+  window.${s}(
+    "${r}",${JSON.stringify(i)}, ${e}, ${d}
+  )`, E = ({
   contentId: i,
   variationId: r
-}) => `window.${s}(
-    "${r}", "${i}", ${a}
+}) => `window.${a}(
+    "${r}", "${i}", ${e}
   )`;
 export {
-  $ as checkShouldRenderVariants,
-  E as getInitVariantsFnsScriptString,
-  f as getUpdateCookieAndStylesScript,
-  l as getUpdateVariantVisibilityScript,
+  V as checkShouldRenderVariants,
+  g as getInitVariantsFnsScriptString,
+  u as getUpdateCookieAndStylesScript,
+  E as getUpdateVariantVisibilityScript,
   S as getVariants
 };

package/lib/browser/components/content-variants/inlined-fns.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -40,7 +40,10 @@
     return contentId;
   }
   const winningVariantId = getAndSetVariantId();
-  const styleEl = document.currentScript?.previousElementSibling;
+  let styleEl = document.currentScript?.previousElementSibling;
+  if (isAngularSDK) {
+    styleEl = document.currentScript?.parentElement?.previousElementSibling?.querySelector('style');
+  }
   if (isHydrationTarget) {
     styleEl.remove();
     const thisScriptEl = document.currentScript;

package/lib/browser/components/content-variants/inlined-fns.mjs

@@ -1,4 +1,4 @@
-const n = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+const n = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -40,7 +40,10 @@ const n = `function updateCookiesAndStyles(contentId, variants, isHydrationTarge
     return contentId;
   }
   const winningVariantId = getAndSetVariantId();
-  const styleEl = document.currentScript?.previousElementSibling;
+  let styleEl = document.currentScript?.previousElementSibling;
+  if (isAngularSDK) {
+    styleEl = document.currentScript?.parentElement?.previousElementSibling?.querySelector('style');
+  }
   if (isHydrationTarget) {
     styleEl.remove();
     const thisScriptEl = document.currentScript;

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

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

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

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

package/lib/edge/blocks/custom-code/custom-code.cjs

@@ -1 +1 @@
-"use client";"use strict";const p=require("react/jsx-runtime"),n=require("react");function l(r){const s=n.useRef(null),[i,d]=n.useState(()=>[]),[u,m]=n.useState(()=>[]);return n.useEffect(()=>{var a;if(!((a=s.current)!=null&&a.getElementsByTagName)||typeof window=="undefined")return;const o=s.current.getElementsByTagName("script");for(let c=0;c<o.length;c++){const e=o[c];if(e.src){if(i.includes(e.src))continue;i.push(e.src);const t=document.createElement("script");t.async=!0,t.src=e.src,document.head.appendChild(t)}else if(!e.type||["text/javascript","application/javascript","application/ecmascript"].includes(e.type)){if(u.includes(e.innerText))continue;try{u.push(e.innerText),new Function(e.innerText)()}catch(t){console.warn("`CustomCode`: Error running script:",t)}}}},[]),p.jsx("div",{ref:s,className:"builder-custom-code"+(r.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:r.code}})}module.exports=l;
+"use client";"use strict";const l=require("react/jsx-runtime"),n=require("react"),p=require("../../functions/is-editing.cjs"),f=require("../../helpers/logger.cjs");function m(s){const r=n.useRef(null),[i,g]=n.useState(()=>[]),[u,E]=n.useState(()=>[]);function o(){var d;if(!r.current||!((d=r.current)!=null&&d.getElementsByTagName)||typeof window=="undefined")return;const a=r.current.getElementsByTagName("script");for(let c=0;c<a.length;c++){const e=a[c];if(e.src){if(i.includes(e.src))continue;i.push(e.src);const t=document.createElement("script");t.async=!0,t.src=e.src,document.head.appendChild(t)}else if(!e.type||["text/javascript","application/javascript","application/ecmascript"].includes(e.type)){if(u.includes(e.innerText))continue;try{u.push(e.innerText),new Function(e.innerText)()}catch(t){f.logger.warn("[BUILDER.IO] `CustomCode`: Error running script:",t)}}}}return n.useEffect(()=>{o()},[]),n.useEffect(()=>{p.isEditing()&&o()},[s.code]),l.jsx("div",{ref:r,className:"builder-custom-code"+(s.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:s.code}})}module.exports=m;

package/lib/edge/blocks/custom-code/custom-code.mjs

@@ -1,19 +1,21 @@
 "use client";
-import { jsx as p } from "react/jsx-runtime";
-import { useRef as l, useState as a, useEffect as d } from "react";
-function h(s) {
-  const n = l(null), [c, m] = a(() => []), [i, f] = a(() => []);
-  return d(() => {
-    var u;
-    if (!((u = n.current) != null && u.getElementsByTagName) || typeof window == "undefined")
+import { jsx as l } from "react/jsx-runtime";
+import { useRef as m, useState as a, useEffect as d } from "react";
+import { isEditing as f } from "../../functions/is-editing.mjs";
+import { logger as g } from "../../helpers/logger.mjs";
+function w(r) {
+  const n = m(null), [s, y] = a(() => []), [i, h] = a(() => []);
+  function o() {
+    var p;
+    if (!n.current || !((p = n.current) != null && p.getElementsByTagName) || typeof window == "undefined")
       return;
-    const o = n.current.getElementsByTagName("script");
-    for (let r = 0; r < o.length; r++) {
-      const e = o[r];
+    const u = n.current.getElementsByTagName("script");
+    for (let c = 0; c < u.length; c++) {
+      const e = u[c];
       if (e.src) {
-        if (c.includes(e.src))
+        if (s.includes(e.src))
           continue;
-        c.push(e.src);
+        s.push(e.src);
         const t = document.createElement("script");
         t.async = !0, t.src = e.src, document.head.appendChild(t);
       } else if (!e.type || [
@@ -26,19 +28,27 @@ function h(s) {
         try {
           i.push(e.innerText), new Function(e.innerText)();
         } catch (t) {
-          console.warn("`CustomCode`: Error running script:", t);
+          g.warn(
+            "[BUILDER.IO] `CustomCode`: Error running script:",
+            t
+          );
         }
       }
     }
-  }, []), /* @__PURE__ */ p(
+  }
+  return d(() => {
+    o();
+  }, []), d(() => {
+    f() && o();
+  }, [r.code]), /* @__PURE__ */ l(
     "div",
     {
       ref: n,
-      className: "builder-custom-code" + (s.replaceNodes ? " replace-nodes" : ""),
-      dangerouslySetInnerHTML: { __html: s.code }
+      className: "builder-custom-code" + (r.replaceNodes ? " replace-nodes" : ""),
+      dangerouslySetInnerHTML: { __html: r.code }
     }
   );
 }
 export {
-  h as default
+  w as default
 };

package/lib/edge/blocks/embed/embed.cjs

@@ -1 +1 @@
-"use client";"use strict";const d=require("react/jsx-runtime"),r=require("react"),m=require("./helpers.cjs");function f(a){const t=r.useRef(null),[c,S]=r.useState(()=>[]),[i,h]=r.useState(()=>[]),[u,l]=r.useState(()=>!1);function p(){if(!t.current||!t.current.getElementsByTagName)return;const o=t.current.getElementsByTagName("script");for(let s=0;s<o.length;s++){const e=o[s];if(e.src&&!c.includes(e.src)){c.push(e.src);const n=document.createElement("script");n.async=!0,n.src=e.src,document.head.appendChild(n)}else if(m.isJsScript(e)&&!i.includes(e.innerText))try{i.push(e.innerText),new Function(e.innerText)()}catch(n){console.warn("`Embed`: Error running script:",n)}}}return r.useEffect(()=>{t.current&&!u&&(l(!0),p())},[t.current,u]),d.jsx("div",{className:"builder-embed",ref:t,dangerouslySetInnerHTML:{__html:a.content}})}module.exports=f;
+"use client";"use strict";const d=require("react/jsx-runtime"),r=require("react"),m=require("../../helpers/logger.cjs"),f=require("./helpers.cjs");function g(l){const t=r.useRef(null),[c,S]=r.useState(()=>[]),[i,h]=r.useState(()=>[]),[u,a]=r.useState(()=>!1);function p(){if(!t.current||!t.current.getElementsByTagName)return;const o=t.current.getElementsByTagName("script");for(let s=0;s<o.length;s++){const e=o[s];if(e.src&&!c.includes(e.src)){c.push(e.src);const n=document.createElement("script");n.async=!0,n.src=e.src,document.head.appendChild(n)}else if(f.isJsScript(e)&&!i.includes(e.innerText))try{i.push(e.innerText),new Function(e.innerText)()}catch(n){m.logger.warn("[BUILDER.IO] `Embed`: Error running script:",n)}}}return r.useEffect(()=>{t.current&&!u&&(a(!0),p())},[t.current,u]),d.jsx("div",{className:"builder-embed",ref:t,dangerouslySetInnerHTML:{__html:l.content}})}module.exports=g;

package/lib/edge/blocks/embed/embed.mjs

@@ -1,35 +1,36 @@
 "use client";
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { useRef as d, useState as s, useEffect as f } from "react";
-import { isJsScript as g } from "./helpers.mjs";
-function y(l) {
-  const t = d(null), [c, h] = s(() => []), [i, E] = s(() => []), [u, p] = s(() => !1);
-  function a() {
+import { logger as g } from "../../helpers/logger.mjs";
+import { isJsScript as E } from "./helpers.mjs";
+function y(m) {
+  const t = d(null), [c, h] = s(() => []), [i, I] = s(() => []), [u, p] = s(() => !1);
+  function l() {
     if (!t.current || !t.current.getElementsByTagName)
       return;
     const o = t.current.getElementsByTagName("script");
-    for (let r = 0; r < o.length; r++) {
-      const e = o[r];
+    for (let n = 0; n < o.length; n++) {
+      const e = o[n];
       if (e.src && !c.includes(e.src)) {
         c.push(e.src);
-        const n = document.createElement("script");
-        n.async = !0, n.src = e.src, document.head.appendChild(n);
-      } else if (g(e) && !i.includes(e.innerText))
+        const r = document.createElement("script");
+        r.async = !0, r.src = e.src, document.head.appendChild(r);
+      } else if (E(e) && !i.includes(e.innerText))
         try {
           i.push(e.innerText), new Function(e.innerText)();
-        } catch (n) {
-          console.warn("`Embed`: Error running script:", n);
+        } catch (r) {
+          g.warn("[BUILDER.IO] `Embed`: Error running script:", r);
         }
     }
   }
   return f(() => {
-    t.current && !u && (p(!0), a());
-  }, [t.current, u]), /* @__PURE__ */ m(
+    t.current && !u && (p(!0), l());
+  }, [t.current, u]), /* @__PURE__ */ a(
     "div",
     {
       className: "builder-embed",
       ref: t,
-      dangerouslySetInnerHTML: { __html: l.content }
+      dangerouslySetInnerHTML: { __html: m.content }
     }
   );
 }

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../../constants/file-types.cjs"),p={name:"Image",static:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:m.IMAGE_FILE_TYPES,required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:t=>{t.delete("srcset"),t.delete("noWebp");function s(e,o=6e4){return new Promise((u,n)=>{const i=document.createElement("img");let l=!1;i.onload=()=>{l=!0,u(i)},i.addEventListener("error",d=>{console.warn("Image load failed",d.error),n(d.error)}),i.src=e,setTimeout(()=>{l||n(new Error("Image load timed out"))},o)})}function h(e){return Math.round(e*1e3)/1e3}const a=t.get("image"),r=t.get("aspectRatio");if(fetch(a).then(e=>e.blob()).then(e=>{e.type.includes("svg")&&t.set("noWebp",!0)}),a&&(!r||r===.7041))return s(a).then(e=>{const o=t.get("aspectRatio");t.get("image")===a&&(!o||o===.7041)&&e.width&&e.height&&(t.set("aspectRatio",h(e.height/e.width)),t.set("height",e.height),t.set("width",e.width))})}},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"highPriority",type:"boolean",advanced:!0,helperText:"Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."},{name:"aspectRatio",type:"number",helperText:"This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",advanced:!0,defaultValue:.7041}],shouldReceiveBuilderProps:{builderBlock:!0}};exports.componentInfo=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../constants/file-types.cjs"),m={name:"Image",static:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:p.IMAGE_FILE_TYPES,required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:t=>{t.delete("srcset"),t.delete("noWebp");function d(e,o=6e4){return new Promise((u,n)=>{const i=document.createElement("img");let l=!1;i.onload=()=>{l=!0,u(i)},i.addEventListener("error",s=>{console.warn("Image load failed",s.error),n(s.error)}),i.src=e,setTimeout(()=>{l||n(new Error("Image load timed out"))},o)})}function h(e){return Math.round(e*1e3)/1e3}const a=t.get("image"),r=t.get("aspectRatio");if(fetch(a).then(e=>e.blob()).then(e=>{e.type.includes("svg")&&t.set("noWebp",!0)}),a&&(!r||r===.7041))return d(a).then(e=>{const o=t.get("aspectRatio");t.get("image")===a&&(!o||o===.7041)&&e.width&&e.height&&(t.set("aspectRatio",h(e.height/e.width)),t.set("height",e.height),t.set("width",e.width))})}},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"title",type:"string",helperText:"Text to display when hovering over the asset"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"highPriority",type:"boolean",advanced:!0,helperText:"Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."},{name:"aspectRatio",type:"number",helperText:"This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",advanced:!0,defaultValue:.7041}],shouldReceiveBuilderProps:{builderBlock:!0}};exports.componentInfo=m;

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

@@ -1,5 +1,5 @@
-import { IMAGE_FILE_TYPES as m } from "../../constants/file-types.mjs";
-const g = {
+import { IMAGE_FILE_TYPES as p } from "../../constants/file-types.mjs";
+const c = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -14,19 +14,19 @@ const g = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: m,
+    allowedFileTypes: p,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (t) => {
       t.delete("srcset"), t.delete("noWebp");
-      function h(e, o = 6e4) {
+      function d(e, o = 6e4) {
         return new Promise((u, n) => {
           const i = document.createElement("img");
           let l = !1;
           i.onload = () => {
             l = !0, u(i);
-          }, i.addEventListener("error", (d) => {
-            console.warn("Image load failed", d.error), n(d.error);
+          }, i.addEventListener("error", (h) => {
+            console.warn("Image load failed", h.error), n(h.error);
           }), i.src = e, setTimeout(() => {
             l || n(new Error("Image load timed out"));
           }, o);
@@ -39,7 +39,7 @@ const g = {
       if (fetch(a).then((e) => e.blob()).then((e) => {
         e.type.includes("svg") && t.set("noWebp", !0);
       }), a && (!r || r === 0.7041))
-        return h(a).then((e) => {
+        return d(a).then((e) => {
           const o = t.get("aspectRatio");
           t.get("image") === a && (!o || o === 0.7041) && e.width && e.height && (t.set("aspectRatio", s(e.height / e.width)), t.set("height", e.height), t.set("width", e.width));
         });
@@ -66,6 +66,10 @@ const g = {
     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: "height",
     type: "number",
@@ -109,5 +113,5 @@ const g = {
   }
 };
 export {
-  g as componentInfo
+  c as componentInfo
 };

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

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