@designcrowd/library.brand-page 5.17.25-undo-21 → 5.17.25

package/lib/src/shared/content-settings/components/GenericTextInput.mixin.d.ts

@@ -187,8 +187,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
-    isRequired: boolean;
     attrs: Record<string, any>;
+    isRequired: boolean;
     isToggled: boolean;
     readOnly: boolean;
     contentType: string;

package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts

@@ -134,21 +134,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): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel): void;
-        _navigateToActivePage(activePageId?: string | undefined): void;
-        _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
@@ -789,22 +784,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;

package/lib/src/shared/content-settings/components/content-settings/ContentSettings.stories.js

@@ -27,7 +27,6 @@ export const Sample = () => {
         canUseGoogleAdsense: false,
         googleAdsenseEnabled: false,
         canUseAITextGenerator: true,
-        canUseUndoRedo: false,
     };
     const pinia = setupStoryPinia();
     const contentSettingsStore = useUiContentSettingsStore();

package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts

@@ -650,21 +650,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 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): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel): void;
-        _navigateToActivePage(activePageId?: string | undefined): void;
-        _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
@@ -737,22 +732,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     bpEventTracker: {
         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;

package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts

@@ -476,22 +476,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     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;

package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts

@@ -597,21 +597,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 Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel): 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/shared/content-settings/components/draggable-item-list/DraggableItemList.mixin.d.ts

@@ -59,8 +59,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     schema: string;
     textIcon: string;
     textIcons: string[];
