@builder.io/sdk-react-native 2.0.3 → 2.0.5

package/src/blocks/text/text.tsx

@@ -2,11 +2,16 @@ import * as React from 'react';
 import { useWindowDimensions } from 'react-native';
 import { RenderHTML } from '@builder.io/react-native-render-html';
 import BuilderContext from '../../context/builder.context';
-import { checkIsDefined } from '../../helpers/nullable';
+import { evaluate } from '../../functions/evaluate/index';
+
 /**
  * @typedef {{}} BuilderBlock
  */
 
+/**
+ * @typedef {{}} BuilderContext
+ */
+
 /**
  *
  * @param {string} string
@@ -84,12 +89,30 @@ function getCss(block, inheritedStyles) {
 
 /**
  *
- * @param {{ text: string; builderBlock: BuilderBlock}} props
- * @returns
+ * @param {{ text: string; builderBlock: BuilderBlock, builderContext: BuilderContext}} props
+ * @returns 
  */
 export default function Text(props) {
   const { width } = useWindowDimensions();
-  const builderContext = React.useContext(BuilderContext);
+  const context = React.useContext(BuilderContext);
+  const {
+    context: contextContext,
+    localState,
+    rootState,
+    rootSetState,
+  } = context;
+
+  const processedText = String(props.text?.toString() || '').replace(
+        /{{([^}]+)}}/g, 
+        (match, group) => evaluate({
+          code: group,
+          context: contextContext,
+          localState,
+          rootState,
+          rootSetState,
+          enableCache: false,
+        }).toString()
+      );
 
   return (
     <RenderHTML
@@ -97,8 +120,8 @@ export default function Text(props) {
       source={{
         html: `<div style="${getCss(
           props.builderBlock,
-          builderContext.inheritedStyles
-        )}">${checkIsDefined(props.text) ? String(props.text) : ''}</div>`,
+          context.inheritedStyles
+        )}">${processedText}</div>`,
       }}
     />
   );

package/src/components/block/animator.ts

@@ -1,3 +1,4 @@
+import { TARGET } from '../../constants/target';
 import { camelToKebabCase } from '../../functions/camel-to-kebab-case';
 import type { BuilderAnimation } from '../../types/builder-block';
 
@@ -54,6 +55,9 @@ function assign(target: object, ..._args: any[]) {
   return to;
 }
 export function bindAnimations(animations: BuilderAnimation[]) {
+  if (TARGET === 'reactNative') {
+    return;
+  }
   for (const animation of animations) {
     switch (animation.trigger) {
       case 'pageLoad':

package/src/components/block/block.tsx

@@ -140,18 +140,7 @@ function Block(props: BlockProps) {
     };
   }
 
-  useEffect(() => {
-    const blockId = processedBlock().id;
-    const animations = processedBlock().animations;
-    if (animations && blockId) {
-      bindAnimations(
-        animations.map((animation) => ({
-          ...animation,
-          elementId: blockId,
-        }))
-      );
-    }
-  }, []);
+  useEffect(() => {}, []);
 
   return (
     <>

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.3"
+export const SDK_VERSION = "2.0.5"