@builder.io/sdk-react 1.0.11 → 1.0.13

package/lib/edge/{content-variants-d5455178.js → content-variants-c085fa7f.js}

@@ -1,10 +1,10 @@
-import { jsx as g, Fragment as V, jsxs as $ } from "react/jsx-runtime";
-import { lazy as C, useRef as oe, useState as b, useEffect as y, createElement as re } from "react";
-import { isBrowser as H, TARGET as Z, isEditing as U, registerInsertMenu as se, setupBrowserForEditing as le, createRegisterComponentMessage as de, getDefaultCanTrack as A, _track as O, isPreviewing as ce, fetchOneEntry as ue, logger as me, createEditorListener as pe, fastClone as ge, fetch as he, serializeComponentInfo as z, handleABTestingSync as fe } from "./server-entry-1cbf5bef.js";
+import { jsx as b, jsxs as U, Fragment as M } from "react/jsx-runtime";
+import { lazy as C, useRef as oe, useState as h, useEffect as y, createElement as re } from "react";
+import { isBrowser as $, TARGET as Z, isEditing as P, registerInsertMenu as se, setupBrowserForEditing as le, createRegisterComponentMessage as de, getDefaultCanTrack as W, _track as O, isPreviewing as ce, fetchOneEntry as ue, logger as me, createEditorListener as pe, fastClone as ge, fetch as fe, serializeComponentInfo as z, handleABTestingSync as he } from "./server-entry-3f0061ea.js";
 import { Video as be, Button as ye, Columns as xe, Fragment as Se, Image as ve, Section as ke, Symbol as Ie, Text as Ce } from "./blocks-exports.mjs";
-import { builderContext as Te, triggerAnimation as we, evaluate as J, InlinedStyles as ee, ComponentsContext as Ve, Blocks as Re } from "./blocks-244199ab.js";
-import "./get-class-prop-name-1178de8b.js";
-import "./dynamic-renderer-96ba4e48.js";
+import { builderContext as Te, triggerAnimation as we, evaluate as J, InlinedStyles as ee, ComponentsContext as Ve, Blocks as Re } from "./blocks-fd4ab30c.js";
+import "./get-class-prop-name-0e4b7b88.js";
+import "./dynamic-renderer-8b343325.js";
 const Ee = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -397,7 +397,7 @@ const Ee = {
     required: !0,
     defaultValue: "children"
   }]
-}, $e = C(() => import("./slot-dad01f2d.js")), He = {
+}, $e = C(() => import("./slot-3cefe326.js")), De = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -430,7 +430,7 @@ const Ee = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, De = {
+}, He = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -470,7 +470,7 @@ const Ee = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, je = C(() => import("./custom-code-7786788e.js")), qe = {
+}, Ne = C(() => import("./custom-code-7786788e.js")), je = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -495,7 +495,7 @@ const Ee = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Ke = C(() => import("./embed-5c1bbe12.js")), _e = {
+}, qe = C(() => import("./embed-5c1bbe12.js")), Ke = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -726,7 +726,7 @@ const Ee = {
       }
     }
   }]
-}, Be = C(() => import("./form-ad532981.js")), Me = {
+}, _e = C(() => import("./form-4fae6192.js")), Be = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -777,7 +777,7 @@ const Ee = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Ne = C(() => import("./input-ccec5aae.js")), Oe = {
+}, Me = C(() => import("./input-02a1cd9f.js")), Oe = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -819,7 +819,7 @@ const Ee = {
   }],
   static: !0,
   noWrap: !0
-}, ze = C(() => import("./select-50a6db92.js")), Je = {
+}, ze = C(() => import("./select-b1b6d0bf.js")), Je = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -858,7 +858,7 @@ const Ee = {
   }],
   noWrap: !0,
   static: !0
