@builder.io/sdk-solid 0.0.8-19 → 0.0.8-21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "0.0.8-19",
+  "version": "0.0.8-21",
   "description": "",
   "type": "module",
   "main": "./src/solid-index.jsx",

package/src/blocks/video/video.jsx

@@ -1,5 +1,28 @@
+import { createMutable } from "solid-js/store";
+
 function Video(props) {
-  return <video {...props.attributes} preload="none" style={{
+  const state = createMutable({
+    get videoProps() {
+      return { ...(props.autoPlay === true ? {
+          autoPlay: true
+        } : {}),
+        ...(props.muted === true ? {
+          muted: true
+        } : {}),
+        ...(props.controls === true ? {
+          controls: true
+        } : {}),
+        ...(props.loop === true ? {
+          loop: true
+        } : {}),
+        ...(props.playsInline === true ? {
+          playsInline: true
+        } : {})
+      };
+    }
+
+  });
+  return <video {...state.videoProps} style={{
     width: "100%",
     height: "100%",
     ...props.attributes?.style,
@@ -8,7 +31,7 @@ function Video(props) {
     // Hack to get object fit to work as expected and
     // not have the video overflow
     "border-radius": 1
-  }} src={props.video || "no-src"} poster={props.posterImage} autoPlay={props.autoPlay} muted={props.muted} controls={props.controls} loop={props.loop}></video>;
+  }} src={props.video || "no-src"} poster={props.posterImage}></video>;
 }
 
 export default Video;

package/src/components/render-content/render-content.jsx

@@ -102,6 +102,14 @@ function RenderContent(props) {
       return {};
     },
 
+    onClick(_event) {
+      if (state.useContent && props.canTrack !== false) {
+        track("click", {
+          contentId: state.useContent.id
+        });
+      }
+    },
+
     evalExpression(expression) {
       return expression.replace(/{{([^}]+)}}/g, (_match, group) => evaluate({
         code: group,
@@ -169,7 +177,7 @@ function RenderContent(props) {
         window.addEventListener("builder:component:stateChangeListenerActivated", state.emitStateUpdate);
       }
 
-      if (state.useContent) {
+      if (state.useContent && props.canTrack !== false) {
         track("impression", {
           contentId: state.useContent.id
         });
@@ -241,9 +249,7 @@ function RenderContent(props) {
 
   }} component={BuilderContext.Provider}>
       <Show when={state.useContent}>
-        <div onClick={event => track("click", {
-        contentId: state.useContent.id
-      })} builder-content-id={state.useContent?.id}>
+        <div onClick={event => state.onClick(event)} builder-content-id={state.useContent?.id}>
           <Show when={state.shouldRenderContentStyles}>
             <RenderContentStyles cssCode={state.useContent?.data?.cssCode} customFonts={state.useContent?.data?.customFonts}></RenderContentStyles>
           </Show>