@builder.io/sdk-react 4.0.2 → 4.0.3

package/lib/edge/{content-variants-0f0a71cb.js → content-variants-6c1e3b13.js}

@@ -1,9 +1,9 @@
-import { jsx as h, jsxs as K, Fragment as Q } from "react/jsx-runtime";
-import { lazy as y, useRef as O, useState as T, useEffect as E } from "react";
-import { isBrowser as M, TARGET as J, isEditing as W, isPreviewing as oe, registerInsertMenu as ce, setupBrowserForEditing as me, createRegisterComponentMessage as pe, getDefaultCanTrack as L, getCookieSync as fe, _track as X, fetchOneEntry as ge, createEditorListener as he, logFetch as be, serializeIncludingFunctions as Z, logger as ye, handleABTestingSync as xe } from "./server-entry-818ae9c6.js";
+import { jsx as h, jsxs as O, Fragment as Q } from "react/jsx-runtime";
+import { lazy as y, useRef as M, useState as T, useEffect as E } from "react";
+import { isBrowser as z, TARGET as N, isEditing as A, isPreviewing as oe, registerInsertMenu as ce, setupBrowserForEditing as me, createRegisterComponentMessage as pe, getDefaultCanTrack as L, getCookieSync as fe, _track as X, fetchOneEntry as ge, createEditorListener as he, logFetch as be, serializeIncludingFunctions as Z, logger as ye, handleABTestingSync as xe } from "./server-entry-2e94ad2c.js";
 import { Video as ve, Button as Se, Columns as Te, Fragment as Ie, Image as ke, Section as Ce, Symbol as we, Text as Ve, BuilderContext as Re } from "./blocks-exports.mjs";
-import { triggerAnimation as Ee, evaluate as re, fastClone as Fe, InlinedStyles as le, ComponentsContext as Pe, Blocks as We } from "./blocks-f3b2fbd5.js";
-const q = {
+import { triggerAnimation as Ee, evaluate as re, fastClone as Fe, InlinedStyles as le, ComponentsContext as Pe, Blocks as Ae } from "./blocks-513223a7.js";
+const $ = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -32,7 +32,7 @@ const q = {
       }
     }
   }]
-}, $ = {
+}, _ = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -63,7 +63,7 @@ const q = {
       }
     }
   }]
-}, Ae = {
+}, We = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -80,19 +80,19 @@ const q = {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [q]
+      defaultValue: [$]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [$]
+      defaultValue: [_]
     }],
     defaultValue: [{
-      title: [q],
-      detail: [$]
+      title: [$],
+      detail: [_]
     }, {
-      title: [q],
-      detail: [$]
+      title: [$],
+      detail: [_]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -127,7 +127,7 @@ const q = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Be = y(() => import("./accordion-5063d748.js")), De = {
+}, Be = y(() => import("./accordion-e657c96d.js")), De = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -519,7 +519,7 @@ const q = {
       defaultValue: []
     }]
   }]
-}, $e = y(() => import("./personalization-container-b581d0f6.js")), _e = {
+}, $e = y(() => import("./personalization-container-1307218b.js")), _e = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -558,7 +558,7 @@ const q = {
       }
     }
   }]
-}, je = {
+}, Ke = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -575,7 +575,7 @@ const q = {
     builderContext: !0,
     builderComponents: !0
   }
