@builder.io/sdk-react-nextjs 0.10.0 → 0.11.1

package/lib/node/{bundle-49222e30.js → bundle-d073dfea.js}

@@ -1,7 +1,7 @@
 import { LRUCache } from "lru-cache";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
-import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, b as Button, C as CustomCode, E as Embed, F as FragmentComponent, c as Image, d as ImgComponent, S as SectionComponent, V as Video, e as EnableEditor } from "./USE_CLIENT_BUNDLE-39759ac3.js";
+import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, b as Button, C as CustomCode, E as Embed, F as FragmentComponent, c as Image, d as ImgComponent, S as SectionComponent, V as Video, e as EnableEditor } from "./USE_CLIENT_BUNDLE-e7bc5bc3.js";
 import "next/navigation";
 function getBlockComponentOptions(e) {
   var t;
@@ -479,8 +479,7 @@ function getBlockActions(e) {
     let i = getEventHandlerName(o);
     if (e.stripPrefix)
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           i = i.replace("v-on:", "");
           break;
         case "svelte":
@@ -520,8 +519,7 @@ function getBlockProperties({
 function getStyleAttribute(e) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(e).join(" ");
     case "qwik":
@@ -539,23 +537,27 @@ const getWrapperProps = ({
   includeBlockProps: r,
   isInteractive: i,
   contextValue: a
-}) => i ? {
-  Wrapper: o,
-  block: t,
-  context: n,
-  wrapperProps: e
-} : {
-  ...e,
-  /**
-   * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
-   * component itself directly. Otherwise, they are provided to the wrapper element.
-   */
-  ...r ? {
-    attributes: getBlockProperties({
-      block: t,
-      context: a
-    })
-  } : {}
+}) => {
+  const s = {
+    ...e,
+    /**
+     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
+     * component itself directly. Otherwise, they are provided to the wrapper element.
+     */
+    ...r ? {
+      attributes: getBlockProperties({
+        block: t,
+        context: a
+      })
+    } : {}
+  };
+  return i ? {
+    Wrapper: o,
+    block: t,
+    context: n,
+    wrapperProps: e,
+    includeBlockProps: r
+  } : s;
 };
 function ComponentRef(e) {
   var n, o;
@@ -2148,7 +2150,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.10.0", registry = {};
+}, SDK_VERSION = "0.11.1", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {

package/lib/node/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./bundle-ad89090d.cjs"),t=require("./USE_CLIENT_BUNDLE-fcb61de5.cjs");require("lru-cache");require("react/jsx-runtime");require("react");require("next/navigation");require("./USE_SERVER_BUNDLE-9a538e9b.cjs");exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.RenderBlocks=e.RenderBlocks;exports.RenderContent=e.RenderContent;exports.Symbol=e.Symbol;exports.Text=e.Text;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./bundle-c361a3b2.cjs"),t=require("./USE_CLIENT_BUNDLE-09aea24d.cjs");require("lru-cache");require("react/jsx-runtime");require("react");require("next/navigation");require("./USE_SERVER_BUNDLE-84387e43.cjs");exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.RenderBlocks=e.RenderBlocks;exports.RenderContent=e.RenderContent;exports.Symbol=e.Symbol;exports.Text=e.Text;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;

package/lib/node/index.mjs

@@ -1,10 +1,10 @@
-import { B as i, t as m, C as c, R as g, q as p, S as l, T as C, w as d, m as f, E as u, x as B, n as S, y as E, A as R, z as h, i as x, f as k, u as y, v as P, D as b } from "./bundle-49222e30.js";
-import { b as w, F as A, c as F, S as T, V } from "./USE_CLIENT_BUNDLE-39759ac3.js";
+import { B as i, t as m, C as c, R as g, q as p, S as l, T as C, w as d, m as f, E as u, x as B, n as S, y as E, A as R, z as h, i as x, f as k, u as y, v as P, D as b } from "./bundle-d073dfea.js";
+import { b as w, F as A, c as F, S as T, V } from "./USE_CLIENT_BUNDLE-e7bc5bc3.js";
 import "lru-cache";
 import "react/jsx-runtime";
 import "react";
 import "next/navigation";
-import "./USE_SERVER_BUNDLE-9cade0d5.js";
+import "./USE_SERVER_BUNDLE-09b66e65.js";
 export {
   i as Blocks,
   w as Button,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-nextjs",
   "description": "Builder.io RSC SDK for NextJS App Directory",
-  "version": "0.10.0",
+  "version": "0.11.1",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
   "repository": {
     "type": "git",

package/types/cjs/components/block/components/interactive-element.d.ts

@@ -3,10 +3,11 @@ export type InteractiveElementProps = {
     Wrapper: any;
     block: BuilderBlock;
     context: BuilderContextInterface;
-    wrapperProps: object;
+    wrapperProps: Dictionary<any>;
+    includeBlockProps: boolean;
 };
 import type { BuilderContextInterface } from "../../../context/types.js";
 import type { BuilderBlock } from "../../../types/builder-block.js";
-import type { PropsWithChildren } from "../../../types/typescript.js";
+import type { Dictionary, PropsWithChildren } from "../../../types/typescript.js";
 declare function InteractiveElement(props: PropsWithChildren<InteractiveElementProps>): React.JSX.Element;
 export default InteractiveElement;

package/types/cjs/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.10.0";
+export declare const SDK_VERSION = "0.11.1";

package/types/cjs/types/targets.d.ts

@@ -1 +1 @@
-export type Target = 'vue3' | 'vue2' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid' | 'rsc';
+export type Target = 'vue' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid' | 'rsc';

package/types/esm/components/block/components/interactive-element.d.ts

@@ -3,10 +3,11 @@ export type InteractiveElementProps = {
     Wrapper: any;
     block: BuilderBlock;
     context: BuilderContextInterface;
-    wrapperProps: object;
+    wrapperProps: Dictionary<any>;
+    includeBlockProps: boolean;
 };
 import type { BuilderContextInterface } from "../../../context/types.js";
 import type { BuilderBlock } from "../../../types/builder-block.js";
-import type { PropsWithChildren } from "../../../types/typescript.js";
+import type { Dictionary, PropsWithChildren } from "../../../types/typescript.js";
 declare function InteractiveElement(props: PropsWithChildren<InteractiveElementProps>): React.JSX.Element;
 export default InteractiveElement;

package/types/esm/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.10.0";
+export declare const SDK_VERSION = "0.11.1";

package/types/esm/types/targets.d.ts

@@ -1 +1 @@
-export type Target = 'vue3' | 'vue2' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid' | 'rsc';
+export type Target = 'vue' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid' | 'rsc';