@builder.io/sdk-react 2.0.0 → 2.0.2

package/lib/edge/{server-entry-75aa714e.js → server-entry-d2020acf.js}

@@ -304,7 +304,7 @@ function $(e, t) {
   const n = new URL(t.origin), r = n.hostname;
   return (e || Oe).findIndex((o) => o.startsWith("*.") ? r.endsWith(o.slice(1)) : o === r) > -1;
 }
-const Pe = "2.0.0", Xe = () => {
+const Pe = "2.0.2", Xe = () => {
   re("insertMenu", {
     name: "_default",
     default: !0,

package/lib/edge/server-entry.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-ff6a2e2d.cjs");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.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-966ac144.cjs");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.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/edge/server-entry.mjs

@@ -1,4 +1,4 @@
-import { _processContentResult as r, createRegisterComponentMessage as s, fetchBuilderProps as i, fetchEntries as n, fetchOneEntry as o, getBuilderSearchParams as c, isEditing as g, isPreviewing as a, register as d, setEditorSettings as E, subscribeToEditor as f, track as h } from "./server-entry-75aa714e.js";
+import { _processContentResult as r, createRegisterComponentMessage as s, fetchBuilderProps as i, fetchEntries as n, fetchOneEntry as o, getBuilderSearchParams as c, isEditing as g, isPreviewing as a, register as d, setEditorSettings as E, subscribeToEditor as f, track as h } from "./server-entry-d2020acf.js";
 export {
   r as _processContentResult,
   s as createRegisterComponentMessage,

package/lib/edge/{slot-8159ca1d.js → slot-40de071b.js}

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
-import { Blocks as l } from "./blocks-6d6258ba.js";
+import { Blocks as l } from "./blocks-f55c7d3e.js";
 import "react";
 import "./blocks-exports.mjs";
-import "./server-entry-75aa714e.js";
-import "./get-class-prop-name-1bbed5bf.js";
+import "./server-entry-d2020acf.js";
+import "./get-class-prop-name-a677d7a5.js";
 import "./dynamic-renderer-8b343325.js";
 function c(t) {
   var e, o, n;

package/lib/edge/{slot-aee43b86.cjs → slot-8b27e15e.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./blocks-ac8970f1.cjs");require("react");require("./blocks-exports.cjs");require("./server-entry-ff6a2e2d.cjs");require("./get-class-prop-name-3c5f7a7d.cjs");require("./dynamic-renderer-b29b45ca.cjs");function u(e){var t,r,n;return i.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:i.jsx(o.Blocks,{parent:(r=e.builderContext.context)==null?void 0:r.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,blocks:(n=e.builderContext.rootState)==null?void 0:n[e.name]})})}exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./blocks-078044bc.cjs");require("react");require("./blocks-exports.cjs");require("./server-entry-966ac144.cjs");require("./get-class-prop-name-a9b4959e.cjs");require("./dynamic-renderer-b29b45ca.cjs");function u(e){var t,r,n;return i.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:i.jsx(o.Blocks,{parent:(r=e.builderContext.context)==null?void 0:r.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,blocks:(n=e.builderContext.rootState)==null?void 0:n[e.name]})})}exports.default=u;

package/lib/edge/symbol-76e76298.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),C=require("./blocks-exports.cjs"),v=require("./get-class-prop-name-a9b4959e.cjs"),m=require("./server-entry-966ac144.cjs"),k=async({builderContextValue:e,symbol:t})=>{if(t!=null&&t.model&&(e!=null&&e.apiKey))return m.fetchOneEntry({model:t.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(t==null?void 0:t.entry)&&{query:{id:t.entry}}}).catch(r=>{m.logger.error("Could not fetch symbol content: ",r)})};function x(e){var c,a,d,u;function t(){return"div"}function r(){return"div"}function b(){var n,l;return[e.attributes[v.getClassPropName()],"builder-symbol",(n=e.symbol)!=null&&n.inline?"builder-inline-symbol":void 0,(l=e.symbol)!=null&&l.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")}const[i,y]=o.useState(()=>{var n;return(n=e.symbol)==null?void 0:n.content});function f(){i||k({symbol:e.symbol,builderContextValue:e.builderContext}).then(n=>{n&&y(n)})}return o.useEffect(()=>{},[]),o.useEffect(()=>{f()},[e.symbol]),s.jsx("div",{...e.attributes,className:b(),children:s.jsx(C.Content,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(c=e.builderBlock)==null?void 0:c.id},customComponents:Object.values(e.builderComponents),data:{...(a=e.symbol)==null?void 0:a.data,...e.builderContext.localState,...(d=i==null?void 0:i.data)==null?void 0:d.state},canTrack:e.builderContext.canTrack,model:(u=e.symbol)==null?void 0:u.model,content:i,linkComponent:e.builderLinkComponent,blocksWrapper:t(),contentWrapper:r()})})}exports.default=x;

package/lib/edge/symbol-e6515a5f.js

@@ -0,0 +1,85 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useState as s, useEffect as u } from "react";
+import { Content as C } from "./blocks-exports.mjs";
+import { getClassPropName as v } from "./get-class-prop-name-a677d7a5.js";
+import { fetchOneEntry as k, logger as h } from "./server-entry-d2020acf.js";
+const x = async ({
+  builderContextValue: e,
+  symbol: t
+}) => {
+  if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
+  (e != null && e.apiKey))
+    return k({
+      model: t.model,
+      apiKey: e.apiKey,
+      apiVersion: e.apiVersion,
+      ...(t == null ? void 0 : t.entry) && {
+        query: {
+          id: t.entry
+        }
+      }
+    }).catch((o) => {
+      h.error("Could not fetch symbol content: ", o);
+    });
+};
+function j(e) {
+  var r, a, c, d;
+  function t() {
+    return "div";
+  }
+  function o() {
+    return "div";
+  }
+  function f() {
+    var n, l;
+    return [
+      e.attributes[v()],
+      "builder-symbol",
+      (n = e.symbol) != null && n.inline ? "builder-inline-symbol" : void 0,
+      (l = e.symbol) != null && l.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+    ].filter(Boolean).join(" ");
+  }
+  const [i, b] = s(() => {
+    var n;
+    return (n = e.symbol) == null ? void 0 : n.content;
+  });
+  function y() {
+    i || x({
+      symbol: e.symbol,
+      builderContextValue: e.builderContext
+    }).then((n) => {
+      n && b(n);
+    });
+  }
+  return u(() => {
+  }, []), u(() => {
+    y();
+  }, [e.symbol]), /* @__PURE__ */ m("div", { ...e.attributes, className: f(), children: /* @__PURE__ */ m(
+    C,
+    {
+      nonce: e.builderContext.nonce,
+      isNestedRender: !0,
+      apiVersion: e.builderContext.apiVersion,
+      apiKey: e.builderContext.apiKey,
+      context: {
+        ...e.builderContext.context,
+        symbolId: (r = e.builderBlock) == null ? void 0 : r.id
+      },
+      customComponents: Object.values(e.builderComponents),
+      data: {
+        ...(a = e.symbol) == null ? void 0 : a.data,
+        ...e.builderContext.localState,
+        ...(c = i == null ? void 0 : i.data) == null ? void 0 : c.state
+      },
+      canTrack: e.builderContext.canTrack,
+      model: (d = e.symbol) == null ? void 0 : d.model,
+      content: i,
+      linkComponent: e.builderLinkComponent,
+      blocksWrapper: t(),
+      contentWrapper: o()
+    }
+  ) });
+}
+export {
+  j as default
+};

package/lib/edge/{tabs-4112a80e.cjs → tabs-9c5af0ec.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("react"),r=require("./blocks-ac8970f1.cjs");require("./blocks-exports.cjs");require("./server-entry-ff6a2e2d.cjs");require("./get-class-prop-name-3c5f7a7d.cjs");require("./dynamic-renderer-b29b45ca.cjs");function s(e){var c;const[t,a]=u.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function o(n){return e.tabs&&e.tabs[n].content}function b(n){n===t&&e.collapsible?a(-1):a(n)}return i.jsxs("div",{children:[i.jsx("div",{className:"builder-tabs-wrap",style:{display:"flex",flexDirection:"row",justifyContent:e.tabHeaderLayout||"flex-start",overflow:"auto"},children:(c=e.tabs)==null?void 0:c.map((n,l)=>i.jsx("span",{className:`builder-tab-wrap ${t===l?"builder-tab-active":""}`,style:{...t===l?e.activeTabStyle:{}},onClick:d=>b(l),children:i.jsx(r.Blocks,{parent:e.builderBlock.id,path:`component.options.tabs.${l}.label`,blocks:n.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},l))}),o(t)?i.jsx("div",{children:i.jsx(r.Blocks,{parent:e.builderBlock.id,path:`component.options.tabs.${t}.content`,blocks:o(t),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("react"),r=require("./blocks-078044bc.cjs");require("./blocks-exports.cjs");require("./server-entry-966ac144.cjs");require("./get-class-prop-name-a9b4959e.cjs");require("./dynamic-renderer-b29b45ca.cjs");function s(e){var c;const[t,a]=u.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function o(n){return e.tabs&&e.tabs[n].content}function b(n){n===t&&e.collapsible?a(-1):a(n)}return i.jsxs("div",{children:[i.jsx("div",{className:"builder-tabs-wrap",style:{display:"flex",flexDirection:"row",justifyContent:e.tabHeaderLayout||"flex-start",overflow:"auto"},children:(c=e.tabs)==null?void 0:c.map((n,l)=>i.jsx("span",{className:`builder-tab-wrap ${t===l?"builder-tab-active":""}`,style:{...t===l?e.activeTabStyle:{}},onClick:d=>b(l),children:i.jsx(r.Blocks,{parent:e.builderBlock.id,path:`component.options.tabs.${l}.label`,blocks:n.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},l))}),o(t)?i.jsx("div",{children:i.jsx(r.Blocks,{parent:e.builderBlock.id,path:`component.options.tabs.${t}.content`,blocks:o(t),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}exports.default=s;

package/lib/edge/{tabs-f5357a4e.js → tabs-b75be82d.js}

@@ -1,9 +1,9 @@
 import { jsxs as u, jsx as l } from "react/jsx-runtime";
 import { useState as m } from "react";
-import { Blocks as c } from "./blocks-6d6258ba.js";
+import { Blocks as c } from "./blocks-f55c7d3e.js";
 import "./blocks-exports.mjs";
-import "./server-entry-75aa714e.js";
-import "./get-class-prop-name-1bbed5bf.js";
+import "./server-entry-d2020acf.js";
+import "./get-class-prop-name-a677d7a5.js";
 import "./dynamic-renderer-8b343325.js";
 function y(t) {
   var b;