-}, Ke = y(() => import("./slot-05218273.js")), Oe = {
+}, je = y(() => import("./slot-516f176d.js")), Oe = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -614,7 +614,7 @@ const q = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, _ = {
+}, K = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -662,7 +662,7 @@ const q = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [_]
+      defaultValue: [K]
     }, {
       name: "content",
       type: "uiBlocks",
@@ -671,7 +671,7 @@ const q = {
     }],
     defaultValue: [{
       label: [{
-        ..._,
+        ...K,
         component: {
           name: "Text",
           options: {
@@ -690,7 +690,7 @@ const q = {
       }]
     }, {
       label: [{
-        ..._,
+        ...K,
         component: {
           name: "Text",
           options: {
@@ -755,7 +755,7 @@ const q = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, ze = y(() => import("./tabs-a0b38dde.js")), Je = {
+}, ze = y(() => import("./tabs-f0945019.js")), Je = {
   shouldReceiveBuilderProps: {
     builderBlock: !1,
     builderContext: !0
@@ -799,7 +799,7 @@ const q = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Ge = y(() => import("./custom-code-7786788e.js")), Qe = {
+}, Ge = y(() => import("./custom-code-1a43bbd7.js")), Qe = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -814,7 +814,7 @@ const q = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Xe = y(() => import("./embed-5c1bbe12.js")), Ze = {
+}, Xe = y(() => import("./embed-106f0066.js")), Ze = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -1051,7 +1051,7 @@ const q = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, et = y(() => import("./form-b8f74b68.js")), tt = {
+}, et = y(() => import("./form-0c0d5bf5.js")), tt = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1102,7 +1102,7 @@ const q = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, nt = y(() => import("./input-768a5984.js")), at = {
+}, nt = y(() => import("./input-d6338de6.js")), at = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1144,7 +1144,7 @@ const q = {
   }],
   static: !0,
   noWrap: !0
-}, it = y(() => import("./select-e54dc6bc.js")), ot = {
+}, it = y(() => import("./select-1538b41a.js")), ot = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1219,7 +1219,7 @@ const q = {
   }],
   noWrap: !0,
   static: !0
-}, ut = y(() => import("./img-4becc0d4.js")), ct = {
+}, ut = y(() => import("./img-8bdeb666.js")), ct = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1346,8 +1346,8 @@ const q = {
   component: Ce,
   ..._e
 }, {
-  component: Ke,
-  ...je
+  component: je,
+  ...Ke
 }, {
   component: we,
   ...Oe
@@ -1362,8 +1362,8 @@ const q = {
   ...Me
 }, {
   component: Be,
-  ...Ae
-}, ...mt()], pt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  ...We
+}, ...mt()], pt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1405,7 +1405,10 @@ const q = {
     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;
@@ -1460,19 +1463,19 @@ const q = {
 })), gt = ({
   canTrack: e,
   content: t
-}) => !(!(H(t).length > 0) || !e || M()), ht = (e) => e === "react" || e === "reactNative", ue = ht(J), bt = () => `
+}) => !(!(H(t).length > 0) || !e || z()), ht = (e) => e === "react" || e === "reactNative", bt = N === "angular", ue = ht(N), yt = () => `
   window.${se} = ${pt}
   window.${de} = ${ft}
-  `, yt = (e, t) => `
+  `, xt = (e, t) => `
   window.${se}(
-    "${t}",${JSON.stringify(e)}, ${ue}
-  )`, xt = ({
+    "${t}",${JSON.stringify(e)}, ${ue}, ${bt}
+  )`, vt = ({
   contentId: e,
   variationId: t
 }) => `window.${de}(
     "${t}", "${e}", ${ue}
   )`;
-function z(e) {
+function J(e) {
   return /* @__PURE__ */ h(
     "script",
     {
@@ -1485,7 +1488,7 @@ function z(e) {
 function te(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const vt = (e, t, n = !0) => {
+const St = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -1496,7 +1499,7 @@ const vt = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, St = (e) => vt(e, (t) => {
+}, Tt = (e) => St(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), ne = ({
@@ -1508,8 +1511,8 @@ const vt = (e, t, n = !0) => {
     x: u,
     y: a
   };
-}, Tt = (e) => {
-  const t = e.target, n = t && St(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, It = (e) => {
+  const t = e.target, n = t && Tt(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
@@ -1524,7 +1527,7 @@ const vt = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, It = ["svelte", "qwik", "vue"], ae = () => It.includes(J) && (W() || oe()), kt = (e) => {
+}, kt = ["svelte", "qwik", "vue"], ae = () => kt.includes(N) && (A() || oe()), Ct = (e) => {
   var u, a;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (u = e == null ? void 0 : e.files) == null ? void 0 : u.regular;
   let r = "";
@@ -1550,15 +1553,15 @@ font-weight: ${o};
         `.trim());
     }
   return r;
-}, Ct = ({
+}, wt = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => kt(n))) == null ? void 0 : t.join(" ")) || "";
-}, wt = ({
+  return ((t = e == null ? void 0 : e.map((n) => Ct(n))) == null ? void 0 : t.join(" ")) || "";
+}, Vt = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Vt = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Rt = `
 .builder-button {
   all: unset;
 }
@@ -1575,10 +1578,10 @@ font-weight: ${o};
   text-align: inherit;
   font-family: inherit;
 }
-`, Rt = (e) => e ? "" : Vt, Et = (e) => `variant-${e}`;
-function Ft(e) {
+`, Et = (e) => e ? "" : Rt, Ft = (e) => `variant-${e}`;
+function Pt(e) {
   var f, b, w;
-  const t = O(null);
+  const t = M(null);
   T(() => !1);
   function n(l) {
     var m, p;
@@ -1646,7 +1649,7 @@ function Ft(e) {
       }
     })(l);
   }
-  const [c, v] = T(() => ({})), [x, F] = T(() => ({})), [C, A] = T(() => !1);
+  const [c, v] = T(() => ({})), [x, F] = T(() => ({})), [C, W] = T(() => !1);
   function B(l) {
     var s, m;
     if (e.builderContextSignal.content) {
@@ -1658,17 +1661,17 @@ function Ft(e) {
         contentId: d,
         apiKey: e.apiKey,
         variationId: p !== d ? p : void 0,
-        ...Tt(l),
+        ...It(l),
         unique: !C
       });
     }
-    C || A(!0);
+    C || W(!0);
   }
   function D() {
     var s, m, p;
     const l = (p = (m = (s = e.builderContextSignal.content) == null ? void 0 : s.data) == null ? void 0 : m.httpRequests) != null ? p : {};
     Object.entries(l).forEach(([d, V]) => {
-      if (!V || x[d] || c[d] && !W())
+      if (!V || x[d] || c[d] && !A())
         return;
       x[d] = !0;
       const I = V.replace(
@@ -1695,7 +1698,7 @@ function Ft(e) {
     });
   }
   function R() {
-    W() && window.dispatchEvent(
+    A() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
@@ -1709,11 +1712,11 @@ function Ft(e) {
       )
     );
   }
-  const P = O(!1);
+  const P = M(!1);
   return P.current || (D(), R(), P.current = !0), E(() => {
     var l, s, m, p, d;
-    if (M()) {
-      W() && !e.isNestedRender && (window.addEventListener("message", o), ce(), me({
+    if (z()) {
+      A() && !e.isNestedRender && (window.addEventListener("message", o), ce(), me({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -1730,8 +1733,8 @@ function Ft(e) {
       ).forEach((g) => {
         var k, U;
         if (!((k = g.models) != null && k.length) || g.models.includes(e.model)) {
-          const N = pe(g);
-          (U = window.parent) == null || U.postMessage(N, "*");
+          const q = pe(g);
+          (U = window.parent) == null || U.postMessage(q, "*");
         }
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -1752,11 +1755,11 @@ function Ft(e) {
           variationId: I !== g ? I : void 0
         });
       }
-      if (oe() && !W()) {
+      if (oe() && !A()) {
         const g = new URL(location.href).searchParams, k = g.get("builder.preview"), U = g.get(
           `builder.overrides.${k}`
-        ), N = g.get("apiKey") || g.get("builder.space");
-        (k === "BUILDER_STUDIO" || k === e.model && N === e.apiKey && (!e.content || U === e.content.id)) && ge({
+        ), q = g.get("apiKey") || g.get("builder.space");
+        (k === "BUILDER_STUDIO" || k === e.model && q === e.apiKey && (!e.content || U === e.content.id)) && ge({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion,
@@ -1781,7 +1784,7 @@ function Ft(e) {
       locale: e.locale
     });
   }, [e.locale]), E(() => () => {
-    M() && (window.removeEventListener("message", o), window.removeEventListener(
+    z() && (window.removeEventListener("message", o), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       R
     ));
@@ -1792,7 +1795,7 @@ function Ft(e) {
       onClick: (l) => B(l),
       "builder-content-id": (f = e.builderContextSignal.content) == null ? void 0 : f.id,
       "builder-model": e.model,
-      className: Et(
+      className: Ft(
         ((b = e.content) == null ? void 0 : b.testVariationId) || ((w = e.content) == null ? void 0 : w.id)
       ),
       style: {
@@ -1804,17 +1807,17 @@ function Ft(e) {
     }
   ) : null });
 }
-function Pt(e) {
+function At(e) {
   const [t, n] = T(
     () => `
-${wt({
+${Vt({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${Ct({
+${wt({
       customFonts: e.customFonts
     })}
-${Rt(e.isNestedRender)}
+${Et(e.isNestedRender)}
 `.trim()
   );
   return /* @__PURE__ */ h(
@@ -1843,7 +1846,7 @@ const Wt = ({
       locale: n
     } : {}
   };
-}, At = ({
+}, Bt = ({
   content: e,
   data: t
 }) => e ? {
@@ -1855,11 +1858,11 @@ const Wt = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ie(e) {
-  var v, x, F, C, A, B, D, R, P;
+  var v, x, F, C, W, B, D, R, P;
   const [t, n] = T(
     () => {
       var f, b;
-      return xt({
+      return vt({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (f = e.content) == null ? void 0 : f.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -1888,7 +1891,7 @@ function ie(e) {
       {}
     )
   ), [a, o] = T(() => ({
-    content: At({
+    content: Bt({
       content: e.content,
       data: e.data
     }),
@@ -1918,7 +1921,7 @@ function ie(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {},
     nonce: e.nonce || "",
     model: e.model
-  })), c = O(!1);
+  })), c = M(!1);
   if (!c.current) {
     e.apiKey || ye.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
@@ -1941,8 +1944,8 @@ function ie(e) {
       value: {
         registeredComponents: r
       },
-      children: /* @__PURE__ */ K(
-        Ft,
+      children: /* @__PURE__ */ O(
+        Pt,
         {
           apiHost: e.apiHost,
           nonce: e.nonce,
@@ -1963,7 +1966,7 @@ function ie(e) {
           setBuilderContextSignal: o,
           children: [
             e.isSsrAbTest ? /* @__PURE__ */ h(
-              z,
+              J,
               {
                 id: "builderio-variant-visibility",
                 scriptStr: t,
@@ -1971,17 +1974,17 @@ function ie(e) {
               }
             ) : null,
             /* @__PURE__ */ h(
-              Pt,
+              At,
               {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
                 contentId: (F = a.content) == null ? void 0 : F.id,
-                cssCode: (A = (C = a.content) == null ? void 0 : C.data) == null ? void 0 : A.cssCode,
+                cssCode: (W = (C = a.content) == null ? void 0 : C.data) == null ? void 0 : W.cssCode,
                 customFonts: (D = (B = a.content) == null ? void 0 : B.data) == null ? void 0 : D.customFonts
               }
             ),
             /* @__PURE__ */ h(
-              We,
+              Ae,
               {
                 blocks: (P = (R = a.content) == null ? void 0 : R.data) == null ? void 0 : P.blocks,
                 context: a,
@@ -1995,7 +1998,7 @@ function ie(e) {
     }
   );
 }
-function Bt(e) {
+function Dt(e) {
   var a;
   const [t, n] = T(
     () => gt({
@@ -2005,7 +2008,7 @@ function Bt(e) {
   );
   function i() {
     var o;
-    return yt(
+    return xt(
       H(e.content).map((c) => ({
         id: c.testVariationId,
         testRatio: c.testRatio
@@ -2027,16 +2030,16 @@ function Bt(e) {
     });
   }
   return E(() => {
-  }, []), /* @__PURE__ */ K(Q, { children: [
-    !e.isNestedRender && J !== "reactNative" ? /* @__PURE__ */ h(
-      z,
+  }, []), /* @__PURE__ */ O(Q, { children: [
+    !e.isNestedRender && N !== "reactNative" ? /* @__PURE__ */ h(
+      J,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: bt(),
+        scriptStr: yt(),
         nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ K(Q, { children: [
+    t ? /* @__PURE__ */ O(Q, { children: [
       /* @__PURE__ */ h(
         le,
         {
@@ -2046,7 +2049,7 @@ function Bt(e) {
         }
       ),
       /* @__PURE__ */ h(
-        z,
+        J,
         {
           id: "builderio-variants-visibility",
           scriptStr: i(),
@@ -2109,11 +2112,11 @@ function Bt(e) {
     )
   ] });
 }
-const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const $t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Bt
+  default: Dt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  z as InlinedScript,
-  qt as contentVariants
+  J as InlinedScript,
+  $t as contentVariants
 };