@builder.io/sdk-react 0.7.5 → 0.8.0

package/lib/node/index.mjs

@@ -178,17 +178,17 @@ output;
   }), s = getIsolateContext(), d = s.global;
   d.setSync("global", d.derefInto()), d.setSync("log", function(...y) {
     console.log(...y);
-  }), d.setSync(BUILDER_SET_STATE_NAME, function(y, m) {
-    set(r, y, m), a == null || a(r);
-  }), c.forEach(([y, m]) => {
-    const x = typeof m == "object" ? new ivm.Reference(
+  }), d.setSync(BUILDER_SET_STATE_NAME, function(y, f) {
+    set(r, y, f), a == null || a(r);
+  }), c.forEach(([y, f]) => {
+    const S = typeof f == "object" ? new ivm.Reference(
       // workaround: methods with default values for arguments is not being cloned over
       y === "builder" ? {
-        ...m,
-        getUserAttributes: () => m.getUserAttributes()
-      } : m
+        ...f,
+        getUserAttributes: () => f.getUserAttributes()
+      } : f
     ) : null;
-    d.setSync(getSyncValName(y), x);
+    d.setSync(getSyncValName(y), S);
   }), d.setSync(INJECTED_IVM_GLOBAL, ivm);
   const g = processCode({
     code: e,
@@ -412,7 +412,7 @@ function BlockStyles(e) {
     return checkIsDefined(i.hide) ? !i.hide : checkIsDefined(i.show) ? i.show : !0;
   }
   function n() {
-    var m;
+    var f;
     const i = getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
@@ -421,7 +421,7 @@ function BlockStyles(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     }), o = i.responsiveStyles, a = e.context.content, r = getSizesForBreakpoints(
-      ((m = a == null ? void 0 : a.meta) == null ? void 0 : m.breakpoints) || {}
+      ((f = a == null ? void 0 : a.meta) == null ? void 0 : f.breakpoints) || {}
     ), l = o == null ? void 0 : o.large, c = o == null ? void 0 : o.medium, s = o == null ? void 0 : o.small, d = i.id;
     if (!d)
       return "";
@@ -672,8 +672,8 @@ function Block(e) {
     });
   }
   function i() {
-    var m;
-    return (m = e.block.repeat) != null && m.collection ? e.block : getProcessedBlock({
+    var f;
+    return (f = e.block.repeat) != null && f.collection ? e.block : getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -686,29 +686,32 @@ function Block(e) {
     return e.block.tagName || "div";
   }
   function a() {
-    var m, x;
-    return "hide" in i() ? !i().hide : "show" in i() ? i().show : !((m = e.block.repeat) != null && m.collection && !((x = n == null ? void 0 : n()) != null && x.length));
+    var k, C;
+    if ((k = e.block.repeat) != null && k.collection)
+      return !!((C = n == null ? void 0 : n()) != null && C.length);
+    const f = "hide" in i() ? i().hide : !1;
+    return ("show" in i() ? i().show : !0) && !f;
   }
   function r() {
-    var x;
-    return !((x = t == null ? void 0 : t()) != null && x.component) && !n() ? i().children ?? [] : [];
+    var S;
+    return !((S = t == null ? void 0 : t()) != null && S.component) && !n() ? i().children ?? [] : [];
   }
   function l() {
-    var m, x, E, I, v;
+    var f, S, k, C, v;
     return {
       blockChildren: i().children ?? [],
-      componentRef: (m = t == null ? void 0 : t()) == null ? void 0 : m.component,
+      componentRef: (f = t == null ? void 0 : t()) == null ? void 0 : f.component,
       componentOptions: {
         ...getBlockComponentOptions(i()),
         builderContext: e.context,
-        ...((x = t == null ? void 0 : t()) == null ? void 0 : x.name) === "Symbol" || ((E = t == null ? void 0 : t()) == null ? void 0 : E.name) === "Columns" ? {
+        ...((S = t == null ? void 0 : t()) == null ? void 0 : S.name) === "Symbol" || ((k = t == null ? void 0 : t()) == null ? void 0 : k.name) === "Columns" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
       context: c,
       registeredComponents: e.registeredComponents,
       builderBlock: i(),
-      includeBlockProps: ((I = t == null ? void 0 : t()) == null ? void 0 : I.noWrap) === !0,
+      includeBlockProps: ((C = t == null ? void 0 : t()) == null ? void 0 : C.noWrap) === !0,
       isInteractive: !((v = t == null ? void 0 : t()) != null && v.isRSC)
     };
   }
@@ -735,14 +738,14 @@ function Block(e) {
         hasChildren: !1
       }
     ) }) : null,
-    !isEmptyHtmlElement(o()) && n() ? /* @__PURE__ */ jsx(Fragment, { children: (g = n()) == null ? void 0 : g.map((m, x) => /* @__PURE__ */ jsx(
+    !isEmptyHtmlElement(o()) && n() ? /* @__PURE__ */ jsx(Fragment, { children: (g = n()) == null ? void 0 : g.map((f, S) => /* @__PURE__ */ jsx(
       RepeatedBlock,
       {
-        repeatContext: m.context,
-        block: m.block,
+        repeatContext: f.context,
+        block: f.block,
         registeredComponents: e.registeredComponents
       },
-      x
+      S
     )) }) : null,
     !isEmptyHtmlElement(o()) && !n() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
       BlockWrapper,
@@ -765,22 +768,22 @@ function Block(e) {
               isInteractive: l().isInteractive
             }
           ),
-          (b = r()) == null ? void 0 : b.map((m) => /* @__PURE__ */ jsx(
+          (b = r()) == null ? void 0 : b.map((f) => /* @__PURE__ */ jsx(
             Block,
             {
-              block: m,
+              block: f,
               context: c,
               registeredComponents: e.registeredComponents
             },
-            "block-" + m.id
+            "block-" + f.id
           )),
-          (y = r()) == null ? void 0 : y.map((m) => /* @__PURE__ */ jsx(
+          (y = r()) == null ? void 0 : y.map((f) => /* @__PURE__ */ jsx(
             BlockStyles,
             {
-              block: m,
+              block: f,
               context: c
             },
-            "block-style-" + m.id
+            "block-style-" + f.id
           ))
         ]
       }
@@ -872,31 +875,31 @@ function Blocks(e) {
   );
 }
 function Columns(e) {
-  var I;
+  var C;
   const [t, n] = useState(
     () => typeof e.space == "number" ? e.space || 0 : 20
   ), [i, o] = useState(() => e.columns || []), [a, r] = useState(
     () => e.stackColumnsAt || "tablet"
   );
   function l(v) {
-    var C;
-    return ((C = i[v]) == null ? void 0 : C.width) || 100 / i.length;
+    var I;
+    return ((I = i[v]) == null ? void 0 : I.width) || 100 / i.length;
   }
   function c(v) {
-    const C = t * (i.length - 1) / i.length;
-    return `calc(${l(v)}% - ${C}px)`;
+    const I = t * (i.length - 1) / i.length;
+    return `calc(${l(v)}% - ${I}px)`;
   }
   function s({
     stackedStyle: v,
-    desktopStyle: C
+    desktopStyle: I
   }) {
-    return a === "tablet" ? v : C;
+    return a === "tablet" ? v : I;
   }
   function d({
     stackedStyle: v,
-    desktopStyle: C
+    desktopStyle: I
   }) {
-    return a === "never" ? C : v;
+    return a === "never" ? I : v;
   }
   const [g, b] = useState(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
@@ -910,8 +913,8 @@ function Columns(e) {
       })
     };
   }
-  function m(v) {
-    const C = v === 0 ? 0 : t, T = c(v), w = `${C}px`, R = "100%", j = 0;
+  function f(v) {
+    const I = v === 0 ? 0 : t, T = c(v), w = `${I}px`, R = "100%", j = 0;
     return {
       width: T,
       ["marginLeft"]: w,
@@ -933,15 +936,15 @@ function Columns(e) {
       })
     };
   }
-  function x(v) {
+  function S(v) {
     var T, w;
     return getSizesForBreakpoints(
       ((w = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : w.breakpoints) || {}
     )[v].max;
   }
-  function E() {
+  function k() {
     return `
-        @media (max-width: ${x("medium")}px) {
+        @media (max-width: ${S("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -953,7 +956,7 @@ function Columns(e) {
           }
         }
 
-        @media (max-width: ${x("small")}px) {
+        @media (max-width: ${S("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -973,18 +976,18 @@ function Columns(e) {
         className: `builder-columns ${e.builderBlock.id}-breakpoints div-53636e90`,
         style: y(),
         children: [
-          /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: E() }) }),
-          (I = e.columns) == null ? void 0 : I.map((v, C) => /* @__PURE__ */ createElement(
+          /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: k() }) }),
+          (C = e.columns) == null ? void 0 : C.map((v, I) => /* @__PURE__ */ createElement(
             "div",
             {
               className: "builder-column div-53636e90-2",
-              style: m(C),
-              key: C
+              style: f(I),
+              key: I
             },
             /* @__PURE__ */ jsx(
               Blocks,
               {
-                path: `component.options.columns.${C}.blocks`,
+                path: `component.options.columns.${I}.blocks`,
                 parent: e.builderBlock.id,
                 styleProp: {
                   flexGrow: "1"
@@ -2113,7 +2116,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.7.5", registerInsertMenu = () => {
+}, SDK_VERSION = "0.8.0", registerInsertMenu = () => {
   register("insertMenu", {
     name: "_default",
     default: !0,
@@ -2200,8 +2203,8 @@ function EnableEditor(e) {
   var T, w, R, j, B, A, P;
   const t = useRef(null), [n, i] = useState(() => 0);
   function o(u) {
-    var h, S, p, k, F;
-    const f = {
+    var h, x, p, E, F;
+    const m = {
       ...e.builderContextSignal.content,
       ...u,
       data: {
@@ -2209,14 +2212,14 @@ function EnableEditor(e) {
         ...u == null ? void 0 : u.data
       },
       meta: {
-        ...(S = e.builderContextSignal.content) == null ? void 0 : S.meta,
+        ...(x = e.builderContextSignal.content) == null ? void 0 : x.meta,
         ...u == null ? void 0 : u.meta,
-        breakpoints: ((p = u == null ? void 0 : u.meta) == null ? void 0 : p.breakpoints) || ((F = (k = e.builderContextSignal.content) == null ? void 0 : k.meta) == null ? void 0 : F.breakpoints)
+        breakpoints: ((p = u == null ? void 0 : u.meta) == null ? void 0 : p.breakpoints) || ((F = (E = e.builderContextSignal.content) == null ? void 0 : E.meta) == null ? void 0 : F.breakpoints)
       }
     };
     e.setBuilderContextSignal((_) => ({
       ..._,
-      content: f
+      content: m
     }));
   }
   useState(() => 0);
@@ -2225,12 +2228,12 @@ function EnableEditor(e) {
   );
   function l(u) {
     var h;
-    const { data: f } = u;
-    if (f)
-      switch (f.type) {
+    const { data: m } = u;
+    if (m)
+      switch (m.type) {
         case "builder.configureSdk": {
-          const S = f.data, { breakpoints: p, contentId: k } = S;
-          if (!k || k !== ((h = e.builderContextSignal.content) == null ? void 0 : h.id))
+          const x = m.data, { breakpoints: p, contentId: E } = x;
+          if (!E || E !== ((h = e.builderContextSignal.content) == null ? void 0 : h.id))
             return;
           p && o({
             meta: {
@@ -2240,15 +2243,15 @@ function EnableEditor(e) {
           break;
         }
         case "builder.contentUpdate": {
-          const S = f.data, p = S.key || S.alias || S.entry || S.modelName, k = S.data;
-          p === e.model && (o(k), i(n + 1));
+          const x = m.data, p = x.key || x.alias || x.entry || x.modelName, E = x.data;
+          p === e.model && (o(E), i(n + 1));
           break;
         }
       }
   }
   function c() {
-    var f, h;
-    const u = (h = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : h.jsCode;
+    var m, h;
+    const u = (h = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : h.jsCode;
     u && evaluate({
       code: u,
       context: e.context || {},
@@ -2259,25 +2262,25 @@ function EnableEditor(e) {
   }
   const [s, d] = useState(() => ({})), [g, b] = useState(() => !1);
   function y(u) {
-    var f, h;
+    var m, h;
     if (e.builderContextSignal.content) {
-      const S = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, p = (h = e.builderContextSignal.content) == null ? void 0 : h.id;
+      const x = (m = e.builderContextSignal.content) == null ? void 0 : m.testVariationId, p = (h = e.builderContextSignal.content) == null ? void 0 : h.id;
       _track({
         type: "click",
         canTrack: getDefaultCanTrack(e.canTrack),
         contentId: p,
         apiKey: e.apiKey,
-        variationId: S !== p ? S : void 0,
+        variationId: x !== p ? x : void 0,
         ...getInteractionPropertiesForEvent(u),
         unique: !g
       });
     }
     g || b(!0);
   }
-  function m(u) {
+  function f(u) {
     return u.replace(
       /{{([^}]+)}}/g,
-      (f, h) => evaluate({
+      (m, h) => evaluate({
         code: h,
         context: e.context || {},
         localState: void 0,
@@ -2286,32 +2289,32 @@ function EnableEditor(e) {
       })
     );
   }
-  function x({ url: u, key: f }) {
+  function S({ url: u, key: m }) {
     fetch$1(u).then((h) => h.json()).then((h) => {
-      var p, k;
-      const S = {
+      var p, E;
+      const x = {
         ...e.builderContextSignal.rootState,
-        [f]: h
+        [m]: h
       };
-      (k = (p = e.builderContextSignal).rootSetState) == null || k.call(p, S), s[f] = !0;
+      (E = (p = e.builderContextSignal).rootSetState) == null || E.call(p, x), s[m] = !0;
     }).catch((h) => {
       console.error("error fetching dynamic data", u, h);
     });
   }
-  function E() {
-    var f, h;
-    const u = ((h = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : h.httpRequests) ?? {};
-    Object.entries(u).forEach(([S, p]) => {
-      if (p && (!s[S] || isEditing())) {
-        const k = m(p);
-        x({
-          url: k,
-          key: S
+  function k() {
+    var m, h;
+    const u = ((h = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : h.httpRequests) ?? {};
+    Object.entries(u).forEach(([x, p]) => {
+      if (p && (!s[x] || isEditing())) {
+        const E = f(p);
+        S({
+          url: E,
+          key: x
         });
       }
     });
   }
-  function I() {
+  function C() {
     isEditing() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -2339,25 +2342,25 @@ function EnableEditor(e) {
       } : {}
     }), Object.values(
       e.builderContextSignal.componentInfos
-    ).forEach((f) => {
-      var S;
-      const h = createRegisterComponentMessage(f);
-      (S = window.parent) == null || S.postMessage(h, "*");
+    ).forEach((m) => {
+      var x;
+      const h = createRegisterComponentMessage(m);
+      (x = window.parent) == null || x.postMessage(h, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      I
+      C
     );
   }
-  function C(u) {
-    const f = new URL(location.href).searchParams, h = f.get("builder.preview"), S = f.get(
+  function I(u) {
+    const m = new URL(location.href).searchParams, h = m.get("builder.preview"), x = m.get(
       `builder.preview.${h}`
-    ), p = f.get("apiKey") || f.get("builder.space");
-    h === e.model && p === e.apiKey && (!e.content || S === e.content.id) && fetchOneEntry({
+    ), p = m.get("apiKey") || m.get("builder.space");
+    h === e.model && p === e.apiKey && (!e.content || x === e.content.id) && fetchOneEntry({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
-    }).then((k) => {
-      k && o(k);
+    }).then((E) => {
+      E && o(E);
     });
   }
   return useEffect(() => {
@@ -2366,8 +2369,8 @@ function EnableEditor(e) {
       "initeditingbldr",
       v
     ), () => {
-      var f;
-      return (f = t.current) == null ? void 0 : f.removeEventListener(
+      var m;
+      return (m = t.current) == null ? void 0 : m.removeEventListener(
         "initeditingbldr",
         v
       );
@@ -2376,25 +2379,25 @@ function EnableEditor(e) {
     var u;
     return (u = t.current) == null || u.addEventListener(
       "initpreviewingbldr",
-      C
+      I
     ), () => {
-      var f;
-      return (f = t.current) == null ? void 0 : f.removeEventListener(
+      var m;
+      return (m = t.current) == null ? void 0 : m.removeEventListener(
         "initpreviewingbldr",
-        C
+        I
       );
     };
   }, []), useEffect(() => {
-    var u, f;
+    var u, m;
     if (isBrowser()) {
       if (isEditing() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && getDefaultCanTrack(e.canTrack)) {
-        const S = (u = e.builderContextSignal.content) == null ? void 0 : u.testVariationId, p = (f = e.builderContextSignal.content) == null ? void 0 : f.id, k = e.apiKey;
+        const x = (u = e.builderContextSignal.content) == null ? void 0 : u.testVariationId, p = (m = e.builderContextSignal.content) == null ? void 0 : m.id, E = e.apiKey;
         _track({
           type: "impression",
           canTrack: !0,
           contentId: p,
-          apiKey: k,
-          variationId: S !== p ? S : void 0
+          apiKey: E,
+          variationId: x !== p ? x : void 0
         });
       }
       isPreviewing() && t.current && t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"));
@@ -2402,7 +2405,7 @@ function EnableEditor(e) {
   }, []), useEffect(() => {
     e.apiKey || logger.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), c(), E(), I();
+    ), c(), k(), C();
   }, []), useEffect(() => {
     e.content && o(e.content);
   }, [e.content]), useEffect(() => {
@@ -2412,13 +2415,13 @@ function EnableEditor(e) {
     (w = (T = e.builderContextSignal.content) == null ? void 0 : T.data) == null ? void 0 : w.jsCode,
     e.builderContextSignal.rootState
   ]), useEffect(() => {
-    E();
+    k();
   }, [(j = (R = e.builderContextSignal.content) == null ? void 0 : R.data) == null ? void 0 : j.httpRequests]), useEffect(() => {
-    I();
+    C();
   }, [e.builderContextSignal.rootState]), useEffect(() => () => {
     isBrowser() && (window.removeEventListener("message", l), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      I
+      C
     ));
   }, []), /* @__PURE__ */ jsx(builderContext.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ createElement(
     "div",
@@ -2528,22 +2531,22 @@ const getContextStateInitialValue = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ContentComponent(e) {
-  var c, s, d, g, b, y, m;
+  var c, s, d, g, b, y, f;
   const [t, n] = useState(
     () => {
-      var x, E;
+      var S, k;
       return getUpdateVariantVisibilityScript({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (x = e.content) == null ? void 0 : x.testVariationId,
+        variationId: (S = e.content) == null ? void 0 : S.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (E = e.content) == null ? void 0 : E.id
+        contentId: (k = e.content) == null ? void 0 : k.id
       });
     }
   );
-  function i(x) {
-    l((E) => ({
-      ...E,
-      rootState: x
+  function i(S) {
+    l((k) => ({
+      ...k,
+      rootState: S
     }));
   }
   const [o, a] = useState(
@@ -2557,11 +2560,11 @@ function ContentComponent(e) {
       ...components,
       ...e.customComponents || []
     ].reduce(
-      (x, { component: E, ...I }) => ({
-        ...x,
-        [I.name]: {
-          component: E,
-          ...serializeComponentInfo(I)
+      (S, { component: k, ...C }) => ({
+        ...S,
+        [C.name]: {
+          component: k,
+          ...serializeComponentInfo(C)
         }
       }),
       {}
@@ -2591,9 +2594,9 @@ function ContentComponent(e) {
       ...components,
       ...e.customComponents || []
     ].reduce(
-      (x, { component: E, ...I }) => ({
-        ...x,
-        [I.name]: serializeComponentInfo(I)
+      (S, { component: k, ...C }) => ({
+        ...S,
+        [C.name]: serializeComponentInfo(C)
       }),
       {}
     ),
@@ -2632,7 +2635,7 @@ function ContentComponent(e) {
             /* @__PURE__ */ jsx(
               Blocks,
               {
-                blocks: (m = (y = r.content) == null ? void 0 : y.data) == null ? void 0 : m.blocks,
+                blocks: (f = (y = r.content) == null ? void 0 : y.data) == null ? void 0 : f.blocks,
                 context: r,
                 registeredComponents: o
               }

package/package.json

@@ -1,7 +1,13 @@
 {
   "name": "@builder.io/sdk-react",
   "description": "Builder.io SDK for React",
-  "version": "0.7.5",
+  "version": "0.8.0",
+  "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/BuilderIO/builder.git",
+    "directory": "packages/sdks/output/react"
+  },
   "files": [
     "lib",
     "types"

package/types/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.7.5";
+export declare const SDK_VERSION = "0.8.0";