@builder.io/sdk-react 1.0.23 → 1.0.24

package/lib/edge/{symbol-a90a41a3.js → symbol-853c210f.js}

@@ -1,15 +1,15 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useState as y, useEffect as l } from "react";
-import { Content as s } from "./blocks-exports.mjs";
-import { getClassPropName as b } from "./get-class-prop-name-e85bf7a3.js";
-import { fetchOneEntry as C, logger as v } from "./server-entry-e1e18fd2.js";
-const h = async ({
+import { jsx as l } from "react/jsx-runtime";
+import { useState as b, useEffect as u } from "react";
+import { Content as C } from "./blocks-exports.mjs";
+import { getClassPropName as v } from "./get-class-prop-name-a023381f.js";
+import { fetchOneEntry as h, logger as k } from "./server-entry-bbf65248.js";
+const K = 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 C({
+    return h({
       model: e.model,
       apiKey: t.apiKey,
       apiVersion: t.apiVersion,
@@ -18,60 +18,66 @@ const h = async ({
           id: e.entry
         }
       }
-    }).catch((i) => {
-      v.error("Could not fetch symbol content: ", i);
+    }).catch((o) => {
+      k.error("Could not fetch symbol content: ", o);
     });
 };
-function g(t) {
-  var o, a, r, d;
+function j(t) {
+  var r, a, c, d;
   function e() {
+    return "div";
+  }
+  function o() {
+    return "div";
+  }
+  function f() {
     var n, m;
     return [
-      t.attributes[b()],
+      t.attributes[v()],
       "builder-symbol",
       (n = t.symbol) != null && n.inline ? "builder-inline-symbol" : void 0,
       (m = t.symbol) != null && m.dynamic || t.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }
-  const [i, u] = y(() => {
+  const [i, s] = b(() => {
     var n;
     return (n = t.symbol) == null ? void 0 : n.content;
   });
-  function f() {
-    i || h({
+  function y() {
+    i || K({
       symbol: t.symbol,
       builderContextValue: t.builderContext
     }).then((n) => {
-      n && u(n);
+      n && s(n);
     });
   }
-  return l(() => {
-  }, []), l(() => {
-    f();
-  }, [t.symbol]), /* @__PURE__ */ c("div", { ...t.attributes, className: e(), children: /* @__PURE__ */ c(
-    s,
+  return u(() => {
+  }, []), u(() => {
+    y();
+  }, [t.symbol]), /* @__PURE__ */ l("div", { ...t.attributes, className: f(), children: /* @__PURE__ */ l(
+    C,
     {
       isNestedRender: !0,
       apiVersion: t.builderContext.apiVersion,
       apiKey: t.builderContext.apiKey,
       context: {
         ...t.builderContext.context,
-        symbolId: (o = t.builderBlock) == null ? void 0 : o.id
+        symbolId: (r = t.builderBlock) == null ? void 0 : r.id
       },
       customComponents: Object.values(t.builderComponents),
       data: {
         ...(a = t.symbol) == null ? void 0 : a.data,
         ...t.builderContext.localState,
-        ...(r = i == null ? void 0 : i.data) == null ? void 0 : r.state
+        ...(c = i == null ? void 0 : i.data) == null ? void 0 : c.state
       },
       model: (d = t.symbol) == null ? void 0 : d.model,
       content: i,
       linkComponent: t.builderLinkComponent,
-      blocksWrapper: "div",
-      contentWrapper: "div"
+      blocksWrapper: e(),
+      contentWrapper: o()
     }
   ) });
 }
 export {
-  g as default
+  j as default
 };

package/lib/edge/symbol-c9d45cc8.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),v=require("./blocks-exports.cjs"),C=require("./get-class-prop-name-a966a097.cjs"),m=require("./server-entry-95f97e05.cjs"),g=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 h(e){var c,a,d,u;function t(){return"div"}function r(){return"div"}function y(){var n,l;return[e.attributes[C.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,b]=o.useState(()=>{var n;return(n=e.symbol)==null?void 0:n.content});function f(){i||g({symbol:e.symbol,builderContextValue:e.builderContext}).then(n=>{n&&b(n)})}return o.useEffect(()=>{},[]),o.useEffect(()=>{f()},[e.symbol]),s.jsx("div",{...e.attributes,className:y(),children:s.jsx(v.Content,{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},model:(u=e.symbol)==null?void 0:u.model,content:i,linkComponent:e.builderLinkComponent,blocksWrapper:t(),contentWrapper:r()})})}exports.default=h;

package/lib/edge/tabs-28d0f021.js

@@ -0,0 +1,69 @@
+import { jsxs as u, jsx as l } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { Blocks as c } from "./blocks-e6873db2.js";
+import "./blocks-exports.mjs";
+import "./server-entry-bbf65248.js";
+import "./get-class-prop-name-a023381f.js";
+import "./dynamic-renderer-8b343325.js";
+function h(t) {
+  var b;
+  const [e, a] = m(
+    () => t.defaultActiveTab ? t.defaultActiveTab - 1 : 0
+  );
+  function o(i) {
+    return t.tabs && t.tabs[i].content;
+  }
+  function r(i) {
+    return e === i ? t.activeTabStyle : {};
+  }
+  return /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: "builder-tabs-wrap",
+        style: {
+          display: "flex",
+          flexDirection: "row",
+          justifyContent: t.tabHeaderLayout || "flex-start",
+          overflow: "auto"
+        },
+        children: (b = t.tabs) == null ? void 0 : b.map((i, n) => /* @__PURE__ */ l(
+          "span",
+          {
+            className: `builder-tab-wrap ${e === n ? "builder-tab-active" : ""}`,
+            style: r(n),
+            onClick: (d) => {
+              n === e && t.collapsible ? a(-1) : a(n);
+            },
+            children: /* @__PURE__ */ l(
+              c,
+              {
+                parent: t.builderBlock.id,
+                path: `component.options.tabs.${n}.label`,
+                blocks: i.label,
+                context: t.builderContext,
+                registeredComponents: t.builderComponents,
+                linkComponent: t.builderLinkComponent
+              }
+            )
+          },
+          n
+        ))
+      }
+    ),
+    o(e) ? /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(
+      c,
+      {
+        parent: t.builderBlock.id,
+        path: `component.options.tabs.${e}.content`,
+        blocks: o(e),
+        context: t.builderContext,
+        registeredComponents: t.builderComponents,
+        linkComponent: t.builderLinkComponent
+      }
+    ) }) : null
+  ] });
+}
+export {
+  h as default
+};

package/lib/edge/tabs-34a12e52.cjs

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