@builder.io/sdk-svelte 4.1.3 → 4.2.3

package/lib/browser/components/content/components/enable-editor.svelte

@@ -15,7 +15,7 @@ import { getInteractionPropertiesForEvent } from "../../../functions/track/inter
 import { getDefaultCanTrack } from "../../../helpers/canTrack";
 import { getCookieSync } from "../../../helpers/cookie";
 import "../../../helpers/preview-lru-cache/set";
-import { createEditorListener } from "../../../helpers/subscribe-to-editor";
+import { createEditorListener, } from "../../../helpers/subscribe-to-editor";
 import { setupBrowserForEditing } from "../../../scripts/init-editing";
 import { triggerAnimation } from "../../block/animator";
 import "../../dynamic-div.svelte";
@@ -46,7 +46,7 @@ function stringifyStyles(stylesObj) {
     }
     return styles;
 }
-function mergeNewRootState(newData) {
+function mergeNewRootState(newData, editType) {
     const combinedState = {
         ...$builderContextSignal.rootState,
         ...newData,
@@ -57,8 +57,14 @@ function mergeNewRootState(newData) {
     else {
         $builderContextSignal.rootState = combinedState;
     }
+    if ($builderContextSignal.rootSetState) {
+        $builderContextSignal.rootSetState(combinedState);
+    }
+    else {
+        $builderContextSignal.rootState = combinedState;
+    }
 }
-function mergeNewContent(newContent) {
+function mergeNewContent(newContent, editType) {
     const newContentValue = {
         ...$builderContextSignal.content,
         ...newContent,
@@ -96,11 +102,11 @@ function processMessage(event) {
             animation: (animation) => {
                 triggerAnimation(animation);
             },
-            contentUpdate: (newContent) => {
-                mergeNewContent(newContent);
+            contentUpdate: (newContent, editType) => {
+                mergeNewContent(newContent, editType);
             },
-            stateUpdate: (newState) => {
-                mergeNewRootState(newState);
+            stateUpdate: (newState, editType) => {
+                mergeNewRootState(newState, editType);
             },
         },
     })(event);
@@ -126,15 +132,20 @@ function onClick(event) {
 }
 function runHttpRequests() {
     const requests = $builderContextSignal.content?.data?.httpRequests ?? {};
-    Object.entries(requests).forEach(([key, url]) => {
-        if (!url)
+    Object.entries(requests).forEach(([key, httpRequest]) => {
+        if (!httpRequest)
             return;
+        const isCoreRequest = typeof httpRequest === "object" &&
+            httpRequest["@type"] === "@builder.io/core:Request";
         // request already in progress
         if (httpReqsPending[key])
             return;
         // request already completed, and not in edit mode
         if (httpReqsData[key] && !isEditing())
             return;
+        const url = isCoreRequest
+            ? httpRequest.request.url
+            : httpRequest;
         httpReqsPending[key] = true;
         const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
             code: group,
@@ -143,8 +154,27 @@ function runHttpRequests() {
             rootState: $builderContextSignal.rootState,
             rootSetState: $builderContextSignal.rootSetState,
         })));
-        logFetch(evaluatedUrl);
-        fetch(evaluatedUrl)
+        const fetchRequestObj = isCoreRequest
+            ? {
+                url: evaluatedUrl,
+                method: httpRequest.request.method,
+                headers: httpRequest.request.headers,
+                body: httpRequest.request.body,
+            }
+            : {
+                url: evaluatedUrl,
+                method: "GET",
+            };
+        logFetch(JSON.stringify(fetchRequestObj));
+        const fetchOptions = {
+            method: fetchRequestObj.method,
+            headers: fetchRequestObj.headers,
+            body: fetchRequestObj.body,
+        };
+        if (fetchRequestObj.method === "GET") {
+            delete fetchOptions.body;
+        }
+        fetch(fetchRequestObj.url, fetchOptions)
             .then((response) => response.json())
             .then((json) => {
             mergeNewRootState({
@@ -153,7 +183,7 @@ function runHttpRequests() {
             httpReqsData[key] = true;
         })
             .catch((err) => {
-            console.error("error fetching dynamic data", url, err);
+            console.error("error fetching dynamic data", JSON.stringify(httpRequest), err);
         })
             .finally(() => {
             httpReqsPending[key] = false;
@@ -248,6 +278,9 @@ $: showContentProps = () => {
 };
 let elementRef;
 let hasExecuted = false;
+let contextValue = $builderContextSignal;
+let prevData = null;
+let prevLocale = "";
 let ContentWrapper = contentWrapper || "div";
 let httpReqsData = {};
 let httpReqsPending = {};
@@ -304,15 +337,23 @@ $: onUpdateFn_1_builderContextSignal_rootState =
 $: onUpdateFn_1(...[onUpdateFn_1_builderContextSignal_rootState]);
 function onUpdateFn_2(..._args) {
     if (data) {
+        if (prevData === data) {
+            return;
+        }
         mergeNewRootState(data);
+        prevData = data;
     }
 }
 $: onUpdateFn_2(...[data]);
 function onUpdateFn_3(..._args) {
     if (locale) {
+        if (prevLocale === locale) {
+            return;
+        }
         mergeNewRootState({
             locale: locale,
         });
+        prevLocale = locale;
     }
 }
 $: onUpdateFn_3(...[locale]);

package/lib/browser/components/live-edit.svelte

@@ -0,0 +1,20 @@
+<script context="module"></script>
+
+<script>import { getContext } from "svelte";
+import { BuilderContext } from "../context/index";
+import { findBlockById } from "../helpers/find-block";
+export let id = undefined;
+export let attributes = undefined;
+export let Wrapper = undefined;
+let context = getContext(BuilderContext.key);
+$: block = () => {
+    return findBlockById($context.content, id);
+};
+$: options = () => {
+    return block?.()?.component?.options || {};
+};
+</script>
+
+<svelte:component this={Wrapper} {...options()} {attributes}
+  ><slot /></svelte:component
+>

package/lib/browser/components/live-edit.svelte.d.ts

@@ -0,0 +1,26 @@
+import { SvelteComponent } from "svelte";
+type LiveEditProps = {
+    children?: any;
+    id?: any;
+    Wrapper?: any;
+    attributes?: any;
+};
+declare const __propDef: {
+    props: {
+        id?: LiveEditProps["id"];
+        attributes?: LiveEditProps["attributes"];
+        Wrapper?: LiveEditProps["Wrapper"];
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+type LiveEditProps_ = typeof __propDef.props;
+export { LiveEditProps_ as LiveEditProps };
+export type LiveEditEvents = typeof __propDef.events;
+export type LiveEditSlots = typeof __propDef.slots;
+export default class LiveEdit extends SvelteComponent<LiveEditProps, LiveEditEvents, LiveEditSlots> {
+}

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "4.1.3";
+export declare const SDK_VERSION = "4.2.3";

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

@@ -1 +1 @@
-export const SDK_VERSION = "4.1.3";
+export const SDK_VERSION = "4.2.3";

package/lib/browser/functions/get-content/generate-content-url.js

@@ -20,15 +20,10 @@ export const generateContentUrl = (options) => {
     url.searchParams.set('limit', String(limit));
     url.searchParams.set('noTraverse', String(noTraverse));
     url.searchParams.set('includeRefs', String(true));
-    const finalLocale = locale || userAttributes?.locale;
-    let finalUserAttributes = userAttributes || {};
-    if (finalLocale) {
-        url.searchParams.set('locale', finalLocale);
-        finalUserAttributes = {
-            locale: finalLocale,
-            ...finalUserAttributes
-        };
+    if (locale) {
+        url.searchParams.set('locale', locale);
     }
+    let finalUserAttributes = userAttributes || {};
     if (enrich)
         url.searchParams.set('enrich', String(enrich));
     url.searchParams.set('omit', omit ?? 'meta.componentsUsed');

package/lib/browser/functions/get-content/index.js

@@ -12,6 +12,14 @@ const checkContentHasResults = (content) => 'results' in content;
  * Returns the first content entry that matches the given options.
  */
 export async function fetchOneEntry(options) {
+    const finalLocale = options.locale || options.userAttributes?.locale;
+    if (finalLocale) {
+        options.locale = finalLocale;
+        options.userAttributes = {
+            locale: finalLocale,
+            ...options.userAttributes
+        };
+    }
     const allContent = await fetchEntries({
         ...options,
         limit: 1

package/lib/browser/functions/register.d.ts

@@ -1,5 +1,22 @@
 import type { BuilderBlock } from '../types/builder-block';
 import type { DeepPartial } from '../types/deep-partial';
+import type { Input } from '../types/input';
+export interface Action {
+    name: string;
+    inputs?: readonly Input[];
+    returnType?: Input;
+    action: (options: Record<string, any>) => string;
+    /**
+     * Is an action for expression (e.g. calculating a binding like a formula
+     * to fill a value based on locale) or a function (e.g. something to trigger
+     * on an event like add to cart) or either (e.g. a custom code block)
+     */
+    kind: 'expression' | 'function' | 'any';
+    /**
+     * Globally unique ID for an action, e.g. "@builder.io:setState"
+     */
+    id: string;
+}
 export interface InsertMenuItem {
     name: string;
     icon?: string;
@@ -14,3 +31,4 @@ export interface InsertMenuConfig {
 }
 export declare function register(type: 'insertMenu', info: InsertMenuConfig): void;
 export declare function register(type: string, info: any): void;
+export declare function registerAction(action: Action): void;

package/lib/browser/functions/register.js

@@ -29,3 +29,15 @@ export function register(type, info) {
         }
     }
 }
+export function registerAction(action) {
+    if (isBrowser()) {
+        const actionClone = JSON.parse(JSON.stringify(action));
+        if (action.action) {
+            actionClone.action = action.action.toString();
+        }
+        window.parent?.postMessage({
+            type: 'builder.registerAction',
+            data: actionClone
+        }, '*');
+    }
+}

package/lib/browser/helpers/find-block.d.ts

@@ -0,0 +1,18 @@
+import type { BuilderBlock, BuilderContent } from '../server-index';
+/**
+ * Recursively searches for a block by ID.
+ *
+ * @param content The Builder content to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ */
+export declare const findBlockById: (content: BuilderContent, id: string) => BuilderBlock | null;
+/**
+ * Helper function to recursively search through block tree.
+ *
+ * @param blocks The blocks to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ * @private This is an internal implementation detail.
+ */
+export declare const findBlockInTree: (blocks: BuilderBlock[] | undefined, id: string) => BuilderBlock | null;

package/lib/browser/helpers/find-block.js

@@ -0,0 +1,41 @@
+/**
+ * Recursively searches for a block by ID.
+ *
+ * @param content The Builder content to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ */
+export const findBlockById = (content, id) => {
+    return findBlockInTree(content.data?.blocks, id);
+};
+/**
+ * Helper function to recursively search through block tree.
+ *
+ * @param blocks The blocks to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ * @private This is an internal implementation detail.
+ */
+export const findBlockInTree = (blocks, id) => {
+    if (!blocks)
+        return null;
+    for (const block of blocks) {
+        if (block.id === id)
+            return block;
+        if (block.children) {
+            const child = findBlockInTree(block.children, id);
+            if (child)
+                return child;
+        }
+        if (block.component?.name === 'Columns' && block.component?.options?.columns) {
+            for (const column of block.component.options.columns) {
+                if (column.blocks) {
+                    const child = findBlockInTree(column.blocks, id);
+                    if (child)
+                        return child;
+                }
+            }
+        }
+    }
+    return null;
+};

package/lib/browser/helpers/subscribe-to-editor.d.ts

@@ -2,10 +2,11 @@ import type { ContentProps } from '../components/content/content.types';
 import type { BuilderAnimation } from '../types/builder-block';
 import type { BuilderContent } from '../types/builder-content';
 import type { Dictionary } from '../types/typescript';
+export type EditType = 'client' | 'server' | undefined;
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
     callbacks: {
-        contentUpdate: (updatedContent: BuilderContent) => void;
-        stateUpdate: (newState: Dictionary<string>) => void;
+        contentUpdate: (updatedContent: BuilderContent, editType?: EditType) => void;
+        stateUpdate: (newState: Dictionary<string>, editType?: EditType) => void;
         animation: (updatedContent: BuilderAnimation) => void;
         configureSdk: (updatedContent: any) => void;
     };

package/lib/browser/helpers/subscribe-to-editor.js

@@ -25,8 +25,9 @@ export const createEditorListener = ({ model, trustedHosts, callbacks }) => {
                         const messageContent = data.data;
                         const modelName = messageContent.model;
                         const newState = messageContent?.state;
+                        const editType = messageContent.editType;
                         if (modelName === model && newState) {
-                            callbacks.stateUpdate(newState);
+                            callbacks.stateUpdate(newState, editType);
                         }
                         break;
                     }
@@ -35,8 +36,9 @@ export const createEditorListener = ({ model, trustedHosts, callbacks }) => {
                         const messageContent = data.data;
                         const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
                         const contentData = messageContent.data;
+                        const editType = messageContent.editType;
                         if (key === model) {
-                            callbacks.contentUpdate(contentData);
+                            callbacks.contentUpdate(contentData, editType);
                         }
                         break;
                     }

package/lib/browser/server-index.d.ts

@@ -25,7 +25,7 @@ export type { ComponentInfo } from './types/components';
 export { isEditing } from './functions/is-editing';
 export { isPreviewing } from './functions/is-previewing';
 export { createRegisterComponentMessage } from './functions/register-component';
-export { register } from './functions/register';
+export { register, registerAction } from './functions/register';
 export type { InsertMenuConfig, InsertMenuItem } from './functions/register';
 export { setEditorSettings } from './functions/set-editor-settings';
 export type { Settings } from './functions/set-editor-settings';

package/lib/browser/server-index.js

@@ -5,7 +5,7 @@ export * from './index-helpers/top-of-file';
 export { isEditing } from './functions/is-editing';
 export { isPreviewing } from './functions/is-previewing';
 export { createRegisterComponentMessage } from './functions/register-component';
-export { register } from './functions/register';
+export { register, registerAction } from './functions/register';
 export { setEditorSettings } from './functions/set-editor-settings';
 export { getBuilderSearchParams } from './functions/get-builder-search-params/index';
 export { track } from './functions/track/index';

package/lib/edge/blocks/form/form/form.svelte

@@ -44,6 +44,9 @@ function mergeNewRootState(newData) {
 function submissionState() {
     return (isEditing() && previewState) || formState;
 }
+function errorResponse(response) {
+    return JSON.stringify(response, null, 2);
+}
 function onSubmit(event) {
     const sendWithJsProp = sendWithJs || sendSubmissionsTo === "email";
     if (sendSubmissionsTo === "zapier") {
@@ -62,13 +65,16 @@ function onSubmit(event) {
         // TODO: maybe support null
         const formPairs = Array.from(el.querySelectorAll("input,select,textarea"))
             .filter((el) => !!el.name)
+            .filter((el) => !!el.name &&
+            (el.type !== "radio" ||
+                el.checked))
             .map((el) => {
             let value;
             const key = el.name;
             if (el instanceof HTMLInputElement) {
                 if (el.type === "radio") {
                     if (el.checked) {
-                        value = el.name;
+                        value = el.value;
                         return {
                             key,
                             value,
@@ -288,11 +294,7 @@ let formErrorMessage = "";
     />
   {/if}
   {#if submissionState() === "error" && responseData}
-    <pre class="builder-form-error-text pre">{JSON.stringify(
-        responseData,
-        null,
-        2
-      )}</pre>
+    <pre class="builder-form-error-text pre">{errorResponse(responseData)}</pre>
   {/if}
   {#if submissionState() === "success"}
     <Blocks

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

@@ -1,6 +1,5 @@
 import { IMAGE_FILE_TYPES } from '../../constants/file-types';
 export const componentInfo = {
-    // friendlyName?
     name: 'Raw:Img',
     hideFromInsertMenu: true,
     image: 'https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4',
@@ -10,7 +9,38 @@ export const componentInfo = {
             type: 'file',
             allowedFileTypes: IMAGE_FILE_TYPES,
             required: true
+        }, {
+            name: 'backgroundSize',
+            type: 'text',
+            defaultValue: 'cover',
+            enum: [{
+                    label: 'contain',
+                    value: 'contain',
+                    helperText: 'The image should never get cropped'
+                }, {
+                    label: 'cover',
+                    value: 'cover',
+                    helperText: "The image should fill it's box, cropping when needed"
+                }]
+        }, {
+            name: 'backgroundPosition',
+            type: 'text',
+            defaultValue: 'center',
+            enum: ['center', 'top', 'left', 'right', 'bottom', 'top left', 'top right', 'bottom left', 'bottom right']
+        }, {
+            name: 'altText',
+            type: 'string',
+            helperText: 'Text to display when the user has images off'
+        }, {
+            name: 'title',
+            type: 'string',
+            helperText: 'Text to display when hovering over the asset'
+        }, {
+            name: 'aspectRatio',
+            type: 'number',
+            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
         }],
-    noWrap: true,
-    static: true
+    noWrap: true
 };

package/lib/edge/blocks/img/img.svelte

@@ -6,13 +6,15 @@
 <script>import { isEditing } from "../../functions/is-editing";
 import { filterAttrs } from "../helpers";
 import { getSrcSet } from "../image/image.helpers";
-import { setAttrs } from "../helpers";
+import { getClassPropName } from "../../functions/get-class-prop-name";
 export let imgSrc = undefined;
 export let image = undefined;
+export let attributes = undefined;
+export let altText = undefined;
+export let title = undefined;
 export let backgroundSize = undefined;
 export let backgroundPosition = undefined;
-export let altText = undefined;
-export let attributes = undefined;
+export let aspectRatio = undefined;
 function stringifyStyles(stylesObj) {
     let styles = "";
     for (let key in stylesObj) {
@@ -34,6 +36,15 @@ $: srcSetToUse = () => {
     }
     return getSrcSet(url);
 };
+$: imgAttrs = () => {
+    const attrs = {
+        ...filterAttrs(attributes, "on:", false),
+        ...filterAttrs(attributes, "on:", true),
+        [getClassPropName()]: `builder-raw-img ${attributes[getClassPropName()] || ""}`,
+    };
+    delete attrs.style;
+    return attrs;
+};
 </script>
 
 {#key (isEditing() && imgSrc) || "default-key"}
@@ -41,12 +52,13 @@ $: srcSetToUse = () => {
     style={stringifyStyles({
       objectFit: backgroundSize || "cover",
       objectPosition: backgroundPosition || "center",
+      aspectRatio: aspectRatio || undefined,
+      ...(attributes?.style || {}),
     })}
     loading="lazy"
     alt={altText}
+    {title}
     src={imgSrc || image}
-    srcSet={srcSetToUse()}
-    {...filterAttrs(attributes, "on:", false)}
-    use:setAttrs={filterAttrs(attributes, "on:", true)}
+    {...imgAttrs()}
   />
 {/key}

package/lib/edge/blocks/symbol/symbol.svelte

@@ -6,11 +6,11 @@ import { getClassPropName } from "../../functions/get-class-prop-name";
 import { setAttrs } from "../helpers";
 import { fetchSymbolContent } from "./symbol.helpers";
 export let symbol = undefined;
+export let builderComponents;
 export let attributes = undefined;
 export let dynamic = undefined;
 export let builderContext;
 export let builderBlock;
-export let builderComponents;
 export let builderLinkComponent = undefined;
 function setContent() {
     if (contentToUse && symbolEntry === symbol?.entry)
@@ -31,6 +31,9 @@ $: blocksWrapper = () => {
 $: contentWrapper = () => {
     return "div";
 };
+$: customComponents = () => {
+    return Object.values(builderComponents);
+};
 $: className = () => {
     return [
         ...[attributes[getClassPropName()]],
@@ -67,7 +70,7 @@ $: onUpdateFn_0(...[symbol]);
       ...$builderContext.context,
       symbolId: builderBlock?.id,
     }}
-    customComponents={Object.values(builderComponents)}
+    customComponents={customComponents()}
     data={{
       ...symbol?.data,
       ...$builderContext.localState,

package/lib/edge/blocks/symbol/symbol.svelte.d.ts

@@ -3,11 +3,11 @@ import type { SymbolProps } from "./symbol.types";
 declare const __propDef: {
     props: {
         symbol?: SymbolProps["symbol"];
+        builderComponents: SymbolProps["builderComponents"];
         attributes?: SymbolProps["attributes"];
         dynamic?: SymbolProps["dynamic"];
         builderContext: SymbolProps["builderContext"];
         builderBlock: SymbolProps["builderBlock"];
-        builderComponents: SymbolProps["builderComponents"];
         builderLinkComponent?: SymbolProps["builderLinkComponent"];
     };
     events: {

package/lib/edge/blocks/symbol/symbol.types.d.ts

@@ -1,6 +1,6 @@
 import type { BuilderContent } from '../../types/builder-content';
 import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props';
-interface SymbolInfo {
+export interface SymbolInfo {
     model?: string;
     entry?: string;
     data?: any;
@@ -16,4 +16,3 @@ export interface SymbolProps extends BuilderComponentsProp, BuilderDataProps, Bu
     inheritState?: boolean;
     renderToLiquid?: boolean;
 }
-export {};

package/lib/edge/blocks/tabs/tabs.svelte

@@ -1,9 +1,9 @@
 <script>import Blocks from "../../components/blocks/blocks.svelte";
 export let defaultActiveTab = undefined;
 export let tabs;
+export let activeTabStyle = undefined;
 export let collapsible = undefined;
 export let tabHeaderLayout = undefined;
-export let activeTabStyle = undefined;
 export let builderBlock;
 export let builderContext;
 export let builderComponents;
@@ -21,6 +21,9 @@ function stringifyStyles(stylesObj) {
 function activeTabContent(active) {
     return tabs && tabs[active].content;
 }
+function getTabStyle(index) {
+    return index === activeTab ? activeTabStyle : {};
+}
 function onClick(index) {
     if (index === activeTab && collapsible) {
         activeTab = -1;
@@ -44,9 +47,7 @@ let activeTab = defaultActiveTab ? defaultActiveTab - 1 : 0;
   >
     {#each tabs as tab, index (index)}
       <span
-        style={stringifyStyles({
-          ...(activeTab === index ? activeTabStyle : {}),
-        })}
+        style={stringifyStyles(getTabStyle(index))}
         class={`builder-tab-wrap ${
           activeTab === index ? "builder-tab-active" : ""
         }`}

package/lib/edge/blocks/tabs/tabs.svelte.d.ts

@@ -4,9 +4,9 @@ declare const __propDef: {
     props: {
         defaultActiveTab?: TabsProps["defaultActiveTab"];
         tabs: TabsProps["tabs"];
+        activeTabStyle?: TabsProps["activeTabStyle"];
         collapsible?: TabsProps["collapsible"];
         tabHeaderLayout?: TabsProps["tabHeaderLayout"];
-        activeTabStyle?: TabsProps["activeTabStyle"];
         builderBlock: TabsProps["builderBlock"];
         builderContext: TabsProps["builderContext"];
         builderComponents: TabsProps["builderComponents"];

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

@@ -6,7 +6,6 @@ export const componentInfo = {
     } : {},
     name: 'Text',
     static: true,
-    isRSC: true,
     image: 'https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929',
     inputs: [{
             name: 'text',

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

@@ -0,0 +1,7 @@
+export type AwaiterProps = {
+    load: () => Promise<any>;
+    props?: any;
+    attributes?: any;
+    fallback?: any;
+    children?: any;
+};