@builder.io/sdk-svelte 1.0.36 → 1.1.1

package/lib/edge/blocks/raw-text/component-info.js

@@ -1,4 +1,10 @@
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     name: 'Builder:RawText',
     hideFromInsertMenu: true,
     inputs: [{

package/lib/edge/blocks/section/component-info.js

@@ -1,4 +1,10 @@
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     name: 'Core:Section',
     static: true,
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a',

package/lib/edge/blocks/slot/component-info.js

@@ -10,5 +10,11 @@ export const componentInfo = {
             type: 'string',
             required: true,
             defaultValue: 'children'
-        }]
+        }],
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: true,
+        builderComponents: false,
+        builderLinkComponent: false
+    }
 };

package/lib/edge/blocks/symbol/component-info.js

@@ -30,5 +30,11 @@ export const componentInfo = {
             name: 'useChildren',
             hideFromUI: true,
             type: 'boolean'
-        }]
+        }],
+    shouldReceiveBuilderProps: {
+        builderBlock: true,
+        builderContext: true,
+        builderComponents: true,
+        builderLinkComponent: true
+    }
 };

package/lib/edge/blocks/tabs/component-info.js

@@ -134,5 +134,11 @@ export const componentInfo = {
                     label: 'Right',
                     value: 'flex-end'
                 }]
-        }]
+        }],
+    shouldReceiveBuilderProps: {
+        builderBlock: true,
+        builderContext: true,
+        builderComponents: true,
+        builderLinkComponent: true
+    }
 };

package/lib/edge/blocks/text/component-info.js

@@ -1,4 +1,11 @@
+import { TARGET } from '../../constants/target';
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: TARGET === 'reactNative' ? true : false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     name: 'Text',
     static: true,
     isRSC: true,

package/lib/edge/blocks/video/component-info.js

@@ -78,5 +78,11 @@ export const componentInfo = {
             helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
             defaultValue: true,
             advanced: true
-        }]
+        }],
+    shouldReceiveBuilderProps: {
+        builderBlock: true,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    }
 };

package/lib/edge/components/block/block.helpers.d.ts

@@ -17,22 +17,22 @@ export declare const getInheritedStyles: ({ block, context }: {
     context: BuilderContextInterface;
 }) => Partial<CSSStyleDeclaration>;
 export declare const provideLinkComponent: (block: RegisteredComponent | null | undefined, linkComponent: any) => {
-    builderLinkComponent: any;
-} | {
     builderLinkComponent?: undefined;
+} | {
+    builderLinkComponent: any;
 };
 export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents) => {
-    builderComponents: RegisteredComponents;
-} | {
     builderComponents?: undefined;
+} | {
+    builderComponents: RegisteredComponents;
 };
 export declare const provideBuilderBlock: (block: RegisteredComponent | null | undefined, builderBlock: BuilderBlock) => {
-    builderBlock: BuilderBlock;
-} | {
     builderBlock?: undefined;
+} | {
+    builderBlock: BuilderBlock;
 };
 export declare const provideBuilderContext: (block: RegisteredComponent | null | undefined, context: Writable<BuilderContextInterface>) => {
-    builderContext: Writable<BuilderContextInterface>;
-} | {
     builderContext?: undefined;
+} | {
+    builderContext: Writable<BuilderContextInterface>;
 };

package/lib/edge/components/block/block.helpers.js

@@ -1,4 +1,3 @@
-import { TARGET } from '../../constants/target';
 import { evaluate } from '../../functions/evaluate/index';
 import { extractTextStyles } from '../../functions/extract-text-styles';
 import { getProcessedBlock } from '../../functions/get-processed-block';
@@ -74,26 +73,54 @@ export const getInheritedStyles = ({ block, context }) => {
     }
     return extractTextStyles(style);
 };
