@builder.io/sdk-react-nextjs 0.16.10 → 0.16.12

package/lib/node/blocks/symbol/component-info.mjs

@@ -0,0 +1,43 @@
+const e = {
+  name: "Symbol",
+  noWrap: !0,
+  static: !0,
+  isRSC: !0,
+  inputs: [{
+    name: "symbol",
+    type: "uiSymbol"
+  }, {
+    name: "dataOnly",
+    helperText: "Make this a data symbol that doesn't display any UI",
+    type: "boolean",
+    defaultValue: !1,
+    advanced: !0,
+    hideFromUI: !0
+  }, {
+    name: "inheritState",
+    helperText: "Inherit the parent component state and data",
+    type: "boolean",
+    defaultValue: !1,
+    advanced: !0
+  }, {
+    name: "renderToLiquid",
+    helperText: "Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",
+    type: "boolean",
+    defaultValue: !1,
+    advanced: !0,
+    hideFromUI: !0
+  }, {
+    name: "useChildren",
+    hideFromUI: !0,
+    type: "boolean"
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+};
+export {
+  e as componentInfo
+};

package/lib/node/blocks/symbol/symbol.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),y=require("../../components/content-variants/content-variants.cjs"),C=require("../../functions/get-class-prop-name.cjs"),x=require("./symbol.helpers.cjs");async function k(e){var n,i,o,l,a;const u=function(){return"div"},d=function(){return"div"},m=function(){var r,b;return[e.attributes[C.getClassPropName()],"builder-symbol",(r=e.symbol)!=null&&r.inline?"builder-inline-symbol":void 0,(b=e.symbol)!=null&&b.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")},t=((n=e.symbol)==null?void 0:n.content)||await x.fetchSymbolContent({symbol:e.symbol,builderContextValue:e.builderContext});return s.jsx("div",{...e.attributes,className:m(),children:s.jsx(y,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(i=e.builderBlock)==null?void 0:i.id},customComponents:Object.values(e.builderComponents),data:{...(o=e.symbol)==null?void 0:o.data,...e.builderContext.localState,...(l=t==null?void 0:t.data)==null?void 0:l.state},canTrack:e.builderContext.canTrack,model:(a=e.symbol)==null?void 0:a.model,content:t,linkComponent:e.builderLinkComponent,blocksWrapper:u(),contentWrapper:d()})})}module.exports=k;

package/lib/node/blocks/symbol/symbol.helpers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../functions/get-content/index.cjs"),c=require("../../helpers/logger.cjs"),i=async({builderContextValue:r,symbol:e})=>{if(e!=null&&e.model&&(r!=null&&r.apiKey))return t.fetchOneEntry({model:e.model,apiKey:r.apiKey,apiVersion:r.apiVersion,...(e==null?void 0:e.entry)&&{query:{id:e.entry}}}).catch(n=>{c.logger.error("Could not fetch symbol content: ",n)})};exports.fetchSymbolContent=i;

package/lib/node/blocks/symbol/symbol.helpers.mjs

@@ -0,0 +1,24 @@
+import { fetchOneEntry as p } from "../../functions/get-content/index.mjs";
+import { logger as i } from "../../helpers/logger.mjs";
+const e = async ({
+  builderContextValue: n,
+  symbol: r
+}) => {
+  if (r != null && r.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
+  (n != null && n.apiKey))
+    return p({
+      model: r.model,
+      apiKey: n.apiKey,
+      apiVersion: n.apiVersion,
+      ...(r == null ? void 0 : r.entry) && {
+        query: {
+          id: r.entry
+        }
+      }
+    }).catch((c) => {
+      i.error("Could not fetch symbol content: ", c);
+    });
+};
+export {
+  e as fetchSymbolContent
+};

package/lib/node/blocks/symbol/symbol.mjs

@@ -0,0 +1,51 @@
+import { jsx as b } from "react/jsx-runtime";
+import y from "../../components/content-variants/content-variants.mjs";
+import { getClassPropName as C } from "../../functions/get-class-prop-name.mjs";
+import { fetchSymbolContent as x } from "./symbol.helpers.mjs";
+async function N(e) {
+  var n, o, i, l, a;
+  const d = function() {
+    return "div";
+  }, u = function() {
+    return "div";
+  }, s = function() {
+    var c, m;
+    return [
+      e.attributes[C()],
+      "builder-symbol",
+      (c = e.symbol) != null && c.inline ? "builder-inline-symbol" : void 0,
+      (m = e.symbol) != null && m.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+    ].filter(Boolean).join(" ");
+  }, t = ((n = e.symbol) == null ? void 0 : n.content) || await x({
+    symbol: e.symbol,
+    builderContextValue: e.builderContext
+  });
+  return /* @__PURE__ */ b("div", { ...e.attributes, className: s(), children: /* @__PURE__ */ b(
+    y,
+    {
+      nonce: e.builderContext.nonce,
+      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: {
+        ...(i = e.symbol) == null ? void 0 : i.data,
+        ...e.builderContext.localState,
+        ...(l = t == null ? void 0 : t.data) == null ? void 0 : l.state
+      },
+      canTrack: e.builderContext.canTrack,
+      model: (a = e.symbol) == null ? void 0 : a.model,
+      content: t,
+      linkComponent: e.builderLinkComponent,
+      blocksWrapper: d(),
+      contentWrapper: u()
+    }
+  ) });
+}
+export {
+  N as default
+};

package/lib/node/blocks/text/component-info.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={shouldReceiveBuilderProps:{builderBlock:!1,builderContext:!0},name:"Text",static:!0,isRSC:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}};exports.componentInfo=e;

package/lib/node/blocks/text/component-info.mjs

@@ -0,0 +1,26 @@
+const e = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !0
+  },
+  name: "Text",
+  static: !0,
+  isRSC: !0,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
+  inputs: [{
+    name: "text",
+    type: "html",
+    required: !0,
+    autoFocus: !0,
+    bubble: !0,
+    defaultValue: "Enter some text..."
+  }],
+  defaultStyles: {
+    lineHeight: "normal",
+    height: "auto",
+    textAlign: "center"
+  }
+};
+export {
+  e as componentInfo
+};

package/lib/node/blocks/text/text.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("react/jsx-runtime"),x=require("../../functions/evaluate/evaluate.cjs");function i(t){const n=function(){var e;const o=t.builderContext,{context:c,localState:r,rootState:s,rootSetState:a}=o;return String(((e=t.text)==null?void 0:e.toString())||"").replace(/{{([^}]+)}}/g,(S,l)=>x.evaluate({code:l,context:c,localState:r,rootState:s,rootSetState:a,enableCache:!1}))};return u.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:n()},style:{outline:"none"}})}module.exports=i;

