@builder.io/sdk-react 4.0.7 → 4.0.9

package/lib/edge/symbol-378e19ee.js

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

package/lib/edge/{tabs-ea0258b8.js → tabs-29ff78a0.js}

@@ -1,9 +1,9 @@
 import { jsxs as u, jsx as i } from "react/jsx-runtime";
 import { useState as d } from "react";
-import { Blocks as c } from "./blocks-2a015bd6.js";
+import { Blocks as c } from "./blocks-cd1feef2.js";
 import "./blocks-exports.mjs";
-import "./server-entry-637ed5ff.js";
-import "./get-class-prop-name-1a003fac.js";
+import "./server-entry-8dc3478a.js";
+import "./get-class-prop-name-5edacc3b.js";
 import "./dynamic-renderer-8b343325.js";
 function y(t) {
   var b;

package/lib/edge/{tabs-788974d9.cjs → tabs-4e931765.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),b=require("./blocks-70894a53.cjs");require("./blocks-exports.cjs");require("./server-entry-10ca8502.cjs");require("./get-class-prop-name-8647a440.cjs");require("./dynamic-renderer-b29b45ca.cjs");function s(e){var o;const[t,a]=u.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function c(n){return e.tabs&&e.tabs[n].content}function r(n){n===t&&e.collapsible?a(-1):a(n)}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((n,i)=>l.jsx("span",{className:`builder-tab-wrap ${t===i?"builder-tab-active":""}`,style:{...t===i?e.activeTabStyle:{}},onClick:d=>r(i),children:l.jsx(b.Blocks,{parent:e.builderBlock.id,path:`tabs.${i}.label`,blocks:n.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},i))}),c(t)?l.jsx("div",{children:l.jsx(b.Blocks,{parent:e.builderBlock.id,path:`tabs.${t}.content`,blocks:c(t),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),b=require("./blocks-eb6fa21f.cjs");require("./blocks-exports.cjs");require("./server-entry-9d269960.cjs");require("./get-class-prop-name-c479656a.cjs");require("./dynamic-renderer-b29b45ca.cjs");function s(e){var o;const[t,a]=u.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function c(n){return e.tabs&&e.tabs[n].content}function r(n){n===t&&e.collapsible?a(-1):a(n)}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((n,i)=>l.jsx("span",{className:`builder-tab-wrap ${t===i?"builder-tab-active":""}`,style:{...t===i?e.activeTabStyle:{}},onClick:d=>r(i),children:l.jsx(b.Blocks,{parent:e.builderBlock.id,path:`tabs.${i}.label`,blocks:n.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},i))}),c(t)?l.jsx("div",{children:l.jsx(b.Blocks,{parent:e.builderBlock.id,path:`tabs.${t}.content`,blocks:c(t),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}exports.default=s;