+const applyDefaults = (shouldReceiveBuilderProps) => {
+    return {
+        // once we bump to a major version, toggle this to `false`.
+        builderBlock: true,
+        // once we bump to a major version, toggle this to `false`.
+        builderContext: true,
+        builderComponents: false,
+        builderLinkComponent: false,
+        ...shouldReceiveBuilderProps
+    };
+};
 export const provideLinkComponent = (block, linkComponent) => {
-    return block && (block.isRSC && TARGET === 'rsc' || ['Core:Button', 'Symbol', 'Columns', 'Form:Form', 'Builder: Tabs', 'Builder:Accordion'].includes(block.name)) ? {
+    if (!block)
+        return {};
+    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderLinkComponent;
+    if (!shouldReceiveProp)
+        return {};
+    return {
         builderLinkComponent: linkComponent
-    } : {};
+    };
 };
 export const provideRegisteredComponents = (block, registeredComponents) => {
-    return block && (block.isRSC && TARGET === 'rsc' || ['Symbol', 'Columns', 'Form:Form', 'Builder: Tabs', 'Builder:Accordion'].includes(block.name)) ? {
+    if (!block)
+        return {};
+    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderComponents;
+    if (!shouldReceiveProp)
+        return {};
+    return {
         builderComponents: registeredComponents
-    } : {};
+    };
 };
 export const provideBuilderBlock = (block, builderBlock) => {
-    /**
-     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
-     */
-    return block && (block.isRSC && TARGET === 'rsc' || TARGET === 'reactNative' && block.name === 'Text' || ['Builder:Accordion', 'Columns', 'Form:Form', 'Builder: Tabs', 'Symbol', 'Image', 'Video'].includes(block.name)) ? {
+    if (!block)
+        return {};
+    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderBlock;
+    if (!shouldReceiveProp)
+        return {};
+    return {
         builderBlock
-    } : {};
+    };
 };
 export const provideBuilderContext = (block, context) => {
-    return block && (block.isRSC && TARGET === 'rsc' || ['Builder:Accordion', 'Columns', 'Form:Form', 'Builder: Tabs', 'Symbol', 'Slot'].includes(block.name)) ? {
+    if (!block)
+        return {};
+    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderContext;
+    if (!shouldReceiveProp)
+        return {};
+    return {
         builderContext: context
-    } : {};
+    };
 };

package/lib/edge/components/content-variants/content-variants.svelte

@@ -1,6 +1,6 @@
 <script context="module"></script>
 
-<script>import { onMount } from "svelte";
+<script>import { afterUpdate, onMount } from "svelte";
 import { TARGET } from "../../constants/target";
 import { handleABTestingSync } from "../../helpers/ab-tests";
 import { getDefaultCanTrack } from "../../helpers/canTrack";
@@ -57,6 +57,7 @@ onMount(() => {
      */
     shouldRenderVariants = false;
 });