package/lib/node/blocks/text/text.mjs

@@ -0,0 +1,36 @@
+import { jsx as l } from "react/jsx-runtime";
+import { evaluate as x } from "../../functions/evaluate/evaluate.mjs";
+function f(t) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: "builder-text",
+      dangerouslySetInnerHTML: { __html: function() {
+        var e;
+        const o = t.builderContext, {
+          context: n,
+          localState: r,
+          rootState: c,
+          rootSetState: a
+        } = o;
+        return String(((e = t.text) == null ? void 0 : e.toString()) || "").replace(
+          /{{([^}]+)}}/g,
+          (d, s) => x({
+            code: s,
+            context: n,
+            localState: r,
+            rootState: c,
+            rootSetState: a,
+            enableCache: !1
+          })
+        );
+      }() },
+      style: {
+        outline: "none"
+      }
+    }
+  );
+}
+export {
+  f as default
+};

package/lib/node/blocks/video/component-info.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"Video",canHaveChildren:!0,defaultStyles:{minHeight:"20px",minWidth:"20px"},image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",inputs:[{name:"video",type:"file",allowedFileTypes:["mp4"],bubble:!0,defaultValue:"https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",required:!0},{name:"posterImage",type:"file",allowedFileTypes:["jpeg","png"],helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"preload",type:"text",defaultValue:"metadata",enum:["auto","metadata","none"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0}};exports.componentInfo=e;