-    focusedIndex: number | null;
-    focusedDisplay: string;
 }, {
     items: {
         get(): DraggableItem[];
@@ -81,7 +79,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     setItemValue(index: number, itemValue: string): void;
     onColorReplacementsChange(payload: UpdateItemValuePayload<ColorReplacement[]>, index: number): void;
     onFocusOverride(index: number, itemValue: string): void;
-    inputDisplayValue(index: number): string;
     onBlurOverride(index: number, itemValue: string): void;
     isImageUrl(url: string): boolean;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:model-value" | "on-intent-image-replace" | "on-color-replacements-change")[], "update:model-value" | "on-intent-image-replace" | "on-color-replacements-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/src/shared/content-settings/components/draggable-item-list/DraggableItemList.mixin.js

@@ -70,12 +70,6 @@ export default defineComponent({
         schema: 'https',
         textIcon: 'globe',
         textIcons: [],
-        // Display-only override for the focused URL input. While a row is
-        // focused we strip the schema visually but MUST NOT mutate modelValue —
-        // doing so would land in the store and trigger a spurious undo/redo
-        // history entry between focus and blur (BP-5506).
-        focusedIndex: null,
-        focusedDisplay: '',
     }),
     computed: {
         items: {
@@ -149,25 +143,14 @@ export default defineComponent({
             this.$emit('on-color-replacements-change', payload, index);
         },
         onFocusOverride(index, itemValue) {
+            const value = [...this.modelValue];
             const match = URL_RE.exec(itemValue);
             if (match) {
                 this.schema = match[1];
-                this.focusedIndex = index;
-                this.focusedDisplay = match[2];
-            }
-            else {
-                this.focusedIndex = index;
-                this.focusedDisplay = itemValue;
+                value[index][this.valuePropName] = match[2];
             }
         },
-        inputDisplayValue(index) {
-            return this.focusedIndex === index
-                ? this.focusedDisplay
-                : this.itemValue(index);
-        },
         onBlurOverride(index, itemValue) {
-            this.focusedIndex = null;
-            this.focusedDisplay = '';
             const value = [...this.modelValue];
             let isValid = true;
             if (isEmail(itemValue)) {

package/lib/src/shared/content-settings/components/email-field/EmailField.mixin.d.ts

@@ -184,8 +184,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
-    isRequired: boolean;
     attrs: Record<string, any>;
+    isRequired: boolean;
     isToggled: boolean;
     readOnly: boolean;
     contentType: string;

package/lib/src/shared/content-settings/components/form-fields-field/FormFieldsField.mixin.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch } from 'vue';
+import { defineComponent, ref } from 'vue';
 import { formFieldsTr } from '@src/composables/useTranslate';
 export default defineComponent({
     props: {
@@ -45,26 +45,16 @@ export default defineComponent({
                 type: 'phone',
             },
         ];
-        const valueWithState = ref(props.value.map((field) => ({
-            field,
-            isCollapsed: true,
-            isTypeDropdownOpen: false,
-        })));
-        // Re-sync when the store-bound value changes externally (e.g. undo/redo
-        // via history-store). Preserve per-row UI flags (isCollapsed,
-        // isTypeDropdownOpen) by index so an undo doesn't snap rows back to
-        // collapsed state.
-        watch(() => props.value, (newVal) => {
-            valueWithState.value = newVal.map((field, index) => ({
-                field,
-                isCollapsed: valueWithState.value[index]?.isCollapsed ?? true,
-                isTypeDropdownOpen: valueWithState.value[index]?.isTypeDropdownOpen ?? false,
-            }));
-        });
         return {
             formFieldsTr,
             typeList,
-            valueWithState,
+            valueWithState: ref(props.value.map((field) => {
+                return {
+                    field: field,
+                    isCollapsed: true,
+                    isTypeDropdownOpen: false,
+                };
+            })),
         };
     },
     methods: {

package/lib/src/shared/content-settings/components/radio-field/RadioField.mixin.d.ts

@@ -110,9 +110,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     placeholder: string;
     variant: string;
     value: string | boolean | Record<string, any>;
-    isRequired: boolean;
     multiple: boolean;
     optionsConvertor: OptionsConvertor<unknown>;
+    isRequired: boolean;
 }, {}, {
     FieldSubHeader: import("vue").DefineComponent<{}, {}, any>;
     Button: any;

package/lib/src/shared/content-settings/components/tel-field/TelField.mixin.d.ts

@@ -184,8 +184,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
-    isRequired: boolean;
     attrs: Record<string, any>;
+    isRequired: boolean;
     isToggled: boolean;
     readOnly: boolean;
     contentType: string;

package/lib/src/shared/content-settings/components/text-field/TextField.mixin.d.ts

@@ -184,8 +184,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
-    isRequired: boolean;
     attrs: Record<string, any>;
+    isRequired: boolean;
     isToggled: boolean;
     readOnly: boolean;
     contentType: string;

package/lib/src/shared/content-settings/components/textarea-field/TextareaField.mixin.d.ts

@@ -198,8 +198,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
-    isRequired: boolean;
     attrs: Record<string, any>;
+    isRequired: boolean;
     isToggled: boolean;
     readOnly: boolean;
     contentType: string;

package/lib/src/shared/content-settings/components/url-field/UrlField.mixin.d.ts

@@ -191,8 +191,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, Record<string, any
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
-    isRequired: boolean;
     attrs: Record<string, any>;
+    isRequired: boolean;
     isToggled: boolean;
     readOnly: boolean;
     contentType: string;

package/lib/src/shared/content-settings/components/youtube-video-field/YoutubeVideoField.mixin.d.ts

@@ -187,8 +187,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, Record<string, any
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
-    isRequired: boolean;
     attrs: Record<string, any>;
+    isRequired: boolean;
     isToggled: boolean;
     readOnly: boolean;
     contentType: string;

package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts

@@ -93,7 +93,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             logoTemplateMetadata: string;
             isLogoDraftSaved: boolean;
             isTextOnlyLogo: boolean;
-            variationsByDraftToken: Record<string, import("../store/editable-logo-store").EditableLogoVariation[]>;
         } & import("pinia").PiniaCustomStateProperties<import("../store/editable-logo-store").EditableLogoState>) => () => string | undefined;
     }, {
         setStateAsync(payload: {
@@ -111,7 +110,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         getEditableLogoVariationByVariationId(id: number): any;
         getEditableLogoVariationByBase64(base64: string): any;
         updateEditableLogoImageUrlAsync(defaultPrimaryText?: string | undefined, overrideLogoVariation?: number | undefined, layout?: string | undefined): Promise<void>;
-        restoreVariationsForDraftToken(logoDraftToken: string): boolean;
         updateMetadataAsync(defaultPrimaryText?: string | undefined, resetLogoTemplateMetadata?: boolean, layout?: string | undefined): Promise<void>;
         updateEditableLogoImageByVariationAsync(editableLogoVariation: import("../store/editable-logo-store").EditableLogoVariation, defaultPrimaryText?: string | undefined, layout?: string | undefined): Promise<import("../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
         getDraftMetadata(logoDraftToken: string): string | undefined;
@@ -249,22 +247,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;

package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.js

@@ -65,17 +65,6 @@ export default defineComponent({
             return 'tw-font-bold tw-text-xs';
         },
     },
-    watch: {
-        // Keeps the design/upload tab in sync with `enableEditMode` whenever it
-        // flips outside the user's tab clicks — undo/redo restoring a BYO upload
-        // (mode → false) or a designed logo (mode → true). User clicks within
-        // the same mode don't change `enableEditMode` and don't trigger this.
-        showEditLogoSetting(enabled) {
-            this.selectedTab = enabled
-                ? this.tabsWithTranslations[0]
-                : this.tabsWithTranslations[1];
-        },
-    },
     methods: {
         disableTextToggle(currentTextEnabled) {
             if (!this.isTextOnlyLogo || !currentTextEnabled) {

package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts

@@ -124,21 +124,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 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): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel): void;
-        _navigateToActivePage(activePageId?: string | undefined): void;
-        _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
         export(): import("../../../brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
@@ -282,7 +277,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             logoTemplateMetadata: string;
             isLogoDraftSaved: boolean;
             isTextOnlyLogo: boolean;
-            variationsByDraftToken: Record<string, import("../store").EditableLogoVariation[]>;
         } & import("pinia").PiniaCustomStateProperties<import("../store").EditableLogoState>) => () => string | undefined;
     }, {
         setStateAsync(payload: {
@@ -300,7 +294,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         getEditableLogoVariationByVariationId(id: number): any;
         getEditableLogoVariationByBase64(base64: string): any;
         updateEditableLogoImageUrlAsync(defaultPrimaryText?: string | undefined, overrideLogoVariation?: number | undefined, layout?: string | undefined): Promise<void>;
-        restoreVariationsForDraftToken(logoDraftToken: string): boolean;
         updateMetadataAsync(defaultPrimaryText?: string | undefined, resetLogoTemplateMetadata?: boolean, layout?: string | undefined): Promise<void>;
         updateEditableLogoImageByVariationAsync(editableLogoVariation: import("../store").EditableLogoVariation, defaultPrimaryText?: string | undefined, layout?: string | undefined): Promise<import("../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
         getDraftMetadata(logoDraftToken: string): string | undefined;

package/lib/src/shared/logo-settings/store/editable-logo-store.d.ts

@@ -74,9 +74,8 @@ export interface EditableLogoState {
     logoTemplateMetadata: string;
     isLogoDraftSaved: boolean;
     isTextOnlyLogo: boolean;
-    variationsByDraftToken: Record<string, EditableLogoVariation[]>;
 }
-export type SetStateAsyncPayload = Omit<EditableLogoState, 'enableEditMode' | 'editableLogoVariations' | 'variationsByDraftToken'>;
+export type SetStateAsyncPayload = Omit<EditableLogoState, 'enableEditMode' | 'editableLogoVariations'>;
 export declare const useUiEditableLogoStore: import("pinia").StoreDefinition<"uiEditableLogo", EditableLogoState, {
     getLogoPrimaryText: (state: {
         enableEditMode: boolean;
@@ -168,7 +167,6 @@ export declare const useUiEditableLogoStore: import("pinia").StoreDefinition<"ui
         logoTemplateMetadata: string;
         isLogoDraftSaved: boolean;
         isTextOnlyLogo: boolean;
-        variationsByDraftToken: Record<string, EditableLogoVariation[]>;
     } & import("pinia").PiniaCustomStateProperties<EditableLogoState>) => () => string | undefined;
 }, {
     setStateAsync(payload: {
@@ -186,12 +184,6 @@ export declare const useUiEditableLogoStore: import("pinia").StoreDefinition<"ui
     getEditableLogoVariationByVariationId(id: number): any;
     getEditableLogoVariationByBase64(base64: string): any;
     updateEditableLogoImageUrlAsync(defaultPrimaryText?: string, overrideLogoVariation?: number | undefined, layout?: string): Promise<void>;
-    /**
-     * Restore the variations grid for `logoDraftToken` from the per-token
-     * cache. Called by `_syncLogoSettingsFromSnapshot` during undo/redo.
-     * Returns true on cache hit.
-     */
-    restoreVariationsForDraftToken(logoDraftToken: string): boolean;
     updateMetadataAsync(defaultPrimaryText?: string, resetLogoTemplateMetadata?: boolean, layout?: string): Promise<void>;
     updateEditableLogoImageByVariationAsync(editableLogoVariation: EditableLogoVariation, defaultPrimaryText?: string, layout?: string): Promise<ModifyLogoDataResponse | null>;
     getDraftMetadata(logoDraftToken: string): string | undefined;

package/lib/src/shared/logo-settings/store/editable-logo-store.js

@@ -74,7 +74,6 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
         },
         makerFonts: [],
         isLogoDraftSaved: false,
-        variationsByDraftToken: {},
     }),
     actions: {
         async setStateAsync(payload) {
@@ -243,28 +242,6 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
                     }
                 });
             });
-            // Stash the freshly rendered variation set under the active draft
-            // token so undo can restore it later without re-rendering. This is
-            // the only place in production that meaningfully populates
-            // `editableLogoVariations` (BYO upload + designed-logo setStateAsync
-            // both funnel here), so caching here keeps every distinct draft's
-            // grid available for the lifetime of the session.
-            if (this.logoDraftToken) {
-                this.variationsByDraftToken[this.logoDraftToken] =
-                    this.editableLogoVariations.map((v) => ({ ...v }));
-            }
-        },
-        /**
-         * Restore the variations grid for `logoDraftToken` from the per-token
-         * cache. Called by `_syncLogoSettingsFromSnapshot` during undo/redo.
-         * Returns true on cache hit.
-         */
-        restoreVariationsForDraftToken(logoDraftToken) {
-            const cached = this.variationsByDraftToken[logoDraftToken];
-            if (!cached)
-                return false;
-            this.editableLogoVariations = cached.map((v) => ({ ...v }));
-            return true;
         },
         async updateMetadataAsync(defaultPrimaryText, resetLogoTemplateMetadata = false, layout) {
             const result = await this.postEditableLogoRequestAsync({
@@ -308,13 +285,6 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
             const logoDraft = logoStore.getLogoDraftAssetByToken(this.logoDraftToken);
             if (logoDraft) {
                 logoDraft.metadata = metadata;
-                // Refresh the template-asset stamp in case the active asset has
-                // changed since this draft was first registered (e.g. successive
-                // BYO uploads that share an existing draft token would otherwise
-                // keep pointing at an older template).
-                if (logoStore.logoTemplateAsset) {
-                    logoDraft.templateAsset = { ...logoStore.logoTemplateAsset };
-                }
             }
             else {
                 logoStore.addLogoDraftAsset({
@@ -323,9 +293,6 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
                         metadata,
                         tick: Date.now(),
                         isByo: logoStore.logoTemplateAsset?.isByo || false,
-                        templateAsset: logoStore.logoTemplateAsset
-                            ? { ...logoStore.logoTemplateAsset }
-                            : undefined,
                     },
                 });
             }

package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts

@@ -3109,7 +3109,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         canUseAITextGenerator: boolean;
         canUseGoogleAdsense: boolean;
         googleAdsenseEnabled: boolean;
-        canUseUndoRedo: boolean;
     }>;
     isAdmin: import("vue").ComputedRef<boolean>;
     isBrandSite: import("vue").ComputedRef<boolean>;
@@ -3817,21 +3816,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): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel): void;
-        _navigateToActivePage(activePageId?: string | undefined): void;
-        _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
@@ -4796,22 +4790,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     onDraggingEnd: (ev?: any, routeId?: string, previousParentRouteId?: string) => void;
     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;

package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts

@@ -4274,7 +4274,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             logoTemplateMetadata: string;
             isLogoDraftSaved: boolean;
             isTextOnlyLogo: boolean;
-            variationsByDraftToken: Record<string, import("@shared/logo-settings/store").EditableLogoVariation[]>;
         } & import("pinia").PiniaCustomStateProperties<import("@shared/logo-settings/store").EditableLogoState>) => () => string | undefined;
     }, {
         setStateAsync(payload: {
@@ -4292,7 +4291,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         getEditableLogoVariationByVariationId(id: number): any;
         getEditableLogoVariationByBase64(base64: string): any;
         updateEditableLogoImageUrlAsync(defaultPrimaryText?: string | undefined, overrideLogoVariation?: number | undefined, layout?: string | undefined): Promise<void>;
-        restoreVariationsForDraftToken(logoDraftToken: string): boolean;
         updateMetadataAsync(defaultPrimaryText?: string | undefined, resetLogoTemplateMetadata?: boolean, layout?: string | undefined): Promise<void>;
         updateEditableLogoImageByVariationAsync(editableLogoVariation: import("@shared/logo-settings/store").EditableLogoVariation, defaultPrimaryText?: string | undefined, layout?: string | undefined): Promise<import("../../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
         getDraftMetadata(logoDraftToken: string): string | undefined;
@@ -4400,21 +4398,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): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel): void;
-        _navigateToActivePage(activePageId?: string | undefined): void;
-        _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";