+afterUpdate(() => { });
 </script>
 
 {#if !isNestedRender && TARGET !== "reactNative"}

package/lib/edge/components/content-variants/inlined-fns.d.ts

@@ -8,7 +8,7 @@
  */
 /**
  * For more information on how this works,
- * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/src/SSR_AB_TEST.md)
+ * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/docs/SSR_AB_TEST.md)
  */
 export declare const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
 export declare const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";

package/lib/edge/components/content-variants/inlined-fns.js

@@ -8,7 +8,7 @@
  */
 /**
  * For more information on how this works,
- * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/src/SSR_AB_TEST.md)
+ * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/docs/SSR_AB_TEST.md)
  */
 export const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
 export const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.36";
+export declare const SDK_VERSION = "1.1.1";

package/lib/edge/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.36";
+export const SDK_VERSION = "1.1.1";

package/lib/edge/functions/evaluate/choose-eval.js

@@ -1,3 +1,7 @@
+/*
+ * THIS FILE IS EXPECTED TO EXIST WITH THIS EXACT NAME BY SUBSEQUENT BUNDLE STEPS THAT TRANSFORM IT.
+ * DO NOT RENAME THIS FILE.
+ */
 import { isBrowser } from '../is-browser';
 import { runInBrowser } from './browser-runtime/browser';
 /**

package/lib/edge/types/components.d.ts

@@ -105,6 +105,47 @@ export interface ComponentInfo {
      */
     requiredPermissions?: Array<Permission>;
     hidden?: boolean;
+    /**
+     * When overriding built-in components, if you don't want any special behavior that
+     * the original has, set this to `true` to skip the default behavior
+     *
+     * Default behaviors include special "virtual options", such as a custom
+     * aspect ratio editor for Images, or a special column editor for Columns
+     *
+     * Learn more about overriding built-in components here: https://www.builder.io/c/docs/custom-components-overriding
+     */
+    override?: boolean;
+    /**
+     * Whether or not the component should receive SDK-related props.
+     */
+    shouldReceiveBuilderProps?: {
+        /**
+         * Whether or not the component should receive the `builderBlock` prop, containing the current Builder block being rendered.
+         *
+         * Defaults to `true`.
+         */
+        builderBlock?: boolean;
+        /**
+         * Whether or not the component should receive the `builderContext` prop, containing the current context.
+         * The Builder Context contains a lot of data relevant to the current `Content` render.
+         * You can see more information [here](https://github.com/BuilderIO/builder/blob/main/packages/sdks/src/context/types.ts).
+         *
+         * Defaults to `true`.
+         */
+        builderContext?: boolean;
+        /**
+         * Whether or not the component should receive the `builderComponents` array, containing the all registered components (custom and built-in).
+         *
+         * Defaults to `false`.
+         */
+        builderComponents?: boolean;
+        /**
+         * Whether or not the component should receive the `builderLinkComponent` prop, containing the custom link component provided to `Content`.
+         *
+         * Defaults to `false`.
+         */
+        builderLinkComponent?: boolean;
+    };
 }
 type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
 export {};

package/lib/node/blocks/accordion/component-info.js

@@ -119,5 +119,11 @@ export const componentInfo = {
                     options.set('items', []);
                 }
             }
-        }]
+        }],
+    shouldReceiveBuilderProps: {
+        builderBlock: true,
+        builderContext: true,
+        builderComponents: true,
+        builderLinkComponent: true
+    }
 };

package/lib/node/blocks/button/component-info.js

@@ -30,5 +30,11 @@ export const componentInfo = {
             friendlyName: 'Open link in new tab'
         }],
     static: true,
-    noWrap: true
+    noWrap: true,
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: true
+    }
 };

package/lib/node/blocks/columns/component-info.js

@@ -215,5 +215,11 @@ export const componentInfo = {
             defaultValue: false,
             helperText: 'When stacking columns for mobile devices, reverse the ordering',
             advanced: true
-        }]
+        }],
+    shouldReceiveBuilderProps: {
+        builderBlock: true,
+        builderContext: true,
+        builderComponents: true,
+        builderLinkComponent: true
+    }
 };

package/lib/node/blocks/custom-code/component-info.js

@@ -1,4 +1,10 @@
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     name: 'Custom Code',
     static: true,
     requiredPermissions: ['editCode'],

package/lib/node/blocks/embed/component-info.js

@@ -1,4 +1,10 @@
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     name: 'Embed',
     static: true,
     inputs: [{

package/lib/node/blocks/form/form/component-info.js

@@ -228,5 +228,11 @@ export const componentInfo = {
                     text: 'Submit'
                 }
             }
-        }]
+        }],
+    shouldReceiveBuilderProps: {
+        builderBlock: true,
+        builderContext: true,
+        builderComponents: true,
+        builderLinkComponent: true
+    }
 };

package/lib/node/blocks/form/input/component-info.js

