@builder.io/sdk-react-native 0.0.1-44 → 0.0.1-50

package/src/blocks/submit-button.js

@@ -1,60 +1,34 @@
 import { registerComponent } from '../functions/register-component';
 
-var __defProp = Object.defineProperty;
+        var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) =>
-  key in obj
-    ? __defProp(obj, key, {
-        enumerable: true,
-        configurable: true,
-        writable: true,
-        value,
-      })
-    : (obj[key] = value);
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
+for (var prop in b || (b = {}))
+  if (__hasOwnProp.call(b, prop))
+    __defNormalProp(a, prop, b[prop]);
+if (__getOwnPropSymbols)
+  for (var prop of __getOwnPropSymbols(b)) {
+    if (__propIsEnum.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  }
+return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import * as React from 'react';
-import { View, Text } from 'react-native';
+import * as React from "react";
+import { View, Text } from "react-native";
 function SubmitButton(props) {
-  return /* @__PURE__ */ React.createElement(
-    View,
-    __spreadProps(__spreadValues({}, props.attributes), {
-      type: 'submit',
-    }),
-    /* @__PURE__ */ React.createElement(Text, null, props.text)
-  );
+return /* @__PURE__ */ React.createElement(View, __spreadProps(__spreadValues({}, props.attributes), {
+  type: "submit"
+}), /* @__PURE__ */ React.createElement(Text, null, props.text));
 }
-export { SubmitButton as default };
+export {
+SubmitButton as default
+};
+
 
-registerComponent(SubmitButton, {
-  name: 'Form:SubmitButton',
-  builtIn: true,
-  image:
-    'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98',
-  defaultStyles: {
-    appearance: 'none',
-    paddingTop: '15px',
-    paddingBottom: '15px',
-    paddingLeft: '25px',
-    paddingRight: '25px',
-    backgroundColor: '#3898EC',
-    color: 'white',
-    borderRadius: '4px',
-    cursor: 'pointer',
-  },
-  inputs: [{ name: 'text', type: 'text', defaultValue: 'Click me' }],
-  static: true,
-  noWrap: true,
-});
+        registerComponent(SubmitButton, {name:'Form:SubmitButton',builtIn:true,image:'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98',defaultStyles:{appearance:'none',paddingTop:'15px',paddingBottom:'15px',paddingLeft:'25px',paddingRight:'25px',backgroundColor:'#3898EC',color:'white',borderRadius:'4px',cursor:'pointer'},inputs:[{name:'text',type:'text',defaultValue:'Click me'}],static:true,noWrap:true});

package/src/blocks/submit-button.lite.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { View, StyleSheet, Image, Text } from 'react-native';
+import * as React from "react";
+import { View, StyleSheet, Image, Text } from "react-native";
 
 export default function SubmitButton(props) {
   return (

package/src/blocks/symbol.js

@@ -1,22 +1,73 @@
-import * as React from 'react';
-import { View } from 'react-native';
-import { useContext } from 'react';
-import RenderContent from '../components/render-content';
-import BuilderContext from '../context/builder.context';
+import { registerComponent } from '../functions/register-component';
+
+        var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+for (var prop in b || (b = {}))
+  if (__hasOwnProp.call(b, prop))
+    __defNormalProp(a, prop, b[prop]);
+if (__getOwnPropSymbols)
+  for (var prop of __getOwnPropSymbols(b)) {
+    if (__propIsEnum.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  }
+return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { View } from "react-native";
+import { useState, useContext, useEffect } from "react";
+import RenderContent from "../components/render-content";
+import BuilderContext from "../context/builder.context";
+import { getContent } from "../functions/get-content";
 function Symbol(props) {
-  var _a, _b, _c;
-  const builderContext = useContext(BuilderContext);
-  return /* @__PURE__ */ React.createElement(
-    View,
-    {
-      className: 'builder-symbol',
-    },
-    /* @__PURE__ */ React.createElement(RenderContent, {
-      context: builderContext.context,
-      data: (_a = props.symbol) == null ? void 0 : _a.data,
-      model: (_b = props.symbol) == null ? void 0 : _b.model,
-      content: (_c = props.symbol) == null ? void 0 : _c.content,
-    })
-  );
+var _a, _b, _c, _d, _e, _f, _g, _h;
+const [className, setClassName] = useState(() => "builder-symbol");
+const [content, setContent] = useState(() => null);
+const builderContext = useContext(BuilderContext);
+useEffect(() => {
+  var _a2;
+  setContent((_a2 = props.symbol) == null ? void 0 : _a2.content);
+}, []);
+useEffect(() => {
+  const symbol = props.symbol;
+  if (symbol && !symbol.content && !content && symbol.model) {
+    getContent({
+      model: symbol.model,
+      apiKey: builderContext.apiKey,
+      options: {
+        entry: symbol.entry
+      }
+    }).then((response) => {
+      setContent(response);
+    });
+  }
+}, [
+  (_a = props.symbol) == null ? void 0 : _a.content,
+  (_b = props.symbol) == null ? void 0 : _b.model,
+  (_c = props.symbol) == null ? void 0 : _c.entry,
+  content
+]);
+return /* @__PURE__ */ React.createElement(View, __spreadProps(__spreadValues({}, props.attributes), {
+  dataSet: {
+    class: className
+  }
+}), /* @__PURE__ */ React.createElement(RenderContent, {
+  apiKey: builderContext.apiKey,
+  context: builderContext.context,
+  data: __spreadValues(__spreadValues(__spreadValues({}, (_d = props.symbol) == null ? void 0 : _d.data), builderContext.state), (_g = (_f = (_e = props.symbol) == null ? void 0 : _e.content) == null ? void 0 : _f.data) == null ? void 0 : _g.state),
+  model: (_h = props.symbol) == null ? void 0 : _h.model,
+  content
+}));
 }
-export { Symbol as default };
+export {
+Symbol as default
+};
+
+
+        registerComponent(Symbol, {name:'Symbol',noWrap:true,static:true,inputs:[{name:'symbol',type:'uiSymbol'},{name:'dataOnly',helperText:"Make this a data symbol that doesn't display any UI",type:'boolean',defaultValue:false,advanced:true,hideFromUI:true},{name:'inheritState',helperText:'Inherit the parent component state and data',type:'boolean',defaultValue:false,advanced:true},{name:'renderToLiquid',helperText:'Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting',type:'boolean',defaultValue:false,advanced:true,hideFromUI:true},{name:'useChildren',hideFromUI:true,type:'boolean'}]});

package/src/blocks/symbol.lite.tsx

@@ -1,19 +1,59 @@
-import * as React from 'react';
-import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
-import RenderContent from '../components/render-content.lite';
-import BuilderContext from '../context/builder.context.lite';
+import * as React from "react";
+import { View, StyleSheet, Image, Text } from "react-native";
+import { useState, useContext, useEffect } from "react";
+import RenderContent from "../components/render-content.lite";
+import BuilderContext from "../context/builder.context.lite";
+import { getContent } from "../functions/get-content";
 
 export default function Symbol(props) {
+  const [className, setClassName] = useState(() => "builder-symbol");
+
+  const [content, setContent] = useState(() => null);
+
   const builderContext = useContext(BuilderContext);
 
+  useEffect(() => {
+    setContent(props.symbol?.content);
+  }, []);
+
+  useEffect(() => {
+    const symbol = props.symbol;
+
+    if (symbol && !symbol.content && !content && symbol.model) {
+      getContent({
+        model: symbol.model,
+        apiKey: builderContext.apiKey,
+        options: {
+          entry: symbol.entry,
+        },
+      }).then((response) => {
+        setContent(response);
+      });
+    }
+  }, [
+    props.symbol?.content,
+    props.symbol?.model,
+    props.symbol?.entry,
+    content,
+  ]);
+
   return (
-    <View className="builder-symbol">
+    <View
+      {...props.attributes}
+      dataSet={{
+        class: className,
+      }}
+    >
       <RenderContent
+        apiKey={builderContext.apiKey}
         context={builderContext.context}
-        data={props.symbol?.data}
+        data={{
+          ...props.symbol?.data,
+          ...builderContext.state,
+          ...props.symbol?.content?.data?.state,
+        }}
         model={props.symbol?.model}
-        content={props.symbol?.content}
+        content={content}
       />
     </View>
   );

package/src/blocks/text.js

@@ -3,28 +3,22 @@ var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) =>
-  key in obj
-    ? __defProp(obj, key, {
-        enumerable: true,
-        configurable: true,
-        writable: true,
-        value,
-      })
-    : (obj[key] = value);
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)
     for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
   return a;
 };
-import HTML from 'react-native-render-html';
-import { registerComponent } from '../functions/register-component';
+import HTML from "react-native-render-html";
+import { registerComponent } from "../functions/register-component";
 function camelToKebabCase(string) {
-  return string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
+  return string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
 }
 function pick(object, keys) {
   return keys.reduce((obj, key) => {
@@ -34,16 +28,10 @@ function pick(object, keys) {
     return obj;
   }, {});
 }
-const PICK_STYLES = ['textAlign'];
+const PICK_STYLES = ["textAlign"];
 function getBlockStyles(block) {
   var _a, _b, _c;
-  const styles = __spreadValues(
-    __spreadValues(
-      {},
-      (_a = block.responsiveStyles) == null ? void 0 : _a.large
-    ),
-    block.styles
-  );
+  const styles = __spreadValues(__spreadValues({}, (_a = block.responsiveStyles) == null ? void 0 : _a.large), block.styles);
   if ((_b = block.responsiveStyles) == null ? void 0 : _b.medium) {
     Object.assign(styles, block.responsiveStyles.medium);
   }
@@ -55,12 +43,12 @@ function getBlockStyles(block) {
 function getCss(block) {
   const styleObject = pick(getBlockStyles(block), PICK_STYLES);
   if (!styleObject) {
-    return '';
+    return "";
   }
   let str = ``;
   for (const key in styleObject) {
     const value = styleObject[key];
-    if (typeof value === 'string') {
+    if (typeof value === "string") {
       str += `${camelToKebabCase(key)}: ${value};`;
     }
   }
@@ -69,32 +57,31 @@ function getCss(block) {
 function Text(props) {
   return /* @__PURE__ */ React.createElement(HTML, {
     source: {
-      html: `<div style="${getCss(props.builderBlock)}">${
-        props.text || ''
-      }</div>`,
-    },
+      html: `<div style="${getCss(props.builderBlock)}">${props.text || ""}</div>`
+    }
   });
 }
 registerComponent(Text, {
-  name: 'Text',
+  name: "Text",
   static: true,
   builtIn: true,
-  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',
+  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',
+      name: "text",
+      type: "html",
       required: true,
       autoFocus: true,
       bubble: true,
-      defaultValue: 'Enter some text...',
-    },
+      defaultValue: "Enter some text..."
+    }
   ],
   defaultStyles: {
-    lineHeight: 'normal',
-    height: 'auto',
-    textAlign: 'center',
-  },
+    lineHeight: "normal",
+    height: "auto",
+    textAlign: "center"
+  }
 });
-export { Text as default };
+export {
+  Text as default
+};

package/src/blocks/text.lite.tsx

@@ -1,11 +1,6 @@
-import * as React from 'react';
-import { View, StyleSheet, Image, Text } from 'react-native';
+import * as React from "react";
+import { View, StyleSheet, Image, Text } from "react-native";
 
 export default function Text(props) {
-  return (
-    <View
-      className="builder-text"
-      dangerouslySetInnerHTML={{ __html: 'props.text' }}
-    />
-  );
+  return <View dangerouslySetInnerHTML={{ __html: "props.text" }} />;
 }

package/src/blocks/textarea.js

@@ -1,73 +1,37 @@
 import { registerComponent } from '../functions/register-component';
 
-var __defProp = Object.defineProperty;
+        var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) =>
-  key in obj
-    ? __defProp(obj, key, {
-        enumerable: true,
-        configurable: true,
-        writable: true,
-        value,
-      })
-    : (obj[key] = value);
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
+for (var prop in b || (b = {}))
+  if (__hasOwnProp.call(b, prop))
+    __defNormalProp(a, prop, b[prop]);
+if (__getOwnPropSymbols)
+  for (var prop of __getOwnPropSymbols(b)) {
+    if (__propIsEnum.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  }
+return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import * as React from 'react';
-import { View } from 'react-native';
+import * as React from "react";
+import { View } from "react-native";
 function Textarea(props) {
-  return /* @__PURE__ */ React.createElement(
-    View,
-    __spreadProps(__spreadValues({}, props.attributes), {
-      placeholder: props.placeholder,
-      name: props.name,
-      value: props.value,
-      defaultValue: props.defaultValue,
-    })
-  );
+return /* @__PURE__ */ React.createElement(View, __spreadProps(__spreadValues({}, props.attributes), {
+  placeholder: props.placeholder,
+  name: props.name,
+  value: props.value,
+  defaultValue: props.defaultValue
+}));
 }
-export { Textarea as default };
+export {
+Textarea as default
+};
+
 
-registerComponent(Textarea, {
-  name: 'Form:TextArea',
-  builtIn: true,
-  image:
-    'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3',
-  inputs: [
-    { advanced: true, name: 'value', type: 'string' },
-    {
-      name: 'name',
-      type: 'string',
-      required: true,
-      helperText:
-        'Every input in a form needs a unique name describing what it gets, e.g. "email"',
-    },
-    { name: 'defaultValue', type: 'string' },
-    { name: 'placeholder', type: 'string', defaultValue: 'Hello there' },
-    { name: 'required', type: 'boolean', defaultValue: false },
-  ],
-  defaultStyles: {
-    paddingTop: '10px',
-    paddingBottom: '10px',
-    paddingLeft: '10px',
-    paddingRight: '10px',
-    borderRadius: '3px',
-    borderWidth: '1px',
-    borderStyle: 'solid',
-    borderColor: '#ccc',
-  },
-  static: true,
-  noWrap: true,
-});
+        registerComponent(Textarea, {name:'Form:TextArea',builtIn:true,image:'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3',inputs:[{advanced:true,name:'value',type:'string'},{name:'name',type:'string',required:true,helperText:'Every input in a form needs a unique name describing what it gets, e.g. "email"'},{name:'defaultValue',type:'string'},{name:'placeholder',type:'string',defaultValue:'Hello there'},{name:'required',type:'boolean',defaultValue:false}],defaultStyles:{paddingTop:'10px',paddingBottom:'10px',paddingLeft:'10px',paddingRight:'10px',borderRadius:'3px',borderWidth:'1px',borderStyle:'solid',borderColor:'#ccc'},static:true,noWrap:true});

package/src/blocks/textarea.lite.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { View, StyleSheet, Image, Text } from 'react-native';
+import * as React from "react";
+import { View, StyleSheet, Image, Text } from "react-native";
 
 export default function Textarea(props) {
   return (

package/src/blocks/video.js

@@ -1,100 +1,95 @@
 import * as React from 'react';
-import { View } from 'react-native';
-import ReactVideo from 'react-native-video';
-import { registerComponent } from '../functions/register-component';
+import { View } from "react-native";
+import ReactVideo from "react-native-video";
+import { registerComponent } from "../functions/register-component";
 function Video(props) {
-  return /* @__PURE__ */ React.createElement(
-    View,
-    {
-      style: { position: 'relative' },
+  return /* @__PURE__ */ React.createElement(View, {
+    style: { position: "relative" }
+  }, /* @__PURE__ */ React.createElement(ReactVideo, {
+    paused: !props.autoPlay,
+    controls: props.controls,
+    muted: props.muted,
+    repeat: props.loop,
+    poster: props.posterImage,
+    posterResizeMode: props.fit || "contain",
+    resizeMode: props.fit || "contain",
+    style: {
+      position: "absolute",
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      zIndex: 1
     },
-    /* @__PURE__ */ React.createElement(ReactVideo, {
-      paused: !props.autoPlay,
-      controls: props.controls,
-      muted: props.muted,
-      repeat: props.loop,
-      poster: props.posterImage,
-      posterResizeMode: props.fit || 'contain',
-      resizeMode: props.fit || 'contain',
-      style: {
-        position: 'absolute',
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0,
-        zIndex: 1,
-      },
-      source: { uri: props.video },
-    }),
-    /* @__PURE__ */ React.createElement(View, {
-      style: {
-        width: '100%',
-        paddingTop: `${props.aspectRatio * 100}%`,
-      },
-    })
-  );
+    source: { uri: props.video }
+  }), /* @__PURE__ */ React.createElement(View, {
+    style: {
+      width: "100%",
+      paddingTop: `${props.aspectRatio * 100}%`
+    }
+  }));
 }
 registerComponent(Video, {
-  name: 'Video',
+  name: "Video",
   static: true,
   builtIn: true,
-  image:
-    'https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4',
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
   defaultStyles: {
-    position: 'relative',
-    minHeight: '20px',
-    minWidth: '20px',
-    overflow: 'hidden',
+    position: "relative",
+    minHeight: "20px",
+    minWidth: "20px",
+    overflow: "hidden"
   },
   canHaveChildren: true,
   inputs: [
     {
-      name: 'video',
-      type: 'file',
-      allowedFileTypes: ['mp4'],
+      name: "video",
+      type: "file",
+      allowedFileTypes: ["mp4"],
       bubble: true,
-      defaultValue:
-        'https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f',
-      required: true,
+      defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
+      required: true
     },
     {
-      name: 'posterImage',
-      type: 'file',
-      allowedFileTypes: ['jpeg', 'png'],
-      helperText: 'Image to show before the video plays',
+      name: "posterImage",
+      type: "file",
+      allowedFileTypes: ["jpeg", "png"],
+      helperText: "Image to show before the video plays"
     },
     {
-      name: 'autoPlay',
-      type: 'boolean',
-      defaultValue: true,
+      name: "autoPlay",
+      type: "boolean",
+      defaultValue: true
     },
     {
-      name: 'controls',
-      type: 'boolean',
-      defaultValue: false,
+      name: "controls",
+      type: "boolean",
+      defaultValue: false
     },
     {
-      name: 'muted',
-      type: 'boolean',
-      defaultValue: true,
+      name: "muted",
+      type: "boolean",
+      defaultValue: true
     },
     {
-      name: 'loop',
-      type: 'boolean',
-      defaultValue: true,
+      name: "loop",
+      type: "boolean",
+      defaultValue: true
     },
     {
-      name: 'fit',
-      type: 'text',
-      defaultValue: 'cover',
-      enum: ['contain', 'cover', 'stretch'],
+      name: "fit",
+      type: "text",
+      defaultValue: "cover",
+      enum: ["contain", "cover", "stretch"]
     },
     {
-      name: 'aspectRatio',
-      type: 'number',
+      name: "aspectRatio",
+      type: "number",
       advanced: true,
-      defaultValue: 0.7004048582995948,
-    },
-  ],
+      defaultValue: 0.7004048582995948
+    }
+  ]
 });
-export { Video as default };
+export {
+  Video as default
+};