@designcrowd/library.brand-page 5.18.5 → 5.18.6-ast-padding-1

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -152,21 +152,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
         onChangeTemplateConfirmModalCancel(): void;
-        onChangeTemplateConfirmModalConfirm(): Promise<void>;
+        onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("@brand-page").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
-        _navigateToActivePage(activePageId?: string | undefined): void;
-        _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
@@ -501,6 +496,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         id: string;
                         type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                         personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -550,6 +547,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         id: string;
                         type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                         personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -599,6 +598,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         id: string;
                         type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                         personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -648,6 +649,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         id: string;
                         type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                         personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -697,6 +700,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         id: string;
                         type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                         personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -746,6 +751,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         id: string;
                         type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                         personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js

@@ -11,8 +11,6 @@ import { navigateToPageByPageId } from '../../routing';
 import { useBrandPageContainerStore } from '@brand-page-maker/stores';
 import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES, } from '@shared/models';
 import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useUiStore, useSnapshotStore, useVideoStore, } from '@brand-page-maker/stores';
-import { useHistoryStore } from '@brand-page-maker/stores/history/history-store';
-import { useUndoRedoFlag } from '@brand-page-maker/composables/useUndoRedoFlag';
 import { useUiContentSettingsStore } from '@shared/content-settings/store';
 import { useUiTemplateSettingsStore } from '@shared/template-settings/store';
 import { useUiPageSettingsStore } from '@shared/page-settings/store';
@@ -191,12 +189,6 @@ export default defineComponent({
         }
         // Mark brand page as fully loaded
         this.brandPageMakerStore.setIsBrandPageLoaded(true);
-        // Capture baseline for undo/redo when the feature is active for this
-        // session — see useUndoRedoFlag.ts for the gate (LaunchDarkly flag +
-        // brand-site + non-admin maker).
-        if (useUndoRedoFlag().value) {
-            useHistoryStore().captureBaseline();
-        }
         this.$emit(EVENTS.Initialised);
     },
     mounted() {

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.d.ts

@@ -96,21 +96,16 @@ declare const _default: import("vue").DefineComponent<{}, {
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
         onChangeTemplateConfirmModalCancel(): void;
-        onChangeTemplateConfirmModalConfirm(): Promise<void>;
+        onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): Promise<void>;
+        onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../lib").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../lib").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../lib").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
-        _navigateToActivePage(activePageId?: string | undefined): void;
-        _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../lib").BrandPageModel): void;
         export(): import("../../../lib").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js

