@builder.io/sdk-react-native 0.0.1-37 → 0.0.1-38

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.0.1-37",
+  "version": "0.0.1-38",
   "main": "src/index.js",
   "scripts": {
     "release:dev": "npm version prerelease --no-git-tag-version && npm publish --tag dev --access public"

package/src/functions/event-handler-name.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+function capitalizeFirstLetter(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+const getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}`;
+export { getEventHandlerName };

package/src/functions/get-block-actions.js

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import { evaluate } from './evaluate';
-function capitalizeFirstLetter(string) {
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
+import { getEventHandlerName } from './name-event-handlers';
 function getBlockActions(options) {
   const obj = {};
   if (options.block.actions) {
@@ -11,7 +9,7 @@ function getBlockActions(options) {
         continue;
       }
       const value = options.block.actions[key];
-      obj['on' + capitalizeFirstLetter(key)] = (event) =>
+      obj[getEventHandlerName(key)] = (event) =>
         evaluate({
           code: value,
           context: options.context,

package/src/functions/get-processed-block.js

@@ -26,8 +26,10 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { evaluate } from './evaluate';
 import { set } from './set';
+import { transformBlock } from './transform-block';
 function getProcessedBlock(options) {
-  const { block, state, context } = options;
+  const { state, context } = options;
+  const block = transformBlock(options.block);
   if (!block.bindings) {
     return block;
   }

package/src/functions/transform-block.js

@@ -0,0 +1,40 @@
+import * as React from 'react';
+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));
+function transformBlock(block) {
+  if (block.id.startsWith('builder-pixel-')) {
+    return __spreadProps(__spreadValues({}, block), {
+      component: {
+        name: 'Image',
+        options: {
+          image: block.properties.src,
+        },
+      },
+    });
+  }
+  return block;
+}
+export { transformBlock };

package/src/index.js

@@ -6,21 +6,25 @@ if (isEditing()) {
 import { default as default2 } from './blocks/columns';
 import { default as default3 } from './blocks/image';
 import { default as default4 } from './blocks/text';
-import { default as default5 } from './blocks/symbol';
-import { default as default6 } from './blocks/section';
-import { default as default7 } from './blocks/fragment';
-import { default as default8 } from './components/render-content';
+import { default as default5 } from './blocks/video';
+import { default as default6 } from './blocks/symbol';
+import { default as default7 } from './blocks/button';
+import { default as default8 } from './blocks/section';
+import { default as default9 } from './blocks/fragment';
+import { default as default10 } from './components/render-content';
 export * from './functions/is-editing';
 export * from './functions/register-component';
 export * from './functions/register';
 export * from './functions/set-editor-settings';
 export * from './functions/get-content';
 export {
+  default7 as Button,
   default2 as Columns,
-  default7 as Fragment,
+  default9 as Fragment,
   default3 as Image,
-  default8 as RenderContent,
-  default6 as Section,
-  default5 as Symbol,
+  default10 as RenderContent,
+  default8 as Section,
+  default6 as Symbol,
   default4 as Text,
+  default5 as Video,
 };