@builder.io/sdk-react 1.0.2 → 1.0.4

package/lib/edge/server-entry.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-a595b1cf.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-88f58ed4.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 { _ as t, c as r, f as a, d as i, e as n, g as o, i as c, a as g, r as d, s as f, b as E, t as h } from "./server-entry-f6f9bdcb.js";
+import { _ as t, c as r, f as a, d as i, e as n, g as o, i as c, a as g, r as d, s as f, b as E, t as h } from "./server-entry-e0830caf.js";
 export {
   t as _processContentResult,
   r as createRegisterComponentMessage,

package/lib/edge/slot-39b50f6b.cjs

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

package/lib/edge/slot-eb244885.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { B as l } from "./blocks-0fc8e8d2.js";
+import "react";
+import "./server-entry-e0830caf.js";
+import "./get-class-prop-name-f22d7d53.js";
+import "./dynamic-renderer-b5124984.js";
+function x(t) {
+  var e, o, n;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      style: {
+        pointerEvents: "auto"
+      },
+      ...!((e = t.builderContext.context) != null && e.symbolId) && {
+        "builder-slot": t.name
+      },
+      children: /* @__PURE__ */ i(
+        l,
+        {
+          parent: (o = t.builderContext.context) == null ? void 0 : o.symbolId,
+          path: `symbol.data.${t.name}`,
+          context: t.builderContext,
+          blocks: (n = t.builderContext.rootState) == null ? void 0 : n[t.name]
+        }
+      )
+    }
+  );
+}
+export {
+  x as default
+};

package/lib/edge/submit-button-13d8d5a7.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");function u(t){return e.jsx("button",{type:"submit",...t.attributes,children:t.text})}exports.default=u;

package/lib/edge/submit-button-71dd4015.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+function i(t) {
+  return /* @__PURE__ */ e("button", { type: "submit", ...t.attributes, children: t.text });
+}
+export {
+  i as default
+};

package/lib/edge/symbol-bf773f2a.js

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

package/lib/edge/symbol-ee31bb7f.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("react"),b=require("./blocks-exports.cjs"),f=require("./get-class-prop-name-caee6506.cjs"),s=require("./server-entry-88f58ed4.cjs"),v=async({builderContextValue:e,symbol:t})=>{if(t!=null&&t.model&&(e!=null&&e.apiKey))return s.fetchOneEntry({model:t.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(t==null?void 0:t.entry)&&{query:{id:t.entry}}}).catch(i=>{s.logger.error("Could not fetch symbol content: ",i)})};function C(e){var r,c,a,d;function t(){var n,l;return[e.attributes[f.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,m]=o.useState(()=>{var n;return(n=e.symbol)==null?void 0:n.content});function y(){i||v({symbol:e.symbol,builderContextValue:e.builderContext}).then(n=>{n&&m(n)})}return o.useEffect(()=>{},[]),o.useEffect(()=>{y()},[e.symbol]),u.jsx("div",{...e.attributes,className:t(),children:u.jsx(b.Content,{__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:{...(c=e.symbol)==null?void 0:c.data,...e.builderContext.localState,...(a=i==null?void 0:i.data)==null?void 0:a.state},model:(d=e.symbol)==null?void 0:d.model,content:i,linkComponent:e.builderLinkComponent,blocksWrapper:"div",contentWrapper:"div"})})}exports.default=C;

package/lib/edge/text-15f0a6f4.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+function l(e) {
+  var t;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: "builder-text",
+      dangerouslySetInnerHTML: { __html: ((t = e.text) == null ? void 0 : t.toString()) || "" },
+      style: {
+        outline: "none"
+      }
+    }
+  );
+}
+export {
+  l as default
+};

package/lib/edge/text-7fdbde16.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");function r(t){var e;return n.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((e=t.text)==null?void 0:e.toString())||""},style:{outline:"none"}})}exports.default=r;

package/lib/edge/video-66b20833.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsxs as s, jsx as t, Fragment as i } from "react/jsx-runtime";
+function y(e) {
+  var l, n, d, o, u, c, a;
+  function r() {
+    return {
+      ...e.autoPlay === !0 ? {
+        autoPlay: !0
+      } : {},
+      ...e.muted === !0 ? {
+        muted: !0
+      } : {},
+      ...e.controls === !0 ? {
+        controls: !0
+      } : {},
+      ...e.loop === !0 ? {
+        loop: !0
+      } : {},
+      ...e.playsInline === !0 ? {
+        playsInline: !0
+      } : {}
+    };
+  }
+  function h() {
+    return {
+      ...r()
+    };
+  }
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      style: {
+        position: "relative"
+      },
+      children: [
+        /* @__PURE__ */ t(
+          "video",
+          {
+            className: "builder-video",
+            ...h(),
+            preload: e.preload || "metadata",
+            style: {
+              width: "100%",
+              height: "100%",
+              ...(l = e.attributes) == null ? void 0 : l.style,
+              objectFit: e.fit,
+              objectPosition: e.position,
+              // Hack to get object fit to work as expected and
+              // not have the video overflow
+              zIndex: 2,
+              borderRadius: "1px",
+              ...e.aspectRatio ? {
+                position: "absolute"
+              } : null
+            },
+            src: e.video || "no-src",
+            poster: e.posterImage,
+            children: e.lazyLoad ? null : /* @__PURE__ */ t("source", { type: "video/mp4", src: e.video })
+          }
+        ),
+        e.aspectRatio && !(e.fitContent && ((d = (n = e.builderBlock) == null ? void 0 : n.children) != null && d.length)) ? /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              width: "100%",
+              paddingTop: e.aspectRatio * 100 + "%",
+              pointerEvents: "none",
+              fontSize: "0px"
+            }
+          }
+        ) }) : null,
+        (u = (o = e.builderBlock) == null ? void 0 : o.children) != null && u.length && e.fitContent ? /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "stretch"
+            },
+            children: e.children
+          }
+        ) }) : null,
+        (a = (c = e.builderBlock) == null ? void 0 : c.children) != null && a.length && !e.fitContent ? /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              pointerEvents: "none",
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "stretch",
+              position: "absolute",
+              top: "0",
+              left: "0",
+              width: "100%",
+              height: "100%"
+            },
+            children: e.children
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+export {
+  y as default
+};

package/lib/edge/video-702696a8.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");function s(e){var i,n,l,d,o,u,r;function c(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function a(){return{...c()}}return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("video",{className:"builder-video",...a(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(i=e.attributes)==null?void 0:i.style,objectFit:e.fit,objectPosition:e.position,zIndex:2,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:t.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((l=(n=e.builderBlock)==null?void 0:n.children)!=null&&l.length))?t.jsx(t.Fragment,{children:t.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}})}):null,(o=(d=e.builderBlock)==null?void 0:d.children)!=null&&o.length&&e.fitContent?t.jsx(t.Fragment,{children:t.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children})}):null,(r=(u=e.builderBlock)==null?void 0:u.children)!=null&&r.length&&!e.fitContent?t.jsx(t.Fragment,{children:t.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children})}):null]})}exports.default=s;