@@ -53,7 +53,6 @@ export const userFeatures = {
     canUseGettyVideos: false,
     canUseGoogleAdsense: false,
     googleAdsenseEnabled: false,
-    canUseUndoRedo: false,
 };
 export const BRAND_PAGE = {
     styles: {

package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts

@@ -11,6 +11,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 id: string;
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                topPadding?: number | undefined;
+                bottomPadding?: number | undefined;
                 imageUrlOverride?: string | undefined;
                 imageUrlsOverride?: string | undefined;
                 avatarImageUrlOverride?: string | undefined;
@@ -90,6 +92,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                         id: string;
                         type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                         personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -139,6 +143,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                         id: string;
                         type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                         personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -188,6 +194,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                         id: string;
                         type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                         personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -237,6 +245,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                         id: string;
                         type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                         personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -286,6 +296,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                         id: string;
                         type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                         personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -335,6 +347,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                         id: string;
                         type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                         personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -602,21 +616,16 @@ declare const _default: import("vue").DefineComponent<{}, {
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
         onChangeTemplateConfirmModalCancel(): void;
-        onChangeTemplateConfirmModalConfirm(): Promise<void>;
+        onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
-        _navigateToActivePage(activePageId?: string | undefined): void;
-        _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
@@ -1051,22 +1060,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     eventTracker: {
         sendShippingToggleEvent: (isEnabled: boolean) => void;
-        sendUndoEvent: (props: {
-            entries_count: number;
-            actor: string | undefined;
-        }) => void;
-        sendRedoEvent: (props: {
-            entries_count: number;
-            actor: string | undefined;
-        }) => void;
-        sendHistoryCappedEvent: (props: {
-            entries_count: number;
-            size_bytes: number;
-        }) => void;
-        sendHistoryOversizedEvent: (props: {
-            attempted_bytes: number;
-            source: string;
-        }) => void;
         sendSaveContactEvent: () => void;
         sendStartForFreeEvent: () => void;
         sendFooterLinkClickEvent: (linkType: "watermark_logo" | "create_your_website") => void;
@@ -1171,70 +1164,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): Promise<void>;
         toggleLogoBackground(): Promise<any>;
     }>;
-    historyStore: import("pinia").Store<"history", Pick<{
-        entries: import("vue").ShallowRef<import("@brand-page-maker/stores/history/history-store").HistoryEntry[], import("@brand-page-maker/stores/history/history-store").HistoryEntry[]>;
-        currentIndex: import("vue").Ref<number, number>;
-        isApplyingSnapshot: import("vue").Ref<boolean, boolean>;
-        baselineCaptured: import("vue").Ref<boolean, boolean>;
-        canUndo: import("vue").ComputedRef<boolean>;
-        canRedo: import("vue").ComputedRef<boolean>;
-        captureBaseline: () => void;
-        capture: (args: {
-            source: "manual_edit" | "template_switch" | "ai_changeset" | "rich_text";
-            actor: "user" | "ai_builder";
-            label?: string | undefined;
-        }) => "committed" | "oversized" | "noop" | "skipped";
-        captureTemplateSwitch: (label?: string | undefined) => "committed" | "oversized" | "noop" | "skipped";
-        captureAiChangeset: (label?: string | undefined) => "committed" | "oversized" | "noop" | "skipped";
-        mergeNextMutation: () => void;
-        undo: () => Promise<void>;
-        redo: () => Promise<void>;
-        reset: () => void;
-        getCurrentSizeBytes: () => number;
-        getCurrentEntryCount: () => number;
-    }, "entries" | "currentIndex" | "isApplyingSnapshot" | "baselineCaptured">, Pick<{
-        entries: import("vue").ShallowRef<import("@brand-page-maker/stores/history/history-store").HistoryEntry[], import("@brand-page-maker/stores/history/history-store").HistoryEntry[]>;
-        currentIndex: import("vue").Ref<number, number>;
-        isApplyingSnapshot: import("vue").Ref<boolean, boolean>;
-        baselineCaptured: import("vue").Ref<boolean, boolean>;
-        canUndo: import("vue").ComputedRef<boolean>;
-        canRedo: import("vue").ComputedRef<boolean>;
-        captureBaseline: () => void;
-        capture: (args: {
-            source: "manual_edit" | "template_switch" | "ai_changeset" | "rich_text";
-            actor: "user" | "ai_builder";
-            label?: string | undefined;
-        }) => "committed" | "oversized" | "noop" | "skipped";
-        captureTemplateSwitch: (label?: string | undefined) => "committed" | "oversized" | "noop" | "skipped";
-        captureAiChangeset: (label?: string | undefined) => "committed" | "oversized" | "noop" | "skipped";
-        mergeNextMutation: () => void;
-        undo: () => Promise<void>;
-        redo: () => Promise<void>;
-        reset: () => void;
-        getCurrentSizeBytes: () => number;
-        getCurrentEntryCount: () => number;
-    }, "canUndo" | "canRedo">, Pick<{
-        entries: import("vue").ShallowRef<import("@brand-page-maker/stores/history/history-store").HistoryEntry[], import("@brand-page-maker/stores/history/history-store").HistoryEntry[]>;
-        currentIndex: import("vue").Ref<number, number>;
-        isApplyingSnapshot: import("vue").Ref<boolean, boolean>;
-        baselineCaptured: import("vue").Ref<boolean, boolean>;
-        canUndo: import("vue").ComputedRef<boolean>;
-        canRedo: import("vue").ComputedRef<boolean>;
-        captureBaseline: () => void;
-        capture: (args: {
-            source: "manual_edit" | "template_switch" | "ai_changeset" | "rich_text";
-            actor: "user" | "ai_builder";
-            label?: string | undefined;
-        }) => "committed" | "oversized" | "noop" | "skipped";
-        captureTemplateSwitch: (label?: string | undefined) => "committed" | "oversized" | "noop" | "skipped";
-        captureAiChangeset: (label?: string | undefined) => "committed" | "oversized" | "noop" | "skipped";
-        mergeNextMutation: () => void;
-        undo: () => Promise<void>;
-        redo: () => Promise<void>;
-        reset: () => void;
-        getCurrentSizeBytes: () => number;
-        getCurrentEntryCount: () => number;
-    }, "reset" | "undo" | "redo" | "captureBaseline" | "capture" | "captureTemplateSwitch" | "captureAiChangeset" | "mergeNextMutation" | "getCurrentSizeBytes" | "getCurrentEntryCount">>;
 }, {
     isDraggingContent: boolean;
     isContentSelected: boolean;

package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js

@@ -15,7 +15,6 @@ import { transformToRTE, RTE_ALLOWED_SECTION_TYPES, } from '@brand-page-maker/ut
 import { useExternalRichTextEditor } from '@brand-page-maker/composables/rich-text-editor/useRichTextEditor';
 import { useUiStyleSettingsStore } from '@shared/style-settings/store';
 import { STYLE_THEME_KEYS } from '@brand-page/constants';
-import { useHistoryStore } from '@brand-page-maker/stores/history/history-store';
 export default defineComponent({
     mixins: [PageMixin],
     setup() {
@@ -30,7 +29,6 @@ export default defineComponent({
         const eventTracker = useEventTracker();
         const { externalEditor } = useExternalRichTextEditor();
         const styleSettingsStore = useUiStyleSettingsStore();
-        const historyStore = useHistoryStore();
         return {
             items: computed(() => contentSettingsStore.items),
             selectedItemId: computed(() => contentSettingsStore.selectedItemId),
@@ -53,7 +51,6 @@ export default defineComponent({
             eventTracker,
             externalEditor,
             styleSettingsStore,
-            historyStore,
         };
     },
     data() {
@@ -217,8 +214,6 @@ export default defineComponent({
                         selectedItem = currentItem.settings.content;
                     }
                 }
-                // RTE rewrap on section selection — fold into current head.
-                this.historyStore.mergeNextMutation();
                 transformToRTE(this.pageSettingsStore, this.externalEditor, this.styleSettingsStore, selectedItem);
             }
             if (this.selectEventDebounceHandler) {

package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.d.ts

@@ -102,21 +102,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
         onChangeTemplateConfirmModalCancel(): void;
-        onChangeTemplateConfirmModalConfirm(): Promise<void>;
+        onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
-        _navigateToActivePage(activePageId?: string | undefined): void;
-        _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
         export(): import("../../../brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";

package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.d.ts

@@ -291,12 +291,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         pushManageWebPageUpdateSensitiveContentClickEvent(): Promise<void>;
         pushManageWebPageUnpublishClickEvent(): Promise<void>;
     }>;
-    undoRedoEnabled: import("vue").ComputedRef<boolean>;
 }, {
     copied: boolean;
 }, {
-    isPublished(): boolean;
-    shouldShowBar(): boolean;
     brandPageUrl(): string;
     copyButtonLabel(): string;
 }, {

package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.js

@@ -1,7 +1,6 @@
 import { defineComponent } from 'vue';
 import { CUSTOM_DOMAIN_STATUSES } from '@brand-page-maker/constants';
 import { useBrandPageContainerStore, useEventManagerStore, } from '@brand-page-maker/stores';
-import { useUndoRedoFlag } from '@brand-page-maker/composables/useUndoRedoFlag';
 import { quickLinkBarTr } from '@src/composables/useTranslate';
 export default defineComponent({
     props: {
@@ -18,7 +17,6 @@ export default defineComponent({
         return {
             brandPageContainerStore: useBrandPageContainerStore(),
             eventManagerStore: useEventManagerStore(),
-            undoRedoEnabled: useUndoRedoFlag(),
         };
     },
     data() {
@@ -27,15 +25,6 @@ export default defineComponent({
         };
     },
     computed: {
-        isPublished() {
-            return this.brandPageContainerStore.isPublished;
-        },
-        // Only render the bar when at least one inner cluster has something to
-        // show. Otherwise we'd render an empty white strip — e.g. on an
-        // unpublished page with the undo flag off.
-        shouldShowBar() {
-            return Boolean(this.undoRedoEnabled) || this.isPublished;
-        },
         brandPageUrl() {
             if (this.brandPageContainerStore.isCustomDomainEnabled &&
                 this.brandPageContainerStore.customDomain &&

package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts

@@ -380,21 +380,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
         onChangeTemplateConfirmModalCancel(): void;
-        onChangeTemplateConfirmModalConfirm(): Promise<void>;
+        onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
-        _navigateToActivePage(activePageId?: string | undefined): void;
-        _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
         export(): import("../../../brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";

package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts

@@ -381,21 +381,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
         onChangeTemplateConfirmModalCancel(): void;
-        onChangeTemplateConfirmModalConfirm(): Promise<void>;
+        onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
-        _navigateToActivePage(activePageId?: string | undefined): void;
-        _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
         export(): import("../../../brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";

package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts

@@ -112,21 +112,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
         onChangeTemplateConfirmModalCancel(): void;
-        onChangeTemplateConfirmModalConfirm(): Promise<void>;
+        onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
-        _navigateToActivePage(activePageId?: string | undefined): void;
-        _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
         export(): import("../../../brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";

package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts

@@ -432,21 +432,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
         onChangeTemplateConfirmModalCancel(): void;
-        onChangeTemplateConfirmModalConfirm(): Promise<void>;
+        onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("@brand-page").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
-        _navigateToActivePage(activePageId?: string | undefined): void;
-        _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";

package/lib/src/brand-page-maker/composables/ai-chat/useAiWebsiteBuilderChat.js

@@ -10,8 +10,6 @@ import { usePageNavigationStore } from '../../../shared/page-navigation/store/pa
 import { navigateToPageByPageId } from '../../routing';
 import { useSnapshotStore, useAiWebsiteBuilderThreadStore, useAiCheckpointStore, useBrandPageContainerStore, useUiStore, } from '../../stores';
 import { useBrandPageMakerStore } from '../../stores';
-import { useHistoryStore } from '../../stores/history/history-store';
-import { useUndoRedoFlag } from '../useUndoRedoFlag';
 import { useBrandPageMakerUserStore } from '../../stores/user/user-store';
 import { useAiMetadataBuilder } from './useAiMetadataBuilder';
 import { pickErrorMessage, pickWsErrorMessage, buildSubmitErrorReport, } from './aiErrorCopy';
@@ -25,8 +23,6 @@ export function useAiWebsiteBuilderChat() {
     const aiThreadStore = useAiWebsiteBuilderThreadStore();
     const snapshotStore = useSnapshotStore();
     const brandPageMakerStore = useBrandPageMakerStore();
-    const historyStore = useHistoryStore();
-    const undoRedoEnabled = useUndoRedoFlag();
     const containerStore = useBrandPageContainerStore();
     const userStore = useBrandPageMakerUserStore();
     const uiStore = useUiStore();
@@ -302,11 +298,6 @@ export function useAiWebsiteBuilderChat() {
             navigateToPageByPageId(pageNavigationStore.activePageId);
         }
         await nextTick();
-        // One history entry per AI prompt (US-E1). `captureAiChangeset` cancels
-        // the auto-watcher's pending flush so the apply doesn't double-capture.
-        if (undoRedoEnabled.value) {
-            historyStore.captureAiChangeset();
-        }
         // Re-capture snapshot so subsequent messages reflect the updated page
         await snapshotStore.refreshSnapshotAsync();
         return {

package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.js

@@ -21,7 +21,6 @@ import { buildInitialMarks, emToPx, isStyleChanged, pxToEm, sanitiseClientSideRT
 import { HYPERLINK_TYPE, } from '@brand-page';
 import { letterSpacingValueConvertor, colorConvertor, backgroundColorConvertor, } from '@brand-page-maker/convertors';
 import { useUiContentSettingsStore } from '@shared/content-settings/store';
-import { useHistoryStore } from '@brand-page-maker/stores/history/history-store';
 import { AllSelection } from 'prosemirror-state';
 import { MaxLength } from './extensions/MaxLength';
 import { AutoLink } from './extensions/AutoLink';
@@ -73,10 +72,6 @@ export const useExternalRichTextEditor = () => {
     };
 };
 export const useRichTextEditor = (model, props, emit, fontSettings, fontStyleDropdownRef, selectedGlobalTextStyles, onSelectTextStyleType, updateRichTextEditor, textStyleTypeOptions, markedText, isHyperlinkPopupOpen, selectedLinkTypeValue) => {
-    const historyStore = useHistoryStore();
-    // TipTap rehydrates and writes back canonical HTML on mount — fold
-    // that into the current head instead of pushing a phantom entry.
-    historyStore.mergeNextMutation();
     const editor = new Editor({
         content: model.value ?? '',
         editable: !props.readOnly,
@@ -234,14 +229,7 @@ export const useRichTextEditor = (model, props, emit, fontSettings, fontStyleDro
         }
     });
     watch(() => model.value, (newValue) => {
-        // Re-seed the editor when the model has been mutated from outside
-        // (history undo/redo, template switch, reorder). `!editor.isFocused`
-        // distinguishes "external mutation" from "user is typing in me" — the
-        // latter would wipe the user's cursor if we called setContent.
-        // `updateRichTextEditor.value` is retained as an explicit override for
-        // callers (reorder) that need to force a re-seed while focused.
-        const isExternalMutation = updateRichTextEditor.value || !editor.isFocused;
-        if (isExternalMutation && editor.getHTML() !== newValue) {
+        if (updateRichTextEditor.value && editor.getHTML() !== newValue) {
             editor.commands.setContent(newValue, false);
             updateRichTextEditor.value = false;
             //text style type is not switching when reordering
@@ -268,13 +256,6 @@ export const useRichTextEditor = (model, props, emit, fontSettings, fontStyleDro
         emit('update:modelValue', sanitizedData.sanitizedHtml);
     });
     editor.on('selectionUpdate', () => {
-        // Skip while a history snapshot is being applied — `setContent` fires
-        // selectionUpdate before the editor has fully rehydrated, which causes
-        // toolbar buttons (alignment, letter-spacing) to flash through bogus
-        // active states before settling. The editor emits a final selectionUpdate
-        // after apply completes, which lands the correct values (BP-5506).
-        if (historyStore.isApplyingSnapshot)
-            return;
         const textStyleAttributes = editor.getAttributes('textStyle');
         const highlightAttributes = editor.getAttributes('highlight');
         const focusedAlignment = editor.getAttributes(editor.state.selection.$anchor.node().type.name);