@@ -1,4 +1,10 @@
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     name: 'Form:Input',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca',
     inputs: [{

package/lib/node/blocks/form/select/component-info.js

@@ -1,4 +1,10 @@
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     name: 'Form:Select',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045',
     defaultStyles: {

package/lib/node/blocks/form/submit-button/component-info.js

@@ -1,4 +1,10 @@
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     name: 'Form:SubmitButton',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98',
     defaultStyles: {

package/lib/node/blocks/form/textarea/component-info.js

@@ -1,4 +1,10 @@
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     name: 'Form:TextArea',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3',
     inputs: [{

package/lib/node/blocks/fragment/component-info.js

@@ -1,4 +1,10 @@
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     name: 'Fragment',
     static: true,
     hidden: true,

package/lib/node/blocks/image/component-info.js

@@ -123,5 +123,11 @@ export const componentInfo = {
             helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
             advanced: true,
             defaultValue: 0.7041
-        }]
+        }],
+    shouldReceiveBuilderProps: {
+        builderBlock: true,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    }
 };

package/lib/node/blocks/img/component-info.js

@@ -1,4 +1,10 @@
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     // friendlyName?
     name: 'Raw:Img',
     hideFromInsertMenu: true,

package/lib/node/blocks/raw-text/component-info.js

@@ -1,4 +1,10 @@
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     name: 'Builder:RawText',
     hideFromInsertMenu: true,
     inputs: [{

package/lib/node/blocks/section/component-info.js

@@ -1,4 +1,10 @@
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     name: 'Core:Section',
     static: true,
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a',

package/lib/node/blocks/slot/component-info.js

@@ -10,5 +10,11 @@ export const componentInfo = {
             type: 'string',
             required: true,
             defaultValue: 'children'
-        }]
+        }],
+    shouldReceiveBuilderProps: {
+        builderBlock: false,
+        builderContext: true,
+        builderComponents: false,
+        builderLinkComponent: false
+    }
 };

package/lib/node/blocks/symbol/component-info.js

@@ -30,5 +30,11 @@ export const componentInfo = {
             name: 'useChildren',
             hideFromUI: true,
             type: 'boolean'
-        }]
+        }],
+    shouldReceiveBuilderProps: {
+        builderBlock: true,
+        builderContext: true,
+        builderComponents: true,
+        builderLinkComponent: true
+    }
 };

package/lib/node/blocks/tabs/component-info.js

@@ -134,5 +134,11 @@ export const componentInfo = {
                     label: 'Right',
                     value: 'flex-end'
                 }]
-        }]
+        }],
+    shouldReceiveBuilderProps: {
+        builderBlock: true,
+        builderContext: true,
+        builderComponents: true,
+        builderLinkComponent: true
+    }
 };

package/lib/node/blocks/text/component-info.js

@@ -1,4 +1,11 @@
+import { TARGET } from '../../constants/target';
 export const componentInfo = {
+    shouldReceiveBuilderProps: {
+        builderBlock: TARGET === 'reactNative' ? true : false,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    },
     name: 'Text',
     static: true,
     isRSC: true,

package/lib/node/blocks/video/component-info.js

@@ -78,5 +78,11 @@ export const componentInfo = {
             helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
             defaultValue: true,
             advanced: true
-        }]
+        }],
+    shouldReceiveBuilderProps: {
+        builderBlock: true,
+        builderContext: false,
+        builderComponents: false,
+        builderLinkComponent: false
+    }
 };

package/lib/node/components/block/block.helpers.d.ts

@@ -17,22 +17,22 @@ export declare const getInheritedStyles: ({ block, context }: {
     context: BuilderContextInterface;
 }) => Partial<CSSStyleDeclaration>;
 export declare const provideLinkComponent: (block: RegisteredComponent | null | undefined, linkComponent: any) => {
-    builderLinkComponent: any;
-} | {
     builderLinkComponent?: undefined;
+} | {
+    builderLinkComponent: any;
 };
 export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents) => {
-    builderComponents: RegisteredComponents;
-} | {
     builderComponents?: undefined;
+} | {
+    builderComponents: RegisteredComponents;
 };
 export declare const provideBuilderBlock: (block: RegisteredComponent | null | undefined, builderBlock: BuilderBlock) => {
-    builderBlock: BuilderBlock;
-} | {
     builderBlock?: undefined;
+} | {
+    builderBlock: BuilderBlock;
 };
 export declare const provideBuilderContext: (block: RegisteredComponent | null | undefined, context: Writable<BuilderContextInterface>) => {
-    builderContext: Writable<BuilderContextInterface>;
-} | {
     builderContext?: undefined;
+} | {
+    builderContext: Writable<BuilderContextInterface>;
 };