@builder.io/sdk-react-native 0.0.2 → 0.0.3

package/package.json

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

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

@@ -15,17 +15,28 @@ var __spreadValues = (a, b) => {
   return a;
 };
 import { getMaxWidthQueryForSize } from "../constants/device-sizes.js";
+import { TARGET } from "../constants/target.js";
 import { convertStyleObject } from "./convert-style-object.js";
 import { sanitizeBlockStyles } from "./sanitize-styles.js";
-function getBlockStyles(block) {
-  const responsiveStyles = block.responsiveStyles;
-  const styles = __spreadValues(__spreadValues({}, convertStyleObject(responsiveStyles == null ? void 0 : responsiveStyles.large)), block.styles);
-  if (responsiveStyles == null ? void 0 : responsiveStyles.medium) {
-    styles[getMaxWidthQueryForSize("medium")] = convertStyleObject(responsiveStyles.medium);
+const getStyleForTarget = (styles) => {
+  switch (TARGET) {
+    case "reactNative": {
+      return __spreadValues(__spreadValues(__spreadValues({}, styles.large ? convertStyleObject(styles.large) : {}), styles.medium ? convertStyleObject(styles.medium) : {}), styles.small ? convertStyleObject(styles.small) : {});
+    }
+    default:
+      return __spreadValues(__spreadValues(__spreadValues({}, styles.large ? convertStyleObject(styles.large) : {}), styles.medium ? {
+        [getMaxWidthQueryForSize("medium")]: convertStyleObject(styles.medium)
+      } : {}), styles.small ? {
+        [getMaxWidthQueryForSize("small")]: convertStyleObject(styles.small)
+      } : {});
   }
-  if (responsiveStyles == null ? void 0 : responsiveStyles.small) {
-    styles[getMaxWidthQueryForSize("small")] = convertStyleObject(responsiveStyles.small);
+};
+function getBlockStyles(block) {
+  if (!block.responsiveStyles) {
+    return {};
   }
+  const styles = getStyleForTarget(block.responsiveStyles);
+  console.log("rn styles", styles);
   sanitizeBlockStyles(styles);
   return styles;
 }