-}, Ge = C(() => import("./img-749d10ed.js")), Xe = {
+}, Ge = C(() => import("./img-1259941e.js")), Xe = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -940,17 +940,17 @@ const Ee = {
     advanced: !0
   }]
 }, Ze = () => [{
-  component: je,
+  component: Ne,
   ...Le
 }, {
-  component: Ke,
-  ...qe
+  component: qe,
+  ...je
 }, {
-  component: Be,
-  ..._e
+  component: _e,
+  ...Ke
 }, {
-  component: Ne,
-  ...Me
+  component: Me,
+  ...Be
 }, {
   component: Ye,
   ...Je
@@ -983,10 +983,10 @@ const Ee = {
   ...Ue
 }, {
   component: Ie,
-  ...He
+  ...De
 }, {
   component: Ce,
-  ...De
+  ...He
 }, ...Ze()], et = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
@@ -1077,14 +1077,14 @@ const Ee = {
     thisScriptEl?.remove();
   }
   return;
-}`, te = "builderIoAbTest", ne = "builderIoRenderContent", W = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, te = "builderIoAbTest", ne = "builderIoRenderContent", F = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), nt = ({
   canTrack: e,
   content: t
-}) => !(!(W(t).length > 0) || !e || H()), at = (e) => e === "react" || e === "reactNative", ae = at(Z), it = () => `
+}) => !(!(F(t).length > 0) || !e || $()), at = (e) => e === "react" || e === "reactNative", ae = at(Z), it = () => `
   window.${te} = ${et}
   window.${ne} = ${tt}
   `, ot = (e, t) => `
@@ -1097,7 +1097,7 @@ const Ee = {
     "${t}", "${e}", ${ae}
   )`;
 function D(e) {
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ b(
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
@@ -1149,9 +1149,9 @@ const st = (e, t, n = !0) => {
   };
 };
 function ct(e) {
-  var j, q, K, _, B, M, N;
-  const t = oe(null), [n, a] = b(() => 0);
-  b(() => !0);
+  var L, N, j, q, K, _, B;
+  const t = oe(null), [n, a] = h(() => 0);
+  h(() => !0);
   function c(o) {
     var s, l;
     const r = {
@@ -1164,7 +1164,7 @@ function ct(e) {
     }));
   }
   function m(o) {
-    var s, l, u, h, w;
+    var s, l, u, g, w;
     const r = {
       ...e.builderContextSignal.content,
       ...o,
@@ -1175,18 +1175,18 @@ function ct(e) {
       meta: {
         ...(l = e.builderContextSignal.content) == null ? void 0 : l.meta,
         ...o == null ? void 0 : o.meta,
-        breakpoints: ((u = o == null ? void 0 : o.meta) == null ? void 0 : u.breakpoints) || ((w = (h = e.builderContextSignal.content) == null ? void 0 : h.meta) == null ? void 0 : w.breakpoints)
+        breakpoints: ((u = o == null ? void 0 : o.meta) == null ? void 0 : u.breakpoints) || ((w = (g = e.builderContextSignal.content) == null ? void 0 : g.meta) == null ? void 0 : w.breakpoints)
       }
     };
-    e.setBuilderContextSignal((F) => ({
-      ...F,
+    e.setBuilderContextSignal((E) => ({
+      ...E,
       content: r
     }));
   }
-  b(() => 0);
-  const [i, p] = b(
+  h(() => 0);
+  const [i, p] = h(
     () => !1
-  ), [d, f] = b(
+  ), [d, f] = h(
     () => e.contentWrapper || "div"
   );
   function x(o) {
@@ -1220,56 +1220,63 @@ function ct(e) {
       context: e.context || {},
       localState: void 0,
       rootState: e.builderContextSignal.rootState,
-      rootSetState: e.builderContextSignal.rootSetState
+      rootSetState: e.builderContextSignal.rootSetState,
+      /**
+       * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
+       */
+      enableCache: !1
     });
   }
-  const [I, P] = b(() => ({})), [R, S] = b(() => !1);
+  const [I, A] = h(() => ({})), [V, S] = h(() => !1);
   function v(o) {
     var r, s;
     if (e.builderContextSignal.content) {
       const l = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, u = (s = e.builderContextSignal.content) == null ? void 0 : s.id;
       O({
         type: "click",
-        canTrack: A(e.canTrack),
+        canTrack: W(e.canTrack),
         contentId: u,
         apiKey: e.apiKey,
         variationId: l !== u ? l : void 0,
         ...dt(o),
-        unique: !R
+        unique: !V
       });
     }
-    R || S(!0);
+    V || S(!0);
   }
   function T(o) {
     return o.replace(
       /{{([^}]+)}}/g,
-      (r, s) => J({
-        code: s,
-        context: e.context || {},
-        localState: void 0,
-        rootState: e.builderContextSignal.rootState,
-        rootSetState: e.builderContextSignal.rootSetState
-      })
+      (r, s) => String(
+        J({
+          code: s,
+          context: e.context || {},
+          localState: void 0,
+          rootState: e.builderContextSignal.rootState,
+          rootSetState: e.builderContextSignal.rootSetState,
+          enableCache: !0
+        })
+      )
     );
   }
   function ie({ url: o, key: r }) {
-    he(o).then((s) => s.json()).then((s) => {
-      var u, h;
+    fe(o).then((s) => s.json()).then((s) => {
+      var u, g;
       const l = {
         ...e.builderContextSignal.rootState,
         [r]: s
       };
-      (h = (u = e.builderContextSignal).rootSetState) == null || h.call(u, l), I[r] = !0;
+      (g = (u = e.builderContextSignal).rootSetState) == null || g.call(u, l), I[r] = !0;
     }).catch((s) => {
       console.error("error fetching dynamic data", o, s);
     });
   }
-  function L() {
+  function H() {
     var r, s, l;
     const o = (l = (s = (r = e.builderContextSignal.content) == null ? void 0 : r.data) == null ? void 0 : s.httpRequests) != null ? l : {};
-    Object.entries(o).forEach(([u, h]) => {
-      if (h && (!I[u] || U())) {
-        const w = T(h);
+    Object.entries(o).forEach(([u, g]) => {
+      if (g && (!I[u] || P())) {
+        const w = T(g);
         ie({
           url: w,
           key: u
@@ -1277,8 +1284,8 @@ function ct(e) {
       }
     });
   }
-  function E() {
-    U() && window.dispatchEvent(
+  function R() {
+    P() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
@@ -1294,8 +1301,8 @@ function ct(e) {
   }
   return y(() => {
     var o, r;
-    if (H()) {
-      if (U() && (a(n + 1), window.addEventListener("message", x), se(), le({
+    if ($()) {
+      if (P() && (a(n + 1), window.addEventListener("message", x), se(), le({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -1308,48 +1315,48 @@ function ct(e) {
       }), Object.values(
         e.builderContextSignal.componentInfos
       ).forEach((l) => {
-        var h;
+        var g;
         const u = de(l);
-        (h = window.parent) == null || h.postMessage(u, "*");
+        (g = window.parent) == null || g.postMessage(u, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        E
-      )), e.builderContextSignal.content && A(e.canTrack)) {
-        const l = (o = e.builderContextSignal.content) == null ? void 0 : o.testVariationId, u = (r = e.builderContextSignal.content) == null ? void 0 : r.id, h = e.apiKey;
+        R
+      )), e.builderContextSignal.content && W(e.canTrack)) {
+        const l = (o = e.builderContextSignal.content) == null ? void 0 : o.testVariationId, u = (r = e.builderContextSignal.content) == null ? void 0 : r.id, g = e.apiKey;
         O({
           type: "impression",
           canTrack: !0,
           contentId: u,
-          apiKey: h,
+          apiKey: g,
           variationId: l !== u ? l : void 0
         });
       }
       if (ce()) {
-        const l = new URL(location.href).searchParams, u = l.get("builder.preview"), h = l.get(
+        const l = new URL(location.href).searchParams, u = l.get("builder.preview"), g = l.get(
           `builder.preview.${u}`
         ), w = l.get("apiKey") || l.get("builder.space");
-        u === e.model && w === e.apiKey && (!e.content || h === e.content.id) && ue({
+        u === e.model && w === e.apiKey && (!e.content || g === e.content.id) && ue({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
-        }).then((F) => {
-          F && m(F);
+        }).then((E) => {
+          E && m(E);
         });
       }
     }
   }, []), y(() => {
     e.apiKey || me.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), k(), L(), E();
+    ), k(), H(), R();
   }, []), y(() => {
     e.content && m(e.content);
   }, [e.content]), y(() => {
   }, [i]), y(() => {
     k();
-  }, [(q = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : q.jsCode]), y(() => {
-    L();
-  }, [(_ = (K = e.builderContextSignal.content) == null ? void 0 : K.data) == null ? void 0 : _.httpRequests]), y(() => {
-    E();
+  }, [(N = (L = e.builderContextSignal.content) == null ? void 0 : L.data) == null ? void 0 : N.jsCode]), y(() => {
+    H();
+  }, [(q = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : q.httpRequests]), y(() => {
+    R();
   }, [e.builderContextSignal.rootState]), y(() => {
     e.data && c(e.data);
   }, [e.data]), y(() => {
@@ -1357,27 +1364,27 @@ function ct(e) {
       locale: e.locale
     });
   }, [e.locale]), y(() => () => {
-    H() && (window.removeEventListener("message", x), window.removeEventListener(
+    $() && (window.removeEventListener("message", x), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      E
+      R
     ));
-  }, []), /* @__PURE__ */ g(Te.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ g(V, { children: /* @__PURE__ */ re(
+  }, []), /* @__PURE__ */ b(Te.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ re(
     d,
     {
       key: n,
       ref: t,
       onClick: (o) => v(o),
-      "builder-content-id": (B = e.builderContextSignal.content) == null ? void 0 : B.id,
+      "builder-content-id": (K = e.builderContextSignal.content) == null ? void 0 : K.id,
       "builder-model": e.model,
       ...e.showContent ? {} : {
         hidden: !0,
         "aria-hidden": !0
       },
       ...e.contentWrapperProps,
-      className: `variant-${((M = e.content) == null ? void 0 : M.testVariationId) || ((N = e.content) == null ? void 0 : N.id)}`
+      className: `variant-${((_ = e.content) == null ? void 0 : _.testVariationId) || ((B = e.content) == null ? void 0 : B.id)}`
     },
     e.children
-  ) }) : null });
+  ) : null });
 }
 const ut = (e) => {
   var m, i;
@@ -1413,18 +1420,7 @@ font-weight: ${p};
 }, pt = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
-function gt(e) {
-  const [t, n] = b(
-    () => `
-${pt({
-      cssCode: e.cssCode,
-      contentId: e.contentId
-    })}
-${mt({
-      customFonts: e.customFonts
-    })}
-
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", gt = `
 .builder-button {
   all: unset;
 }
@@ -1441,11 +1437,23 @@ ${mt({
   text-align: inherit;
   font-family: inherit;
 }
+`, ft = (e) => e ? "" : gt;
+function ht(e) {
+  const [t, n] = h(
+    () => `
+${pt({
+      cssCode: e.cssCode,
+      contentId: e.contentId
+    })}
+${mt({
+      customFonts: e.customFonts
+    })}
+${ft(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ g(ee, { styles: t });
+  return /* @__PURE__ */ b(ee, { styles: t });
 }
-const ht = ({
+const bt = ({
   content: e,
   data: t,
   locale: n
@@ -1462,7 +1470,7 @@ const ht = ({
       locale: n
     } : {}
   };
-}, ft = ({
+}, yt = ({
   content: e,
   data: t
 }) => e ? {
@@ -1474,8 +1482,8 @@ const ht = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function X(e) {
-  var d, f, x, k, I, P, R;
-  const [t, n] = b(
+  var d, f, x, k, I, A, V;
+  const [t, n] = h(
     () => {
       var S, v;
       return rt({
@@ -1492,7 +1500,7 @@ function X(e) {
       rootState: S
     }));
   }
-  const [c, m] = b(
+  const [c, m] = h(
     () => [
       ...Y(),
       ...e.customComponents || []
@@ -1506,13 +1514,13 @@ function X(e) {
       }),
       {}
     )
-  ), [i, p] = b(() => ({
-    content: ft({
+  ), [i, p] = h(() => ({
+    content: yt({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: ht({
+    rootState: bt({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -1535,13 +1543,13 @@ function X(e) {
     BlocksWrapper: e.blocksWrapper || "div",
     BlocksWrapperProps: e.blocksWrapperProps || {}
   }));
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ b(
     Ve.Provider,
     {
       value: {
         registeredComponents: c
       },
-      children: /* @__PURE__ */ $(
+      children: /* @__PURE__ */ U(
         ct,
         {
           content: e.content,
@@ -1560,19 +1568,20 @@ function X(e) {
           trustedHosts: e.trustedHosts,
           setBuilderContextSignal: p,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ g(V, { children: /* @__PURE__ */ g(D, { scriptStr: t }) }) : null,
-            /* @__PURE__ */ g(V, { children: /* @__PURE__ */ g(
-              gt,
+            e.isSsrAbTest ? /* @__PURE__ */ b(D, { scriptStr: t }) : null,
+            /* @__PURE__ */ b(
+              ht,
               {
+                isNestedRender: e.isNestedRender,
                 contentId: (d = i.content) == null ? void 0 : d.id,
                 cssCode: (x = (f = i.content) == null ? void 0 : f.data) == null ? void 0 : x.cssCode,
                 customFonts: (I = (k = i.content) == null ? void 0 : k.data) == null ? void 0 : I.customFonts
               }
-            ) }),
-            /* @__PURE__ */ g(
+            ),
+            /* @__PURE__ */ b(
               Re,
               {
-                blocks: (R = (P = i.content) == null ? void 0 : P.data) == null ? void 0 : R.blocks,
+                blocks: (V = (A = i.content) == null ? void 0 : A.data) == null ? void 0 : V.blocks,
                 context: i,
                 registeredComponents: c,
                 linkComponent: e.linkComponent
@@ -1584,18 +1593,18 @@ function X(e) {
     }
   );
 }
-function Ct(e) {
+function wt(e) {
   var i, p;
-  const [t, n] = b(
+  const [t, n] = h(
     () => nt({
-      canTrack: A(e.canTrack),
+      canTrack: W(e.canTrack),
       content: e.content
     })
   );
   function a() {
     var d;
     return ot(
-      W(e.content).map((f) => ({
+      F(e.content).map((f) => ({
         id: f.testVariationId,
         testRatio: f.testRatio
       })),
@@ -1603,33 +1612,34 @@ function Ct(e) {
     );
   }
   function c() {
-    return W(e.content).map((d) => `.variant-${d.testVariationId} { display: none; } `).join("");
+    return F(e.content).map((d) => `.variant-${d.testVariationId} { display: none; } `).join("");
   }
   function m() {
     var d;
     return t ? {
       ...e.content,
       testVariationId: (d = e.content) == null ? void 0 : d.id
-    } : fe({
+    } : he({
       item: e.content,
-      canTrack: A(e.canTrack)
+      canTrack: W(e.canTrack)
     });
   }
   return y(() => {
-  }, []), /* @__PURE__ */ $(V, { children: [
-    !e.__isNestedRender && Z !== "reactNative" ? /* @__PURE__ */ g(V, { children: /* @__PURE__ */ g(D, { scriptStr: it() }) }) : null,
-    t ? /* @__PURE__ */ $(V, { children: [
-      /* @__PURE__ */ g(
+  }, []), /* @__PURE__ */ U(M, { children: [
+    !e.isNestedRender && Z !== "reactNative" ? /* @__PURE__ */ b(D, { scriptStr: it() }) : null,
+    t ? /* @__PURE__ */ U(M, { children: [
+      /* @__PURE__ */ b(
         ee,
         {
           id: `variants-styles-${(i = e.content) == null ? void 0 : i.id}`,
           styles: c()
         }
       ),
-      /* @__PURE__ */ g(D, { scriptStr: a() }),
-      (p = W(e.content)) == null ? void 0 : p.map((d) => /* @__PURE__ */ g(
+      /* @__PURE__ */ b(D, { scriptStr: a() }),
+      (p = F(e.content)) == null ? void 0 : p.map((d) => /* @__PURE__ */ b(
         X,
         {
+          isNestedRender: e.isNestedRender,
           content: d,
           showContent: !1,
           model: e.model,
@@ -1652,9 +1662,10 @@ function Ct(e) {
         d.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ b(
       X,
       {
+        isNestedRender: e.isNestedRender,
         content: m(),
         showContent: !0,
         model: e.model,
@@ -1678,5 +1689,5 @@ function Ct(e) {
   ] });
 }
 export {
-  Ct as default
+  wt as default
 };