@builder.io/sdk-react-native 2.0.28 → 2.0.30

package/src/blocks/tabs/tabs.tsx

@@ -54,7 +54,7 @@ function Tabs(props: TabsProps) {
           >
             <Blocks
               parent={props.builderBlock.id}
-              path={`component.options.tabs.${index}.label`}
+              path={`tabs.${index}.label`}
               blocks={tab.label}
               context={props.builderContext}
               registeredComponents={props.builderComponents}
@@ -67,7 +67,7 @@ function Tabs(props: TabsProps) {
         <View>
           <Blocks
             parent={props.builderBlock.id}
-            path={`component.options.tabs.${activeTab}.content`}
+            path={`tabs.${activeTab}.content`}
             blocks={activeTabContent(activeTab)}
             context={props.builderContext}
             registeredComponents={props.builderComponents}

package/src/components/blocks/blocks-wrapper.tsx

@@ -45,6 +45,16 @@ function BlocksWrapper(props: BlocksWrapperProps) {
       .join(" ");
   }
 
+  function dataPath() {
+    if (!props.path) {
+      return undefined;
+    }
+    const pathPrefix = "component.options.";
+    return props.path.startsWith(pathPrefix)
+      ? props.path
+      : `${pathPrefix}${props.path || ""}`;
+  }
+
   function onClick() {
     if (isEditing() && !props.blocks?.length) {
       window.parent?.postMessage(
@@ -52,7 +62,7 @@ function BlocksWrapper(props: BlocksWrapperProps) {
           type: "builder.clickEmptyBlocks",
           data: {
             parentElementId: props.parent,
-            dataPath: props.path,
+            dataPath: dataPath(),
           },
         },
         "*"
@@ -67,7 +77,7 @@ function BlocksWrapper(props: BlocksWrapperProps) {
           type: "builder.hoverEmptyBlocks",
           data: {
             parentElementId: props.parent,
-            dataPath: props.path,
+            dataPath: dataPath(),
           },
         },
         "*"
@@ -81,20 +91,22 @@ function BlocksWrapper(props: BlocksWrapperProps) {
        * React Native strips off custom HTML attributes, so we have to manually set them here
        * to ensure that blocks are correctly dropped into the correct parent.
        */
-      props.path &&
-        blocksWrapperRef.current.setAttribute("builder-path", props.path);
-      props.parent &&
+      if (dataPath()) {
+        blocksWrapperRef.current.setAttribute("builder-path", dataPath());
+      }
+      if (props.parent) {
         blocksWrapperRef.current.setAttribute(
           "builder-parent-id",
           props.parent
         );
+      }
     }
   }, []);
 
   return (
     <props.BlocksWrapper
       ref={blocksWrapperRef}
-      builder-path={props.path}
+      builder-path={dataPath()}
       builder-parent-id={props.parent}
       {...{
         dataSet: {

package/src/components/content/components/enable-editor.tsx

@@ -35,6 +35,7 @@ import { fetchOneEntry } from "../../../functions/get-content/index";
 import { isBrowser } from "../../../functions/is-browser";
 import { isEditing } from "../../../functions/is-editing";
 import { isPreviewing } from "../../../functions/is-previewing";
+import { logFetch } from "../../../functions/log-fetch";
 import { createRegisterComponentMessage } from "../../../functions/register-component";
 import { _track } from "../../../functions/track/index";
 import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction";
@@ -189,6 +190,7 @@ function EnableEditor(props: BuilderEditorProps) {
           })
         )
       );
+      logFetch(evaluatedUrl);
       fetch(evaluatedUrl)
         .then((response) => response.json())
         .then((json) => {

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.28"
+export const SDK_VERSION = "2.0.30"

package/src/functions/log-fetch.ts

@@ -0,0 +1,8 @@
+import { logger } from '../helpers/logger';
+export function logFetch(url: string) {
+  if (typeof process !== 'undefined' && process.env?.DEBUG) {
+    if (String(process.env.DEBUG) == 'true') {
+      logger.log(url);
+    }
+  }
+}

package/src/functions/track/index.ts

@@ -7,6 +7,7 @@ import type { CanTrack } from '../../types/can-track';
 import type { Dictionary } from '../../types/typescript';
 import { isBrowser } from '../is-browser';
 import { isEditing } from '../is-editing';
+import { logFetch } from '../log-fetch';
 import { getUserAttributes } from './helpers';
 interface Event {
   /**
@@ -119,7 +120,9 @@ export async function _track({
     return;
   }
   const baseUrl = apiHost || 'https://cdn.builder.io';
-  return fetch(`${baseUrl}/api/v1/track`, {
+  const url = `${baseUrl}/api/v1/track`;
+  logFetch(url);
+  return fetch(url, {
     method: 'POST',
     body: JSON.stringify({
       events: [await createEvent(eventProps)]