@builder.io/sdk-react 4.2.0 → 4.2.1

package/lib/browser/blocks-exports.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { TARGET as O, 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 Fe, setupBrowserForEditing as ut, createRegisterComponentMessage as dt, getCookieSync as mt, _track as Te, fetchOneEntry as Le, createEditorListener as ft, serializeIncludingFunctions as Ie, handleABTestingSync as ht } from "./server-entry-065ec411.js";
-import { setClientUserAttributes as Hi } from "./server-entry-065ec411.js";
+import { TARGET as O, 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 Fe, setupBrowserForEditing as ut, createRegisterComponentMessage as dt, getCookieSync as mt, _track as Te, fetchOneEntry as Le, createEditorListener as ft, serializeIncludingFunctions as Ie, handleABTestingSync as ht } from "./server-entry-5e98a993.js";
+import { setClientUserAttributes as Hi } from "./server-entry-5e98a993.js";
 import { jsx as s, Fragment as R, jsxs as $ } from "react/jsx-runtime";
 import * as gt from "react";
 import { createContext as _e, useEffect as V, useState as C, useRef as H, useContext as we, createElement as Ue } from "react";
@@ -624,7 +624,7 @@ function Yt(e) {
     return ae(i.hide) ? !i.hide : ae(i.show) ? i.show : !0;
   }
   function n() {
-    var k, A, T, w, g;
+    var k, A, T, w, h;
     const i = e.block, r = i.responsiveStyles, o = e.context.content, a = et(
       ((k = o == null ? void 0 : o.meta) == null ? void 0 : k.breakpoints) || {}
     ), l = !!((T = (A = o == null ? void 0 : o.meta) == null ? void 0 : A.breakpoints) != null && T.xsmall), c = r == null ? void 0 : r.large, u = r == null ? void 0 : r.medium, f = r == null ? void 0 : r.small, b = r == null ? void 0 : r.xsmall, m = i.id;
@@ -640,7 +640,7 @@ function Yt(e) {
         "medium",
         a
       )
-    }) : "", h = f ? Y({
+    }) : "", g = f ? Y({
       className: m,
       styles: f,
       mediaQuery: de(
@@ -657,7 +657,7 @@ function Yt(e) {
     }) : "", y = i.animations && i.animations.find((x) => x.trigger === "hover");
     let S = "";
     if (y) {
-      const x = ((g = (w = y.steps) == null ? void 0 : w[1]) == null ? void 0 : g.styles) || {};
+      const x = ((h = (w = y.steps) == null ? void 0 : w[1]) == null ? void 0 : h.styles) || {};
       S = Y({
         className: `${m}:hover`,
         styles: {
@@ -672,7 +672,7 @@ function Yt(e) {
     return [
       v,
       d,
-      h,
+      g,
       p,
       S
     ].join(" ");
@@ -896,10 +896,10 @@ function ue(e) {
     update: !1
   }));
   function r() {
-    var h;
+    var g;
     if (n.value && !n.update && !se())
       return n.value;
-    const d = (h = e.block.repeat) != null && h.collection ? e.block : Ot({
+    const d = (g = e.block.repeat) != null && g.collection ? e.block : Ot({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -916,8 +916,8 @@ function ue(e) {
     });
   }
   function a() {
-    var h;
-    return e.block.tagName === "a" || ((h = r().properties) == null ? void 0 : h.href) || r().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    var g;
+    return e.block.tagName === "a" || ((g = r().properties) == null ? void 0 : g.href) || r().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }
   function l() {
     var p, y;
@@ -927,14 +927,14 @@ function ue(e) {
     return ("show" in r() ? r().show : !0) && !d;
   }
   function c() {
-    var h, p;
-    return !((h = o == null ? void 0 : o()) != null && h.component) && !t() ? (p = r().children) != null ? p : [] : [];
+    var g, p;
+    return !((g = o == null ? void 0 : o()) != null && g.component) && !t() ? (p = r().children) != null ? p : [] : [];
   }
   function u() {
-    var d, h, p, y;
+    var d, g, p, y;
     return {
       blockChildren: (d = r().children) != null ? d : [],
-      componentRef: (h = o == null ? void 0 : o()) == null ? void 0 : h.component,
+      componentRef: (g = o == null ? void 0 : o()) == null ? void 0 : g.component,
       componentOptions: {
         ...Rt(r(), e.context),
         ...Gt(o(), r()),
@@ -955,9 +955,9 @@ function ue(e) {
     };
   }
   return V(() => {
-    const d = r().id, h = r().animations;
-    h && d && Lt(
-      h.map((p) => ({
+    const d = r().id, g = r().animations;
+    g && d && Lt(
+      g.map((p) => ({
         ...p,
         elementId: d
       }))
@@ -966,7 +966,7 @@ function ue(e) {
     n.update = !0;
   }), /* @__PURE__ */ s(R, { children: l() ? /* @__PURE__ */ $(R, { children: [
     /* @__PURE__ */ s(Yt, { block: r(), context: e.context }),
-    (f = o == null ? void 0 : o()) != null && f.noWrap ? t() ? /* @__PURE__ */ s(R, { children: (v = t()) == null ? void 0 : v.map((d, h) => /* @__PURE__ */ s(
+    (f = o == null ? void 0 : o()) != null && f.noWrap ? t() ? /* @__PURE__ */ s(R, { children: (v = t()) == null ? void 0 : v.map((d, g) => /* @__PURE__ */ s(
       Ve,
       {
         repeatContext: d.context,
@@ -974,7 +974,7 @@ function ue(e) {
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      Re(h)
+      Re(g)
     )) }) : /* @__PURE__ */ s(
       Pe,
       {
@@ -988,7 +988,7 @@ function ue(e) {
         includeBlockProps: u().includeBlockProps,
         isInteractive: u().isInteractive
       }
-    ) : /* @__PURE__ */ s(R, { children: t() ? /* @__PURE__ */ s(R, { children: (m = t()) == null ? void 0 : m.map((d, h) => /* @__PURE__ */ s(
+    ) : /* @__PURE__ */ s(R, { children: t() ? /* @__PURE__ */ s(R, { children: (m = t()) == null ? void 0 : m.map((d, g) => /* @__PURE__ */ s(
       Ve,
       {
         repeatContext: d.context,
@@ -996,7 +996,7 @@ function ue(e) {
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      Re(h)
+      Re(g)
     )) }) : /* @__PURE__ */ $(
       rn,
       {
@@ -1132,7 +1132,7 @@ function U(e) {
 }
 const cn = (e) => `builder-columns ${e}-breakpoints`;
 function un(e) {
-  var h, p;
+  var g, p;
   function t() {
     return typeof e.space == "number" ? e.space || 0 : 20;
   }
@@ -1257,7 +1257,7 @@ function un(e) {
     /* @__PURE__ */ $(
       "div",
       {
-        className: cn((h = e.builderBlock) == null ? void 0 : h.id) + " div-0369db37",
+        className: cn((g = e.builderBlock) == null ? void 0 : g.id) + " div-0369db37",
         style: f(),
         children: [
           /* @__PURE__ */ s(
@@ -1461,28 +1461,28 @@ function bn(e, t, n, i) {
           operator: v,
           value: p
         }));
-      const h = u[m];
-      if (Array.isArray(h))
-        return h.includes(d);
+      const g = u[m];
+      if (Array.isArray(g))
+        return g.includes(d);
       switch (v) {
         case "is":
-          return h === d;
+          return g === d;
         case "isNot":
-          return h !== d;
+          return g !== d;
         case "contains":
-          return (r(h) || Array.isArray(h)) && h.includes(String(d));
+          return (r(g) || Array.isArray(g)) && g.includes(String(d));
         case "startsWith":
-          return r(h) && h.startsWith(String(d));
+          return r(g) && g.startsWith(String(d));
         case "endsWith":
-          return r(h) && h.endsWith(String(d));
+          return r(g) && g.endsWith(String(d));
         case "greaterThan":
-          return o(h) && o(d) && h > d;
+          return o(g) && o(d) && g > d;
         case "lessThan":
-          return o(h) && o(d) && h < d;
+          return o(g) && o(d) && g < d;
         case "greaterThanOrEqualTo":
-          return o(h) && o(d) && h >= d;
+          return o(g) && o(d) && g >= d;
         case "lessThanOrEqualTo":
-          return o(h) && o(d) && h <= d;
+          return o(g) && o(d) && g <= d;
         default:
           return !1;
       }
@@ -1856,7 +1856,7 @@ function En(e) {
       cursor: "pointer"
     };
     return Object.fromEntries(
-      Object.entries(v).filter(([d, h]) => h !== void 0)
+      Object.entries(v).filter(([d, g]) => g !== void 0)
     );
   }
   function a(m) {
@@ -2362,7 +2362,7 @@ function j(e) {
   );
 }
 function Wn(e) {
-  var S, k, A, T, w, g, x, E, N, F, _, P, D;
+  var S, k, A, T, w, h, x, E, N, F, _, P, D;
   const t = H(null), [n, i] = C(
     () => Ce.getUserAttributes()
   ), [r, o] = C(
@@ -2398,7 +2398,7 @@ function Wn(e) {
       [z()]: `builder-personalization-container ${e.attributes[z()] || ""}`
     };
   }
-  function h() {
+  function g() {
     return (e.variants || []).filter((I) => {
       var B, W, K, q;
       return bn(
@@ -2420,7 +2420,7 @@ function Wn(e) {
       variants: e.variants,
       fallbackBlocks: (I = e.builderBlock) == null ? void 0 : I.children,
       isHydrated: m,
-      filteredVariants: h(),
+      filteredVariants: g(),
       previewingIndex: e.previewingIndex
     });
   }
@@ -2444,7 +2444,7 @@ function Wn(e) {
       }
     );
     if (!(L() || se())) {
-      const W = h()[0];
+      const W = g()[0];
       t.current && (t.current.dispatchEvent(
         new CustomEvent("builder.variantLoaded", {
           detail: {
@@ -2499,7 +2499,7 @@ function Wn(e) {
         /* @__PURE__ */ s(
           j,
           {
-            nonce: ((g = e.builderContext) == null ? void 0 : g.nonce) || "",
+            nonce: ((h = e.builderContext) == null ? void 0 : h.nonce) || "",
             scriptStr: a,
             id: `variants-visibility-script-${(x = e.builderBlock) == null ? void 0 : x.id}`
           }
@@ -3293,63 +3293,65 @@ function Xn(e) {
         return;
       }
       b.preventDefault();
-      const d = b.currentTarget || b.target, h = e.customHeaders || {};
+      const d = b.currentTarget || b.target, g = e.customHeaders || {};
       let p;
-      const y = new FormData(d), S = Array.from(d.querySelectorAll("input,select,textarea")).filter((g) => !!g.name).map((g) => {
+      const y = new FormData(d), S = Array.from(d.querySelectorAll("input,select,textarea")).filter((h) => !!h.name).filter(
+        (h) => !!h.name && (h.type !== "radio" || h.checked)
+      ).map((h) => {
         let x;
-        const E = g.name;
-        if (g instanceof HTMLInputElement)
-          if (g.type === "radio") {
-            if (g.checked)
-              return x = g.name, {
+        const E = h.name;
+        if (h instanceof HTMLInputElement)
+          if (h.type === "radio") {
+            if (h.checked)
+              return x = h.value, {
                 key: E,
                 value: x
               };
-          } else if (g.type === "checkbox")
-            x = g.checked;
-          else if (g.type === "number" || g.type === "range") {
-            const N = g.valueAsNumber;
+          } else if (h.type === "checkbox")
+            x = h.checked;
+          else if (h.type === "number" || h.type === "range") {
+            const N = h.valueAsNumber;
             isNaN(N) || (x = N);
           } else
-            g.type === "file" ? x = g.files : x = g.value;
+            h.type === "file" ? x = h.files : x = h.value;
         else
-          x = g.value;
+          x = h.value;
         return {
           key: E,
           value: x
         };
       });
       let k = e.contentType;
-      if (e.sendSubmissionsTo === "email" && (k = "multipart/form-data"), Array.from(S).forEach(({ value: g }) => {
-        (g instanceof File || Array.isArray(g) && g[0] instanceof File || g instanceof FileList) && (k = "multipart/form-data");
+      if (e.sendSubmissionsTo === "email" && (k = "multipart/form-data"), Array.from(S).forEach(({ value: h }) => {
+        (h instanceof File || Array.isArray(h) && h[0] instanceof File || h instanceof FileList) && (k = "multipart/form-data");
       }), k !== "application/json")
         p = y;
       else {
-        const g = {};
+        const h = {};
         Array.from(S).forEach(({ value: x, key: E }) => {
-          ze(g, E, x);
-        }), p = JSON.stringify(g);
+          ze(h, E, x);
+        }), p = JSON.stringify(h);
       }
-      k && k !== "multipart/form-data" && (m && ((v = e.action) != null && v.includes("zapier.com")) || (h["content-type"] = k));
+      k && k !== "multipart/form-data" && (m && ((v = e.action) != null && v.includes("zapier.com")) || (g["content-type"] = k));
       const A = new CustomEvent("presubmit", { detail: { body: p } });
       if (t.current && (t.current.dispatchEvent(A), A.defaultPrevented))
         return;
       if (i("sending"), e.sendSubmissionsTo === "email" && (e.sendSubmissionsToEmail === "your@email.com" || !e.sendSubmissionsToEmail)) {
-        const g = "SubmissionsToEmail is required when sendSubmissionsTo is set to email";
-        console.error(g), i("error"), c({ formErrorMessage: g });
+        const h = "SubmissionsToEmail is required when sendSubmissionsTo is set to email";
+        console.error(h), i("error"), c({ formErrorMessage: h });
         return;
       }
       const T = `${Yn() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
         e.sendSubmissionsToEmail || ""
       )}&name=${encodeURIComponent(e.name || "")}`, w = e.sendSubmissionsTo === "email" ? T : e.action;
-      Fe(w), fetch(w, { body: p, headers: h, method: e.method || "post" }).then(
-        async (g) => {
+      Fe(w), fetch(w, { body: p, headers: g, method: e.method || "post" }).then(
+        async (h) => {
           var N, F;
           let x;
-          const E = g.headers.get("content-type");
-          if (E && E.indexOf("application/json") !== -1 ? x = await g.json() : x = await g.text(), !g.ok) {
+          const E = h.headers.get("content-type");
+          if (E && E.indexOf("application/json") !== -1 ? x = await h.json() : x = await h.text(), !h.ok) {
             const _ = new CustomEvent("submit:error", {
-              detail: { error: x, status: g.status }
+              detail: { error: x, status: h.status }
             });
             if ((N = t.current) != null && N.nativeElement && ((F = t.current) == null || F.nativeElement.dispatchEvent(_), _.defaultPrevented))
               return;
@@ -3358,9 +3360,9 @@ function Xn(e) {
             typeof P != "string" && (P = JSON.stringify(P)), l(P), c({ formErrorMessage: P });
             return;
           }
-          if (o(x), i(g.ok ? "success" : "error"), g.ok) {
+          if (o(x), i(h.ok ? "success" : "error"), h.ok) {
             const _ = new CustomEvent("submit:success", {
-              detail: { res: g, body: x }
+              detail: { res: h, body: x }
             });
             if (t.current) {
               if (t.current.dispatchEvent(_), _.defaultPrevented)
@@ -3377,18 +3379,18 @@ function Xn(e) {
                 location.href = e.successUrl;
           }
         },
-        (g) => {
+        (h) => {
           const x = new CustomEvent("submit:error", {
-            detail: { error: g }
+            detail: { error: h }
           });
-          t.current && (t.current.dispatchEvent(x), x.defaultPrevented) || (o(g), i("error"));
+          t.current && (t.current.dispatchEvent(x), x.defaultPrevented) || (o(h), i("error"));
         }
       );
     }
   }
   return /* @__PURE__ */ $(R, { children: [
     " ",
-    /* @__PURE__ */ s("style", { children: ".pre-7c90c93e {   padding: 10px;   color: red;   text-align: center; }" }),
+    /* @__PURE__ */ s("style", { children: ".pre-26f6d56a {   padding: 10px;   color: red;   text-align: center; }" }),
     " ",
     /* @__PURE__ */ $(
       "form",
@@ -3418,7 +3420,7 @@ function Xn(e) {
               context: e.builderContext
             }
           ) : null,
-          u() === "error" && r ? /* @__PURE__ */ s("pre", { className: "builder-form-error-text pre-7c90c93e", children: JSON.stringify(r, null, 2) }) : null,
+          u() === "error" && r ? /* @__PURE__ */ s("pre", { className: "builder-form-error-text pre-26f6d56a", children: JSON.stringify(r, null, 2) }) : null,
           u() === "success" ? /* @__PURE__ */ s(
             U,
             {
@@ -3791,10 +3793,10 @@ function ui(e) {
   return V(() => {
     if (e.lazyLoad) {
       const v = new IntersectionObserver(function(d) {
-        d.forEach(function(h) {
-          if (!h.isIntersecting)
+        d.forEach(function(g) {
+          if (!g.isIntersecting)
             return;
-          const p = h.target;
+          const p = g.target;
           try {
             Array.from(p.children).filter(
               (y) => y instanceof HTMLElement && y.tagName === "SOURCE"
@@ -4166,23 +4168,23 @@ function Vi(e) {
   const t = H(null);
   C(() => !1);
   function n(T) {
-    var g, x;
+    var h, x;
     const w = {
       ...e.builderContextSignal.rootState,
       ...T
     };
-    e.builderContextSignal.rootSetState ? (x = (g = e.builderContextSignal).rootSetState) == null || x.call(g, w) : e.setBuilderContextSignal((E) => ({
+    e.builderContextSignal.rootSetState ? (x = (h = e.builderContextSignal).rootSetState) == null || x.call(h, w) : e.setBuilderContextSignal((E) => ({
       ...E,
       rootState: w
     }));
   }
   function i(T) {
-    var g, x, E, N, F;
+    var h, x, E, N, F;
     const w = {
       ...e.builderContextSignal.content,
       ...T,
       data: {
-        ...(g = e.builderContextSignal.content) == null ? void 0 : g.data,
+        ...(h = e.builderContextSignal.content) == null ? void 0 : h.data,
         ...T == null ? void 0 : T.data
       },
       meta: {
@@ -4212,10 +4214,10 @@ function Vi(e) {
       callbacks: {
         configureSdk: (w) => {
           var E;
-          const { breakpoints: g, contentId: x } = w;
-          !x || x !== ((E = e.builderContextSignal.content) == null ? void 0 : E.id) || g && i({
+          const { breakpoints: h, contentId: x } = w;
+          !x || x !== ((E = e.builderContextSignal.content) == null ? void 0 : E.id) || h && i({
             meta: {
-              breakpoints: g
+              breakpoints: h
             }
           });
         },
@@ -4233,9 +4235,9 @@ function Vi(e) {
   }
   const [c, u] = C(() => ({})), [f, b] = C(() => ({})), [m, v] = C(() => !1);
   function d(T) {
-    var w, g;
+    var w, h;
     if (e.builderContextSignal.content) {
-      const x = (w = e.builderContextSignal.content) == null ? void 0 : w.testVariationId, E = (g = e.builderContextSignal.content) == null ? void 0 : g.id;
+      const x = (w = e.builderContextSignal.content) == null ? void 0 : w.testVariationId, E = (h = e.builderContextSignal.content) == null ? void 0 : h.id;
       Te({
         apiHost: e.apiHost,
         type: "click",
@@ -4249,9 +4251,9 @@ function Vi(e) {
     }
     m || v(!0);
   }
-  function h() {
-    var w, g, x;
-    const T = (x = (g = (w = e.builderContextSignal.content) == null ? void 0 : w.data) == null ? void 0 : g.httpRequests) != null ? x : {};
+  function g() {
+    var w, h, x;
+    const T = (x = (h = (w = e.builderContextSignal.content) == null ? void 0 : w.data) == null ? void 0 : h.httpRequests) != null ? x : {};
     Object.entries(T).forEach(
       ([E, N]) => {
         if (!N)
@@ -4317,8 +4319,8 @@ function Vi(e) {
     );
   }
   const y = H(!1);
-  return y.current || (h(), p(), y.current = !0), V(() => {
-    var T, w, g, x, E;
+  return y.current || (g(), p(), y.current = !0), V(() => {
+    var T, w, h, x, E;
     if (M()) {
       L() && !e.isNestedRender && (window.addEventListener("message", l), ut({
         ...e.locale ? {
@@ -4347,7 +4349,7 @@ function Vi(e) {
       const N = e.builderContextSignal.content && Z(e.canTrack), F = mt({
         name: `builder.tests.${(w = e.builderContextSignal.content) == null ? void 0 : w.id}`,
         canTrack: !0
-      }), _ = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId;
+      }), _ = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId;
       if (N && _ === F) {
         const P = (x = e.builderContextSignal.content) == null ? void 0 : x.id, D = e.apiKey;
         Te({
@@ -4462,7 +4464,7 @@ const Bi = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function Oe(e) {
-  var u, f, b, m, v, d, h, p, y;
+  var u, f, b, m, v, d, g, p, y;
   const [t, n] = C(
     () => {
       var S, k;
@@ -4584,7 +4586,7 @@ function Oe(e) {
                 isNestedRender: e.isNestedRender,
                 contentId: (b = a.content) == null ? void 0 : b.id,
                 cssCode: (v = (m = a.content) == null ? void 0 : m.data) == null ? void 0 : v.cssCode,
-                customFonts: (h = (d = a.content) == null ? void 0 : d.data) == null ? void 0 : h.customFonts
+                customFonts: (g = (d = a.content) == null ? void 0 : d.data) == null ? void 0 : g.customFonts
               }
             ),
             /* @__PURE__ */ s(
@@ -4754,12 +4756,12 @@ function Di(e) {
     return "div";
   }
   function i() {
-    var d, h;
+    var d, g;
     return [
       e.attributes[z()],
       "builder-symbol",
       (d = e.symbol) != null && d.inline ? "builder-inline-symbol" : void 0,
-      (h = e.symbol) != null && h.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (g = e.symbol) != null && g.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }
   const [r, o] = C(() => {
@@ -4774,9 +4776,9 @@ function Di(e) {
     r && a === ((d = e.symbol) == null ? void 0 : d.entry) || $i({
       symbol: e.symbol,
       builderContextValue: e.builderContext
-    }).then((h) => {
+    }).then((g) => {
       var p;
-      h && (o(h), l((p = e.symbol) == null ? void 0 : p.entry));
+      g && (o(g), l((p = e.symbol) == null ? void 0 : p.entry));
     });
   }
   return V(() => {

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-09953757.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-4cf669a1.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.registerAction=e.registerAction;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-065ec411.js";
+import { Blocks as o, BuilderContext as s, Button as n, Columns as c, Content as g, Fragment as m, 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, registerAction as y, setClientUserAttributes as A, setEditorSettings as R, subscribeToEditor as T, track as v } from "./server-entry-5e98a993.js";
 import "react/jsx-runtime";
 import "react";
 export {
@@ -7,8 +7,8 @@ export {
   s as BuilderContext,
   n as Button,
   c as Columns,
-  m as Content,
-  g as Fragment,
+  g as Content,
+  m as Fragment,
   a as Image,
   l as Section,
   u as Symbol,
@@ -23,7 +23,8 @@ export {
   S as isEditing,
   P as isPreviewing,
   k as register,
-  y as setClientUserAttributes,
+  y as registerAction,
+  A as setClientUserAttributes,
   R as setEditorSettings,
   T as subscribeToEditor,
   v as track

package/lib/browser/server-entry-4cf669a1.cjs

@@ -0,0 +1,2 @@
+"use strict";const S="react",A="[Builder.io]: ",d={log:(...t)=>console.log(A,...t),error:(...t)=>console.error(A,...t),warn:(...t)=>console.warn(A,...t),debug:(...t)=>console.debug(A,...t)};function a(){return typeof window!="undefined"&&typeof document!="undefined"}const yt=t=>{const e={};return t.forEach((n,r)=>{e[r]=n}),e},$=t=>t instanceof URLSearchParams?yt(t):t,G=t=>typeof t=="string"?t:t instanceof URLSearchParams?t.toString():new URLSearchParams(t).toString();function bt(){return a()&&window.self!==window.top}function J(t){return bt()&&G(t||window.location.search).indexOf("builder.frameEditing=")!==-1}const mt=()=>{if(a()){const t=new URL(location.href);return t.pathname===""&&(t.pathname="/"),t}else return console.warn("Cannot get location for tracking in non-browser environment"),null},wt=()=>typeof navigator=="object"&&navigator.userAgent||"",z=()=>{const t=wt(),e={Android(){return t.match(/Android/i)},BlackBerry(){return t.match(/BlackBerry/i)},iOS(){return t.match(/iPhone|iPod/i)},Opera(){return t.match(/Opera Mini/i)},Windows(){return t.match(/IEMobile/i)||t.match(/WPDesktop/i)},any(){return e.Android()||e.BlackBerry()||e.iOS()||e.Opera()||e.Windows()||S==="reactNative"}},n=t.match(/Tablet|iPad/i),r=mt();return{urlPath:r==null?void 0:r.pathname,host:(r==null?void 0:r.host)||(r==null?void 0:r.hostname),device:n?"tablet":e.any()?"mobile":"desktop"}},p=t=>t!=null;function Et(t){const e=t||(a()?window.location.search:void 0);return e?G(e).indexOf("builder.preview=")!==-1:!1}const It=t=>({type:"builder.registerComponent",data:O(t)}),At=t=>{const e=t.toString().trim(),n=/^[a-zA-Z0-9_]+\s*=>/i.test(e);return`return (${!e.startsWith("function")&&!e.startsWith("async")&&!e.startsWith("(")&&!n?"function ":""}${e}).apply(this, arguments)`};function O(t){return JSON.parse(JSON.stringify(t,(e,n)=>typeof n=="function"?At(n):n))}const V={};function vt(t,e){t==="plugin"&&(e=O(e));let n=V[t];if(n||(n=V[t]=[]),n.push(e),a()){const r={type:"builder.register",data:{type:t,info:e}};try{parent.postMessage(r,"*"),parent!==window&&window.postMessage(r,"*")}catch(s){console.debug("Could not postmessage",s)}}}function kt(t){var e;if(a()){const n=JSON.parse(JSON.stringify(t));t.action&&(n.action=t.action.toString()),(e=window.parent)==null||e.postMessage({type:"builder.registerAction",data:n},"*")}}const D={};function Ut(t){if(a()){Object.assign(D,t);const e={type:"builder.settingsChange",data:D};parent.postMessage(e,"*")}}const F="builder.",Tt="options.",P=t=>{if(!t)return{};const e=$(t),n={};return Object.keys(e).forEach(r=>{if(r.startsWith(F)){const s=r.replace(F,"").replace(Tt,"");n[s]=e[r]}}),n},Ot=()=>{if(!a())return{};const t=new URLSearchParams(window.location.search);return P(t)},X="4.2.1",H=()=>({"X-Builder-SDK":S,"X-Builder-SDK-GEN":"2","X-Builder-SDK-Version":X}),Pt=t=>{if(t==="localhost"||t==="127.0.0.1")return t;const e=t.split(".");return e.length>2?e.slice(1).join("."):t},v=({name:t,canTrack:e})=>{var n;try{return e?(n=document.cookie.split("; ").find(r=>r.startsWith(`${t}=`)))==null?void 0:n.split("=")[1]:void 0}catch(r){d.warn("[COOKIE] GET error: ",(r==null?void 0:r.message)||r);return}},Q=async t=>v(t),Rt=t=>t.map(([e,n])=>n?`${e}=${n}`:e).filter(p).join("; "),Ct=[["secure",""],["SameSite","None"]],Bt=({name:t,value:e,expires:n})=>{const s=(a()?location.protocol==="https:":!0)?Ct:[[]],o=n?[["expires",n.toUTCString()]]:[[]],i=[[t,e],...o,["path","/"],["domain",Pt(window.location.hostname)],...s];return Rt(i)},R=async({name:t,value:e,expires:n,canTrack:r})=>{try{if(!r)return;const s=Bt({name:t,value:e,expires:n});document.cookie=s}catch(s){d.warn("[COOKIE] SET error: ",(s==null?void 0:s.message)||s)}};function xt(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){const e=Math.random()*16|0;return(t=="x"?e:e&3|8).toString(16)})}function Y(){return xt().replace(/-/g,"")}const Z="builderSessionId",_t=async({canTrack:t})=>{if(!t)return;const e=await Q({name:Z,canTrack:t});if(p(e))return e;{const n=Lt();return Nt({id:n,canTrack:t}),n}},Lt=()=>Y(),Nt=({id:t,canTrack:e})=>R({name:Z,value:t,canTrack:e}),q=()=>a()&&typeof localStorage!="undefined"?localStorage:void 0,Vt=({key:t,canTrack:e})=>{var n;try{return e?(n=q())==null?void 0:n.getItem(t):void 0}catch(r){console.debug("[LocalStorage] GET error: ",r);return}},Dt=({key:t,canTrack:e,value:n})=>{var r;try{e&&((r=q())==null||r.setItem(t,n))}catch(s){console.debug("[LocalStorage] SET error: ",s)}},tt="builderVisitorId",Ft=({canTrack:t})=>{if(!t)return;const e=Vt({key:tt,canTrack:t});if(p(e))return e;{const n=Mt();return Kt({id:n,canTrack:t}),n}},Mt=()=>Y(),Kt=({id:t,canTrack:e})=>Dt({key:tt,value:t,canTrack:e});function et(t){var e;typeof process!="undefined"&&((e=process.env)!=null&&e.DEBUG)&&String(process.env.DEBUG)=="true"&&d.log(t)}const Wt=async({canTrack:t})=>{if(!t)return{visitorId:void 0,sessionId:void 0};const e=await _t({canTrack:t}),n=Ft({canTrack:t});return{sessionId:e,visitorId:n}},jt=async({type:t,canTrack:e,apiKey:n,metadata:r,...s})=>({type:t,data:{...s,metadata:{url:location.href,...r},...await Wt({canTrack:e}),userAttributes:z(),ownerId:n}});async function nt({apiHost:t,...e}){if(!e.apiKey){d.error("Missing API key for track call. Please provide your API key.");return}if(!e.canTrack||J()||!(a()||S==="reactNative"))return;const r=`${t||"https://cdn.builder.io"}/api/v1/track`;return et(r),fetch(r,{method:"POST",body:JSON.stringify({events:[await jt(e)]}),headers:{"content-type":"application/json",...H()},mode:"cors"}).catch(s=>{console.error("Failed to track: ",s)})}const $t=t=>nt({...t,canTrack:!0}),Gt=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function rt(t,e){if(!e.origin.startsWith("http")&&!e.origin.startsWith("https"))return!1;const n=new URL(e.origin),r=n.hostname;return(t||Gt).findIndex(s=>s.startsWith("*.")?r.endsWith(s.slice(1)):s===r)>-1}let M=!1;const st=t=>{var e,n;M||(M=!0,a()&&((e=window.parent)==null||e.postMessage({type:"builder.sdkInfo",data:{target:S,version:X,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0,modelName:t.modelName,apiKey:t.apiKey,supportsXSmallBreakpoint:!0,blockLevelPersonalization:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:t}},"*"),window.addEventListener("message",r=>{var o,i;if(!rt(t.trustedHosts,r))return;const{data:s}=r;if(s!=null&&s.type)switch(s.type){case"builder.evaluate":{const u=s.data.text,m=s.data.arguments||[],y=s.data.id,w=new Function(u);let l,g=null;try{l=w.apply(null,m)}catch(h){g=h}g?(o=window.parent)==null||o.postMessage({type:"builder.evaluateError",data:{id:y,error:g.message}},"*"):l&&typeof l.then=="function"?l.then(h=>{var E;(E=window.parent)==null||E.postMessage({type:"builder.evaluateResult",data:{id:y,result:h}},"*")}).catch(console.error):(i=window.parent)==null||i.postMessage({type:"builder.evaluateResult",data:{result:l,id:y}},"*");break}}})))},ot=({model:t,trustedHosts:e,callbacks:n})=>r=>{if(!rt(e,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===t&&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===t&&n.contentUpdate(u);break}}},Jt=({model:t,apiKey:e,callback:n,trustedHosts:r})=>{if(!a)return d.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};st({modelName:t,apiKey:e});const s=ot({callbacks:{contentUpdate:n,animation:()=>{},configureSdk:()=>{},stateUpdate:()=>{}},model:t,trustedHosts:r});return window.addEventListener("message",s),()=>{window.removeEventListener("message",s)}},zt="builder.tests",C=t=>`${zt}.${t}`,Xt=({contentId:t})=>Q({name:C(t),canTrack:!0}),Ht=({contentId:t})=>v({name:C(t),canTrack:!0}),Qt=({contentId:t,value:e})=>R({name:C(t),value:e,canTrack:!0}),it=t=>p(t.id)&&p(t.variations)&&Object.keys(t.variations).length>0,Yt=({id:t,variations:e})=>{var s;let n=0;const r=Math.random();for(const o in e){const i=(s=e[o])==null?void 0:s.testRatio;if(n+=i,r<n)return o}return t},at=t=>{const e=Yt(t);return Qt({contentId:t.id,value:e}).catch(n=>{d.error("could not store A/B test variation: ",n)}),e},ct=({item:t,testGroupId:e})=>{const n=t.variations[e];return e===t.id||!n?{testVariationId:t.id,testVariationName:"Default"}:{data:n.data,testVariationId:n.id,testVariationName:n.name||(n.id===t.id?"Default":"")}},Zt=({item:t,canTrack:e})=>{if(!e)return t;if(!t)return;if(!it(t))return t;const n=Ht({contentId:t.id})||at({variations:t.variations,id:t.id}),r=ct({item:t,testGroupId:n});return{...t,...r}},qt=async({item:t,canTrack:e})=>{if(!e||!it(t))return t;const r=await Xt({contentId:t.id})||at({variations:t.variations,id:t.id}),s=ct({item:t,testGroupId:r});return{...t,...s}};const K="builder.userAttributes";function W(){let t=!0;const e=new Set;return{setUserAttributes(n){if(!a())return;const r={...this.getUserAttributes(),...n};R({name:K,value:JSON.stringify(r),canTrack:t}),e.forEach(s=>s(r))},getUserAttributes(){return a()?JSON.parse(v({name:K,canTrack:t})||"{}"):{}},subscribeOnUserAttributesChange(n,{fireImmediately:r}={}){return e.add(n),r&&n(this.getUserAttributes()),function(){e.delete(n)}},setCanTrack(n){t=n}}}let U;a()&&S==="qwik"?(window.__BUILDER_USER_ATTRIBUTES_SERVICE__||(window.__BUILDER_USER_ATTRIBUTES_SERVICE__=W()),U=window.__BUILDER_USER_ATTRIBUTES_SERVICE__):U=W();const B=U,te=t=>{B.setUserAttributes(t)},ut=t=>{const e=p(t)?t:!0;return B.setCanTrack(e),e};function ee(){return typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:globalThis}function ne(){const t=ee().fetch;if(typeof t=="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 t}const re=ne();function T(t,e=null,n="."){return Object.keys(t).reduce((r,s)=>{const o=t[s],i=[e,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 lt(t,e,n={}){for(const r in t){const s=t[r],o=e?e+"."+r:r;s&&typeof s=="object"&&!Array.isArray(s)&&!Object.keys(s).find(i=>i.startsWith("$"))?lt(s,o,n):n[o]=s}return n}function se(t){const e={};for(const n in t){const r=n.split(".");let s=e;for(let o=0;o<r.length;o++){const i=r[o];o===r.length-1?s[i]=t[n]:(s[i]=s[i]||{},s=s[i])}}return e}const oe="v3",j=t=>typeof t=="number"&&!isNaN(t)&&t>=0,x=t=>{const{limit:e=30,userAttributes:n,query:r,model:s,apiKey:o,enrich:i,locale:u,apiVersion:m=oe,fields:y,omit:w,offset:l,cacheSeconds:g,staleCacheSeconds:h,sort:E,includeUnpublished:_,apiHost:ht}=t;if(!o)throw new Error("Missing API key");if(!["v3"].includes(m))throw new Error(`Invalid apiVersion: expected 'v3', received '${m}'`);const pt=e!==1,St=ht||"https://cdn.builder.io",c=new URL(`${St}/api/${m}/content/${s}`);c.searchParams.set("apiKey",o),c.searchParams.set("limit",String(e)),c.searchParams.set("noTraverse",String(pt)),c.searchParams.set("includeRefs",String(!0));const k=u||(n==null?void 0:n.locale);let b=n||{};if(k&&(c.searchParams.set("locale",k),b={locale:k,...b}),i&&c.searchParams.set("enrich",String(i)),c.searchParams.set("omit",w!=null?w:"meta.componentsUsed"),y&&c.searchParams.set("fields",y),Number.isFinite(l)&&l>-1&&c.searchParams.set("offset",String(Math.floor(l))),typeof _=="boolean"&&c.searchParams.set("includeUnpublished",String(_)),g&&j(g)&&c.searchParams.set("cacheSeconds",String(g)),h&&j(h)&&c.searchParams.set("staleCacheSeconds",String(h)),E){const f=T({sort:E});for(const I in f)c.searchParams.set(I,JSON.stringify(f[I]))}const L={...Ot(),...$(t.options||{})};b={...b,...ae(L)};const N=T(L);for(const f in N)c.searchParams.set(f,String(N[f]));if(Object.keys(b).length>0&&c.searchParams.set("userAttributes",JSON.stringify(b)),r){const f=lt({query:r});for(const I in f)c.searchParams.set(I,JSON.stringify(f[I]))}return c},ie=t=>{const e={};for(const n in t)n.startsWith("userAttributes.")&&(e[n]=t[n],delete t[n]);return e},ae=t=>{if(a()&&t.preview==="BUILDER_STUDIO"){t["userAttributes.urlPath"]=window.location.pathname,t["userAttributes.host"]=window.location.host;const e=ie(t),{userAttributes:n}=se(e);return n}return{}},ce=t=>"results"in t;async function dt(t){const e=await gt({...t,limit:1});return e&&e[0]||null}const ue=async t=>{var i,u;const e=x(t),n=(i=t.fetch)!=null?i:re,r={...t.fetchOptions,headers:{...(u=t.fetchOptions)==null?void 0:u.headers,...H()}};return await(await n(e.href,r)).json()},ft=async(t,e,n=x(t))=>{const r=ut(t.canTrack);if(n.search.includes("preview="),!r||!(a()||S==="reactNative"))return e.results;try{const s=[];for(const o of e.results)s.push(await qt({item:o,canTrack:r}));e.results=s}catch(s){d.error("Could not process A/B tests. ",s)}return e.results};async function gt(t){const e=x(t),n=await ue(t);if(!ce(n))throw d.error("Error fetching data. ",{url:e,content:n,options:t}),n;return ft(t,n)}const le=async t=>{var r,s,o;const e=t.path||((r=t.url)==null?void 0:r.pathname)||((s=t.userAttributes)==null?void 0:s.urlPath),n={...t,apiKey:t.apiKey,model:t.model||"page",userAttributes:{...t.userAttributes,...e?{urlPath:e}:{}},options:P(t.searchParams||((o=t.url)==null?void 0:o.searchParams)||t.options)};return{apiKey:n.apiKey,model:n.model,content:await dt(n)}};exports.TARGET=S;exports._processContentResult=ft;exports._track=nt;exports.checkIsDefined=p;exports.createEditorListener=ot;exports.createRegisterComponentMessage=It;exports.fetchBuilderProps=le;exports.fetchEntries=gt;exports.fetchOneEntry=dt;exports.getBuilderSearchParams=P;exports.getCookieSync=v;exports.getDefaultCanTrack=ut;exports.getUserAttributes=z;exports.handleABTestingSync=Zt;exports.isBrowser=a;exports.isEditing=J;exports.isPreviewing=Et;exports.logFetch=et;exports.logger=d;exports.register=vt;exports.registerAction=kt;exports.serializeIncludingFunctions=O;exports.setClientUserAttributes=te;exports.setEditorSettings=Ut;exports.setupBrowserForEditing=st;exports.subscribeToEditor=Jt;exports.track=$t;exports.userAttributesService=B;