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

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-40",
   "main": "src/index.js",
   "scripts": {
     "release:dev": "npm version prerelease --no-git-tag-version && npm publish --tag dev --access public"
@@ -11,10 +11,10 @@
     "react-native-video": "^5.1.1"
   },
   "peerDependencies": {
-    "react-native": "^0.64.2"
+    "react-native": "^0.64.3"
   },
   "devDependencies": {
     "@types/react-native-video": "^5.0.9",
-    "react-native": "^0.64.2"
+    "react-native": "^0.64.3"
   }
 }

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 './event-handler-name';
 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 };