@builder.io/sdk-react 5.1.1 → 5.2.0

package/lib/edge/symbol-6224d576.js

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

package/lib/edge/{tabs-69a36a5c.js → tabs-51cb7107.js}

@@ -1,9 +1,9 @@
 import { jsxs as d, jsx as i } from "react/jsx-runtime";
 import { useState as m } from "react";
-import { Blocks as c } from "./blocks-6b821501.js";
+import { Blocks as c } from "./blocks-482bd303.js";
 import "./blocks-exports.mjs";
-import "./server-entry-68d59577.js";
-import "./get-class-prop-name-e6f7321f.js";
+import "./server-entry-954fe774.js";
+import "./get-class-prop-name-2e01e11c.js";
 import "./dynamic-renderer-8b343325.js";
 function x(t) {
   var b;

package/lib/edge/{tabs-96367bf5.cjs → tabs-e1cf9ee7.cjs}

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