@builder.io/sdk-react 4.0.7 → 4.0.8

package/lib/edge/{slot-3ecf31d9.cjs → slot-ddddba8d.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./blocks-70894a53.cjs");require("react");require("./blocks-exports.cjs");require("./server-entry-10ca8502.cjs");require("./get-class-prop-name-8647a440.cjs");require("./dynamic-renderer-b29b45ca.cjs");function u(e){var t,n,r;return o.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:o.jsx(i.Blocks,{parent:(n=e.builderContext.context)==null?void 0:n.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,registeredComponents:e.builderComponents,blocks:(r=e.builderContext.rootState)==null?void 0:r[e.name]})})}exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./blocks-7e8837dc.cjs");require("react");require("./blocks-exports.cjs");require("./server-entry-1b560ddb.cjs");require("./get-class-prop-name-316a93c9.cjs");require("./dynamic-renderer-b29b45ca.cjs");function u(e){var t,n,r;return o.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:o.jsx(i.Blocks,{parent:(n=e.builderContext.context)==null?void 0:n.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,registeredComponents:e.builderComponents,blocks:(r=e.builderContext.rootState)==null?void 0:r[e.name]})})}exports.default=u;

package/lib/edge/{slot-72846242.js → slot-fe93ec42.js}

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
-import { Blocks as m } from "./blocks-2a015bd6.js";
+import { Blocks as m } from "./blocks-548ec8c2.js";
 import "react";
 import "./blocks-exports.mjs";
-import "./server-entry-637ed5ff.js";
-import "./get-class-prop-name-1a003fac.js";
+import "./server-entry-e9974799.js";
+import "./get-class-prop-name-90df5962.js";
 import "./dynamic-renderer-8b343325.js";
 function c(t) {
   var e, o, n;

package/lib/edge/symbol-c266ba83.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-90df5962.js";
+import { fetchOneEntry as S, logger as E } from "./server-entry-e9974799.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/symbol-d9175a66.cjs

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

package/lib/edge/{tabs-ea0258b8.js → tabs-3481a6f6.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-548ec8c2.js";
 import "./blocks-exports.mjs";
-import "./server-entry-637ed5ff.js";
-import "./get-class-prop-name-1a003fac.js";
+import "./server-entry-e9974799.js";
+import "./get-class-prop-name-90df5962.js";
 import "./dynamic-renderer-8b343325.js";
 function y(t) {
   var b;

package/lib/edge/{tabs-788974d9.cjs → tabs-f76f757a.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-7e8837dc.cjs");require("./blocks-exports.cjs");require("./server-entry-1b560ddb.cjs");require("./get-class-prop-name-316a93c9.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;