@weaverse/core 1.3.2 → 1.4.1

package/dist/index.d.mts

@@ -1,6 +1,67 @@
-import * as Stitches from '@stitches/core';
+import * as stitches from '@stitches/core';
 import { RefObject, ForwardRefExoticComponent } from 'react';
-import Stitches$1 from '@stitches/core/types/stitches';
+import Stitches from '@stitches/core/types/stitches';
+
+type AnyFunction = (...args: any[]) => any;
+declare class EventEmitter {
+    listeners: Set<AnyFunction>;
+    constructor();
+    subscribe(fn: AnyFunction): void;
+    unsubscribe(fn: AnyFunction): void;
+    emit(data?: any): void;
+}
+
+declare class WeaverseItemStore extends EventEmitter {
+    weaverse: Weaverse;
+    ref: RefObject<HTMLElement>;
+    _store: ElementData;
+    stitchesClass: string;
+    constructor(intialData: ElementData, weaverse: Weaverse);
+    get _id(): string;
+    get _element(): HTMLElement | null;
+    get Element(): any;
+    get css(): ElementCSS;
+    get data(): ElementData;
+    set data(update: Omit<ElementData, "id" | "type">);
+    setData: (update: Omit<ElementData, "id" | "type">) => ElementData;
+    triggerUpdate: () => void;
+}
+declare class Weaverse extends EventEmitter {
+    contentRootElement: HTMLElement | null;
+    itemInstances: Map<any, any>;
+    weaverseHost: string;
+    weaverseVersion: string;
+    projectId: string;
+    isDesignMode: boolean;
+    isPreviewMode: boolean;
+    stitchesInstance: Stitches | any;
+    studioBridge?: any;
+    ItemConstructor: typeof WeaverseItemStore;
+    data: WeaverseProjectDataType;
+    platformType: PlatformTypeEnum;
+    readonly elementRegistry: Map<any, any>;
+    mediaBreakPoints: BreakPoints;
+    constructor(params: WeaverseCoreParams);
+    /**
+     * Create new `WeaverseItemStore` instance for each item in the project.
+     */
+    initProject(): void;
+    initStitches: (externalConfig?: stitches.CreateStitches) => void;
+    /**
+     * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
+     */
+    registerElement(element: {
+        type: string;
+    }): void;
+    triggerUpdate(): void;
+    refreshAllItems(): void;
+    /**
+     * Reset the project data and re-initialize all items.
+     * Used when we need to re-render the project with new data (like applying new template)
+     * @param data {WeaverseProjectDataType}
+     */
+    setProjectData(data: WeaverseProjectDataType): void;
+}
 
 declare let stitchesUtils: {
     m: (value: string) => {
@@ -40,189 +101,40 @@ declare let stitchesUtils: {
     };
 };
 
-declare class WeaverseItemStore {
-    weaverse: Weaverse;
-    listeners: Set<(_: ElementData) => void>;
-    ref: RefObject<HTMLElement>;
-    stitchesClass: string;
-    private _store;
-    constructor(itemData: ElementData, weaverse: Weaverse);
-    get _id(): string;
-    get _element(): HTMLElement | null;
-    get _flags(): Partial<Record<FlagType, boolean>>;
-    get Element(): WeaverseElement | undefined;
-    set data(update: Omit<ElementData, "id" | "type">);
-    get data(): ElementData;
-    setData: (update: Omit<ElementData, "id" | "type">) => ElementData;
-    subscribe: (fn: (_: ElementData) => void) => void;
-    unsubscribe: (fn: (_: ElementData) => void) => void;
-    triggerUpdate: () => void;
-}
-declare class Weaverse {
-    /**
-     * The `weaverse-content-root` element of Weaverse SDK
-     */
-    contentRootElement: HTMLElement | undefined;
-    /**
-     * For storing, registering element React component from Weaverse or created by user/developer
-     */
-    elementInstances: Map<string, WeaverseElement>;
-    /**
-     * list of element/items store to provide data, handle state update, state sharing, etc.
-     */
-    itemInstances: Map<string | number, WeaverseItemStore>;
-    /**
-     * Weaverse base URL that can provide by user/developer. for local development, use localhost:3000
-     */
-    weaverseHost: string;
-    /**
-     * Weaverse version, it can be used to load the correct version of Weaverse SDK
-     */
-    weaverseVersion: string;
-    /**
-     * Weaverse project key to access project data via API
-     */
-    projectId: string;
-    pageId: string;
-    internal: any;
-    requestInfo: any;
-    /**
-     * Weaverse project data, by default, user can provide project data via React Component:
-     * <WeaverseRoot data={data} /> it will be used to server-side rendering
-     */
-    data: WeaverseProjectDataType;
-    /**
-     * Storing subscribe callback function for any component that want to listen to the change of WeaverseRoot
-     */
-    listeners: Set<() => void>;
-    /**
-     * Check whether the sdk is in editor or not.
-     * If isDesignMode is true, it means the sdk is isDesignMode mode, render the editor UI,
-     * else render the preview UI, plain HTML + CSS + React hydrate
-     */
-    isDesignMode: boolean;
-    /**
-     * Check the platform, shopify-section or react-ssr(hydrogen)
-     */
-    platformType: PlatformTypeEnum;
-    /**
-     * Check whether the sdk is in preview mode or not
-     */
-    isPreviewMode: boolean;
-    /**
-     * Use in element to optionally render special HTML for hydration
-     */
-    ssrMode: boolean;
-    /**
-     * Stitches instance for handling CSS stylesheet, media, theme for Weaverse project
-     */
-    stitchesInstance: Stitches$1 | any;
-    studioBridge?: any;
-    elementSchemas: ElementSchema[];
-    static WeaverseItemStore: typeof WeaverseItemStore;
-    mediaBreakPoints: BreakPoints;
-    constructor(params?: WeaverseType);
-    /**
-     * Register the custom React Component to Weaverse, store it into Weaverse.elementInstances
-     * @param element {WeaverseElement} custom React Component
-     */
-    registerElement(element: WeaverseElement): void;
-    initStitches: (externalConfig?: {}) => void;
-    subscribe(fn: any): void;
-    unsubscribe(fn: any): void;
-    triggerUpdate(): void;
-    refreshAllItems(): void;
-    /**
-     * When applying new template,
-     * we need to reset the project data and re-initialize the project item data
-     * @param data {WeaverseProjectDataType}
-     */
-    setProjectData(data: WeaverseProjectDataType): void;
-    /**
-     * Create new WeaverseItemStore instance for each item in project data
-     */
-    initProject(): void;
-}
-
 interface WeaverseProjectDataType {
     items: ElementData[];
     rootId: string;
-    script?: {
-        css: string;
-        js: string;
-    };
-    pageId?: string;
 }
 interface BreakPoints {
     mobile: string;
     desktop: string;
 }
 type PlatformTypeEnum = "shopify-section" | "shopify-hydrogen" | "nextjs";
-interface WeaverseType {
+interface WeaverseCoreParams {
     mediaBreakPoints?: BreakPoints;
     weaverseHost?: string;
     weaverseVersion?: string;
-    projectId?: string;
-    pageId?: string;
-    data?: WeaverseProjectDataType;
+    projectId: string;
+    data: WeaverseProjectDataType;
     isDesignMode?: boolean;
-    ssrMode?: boolean;
-    elementSchemas?: ElementSchema[];
     platformType?: PlatformTypeEnum;
+    ItemConstructor: typeof WeaverseItemStore;
 }
 interface WeaverseElement {
     Component: ForwardRefExoticComponent<any>;
     type: string;
-    schema?: ElementSchema;
-    defaultCss?: ElementCSS;
-    permanentCss?: ElementCSS;
-    extraData?: ElementExtraData;
-}
-type CatalogGroup = "essential" | "composition" | "shopify";
-interface ElementCatalog {
-    name: string;
-    icon?: string;
-    group?: CatalogGroup;
-    data?: ElementDataInCatalog[];
-}
-interface ElementDataInCatalog extends Omit<ElementData, "id"> {
-    id: string | number;
 }
-type FlagType = "draggable" | "resizable" | "sortable" | "ignoreShortcutKeys" | "hasContextMenu" | "isSortableContext" | "mustHaveChildren";
-type ElementFlags = Partial<Record<FlagType, boolean>>;
-type ChildElementSelector = string | string[];
-interface ChildElement {
-    label: string;
-    selector: ChildElementSelector;
-}
-type ParentType = "container" | "layout" | "root" | "product-details" | "product-info" | "slideshow" | "slide";
-type GridSize = {
-    rowSpan: number;
-    colSpan: number;
-};
-type ToolbarAction = "general-settings" | "settings-level-2" | "text-presets" | "ai-assistant" | "scale-text" | "duplicate" | "delete" | "copy-styles" | "paste-styles" | "move-up" | "move-down" | "next-slide" | "prev-slide" | "change-background" | "toggle-visibility" | "more-actions";
+type ToolbarAction = "general-settings" | "settings-level-2" | "duplicate" | "delete";
 interface ElementSchema {
     title: string;
     type: string;
-    parentTypes: ParentType[];
-    gridSize?: GridSize;
-    inspector?: ElementInspector;
-    toolbar?: (ToolbarAction | ToolbarAction[])[];
-    childElements?: ChildElement[];
-    catalog?: ElementCatalog;
-    flags?: ElementFlags;
 }
 interface ElementData {
     id: string;
     type: string;
-    childIds?: (string | number)[];
-    css?: ElementCSS;
     [key: string]: any;
 }
-interface ElementExtraData {
-    [key: string]: unknown;
-}
-type WeaverseCSSProperties = Stitches.CSS & Partial<Record<keyof typeof stitchesUtils, string | number>>;
+type WeaverseCSSProperties = stitches.CSS & Partial<Record<keyof typeof stitchesUtils, string | number>>;
 type ChildElementCSS = Partial<{
     [selector: string]: WeaverseCSSProperties & ChildElementCSS;
 }>;
@@ -230,24 +142,10 @@ interface ElementCSS {
     "@desktop"?: WeaverseCSSProperties | ChildElementCSS;
     "@mobile"?: WeaverseCSSProperties | ChildElementCSS;
 }
-interface ElementInspector {
-    settings?: (AdvancedGroup | BasicGroup)[];
-    styles?: (AdvancedGroup | BasicGroup)[];
-}
-interface AdvancedGroup {
-    groupType: AdvancedGroupType;
-    useData?: boolean;
-}
-interface BasicGroup {
-    groupType: "basic";
-    groupHeader: string;
-    inputs: BasicInput[];
-}
 type AdvancedGroupType = "border" | "alignment" | "background" | "dimensions" | "spacing" | "typography" | "visibility" | "shadows-and-effects" | "layout-background";
 interface BasicInput<ConfigsType = AdditionalInputConfigs> {
     type: InputType;
     label?: string;
-    binding?: "style" | "data";
     /**
      * The key of the value of the element data or styles
      * @example
@@ -274,12 +172,11 @@ interface BasicInput<ConfigsType = AdditionalInputConfigs> {
      * `imagesPerRow.gt.1`
      */
     condition?: string;
-    defaultValue?: string | number | boolean;
+    defaultValue?: any;
     placeholder?: string;
     helpText?: string;
-    shouldRevalidate?: boolean;
 }
-type AdditionalInputConfigs = SelectInputConfigs | ToggleGroupConfigs | RangeInputConfigs | ChildrenSortInputConfigs | DataSortInputConfigs;
+type AdditionalInputConfigs = SelectInputConfigs | ToggleGroupConfigs | RangeInputConfigs | ChildrenSortInputConfigs;
 interface SelectInputConfigs {
     options?: {
         value: string;
@@ -306,22 +203,14 @@ type SortableItemAction = "add" | "edit" | "duplicate" | "delete" | "toggle-visi
 interface ChildrenSortInputConfigs {
     actions: SortableItemAction[];
 }
-interface DataSortInputConfigs {
-    prop: string;
-    defaultData: object;
-    inspector: string;
-}
-type InputType = "color" | "datepicker" | "image" | "range" | "select" | "children-sort" | "data-sort" | "switch" | "text" | "textarea" | "toggle-group" | "position" | "information" | "product" | "product-list" | "product-swatches" | "text-editor" | "custom.html" | "instagram" | "collection-list" | "collection" | "article-list" | "map-autocomplete";
+type InputType = "color" | "datepicker" | "image" | "range" | "select" | "children-sort" | "switch" | "text" | "textarea" | "toggle-group" | "position";
 declare global {
     interface Window {
         Blinkloader: any;
         weaverseStudio: any;
-        createWeaverseStudioBridge: (weaverse: Weaverse) => void;
     }
 }
 
-declare let loadScript: (src: string) => Promise<unknown>;
-
 declare let isReactNative: boolean;
 declare let isBrowser: boolean;
 declare let isIframe: boolean;
@@ -333,7 +222,6 @@ declare let isIframe: boolean;
 declare function merge(target: Record<string, any>, source: Record<string, any>): {
     [x: string]: any;
 };
+declare function loadScript(src: string): Promise<unknown>;
 
-declare function getItemDefaultData(item: WeaverseItemStore): Record<string, any>;
-
-export { AdditionalInputConfigs, AdvancedGroup, AdvancedGroupType, BasicGroup, BasicInput, BreakPoints, CatalogGroup, ChildElement, ChildElementCSS, ChildElementSelector, ChildrenSortInputConfigs, DataSortInputConfigs, ElementCSS, ElementCatalog, ElementData, ElementDataInCatalog, ElementExtraData, ElementFlags, ElementInspector, ElementSchema, FlagType, GridSize, InputType, ParentType, PlatformTypeEnum, RangeInputConfigs, SelectInputConfigs, SortableItemAction, ToggleGroupConfigs, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseElement, WeaverseItemStore, WeaverseProjectDataType, WeaverseType, getItemDefaultData, isBrowser, isIframe, isReactNative, loadScript, merge };
+export { AdditionalInputConfigs, AdvancedGroupType, BasicInput, BreakPoints, ChildElementCSS, ChildrenSortInputConfigs, ElementCSS, ElementData, ElementSchema, InputType, PlatformTypeEnum, RangeInputConfigs, SelectInputConfigs, SortableItemAction, ToggleGroupConfigs, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseCoreParams, WeaverseElement, WeaverseItemStore, WeaverseProjectDataType, isBrowser, isIframe, isReactNative, loadScript, merge };

package/dist/index.d.ts

@@ -1,6 +1,67 @@
-import * as Stitches from '@stitches/core';
+import * as stitches from '@stitches/core';
 import { RefObject, ForwardRefExoticComponent } from 'react';
-import Stitches$1 from '@stitches/core/types/stitches';
+import Stitches from '@stitches/core/types/stitches';
+
+type AnyFunction = (...args: any[]) => any;
+declare class EventEmitter {
+    listeners: Set<AnyFunction>;
+    constructor();
+    subscribe(fn: AnyFunction): void;
+    unsubscribe(fn: AnyFunction): void;
+    emit(data?: any): void;
+}
+
+declare class WeaverseItemStore extends EventEmitter {
+    weaverse: Weaverse;
+    ref: RefObject<HTMLElement>;
+    _store: ElementData;
+    stitchesClass: string;
+    constructor(intialData: ElementData, weaverse: Weaverse);
+    get _id(): string;
+    get _element(): HTMLElement | null;
+    get Element(): any;
+    get css(): ElementCSS;
+    get data(): ElementData;
+    set data(update: Omit<ElementData, "id" | "type">);
+    setData: (update: Omit<ElementData, "id" | "type">) => ElementData;
+    triggerUpdate: () => void;
+}
+declare class Weaverse extends EventEmitter {
+    contentRootElement: HTMLElement | null;
+    itemInstances: Map<any, any>;
+    weaverseHost: string;
+    weaverseVersion: string;
+    projectId: string;
+    isDesignMode: boolean;
+    isPreviewMode: boolean;
+    stitchesInstance: Stitches | any;
+    studioBridge?: any;
+    ItemConstructor: typeof WeaverseItemStore;
+    data: WeaverseProjectDataType;
+    platformType: PlatformTypeEnum;
+    readonly elementRegistry: Map<any, any>;
+    mediaBreakPoints: BreakPoints;
+    constructor(params: WeaverseCoreParams);
+    /**
+     * Create new `WeaverseItemStore` instance for each item in the project.
+     */
+    initProject(): void;
+    initStitches: (externalConfig?: stitches.CreateStitches) => void;
+    /**
+     * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
+     */
+    registerElement(element: {
+        type: string;
+    }): void;
+    triggerUpdate(): void;
+    refreshAllItems(): void;
+    /**
+     * Reset the project data and re-initialize all items.
+     * Used when we need to re-render the project with new data (like applying new template)
+     * @param data {WeaverseProjectDataType}
+     */
+    setProjectData(data: WeaverseProjectDataType): void;
+}
 
 declare let stitchesUtils: {
     m: (value: string) => {
@@ -40,189 +101,40 @@ declare let stitchesUtils: {
     };
 };
 
-declare class WeaverseItemStore {
-    weaverse: Weaverse;
-    listeners: Set<(_: ElementData) => void>;
-    ref: RefObject<HTMLElement>;
-    stitchesClass: string;
-    private _store;
-    constructor(itemData: ElementData, weaverse: Weaverse);
-    get _id(): string;
-    get _element(): HTMLElement | null;
-    get _flags(): Partial<Record<FlagType, boolean>>;
-    get Element(): WeaverseElement | undefined;
-    set data(update: Omit<ElementData, "id" | "type">);
-    get data(): ElementData;
-    setData: (update: Omit<ElementData, "id" | "type">) => ElementData;
-    subscribe: (fn: (_: ElementData) => void) => void;
-    unsubscribe: (fn: (_: ElementData) => void) => void;
-    triggerUpdate: () => void;
-}
-declare class Weaverse {
-    /**
-     * The `weaverse-content-root` element of Weaverse SDK
-     */
-    contentRootElement: HTMLElement | undefined;
-    /**
-     * For storing, registering element React component from Weaverse or created by user/developer
-     */
-    elementInstances: Map<string, WeaverseElement>;
-    /**
-     * list of element/items store to provide data, handle state update, state sharing, etc.
-     */
-    itemInstances: Map<string | number, WeaverseItemStore>;
-    /**
-     * Weaverse base URL that can provide by user/developer. for local development, use localhost:3000
-     */
-    weaverseHost: string;
-    /**
-     * Weaverse version, it can be used to load the correct version of Weaverse SDK
-     */
-    weaverseVersion: string;
-    /**
-     * Weaverse project key to access project data via API
-     */
-    projectId: string;
-    pageId: string;
-    internal: any;
-    requestInfo: any;
-    /**
-     * Weaverse project data, by default, user can provide project data via React Component:
-     * <WeaverseRoot data={data} /> it will be used to server-side rendering
-     */
-    data: WeaverseProjectDataType;
-    /**
-     * Storing subscribe callback function for any component that want to listen to the change of WeaverseRoot
-     */
-    listeners: Set<() => void>;
-    /**
-     * Check whether the sdk is in editor or not.
-     * If isDesignMode is true, it means the sdk is isDesignMode mode, render the editor UI,
-     * else render the preview UI, plain HTML + CSS + React hydrate
-     */
-    isDesignMode: boolean;
-    /**
-     * Check the platform, shopify-section or react-ssr(hydrogen)
-     */
-    platformType: PlatformTypeEnum;
-    /**
-     * Check whether the sdk is in preview mode or not
-     */
-    isPreviewMode: boolean;
-    /**
-     * Use in element to optionally render special HTML for hydration
-     */
-    ssrMode: boolean;
-    /**
-     * Stitches instance for handling CSS stylesheet, media, theme for Weaverse project
-     */
-    stitchesInstance: Stitches$1 | any;
-    studioBridge?: any;
-    elementSchemas: ElementSchema[];
-    static WeaverseItemStore: typeof WeaverseItemStore;
-    mediaBreakPoints: BreakPoints;
-    constructor(params?: WeaverseType);
-    /**
-     * Register the custom React Component to Weaverse, store it into Weaverse.elementInstances
-     * @param element {WeaverseElement} custom React Component
-     */
-    registerElement(element: WeaverseElement): void;
-    initStitches: (externalConfig?: {}) => void;
-    subscribe(fn: any): void;
-    unsubscribe(fn: any): void;
-    triggerUpdate(): void;
-    refreshAllItems(): void;
-    /**
-     * When applying new template,
-     * we need to reset the project data and re-initialize the project item data
-     * @param data {WeaverseProjectDataType}
-     */
-    setProjectData(data: WeaverseProjectDataType): void;
-    /**
-     * Create new WeaverseItemStore instance for each item in project data
-     */
-    initProject(): void;
-}
-
 interface WeaverseProjectDataType {
     items: ElementData[];
     rootId: string;
-    script?: {
-        css: string;
-        js: string;
-    };
-    pageId?: string;
 }
 interface BreakPoints {
     mobile: string;
     desktop: string;
 }
 type PlatformTypeEnum = "shopify-section" | "shopify-hydrogen" | "nextjs";
-interface WeaverseType {
+interface WeaverseCoreParams {
     mediaBreakPoints?: BreakPoints;
     weaverseHost?: string;
     weaverseVersion?: string;
-    projectId?: string;
-    pageId?: string;
-    data?: WeaverseProjectDataType;
+    projectId: string;
+    data: WeaverseProjectDataType;
     isDesignMode?: boolean;
-    ssrMode?: boolean;
-    elementSchemas?: ElementSchema[];
     platformType?: PlatformTypeEnum;
+    ItemConstructor: typeof WeaverseItemStore;
 }
 interface WeaverseElement {
     Component: ForwardRefExoticComponent<any>;
     type: string;
-    schema?: ElementSchema;
-    defaultCss?: ElementCSS;
-    permanentCss?: ElementCSS;
-    extraData?: ElementExtraData;
-}
-type CatalogGroup = "essential" | "composition" | "shopify";
-interface ElementCatalog {
-    name: string;
-    icon?: string;
-    group?: CatalogGroup;
-    data?: ElementDataInCatalog[];
-}
-interface ElementDataInCatalog extends Omit<ElementData, "id"> {
-    id: string | number;
 }
-type FlagType = "draggable" | "resizable" | "sortable" | "ignoreShortcutKeys" | "hasContextMenu" | "isSortableContext" | "mustHaveChildren";
-type ElementFlags = Partial<Record<FlagType, boolean>>;
-type ChildElementSelector = string | string[];
-interface ChildElement {
-    label: string;
-    selector: ChildElementSelector;
-}
-type ParentType = "container" | "layout" | "root" | "product-details" | "product-info" | "slideshow" | "slide";
-type GridSize = {
-    rowSpan: number;
-    colSpan: number;
-};
-type ToolbarAction = "general-settings" | "settings-level-2" | "text-presets" | "ai-assistant" | "scale-text" | "duplicate" | "delete" | "copy-styles" | "paste-styles" | "move-up" | "move-down" | "next-slide" | "prev-slide" | "change-background" | "toggle-visibility" | "more-actions";
+type ToolbarAction = "general-settings" | "settings-level-2" | "duplicate" | "delete";
 interface ElementSchema {
     title: string;
     type: string;
-    parentTypes: ParentType[];
-    gridSize?: GridSize;
-    inspector?: ElementInspector;
-    toolbar?: (ToolbarAction | ToolbarAction[])[];
-    childElements?: ChildElement[];
-    catalog?: ElementCatalog;
-    flags?: ElementFlags;
 }
 interface ElementData {
     id: string;
     type: string;
-    childIds?: (string | number)[];
-    css?: ElementCSS;
     [key: string]: any;
 }
-interface ElementExtraData {
-    [key: string]: unknown;
-}
-type WeaverseCSSProperties = Stitches.CSS & Partial<Record<keyof typeof stitchesUtils, string | number>>;
+type WeaverseCSSProperties = stitches.CSS & Partial<Record<keyof typeof stitchesUtils, string | number>>;
 type ChildElementCSS = Partial<{
     [selector: string]: WeaverseCSSProperties & ChildElementCSS;
 }>;
@@ -230,24 +142,10 @@ interface ElementCSS {
     "@desktop"?: WeaverseCSSProperties | ChildElementCSS;
     "@mobile"?: WeaverseCSSProperties | ChildElementCSS;
 }
-interface ElementInspector {
-    settings?: (AdvancedGroup | BasicGroup)[];
-    styles?: (AdvancedGroup | BasicGroup)[];
-}
-interface AdvancedGroup {
-    groupType: AdvancedGroupType;
-    useData?: boolean;
-}
-interface BasicGroup {
-    groupType: "basic";
-    groupHeader: string;
-    inputs: BasicInput[];
-}
 type AdvancedGroupType = "border" | "alignment" | "background" | "dimensions" | "spacing" | "typography" | "visibility" | "shadows-and-effects" | "layout-background";
 interface BasicInput<ConfigsType = AdditionalInputConfigs> {
     type: InputType;
     label?: string;
-    binding?: "style" | "data";
     /**
      * The key of the value of the element data or styles
      * @example
@@ -274,12 +172,11 @@ interface BasicInput<ConfigsType = AdditionalInputConfigs> {
      * `imagesPerRow.gt.1`
      */
     condition?: string;
-    defaultValue?: string | number | boolean;
+    defaultValue?: any;
     placeholder?: string;
     helpText?: string;
-    shouldRevalidate?: boolean;
 }
-type AdditionalInputConfigs = SelectInputConfigs | ToggleGroupConfigs | RangeInputConfigs | ChildrenSortInputConfigs | DataSortInputConfigs;
+type AdditionalInputConfigs = SelectInputConfigs | ToggleGroupConfigs | RangeInputConfigs | ChildrenSortInputConfigs;
 interface SelectInputConfigs {
     options?: {
         value: string;
@@ -306,22 +203,14 @@ type SortableItemAction = "add" | "edit" | "duplicate" | "delete" | "toggle-visi
 interface ChildrenSortInputConfigs {
     actions: SortableItemAction[];
 }
-interface DataSortInputConfigs {
-    prop: string;
-    defaultData: object;
-    inspector: string;
-}
-type InputType = "color" | "datepicker" | "image" | "range" | "select" | "children-sort" | "data-sort" | "switch" | "text" | "textarea" | "toggle-group" | "position" | "information" | "product" | "product-list" | "product-swatches" | "text-editor" | "custom.html" | "instagram" | "collection-list" | "collection" | "article-list" | "map-autocomplete";
+type InputType = "color" | "datepicker" | "image" | "range" | "select" | "children-sort" | "switch" | "text" | "textarea" | "toggle-group" | "position";
 declare global {
     interface Window {
         Blinkloader: any;
         weaverseStudio: any;
-        createWeaverseStudioBridge: (weaverse: Weaverse) => void;
     }
 }
 
-declare let loadScript: (src: string) => Promise<unknown>;
-
 declare let isReactNative: boolean;
 declare let isBrowser: boolean;
 declare let isIframe: boolean;
@@ -333,7 +222,6 @@ declare let isIframe: boolean;
 declare function merge(target: Record<string, any>, source: Record<string, any>): {
     [x: string]: any;
 };
+declare function loadScript(src: string): Promise<unknown>;
 
-declare function getItemDefaultData(item: WeaverseItemStore): Record<string, any>;
-
-export { AdditionalInputConfigs, AdvancedGroup, AdvancedGroupType, BasicGroup, BasicInput, BreakPoints, CatalogGroup, ChildElement, ChildElementCSS, ChildElementSelector, ChildrenSortInputConfigs, DataSortInputConfigs, ElementCSS, ElementCatalog, ElementData, ElementDataInCatalog, ElementExtraData, ElementFlags, ElementInspector, ElementSchema, FlagType, GridSize, InputType, ParentType, PlatformTypeEnum, RangeInputConfigs, SelectInputConfigs, SortableItemAction, ToggleGroupConfigs, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseElement, WeaverseItemStore, WeaverseProjectDataType, WeaverseType, getItemDefaultData, isBrowser, isIframe, isReactNative, loadScript, merge };
+export { AdditionalInputConfigs, AdvancedGroupType, BasicInput, BreakPoints, ChildElementCSS, ChildrenSortInputConfigs, ElementCSS, ElementData, ElementSchema, InputType, PlatformTypeEnum, RangeInputConfigs, SelectInputConfigs, SortableItemAction, ToggleGroupConfigs, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseCoreParams, WeaverseElement, WeaverseItemStore, WeaverseProjectDataType, isBrowser, isIframe, isReactNative, loadScript, merge };