@storepecker/editor-bridge 1.1.0 → 1.1.2

package/dist/index.d.mts

@@ -31,6 +31,10 @@ interface LandingPageConfig {
     privacy_policy?: string;
     terms_and_condition?: string;
     refund_policy?: string;
+    url: string;
+    store_phone: string;
+    store_email: string;
+    store_address: string;
 }
 interface ThemeInfo {
     id: number;
@@ -44,29 +48,31 @@ interface NavbarConfig {
     wishlist: boolean;
     headerbg: string;
     textColor: string;
-    logoPosition: string;
+    logoPosition: "left" | "center";
     ribbonbar: RibbonBarConfig;
     navElements: NavElement[];
 }
+interface RibbonMessage {
+    id: string;
+    message: string;
+    link: string;
+}
 interface RibbonBarConfig {
+    type: "ribbon-bar";
+    messages: RibbonMessage[];
+    textColor: string;
     id: string;
-    type: string;
-    messages: Array<{
-        link: string;
-        message: string;
-    }>;
-    position: string;
+    position: "top" | "bottom";
     animation: string;
-    textColor: string;
     switchInterval: number;
 }
 interface NavElement {
     key: string;
-    link?: string;
     title: string;
-    enabled: boolean;
-    description?: string;
     is_dropdown: boolean;
+    link?: string;
+    enabled?: boolean;
+    description: string;
 }
 interface ColorSchemeConfig {
     primary: string;
@@ -141,8 +147,8 @@ interface FontConfig {
     label?: string;
     value?: string;
 }
-type FilterType = 'category' | 'badge' | 'title';
-type FilterOption = 'select' | 'equals' | 'contain' | 'startWith' | 'endWith';
+type FilterType = "category" | "badge" | "title";
+type FilterOption = "select" | "equals" | "contain" | "startWith" | "endWith";
 interface SectionFilters {
     id: string;
     type: FilterType;
@@ -151,7 +157,7 @@ interface SectionFilters {
     value: string | string[];
 }
 interface ProductCollection {
-    type: 'product-collection';
+    type: "product-collection";
     title?: string;
     filters?: SectionFilters[];
     id: string;
@@ -159,7 +165,7 @@ interface ProductCollection {
     enabled?: boolean;
 }
 interface CategorySection {
-    type: 'categories';
+    type: "categories";
     title?: string;
     id?: string;
     categories?: any[];
@@ -167,7 +173,7 @@ interface CategorySection {
     enabled?: boolean;
 }
 interface Banner {
-    type: 'banner';
+    type: "banner";
     title: string;
     description?: string;
     bannerImage: string;
@@ -180,7 +186,7 @@ interface Banner {
     enabled?: boolean;
 }
 interface SubCategorySection {
-    type: 'sub-categories';
+    type: "sub-categories";
     id: number;
     title: string;
     category?: any;
@@ -193,20 +199,20 @@ interface PreFooterContent {
     description: string;
 }
 interface PreFooter {
-    type: 'pre-footer';
+    type: "pre-footer";
     id: string;
     contents: PreFooterContent[];
     enabled?: boolean;
 }
 interface CategoryHighlights {
-    type: 'category-highlights';
+    type: "category-highlights";
     title?: string;
     id?: string;
     categories: any[];
     enabled?: boolean;
 }
 interface StoreReview {
-    type: 'store-review';
+    type: "store-review";
     id: string;
     title: string;
     filter: string;
@@ -216,14 +222,14 @@ interface StoreReview {
     enabled?: boolean;
 }
 interface ProductHighlight {
-    type: 'product-highlight';
+    type: "product-highlight";
     id: string;
     title: string;
     productSlug: string;
     enabled?: boolean;
 }
 interface ImageWithText {
-    type: 'image-with-text';
+    type: "image-with-text";
     id: string;
     title: string;
     content: string;
@@ -234,14 +240,14 @@ interface ImageWithText {
     enabled?: boolean;
 }
 interface Collections {
-    type: 'collections';
+    type: "collections";
     id: string;
     title: string;
     slug: string;
     items: string[];
     enabled?: boolean;
 }
-type SectionType = 'product-collection' | 'categories' | 'banner' | 'sub-categories' | 'pre-footer' | 'category-highlights' | 'store-review' | 'product-highlight' | 'image-with-text' | 'collections';
+type SectionType = "product-collection" | "categories" | "banner" | "sub-categories" | "pre-footer" | "category-highlights" | "store-review" | "product-highlight" | "image-with-text" | "collections";
 type Section = ProductCollection | CategorySection | Banner | PreFooter | StoreReview | CategoryHighlights | SubCategorySection | ProductHighlight | ImageWithText | Collections;
 /** @deprecated Use `Section` instead */
 type SectionItem = Section;
@@ -257,6 +263,9 @@ interface EditorProviderProps {
      * Default: "*" (accepts all — set NEXT_PUBLIC_EDITOR_ORIGIN in production!)
      */
     editorOrigin?: string;
+    callBacks?: {
+        onChanges?: (config: LandingPageConfig) => void;
+    };
     /**
      * Optional: custom CSS variable mapping. Override if your theme uses
      * different CSS property names than the default Starter Theme.
@@ -285,7 +294,7 @@ interface EditorProviderProps {
  * @param props.cssVarOverrides - Optional map to override default CSS variable name mappings.
  * @param props.children - Child components that consume editor context via hooks.
  */
-declare function EditorProvider({ initialConfig, editorOrigin, cssVarOverrides, children, }: EditorProviderProps): react_jsx_runtime.JSX.Element;
+declare function EditorProvider({ initialConfig, editorOrigin, cssVarOverrides, children, callBacks, }: EditorProviderProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Shape of the value provided by EditorContext.
@@ -445,145 +454,13 @@ interface MetaData {
 }
 
 type EditorMessage = {
-    type: 'editor:init';
-    payload: {
-        config: LandingPageConfig;
-    };
-} | {
     type: 'editor:full-replace';
     payload: {
         config: LandingPageConfig;
     };
 } | {
-    type: 'editor:update';
-    payload: {
-        path: string;
-        value: any;
-    };
-} | {
-    type: 'editor:hero-update';
-    payload: Partial<HeroConfig>;
-} | {
-    type: 'editor:hero-slide-add';
-    payload: {
-        slide: SliderSlide;
-        position: number;
-    };
-} | {
-    type: 'editor:hero-slide-remove';
-    payload: {
-        slideId: string;
-    };
-} | {
-    type: 'editor:hero-slides-reorder';
-    payload: {
-        slideIds: string[];
-    };
-} | {
-    type: 'editor:hero-slide-update';
-    payload: {
-        slideId: string;
-        data: Partial<SliderSlide>;
-    };
-} | {
-    type: 'editor:sections-reorder';
-    payload: {
-        sectionIds: string[];
-    };
-} | {
-    type: 'editor:section-add';
-    payload: {
-        section: Section;
-        position: number;
-    };
-} | {
-    type: 'editor:section-remove';
-    payload: {
-        sectionId: string;
-    };
-} | {
-    type: 'editor:section-toggle';
-    payload: {
-        sectionId: string;
-        enabled: boolean;
-    };
-} | {
-    type: 'editor:section-update';
-    payload: {
-        sectionId: string;
-        data: Partial<Section>;
-    };
-} | {
-    type: 'editor:navbar-update';
-    payload: Partial<LandingPageConfig['navbar']>;
-} | {
-    type: 'editor:navbar-ribbon-update';
-    payload: Partial<RibbonBarConfig>;
-} | {
-    type: 'editor:navbar-ribbon-message-add';
-    payload: {
-        message: {
-            link: string;
-            message: string;
-        };
-        position: number;
-    };
-} | {
-    type: 'editor:navbar-ribbon-message-remove';
-    payload: {
-        index: number;
-    };
-} | {
-    type: 'editor:navbar-ribbon-messages-reorder';
-    payload: {
-        messages: Array<{
-            link: string;
-            message: string;
-        }>;
-    };
-} | {
-    type: 'editor:navbar-element-update';
-    payload: {
-        key: string;
-        data: Partial<NavElement>;
-    };
-} | {
-    type: 'editor:navbar-element-add';
-    payload: {
-        element: NavElement;
-        position: number;
-    };
-} | {
-    type: 'editor:navbar-element-remove';
-    payload: {
-        key: string;
-    };
-} | {
-    type: 'editor:navbar-elements-reorder';
-    payload: {
-        elements: NavElement[];
-    };
-} | {
-    type: 'editor:footer-update';
-    payload: Partial<FooterConfig>;
-} | {
-    type: 'editor:color-scheme-update';
-    payload: Partial<ColorSchemeConfig>;
-} | {
-    type: 'editor:font-styles-update';
-    payload: {
-        body?: Partial<FontConfig>;
-        heading?: Partial<FontConfig>;
-    };
-} | {
-    type: 'editor:social-links-update';
-    payload: Partial<SocialLinksConfig>;
-} | {
-    type: 'editor:branding-update';
-    payload: Partial<Pick<LandingPageConfig, 'logo' | 'secondary_logo' | 'favicon' | 'store_name' | 'store_description'>>;
-} | {
-    type: 'editor:advanced-update';
-    payload: Partial<Pick<LandingPageConfig, 'custom_css' | 'custom_js' | 'start_head_tag' | 'end_head_tag' | 'start_body_tag' | 'end_body_tag' | 'google_tag_manager_id' | 'facebook_pixel_id'>>;
+    type: 'editor:update-settings';
+    payload: Partial<LandingPageConfig>;
 } | {
     type: 'editor:highlight-section';
     payload: {

package/dist/index.d.ts

@@ -31,6 +31,10 @@ interface LandingPageConfig {
     privacy_policy?: string;
     terms_and_condition?: string;
     refund_policy?: string;
+    url: string;
+    store_phone: string;
+    store_email: string;
+    store_address: string;
 }
 interface ThemeInfo {
     id: number;
@@ -44,29 +48,31 @@ interface NavbarConfig {
     wishlist: boolean;
     headerbg: string;
     textColor: string;
-    logoPosition: string;
+    logoPosition: "left" | "center";
     ribbonbar: RibbonBarConfig;
     navElements: NavElement[];
 }
+interface RibbonMessage {
+    id: string;
+    message: string;
+    link: string;
+}
 interface RibbonBarConfig {
+    type: "ribbon-bar";
+    messages: RibbonMessage[];
+    textColor: string;
     id: string;
-    type: string;
-    messages: Array<{
-        link: string;
-        message: string;
-    }>;
-    position: string;
+    position: "top" | "bottom";
     animation: string;
-    textColor: string;
     switchInterval: number;
 }
 interface NavElement {
     key: string;
-    link?: string;
     title: string;
-    enabled: boolean;
-    description?: string;
     is_dropdown: boolean;
+    link?: string;
+    enabled?: boolean;
+    description: string;
 }
 interface ColorSchemeConfig {
     primary: string;
@@ -141,8 +147,8 @@ interface FontConfig {
     label?: string;
     value?: string;
 }
-type FilterType = 'category' | 'badge' | 'title';
-type FilterOption = 'select' | 'equals' | 'contain' | 'startWith' | 'endWith';
+type FilterType = "category" | "badge" | "title";
+type FilterOption = "select" | "equals" | "contain" | "startWith" | "endWith";
 interface SectionFilters {
     id: string;
     type: FilterType;
@@ -151,7 +157,7 @@ interface SectionFilters {
     value: string | string[];
 }
 interface ProductCollection {
-    type: 'product-collection';
+    type: "product-collection";
     title?: string;
     filters?: SectionFilters[];
     id: string;
@@ -159,7 +165,7 @@ interface ProductCollection {
     enabled?: boolean;
 }
 interface CategorySection {
-    type: 'categories';
+    type: "categories";
     title?: string;
     id?: string;
     categories?: any[];
@@ -167,7 +173,7 @@ interface CategorySection {
     enabled?: boolean;
 }
 interface Banner {
-    type: 'banner';
+    type: "banner";
     title: string;
     description?: string;
     bannerImage: string;
@@ -180,7 +186,7 @@ interface Banner {
     enabled?: boolean;
 }
 interface SubCategorySection {
-    type: 'sub-categories';
+    type: "sub-categories";
     id: number;
     title: string;
     category?: any;
@@ -193,20 +199,20 @@ interface PreFooterContent {
     description: string;
 }
 interface PreFooter {
-    type: 'pre-footer';
+    type: "pre-footer";
     id: string;
     contents: PreFooterContent[];
     enabled?: boolean;
 }
 interface CategoryHighlights {
-    type: 'category-highlights';
+    type: "category-highlights";
     title?: string;
     id?: string;
     categories: any[];
     enabled?: boolean;
 }
 interface StoreReview {
-    type: 'store-review';
+    type: "store-review";
     id: string;
     title: string;
     filter: string;
@@ -216,14 +222,14 @@ interface StoreReview {
     enabled?: boolean;
 }
 interface ProductHighlight {
-    type: 'product-highlight';
+    type: "product-highlight";
     id: string;
     title: string;
     productSlug: string;
     enabled?: boolean;
 }
 interface ImageWithText {
-    type: 'image-with-text';
+    type: "image-with-text";
     id: string;
     title: string;
     content: string;
@@ -234,14 +240,14 @@ interface ImageWithText {
     enabled?: boolean;
 }
 interface Collections {
-    type: 'collections';
+    type: "collections";
     id: string;
     title: string;
     slug: string;
     items: string[];
     enabled?: boolean;
 }
-type SectionType = 'product-collection' | 'categories' | 'banner' | 'sub-categories' | 'pre-footer' | 'category-highlights' | 'store-review' | 'product-highlight' | 'image-with-text' | 'collections';
+type SectionType = "product-collection" | "categories" | "banner" | "sub-categories" | "pre-footer" | "category-highlights" | "store-review" | "product-highlight" | "image-with-text" | "collections";
 type Section = ProductCollection | CategorySection | Banner | PreFooter | StoreReview | CategoryHighlights | SubCategorySection | ProductHighlight | ImageWithText | Collections;
 /** @deprecated Use `Section` instead */
 type SectionItem = Section;
@@ -257,6 +263,9 @@ interface EditorProviderProps {
      * Default: "*" (accepts all — set NEXT_PUBLIC_EDITOR_ORIGIN in production!)
      */
     editorOrigin?: string;
+    callBacks?: {
+        onChanges?: (config: LandingPageConfig) => void;
+    };
     /**
      * Optional: custom CSS variable mapping. Override if your theme uses
      * different CSS property names than the default Starter Theme.
@@ -285,7 +294,7 @@ interface EditorProviderProps {
  * @param props.cssVarOverrides - Optional map to override default CSS variable name mappings.
  * @param props.children - Child components that consume editor context via hooks.
  */
-declare function EditorProvider({ initialConfig, editorOrigin, cssVarOverrides, children, }: EditorProviderProps): react_jsx_runtime.JSX.Element;
+declare function EditorProvider({ initialConfig, editorOrigin, cssVarOverrides, children, callBacks, }: EditorProviderProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Shape of the value provided by EditorContext.
@@ -445,145 +454,13 @@ interface MetaData {
 }
 
 type EditorMessage = {
-    type: 'editor:init';
-    payload: {
-        config: LandingPageConfig;
-    };
-} | {
     type: 'editor:full-replace';
     payload: {
         config: LandingPageConfig;
     };
 } | {
-    type: 'editor:update';
-    payload: {
-        path: string;
-        value: any;
-    };
-} | {
-    type: 'editor:hero-update';
-    payload: Partial<HeroConfig>;
-} | {
-    type: 'editor:hero-slide-add';
-    payload: {
-        slide: SliderSlide;
-        position: number;
-    };
-} | {
-    type: 'editor:hero-slide-remove';
-    payload: {
-        slideId: string;
-    };
-} | {
-    type: 'editor:hero-slides-reorder';
-    payload: {
-        slideIds: string[];
-    };
-} | {
-    type: 'editor:hero-slide-update';
-    payload: {
-        slideId: string;
-        data: Partial<SliderSlide>;
-    };
-} | {
-    type: 'editor:sections-reorder';
-    payload: {
-        sectionIds: string[];
-    };
-} | {
-    type: 'editor:section-add';
-    payload: {
-        section: Section;
-        position: number;
-    };
-} | {
-    type: 'editor:section-remove';
-    payload: {
-        sectionId: string;
-    };
-} | {
-    type: 'editor:section-toggle';
-    payload: {
-        sectionId: string;
-        enabled: boolean;
-    };
-} | {
-    type: 'editor:section-update';
-    payload: {
-        sectionId: string;
-        data: Partial<Section>;
-    };
-} | {
-    type: 'editor:navbar-update';
-    payload: Partial<LandingPageConfig['navbar']>;
-} | {
-    type: 'editor:navbar-ribbon-update';
-    payload: Partial<RibbonBarConfig>;
-} | {
-    type: 'editor:navbar-ribbon-message-add';
-    payload: {
-        message: {
-            link: string;
-            message: string;
-        };
-        position: number;
-    };
-} | {
-    type: 'editor:navbar-ribbon-message-remove';
-    payload: {
-        index: number;
-    };
-} | {
-    type: 'editor:navbar-ribbon-messages-reorder';
-    payload: {
-        messages: Array<{
-            link: string;
-            message: string;
-        }>;
-    };
-} | {
-    type: 'editor:navbar-element-update';
-    payload: {
-        key: string;
-        data: Partial<NavElement>;
-    };
-} | {
-    type: 'editor:navbar-element-add';
-    payload: {
-        element: NavElement;
-        position: number;
-    };
-} | {
-    type: 'editor:navbar-element-remove';
-    payload: {
-        key: string;
-    };
-} | {
-    type: 'editor:navbar-elements-reorder';
-    payload: {
-        elements: NavElement[];
-    };
-} | {
-    type: 'editor:footer-update';
-    payload: Partial<FooterConfig>;
-} | {
-    type: 'editor:color-scheme-update';
-    payload: Partial<ColorSchemeConfig>;
-} | {
-    type: 'editor:font-styles-update';
-    payload: {
-        body?: Partial<FontConfig>;
-        heading?: Partial<FontConfig>;
-    };
-} | {
-    type: 'editor:social-links-update';
-    payload: Partial<SocialLinksConfig>;
-} | {
-    type: 'editor:branding-update';
-    payload: Partial<Pick<LandingPageConfig, 'logo' | 'secondary_logo' | 'favicon' | 'store_name' | 'store_description'>>;
-} | {
-    type: 'editor:advanced-update';
-    payload: Partial<Pick<LandingPageConfig, 'custom_css' | 'custom_js' | 'start_head_tag' | 'end_head_tag' | 'start_body_tag' | 'end_body_tag' | 'google_tag_manager_id' | 'facebook_pixel_id'>>;
+    type: 'editor:update-settings';
+    payload: Partial<LandingPageConfig>;
 } | {
     type: 'editor:highlight-section';
     payload: {