@builder.io/sdk-react-native 3.0.1 → 3.0.3

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

@@ -282,14 +282,23 @@ function EnableEditor(props: BuilderEditorProps) {
      * TO-DO: should we only update the state when there is a change?
      **/
     if (
-      searchParamPreviewModel === props.model &&
-      previewApiKey === props.apiKey &&
-      (!props.content || searchParamPreviewId === props.content.id)
+      searchParamPreviewModel === "BUILDER_STUDIO" ||
+      (searchParamPreviewModel === props.model &&
+        previewApiKey === props.apiKey &&
+        (!props.content || searchParamPreviewId === props.content.id))
     ) {
       fetchOneEntry({
-        model: props.model,
+        model: props.model || "",
         apiKey: props.apiKey,
         apiVersion: props.builderContextSignal.apiVersion,
+        ...(searchParamPreviewModel === "BUILDER_STUDIO" &&
+        props.context?.symbolId
+          ? {
+              query: {
+                id: props.context.symbolId,
+              },
+            }
+          : {}),
       }).then((content) => {
         if (content) {
           mergeNewContent(content);
@@ -382,14 +391,23 @@ function EnableEditor(props: BuilderEditorProps) {
          * TO-DO: should we only update the state when there is a change?
          **/
         if (
-          searchParamPreviewModel === props.model &&
-          previewApiKey === props.apiKey &&
-          (!props.content || searchParamPreviewId === props.content.id)
+          searchParamPreviewModel === "BUILDER_STUDIO" ||
+          (searchParamPreviewModel === props.model &&
+            previewApiKey === props.apiKey &&
+            (!props.content || searchParamPreviewId === props.content.id))
         ) {
           fetchOneEntry({
-            model: props.model,
+            model: props.model || "",
             apiKey: props.apiKey,
             apiVersion: props.builderContextSignal.apiVersion,
+            ...(searchParamPreviewModel === "BUILDER_STUDIO" &&
+            props.context?.symbolId
+              ? {
+                  query: {
+                    id: props.context.symbolId,
+                  },
+                }
+              : {}),
           }).then((content) => {
             if (content) {
               mergeNewContent(content);

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "3.0.1"
+export const SDK_VERSION = "3.0.3"

package/src/functions/evaluate/edge-runtime/edge-runtime.ts

@@ -1,4 +1,3 @@
-import { logger } from '../../../helpers/logger';
 import type { ExecutorArgs } from '../helpers';
 import { flattenState, getFunctionArguments } from '../helpers';
 import Interpreter from './acorn-interpreter';
@@ -95,10 +94,7 @@ export const runInEdge = ({
     return `var ${key} = ${jsonValName} === undefined ? undefined : JSON.parse(${jsonValName});`;
   }).join('\n');
   const cleanedCode = processCode(code);
-  if (cleanedCode === '') {
-    logger.warn('Skipping evaluation of empty code block.');
-    return;
-  }
+  if (cleanedCode === '') return;
   const transformed = `
 function theFunction() {
   ${prependedCode}

package/src/functions/get-block-component-options.ts

@@ -1,7 +1,24 @@
+import type { BuilderContextInterface } from '../context/types';
 import type { BuilderBlock } from '../types/builder-block';
-export function getBlockComponentOptions(block: BuilderBlock) {
+import { evaluate } from './evaluate/evaluate';
+export function getBlockComponentOptions(block: BuilderBlock, context: Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>) {
   return {
     ...block.component?.options,
-    ...(block as any).options
+    ...(block as any).options,
+    ...evaluateTextComponentTextOption(block, context)
   };
+}
+const evaluateTextComponentTextOption = (block: BuilderBlock, context: Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>) => {
+  if (block.component?.name === 'Text' && block.component.options?.text && typeof block.component.options.text === 'string') {
+    return {
+      ...block.component.options,
+      text: block.component.options.text.replace(/{{([^}]+)}}/g, (_match: string, group: string) => (evaluate({
+        code: group,
+        context,
+        localState: context.localState,
+        rootState: context.rootState,
+        rootSetState: context.rootSetState
+      }) as string))
+    };
+  }
 }

package/src/functions/get-content/generate-content-url.ts

@@ -1,7 +1,8 @@
-import { flatten, flattenMongoQuery } from '../../helpers/flatten';
+import { flatten, flattenMongoQuery, unflatten } from '../../helpers/flatten';
 import { normalizeSearchParams } from '../../helpers/search/search';
 import { DEFAULT_API_VERSION } from '../../types/api-version';
 import { getBuilderSearchParamsFromWindow } from '../get-builder-search-params/index';
+import { isBrowser } from '../is-browser';
 import type { GetContentOptions } from './types';
 const isPositiveNumber = (thing: unknown) => typeof thing === 'number' && !isNaN(thing) && thing >= 0;
 export const generateContentUrl = (options: GetContentOptions): URL => {
@@ -39,7 +40,7 @@ export const generateContentUrl = (options: GetContentOptions): URL => {
   url.searchParams.set('noTraverse', String(noTraverse));
   url.searchParams.set('includeRefs', String(true));
   const finalLocale = locale || userAttributes?.locale;
-  let finalUserAttributes = userAttributes;
+  let finalUserAttributes: Record<string, any> = userAttributes || {};
   if (finalLocale) {
     url.searchParams.set('locale', finalLocale);
     finalUserAttributes = {
@@ -79,11 +80,15 @@ export const generateContentUrl = (options: GetContentOptions): URL => {
     ...getBuilderSearchParamsFromWindow(),
     ...normalizeSearchParams(options.options || {})
   };
+  finalUserAttributes = {
+    ...finalUserAttributes,
+    ...getUserAttributesAsJSON(queryOptions)
+  };
   const flattened = flatten(queryOptions);
   for (const key in flattened) {
     url.searchParams.set(key, String(flattened[key]));
   }
-  if (finalUserAttributes) {
+  if (Object.keys(finalUserAttributes).length > 0) {
     url.searchParams.set('userAttributes', JSON.stringify(finalUserAttributes));
   }
   if (query) {
@@ -95,4 +100,26 @@ export const generateContentUrl = (options: GetContentOptions): URL => {
     }
   }
   return url;
+};
+const getUserAttributesFromQueryOptions = (queryOptions: any) => {
+  const newUserAttributes: any = {};
+  for (const key in queryOptions) {
+    if (key.startsWith('userAttributes.')) {
+      newUserAttributes[key] = queryOptions[key];
+      delete queryOptions[key];
+    }
+  }
+  return newUserAttributes;
+};
+const getUserAttributesAsJSON = (queryOptions: any) => {
+  if (isBrowser() && queryOptions['preview'] === 'BUILDER_STUDIO') {
+    queryOptions['userAttributes.urlPath'] = window.location.pathname;
+    queryOptions['userAttributes.host'] = window.location.host;
+    const queryOptionsForUserAttributes = getUserAttributesFromQueryOptions(queryOptions);
+    const {
+      userAttributes
+    } = unflatten(queryOptionsForUserAttributes);
+    return userAttributes;
+  }
+  return {};
 }

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

@@ -85,29 +85,19 @@ const evaluateBindings = ({
 export function getProcessedBlock({
   block,
   context,
-  shouldEvaluateBindings,
   localState,
   rootState,
   rootSetState
 }: {
   block: BuilderBlock;
-  /**
-   * In some cases, we want to avoid evaluating bindings and only want framework-specific block transformation. It is
-   * also sometimes too early to consider bindings, e.g. when we might be looking at a repeated block.
-   */
-  shouldEvaluateBindings: boolean;
 } & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): BuilderBlock {
   let transformedBlock = resolveLocalizedValues(block, (rootState.locale as string | undefined));
   transformedBlock = transformBlock(transformedBlock);
-  if (shouldEvaluateBindings) {
-    return evaluateBindings({
-      block: transformedBlock,
-      localState,
-      rootState,
-      rootSetState,
-      context
-    });
-  } else {
-    return transformedBlock;
-  }
+  return evaluateBindings({
+    block: transformedBlock,
+    localState,
+    rootState,
+    rootSetState,
+    context
+  });
 }

package/src/helpers/flatten.ts

@@ -38,4 +38,27 @@ export function flattenMongoQuery(obj: any, _current?: any, _res: any = {}): {
     }
   }
   return _res;
+}
+
+/**
+ * Unflatten a flat object with dot-separated keys back into a nested object.
+ *
+ * { 'foo.bar': 'baz' } -> { foo: { bar: 'baz' }}
+ */
+export function unflatten(obj: any): any {
+  const result: any = {};
+  for (const key in obj) {
+    const parts = key.split('.');
+    let current = result;
+    for (let i = 0; i < parts.length; i++) {
+      const part = parts[i];
+      if (i === parts.length - 1) {
+        current[part] = obj[key];
+      } else {
+        current[part] = current[part] || {};
+        current = current[part];
+      }
+    }
+  }
+  return result;
 }

package/src/server-index.ts

@@ -17,7 +17,7 @@ export type { ContentVariantsPrps as ContentProps } from './components/content-v
 /**
  * General Builder types
  */
-export type { RegisteredComponent } from './context/types';
+export type { BuilderContextInterface, RegisteredComponent, RegisteredComponents } from './context/types';
 export type { BuilderBlock } from './types/builder-block';
 export type { BuilderContent } from './types/builder-content';
 export type { ComponentInfo } from './types/components';

package/src/types/builder-content.ts

@@ -36,6 +36,7 @@ export interface BuilderContent extends BuilderContentVariation {
   published?: 'published' | 'draft' | 'archived';
   modelId?: string;
   priority?: number;
+  firstPublished?: number;
   lastUpdated?: number;
   startDate?: number;
   endDate?: number;

package/src/types/input.ts

@@ -19,6 +19,16 @@ export interface Input {
   /** @hidden */
   autoFocus?: boolean;
   subFields?: Input[];
+  /**
+   * When input is of `type` `object`, use this field to collapse multiple inputs
+   * in the Visual Editor by default and preserve screen space.
+   */
+  folded?: boolean;
+  /**
+   * When input is of `type` `object`, provide guidance in the Visual Editor
+   * on how to edit this object's contents.
+   */
+  keysHelperText?: string;
   /**
    * Additional text to render in the UI to give guidance on how to use this
    *