package/lib/node/blocks/video/component-info.mjs

@@ -0,0 +1,88 @@
+const e = {
+  name: "Video",
+  canHaveChildren: !0,
+  defaultStyles: {
+    minHeight: "20px",
+    minWidth: "20px"
+  },
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",
+  inputs: [{
+    name: "video",
+    type: "file",
+    allowedFileTypes: ["mp4"],
+    bubble: !0,
+    defaultValue: "https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
+    required: !0
+  }, {
+    name: "posterImage",
+    type: "file",
+    allowedFileTypes: ["jpeg", "png"],
+    helperText: "Image to show before the video plays"
+  }, {
+    name: "autoPlay",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "controls",
+    type: "boolean",
+    defaultValue: !1
+  }, {
+    name: "muted",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "loop",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "playsInline",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "fit",
+    type: "text",
+    defaultValue: "cover",
+    enum: ["contain", "cover", "fill", "auto"]
+  }, {
+    name: "preload",
+    type: "text",
+    defaultValue: "metadata",
+    enum: ["auto", "metadata", "none"]
+  }, {
+    name: "fitContent",
+    type: "boolean",
+    helperText: "When child blocks are provided, fit to them instead of using the aspect ratio",
+    defaultValue: !0,
+    advanced: !0
+  }, {
+    name: "position",
+    type: "text",
+    defaultValue: "center",
+    enum: ["center", "top", "left", "right", "bottom", "top left", "top right", "bottom left", "bottom right"]
+  }, {
+    name: "height",
+    type: "number",
+    advanced: !0
+  }, {
+    name: "width",
+    type: "number",
+    advanced: !0
+  }, {
+    name: "aspectRatio",
+    type: "number",
+    advanced: !0,
+    defaultValue: 0.7004048582995948
+  }, {
+    name: "lazyLoad",
+    type: "boolean",
+    helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
+    defaultValue: !0,
+    advanced: !0
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0
+  }
+};
+export {
+  e as componentInfo
+};

package/lib/node/blocks/video/video.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const t=require("react/jsx-runtime");function s(e){var i,l,n,o,d,u,c;function a(){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 r(){return{...a()}}return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("video",{className:"builder-video",...r(),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&&((n=(l=e.builderBlock)==null?void 0:l.children)!=null&&n.length))?t.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(d=(o=e.builderBlock)==null?void 0:o.children)!=null&&d.length&&e.fitContent?t.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(u=e.builderBlock)==null?void 0:u.children)!=null&&c.length&&!e.fitContent?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]})}module.exports=s;

package/lib/node/blocks/video/video.mjs

@@ -0,0 +1,106 @@
+"use client";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+function f(e) {
+  var i, l, n, o, d, u, a;
+  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 r() {
+    return {
+      ...c()
+    };
+  }
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      style: {
+        position: "relative"
+      },
+      children: [
+        /* @__PURE__ */ t(
+          "video",
+          {
+            className: "builder-video",
+            ...r(),
+            preload: e.preload || "metadata",
+            style: {
+              width: "100%",
+              height: "100%",
+              ...(i = e.attributes) == null ? void 0 : i.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 && ((n = (l = e.builderBlock) == null ? void 0 : l.children) != null && n.length)) ? /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              width: "100%",
+              paddingTop: e.aspectRatio * 100 + "%",
+              pointerEvents: "none",
+              fontSize: "0px"
+            }
+          }
+        ) : null,
+        (d = (o = e.builderBlock) == null ? void 0 : o.children) != null && d.length && e.fitContent ? /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "stretch"
+            },
+            children: e.children
+          }
+        ) : null,
+        (a = (u = e.builderBlock) == null ? void 0 : u.children) != null && a.length && !e.fitContent ? /* @__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 {
+  f as default
+};