@designcrowd/library.brand-page 5.17.28 → 5.18.0

package/lib/src/metadata-builder/sanitizers/sanitizer-rules.js

@@ -0,0 +1,60 @@
+/**
+ * sanitizer-rules.ts
+ *
+ * Shared style/logo/page constraint rules and the SectionRules interface.
+ * Per-section rules live colocated with each builder (e.g. banner-section.rules.ts).
+ */
+import { MIN_TEXT_SIZE_PX, MAX_TEXT_SIZE_PX, MIN_LINE_HEIGHT, MAX_LINE_HEIGHT, MIN_LETTER_SPACING_PERCENT, MAX_LETTER_SPACING_PERCENT, FONT_FAMILY_CONFIGS, FONT_FAMILY_KEYS, } from '../../brand-page/constants/font.constants';
+import { MAX_PAGE_TITLE_LENGTH, MAX_SUBPAGE_TITLE_LENGTH, } from '../../shared/page-settings/utils';
+import { LOGO_SLIDER_DESKTOP_MIN, LOGO_SLIDER_DESKTOP_MAX, LOGO_SLIDER_MOBILE_MIN, LOGO_SLIDER_MOBILE_MAX, } from '../../brand-page/constants/styles.constants';
+import { pxToEm } from '../../brand-page-maker/utils/text.util';
+// ─── 1. Style property rules ──────────────────────────────────────────────────
+// Applies to any TextStyleArguments object (section styles, global styles,
+// header/footer viewport overrides).
+//
+// fontFamilyNames / fontFamilyKeys use Set (not readonly arrays) because both
+// are derived dynamically from FONT_FAMILY_CONFIGS at runtime — as const
+// literal narrowing is not possible. Consumers call .has(value).
+export const STYLE_RULES = {
+    // fontSize bounds are in px (natural unit for clamping).
+    // Flow: parse input unit → convert to px → clamp → pxToEm(clampedPx)
+    fontUnit: {
+        allowedUnits: ['em'],
+    },
+    fontSize: {
+        minEm: pxToEm(String(MIN_TEXT_SIZE_PX)),
+        maxEm: pxToEm(String(MAX_TEXT_SIZE_PX)),
+    },
+    lineHeight: {
+        min: MIN_LINE_HEIGHT,
+        max: MAX_LINE_HEIGHT,
+    },
+    letterSpacing: {
+        min: MIN_LETTER_SPACING_PERCENT,
+        max: MAX_LETTER_SPACING_PERCENT,
+    },
+    // Two separate sets because the format differs by context:
+    //   TextStyleArguments.fontFamily             → display name (e.g. 'Playfair Display')
+    //   UpdateGlobalStylesArguments.textFontFamily → camelCase key (e.g. 'playfairDisplay')
+    fontFamilyNames: new Set(Object.values(FONT_FAMILY_CONFIGS).map((c) => 
+    // Some font names are stored with surrounding single-quotes (e.g. "'Exo 2'").
+    // Strip them so the Set matches the bare names the AI sends.
+    c.name.replace(/^'(.*)'$/, '$1'))),
+    fontFamilyKeys: new Set(Object.keys(FONT_FAMILY_KEYS)),
+};
+// ─── 2. Logo size rules ───────────────────────────────────────────────────────
+// Applies to logo_image_height / logo_image_width in UpdateHeaderArguments and
+// UpdateFooterArguments viewport overrides. Values are in rem units.
+export const LOGO_SIZE_RULES = {
+    unit: 'rem',
+    desktop: { min: LOGO_SLIDER_DESKTOP_MIN, max: LOGO_SLIDER_DESKTOP_MAX },
+    mobile: { min: LOGO_SLIDER_MOBILE_MIN, max: LOGO_SLIDER_MOBILE_MAX },
+};
+// ─── 3. Page rules ────────────────────────────────────────────────────────────
+// Applies to add_page (page_name), rename_page (page_name), and update_header
+// (nav_routes[].display_name).
+export const PAGE_RULES = {
+    pageName: MAX_PAGE_TITLE_LENGTH,
+    subPageName: MAX_SUBPAGE_TITLE_LENGTH,
+    navDisplayName: MAX_PAGE_TITLE_LENGTH,
+};

package/lib/src/metadata-builder/sanitizers/section-args-validator.d.ts

@@ -0,0 +1,41 @@
+import { type ItemCapRule } from './sanitizer-rules';
+/**
+ * Validates CSS string-format style attrs (fontSize em, fontFamily name,
+ * lineHeight unitless, letterSpacing em) against STYLE_RULES bounds.
+ * Used for both RTE textStyle mark attrs and GlobalStyles textStyleOptions.
+ * Returns the first error string, or null if all attrs are valid / absent.
+ */
+export declare function validateStringStyleAttrs(path: string, attrs: {
+    fontSize?: string | null;
+    fontFamily?: string | null;
+    lineHeight?: string | null;
+    letterSpacing?: string | null;
+}): string | null;
+export interface ValidationContext {
+    brandPageType?: string;
+    mode?: 'create' | 'update';
+}
+/**
+ * A pure validation check: record + context → one error string or null.
+ * All checks operate on Record<string, unknown> — no concrete section type casting.
+ */
+export type SectionCheck = (record: Record<string, unknown>, ctx: ValidationContext) => string | null;
+export declare const textCheck: (field: string, max: number) => SectionCheck;
+export declare const styleCheck: (field: string) => SectionCheck;
+export declare const rteStyleCheck: (field: string) => SectionCheck;
+export declare const itemTextCheck: (arrayField: string, itemField: string, max: number) => SectionCheck;
+export declare const itemStyleCheck: (arrayField: string, itemField: string) => SectionCheck;
+export declare const itemRteStyleCheck: (arrayField: string, itemField: string) => SectionCheck;
+export declare const enumCheck: (field: string, allowed: readonly string[], label?: string) => SectionCheck;
+export declare const itemCapCheck: (cap: ItemCapRule, label?: string) => SectionCheck;
+/**
+ * Runs an array of SectionChecks against the given args and context.
+ * Returns all non-null error strings.
+ */
+export declare function runChecks(checks: SectionCheck[], args: Record<string, unknown>, ctx: ValidationContext): string[];
+/**
+ * Validates a logo size value against LOGO_SIZE_RULES for the given viewport.
+ * The value must use "rem" units and fall within the viewport-specific bounds.
+ * Returns an error string, or null if valid / absent.
+ */
+export declare function validateLogoSize(fieldLabel: string, value: string | undefined | null, viewport: 'desktop' | 'mobile'): string | null;

package/lib/src/metadata-builder/sanitizers/section-args-validator.js

@@ -0,0 +1,274 @@
+import { isTiptapDocument, } from '../parsers/section-tool-arguments';
+import { LOGO_SIZE_RULES, STYLE_RULES, } from './sanitizer-rules';
+// ─── Helpers ──────────────────────────────────────────────────────────────────
+function extractPlainText(value) {
+    if (typeof value === 'string')
+        return value;
+    return value.content
+        .flatMap((block) => block.content ?? [])
+        .filter((node) => node.type === 'text')
+        .map((node) => node.text)
+        .join('');
+}
+const { fontUnit, fontSize, lineHeight, letterSpacing, fontFamilyNames } = STYLE_RULES;
+const STYLE_PROPERTY_CHECKS = [
+    (fieldLabel, style) => {
+        if (style.fontSize == null)
+            return null;
+        const raw = style.fontSize.trim().toLowerCase();
+        const unit = fontUnit.allowedUnits[0];
+        const match = raw.match(new RegExp(`^(\\d+(?:\\.\\d+)?)${unit}$`));
+        if (!match) {
+            return `"${fieldLabel}.fontSize" must use "${unit}" units (got "${style.fontSize}")`;
+        }
+        const val = parseFloat(match[1]);
+        const min = parseFloat(fontSize.minEm);
+        const max = parseFloat(fontSize.maxEm);
+        return isNaN(val) || val < min || val > max
+            ? `"${fieldLabel}.fontSize" "${style.fontSize}" is out of bounds (${fontSize.minEm}–${fontSize.maxEm})`
+            : null;
+    },
+    (fieldLabel, style) => {
+        if (style.lineHeight == null)
+            return null;
+        const { min, max } = lineHeight;
+        const val = parseFloat(String(style.lineHeight));
+        return isNaN(val) || val < min || val > max
+            ? `"${fieldLabel}.lineHeight" ${style.lineHeight} is out of bounds (${min}–${max})`
+            : null;
+    },
+    (fieldLabel, style) => {
+        if (style.letterSpacing == null)
+            return null;
+        const { min, max } = letterSpacing;
+        const val = parseFloat(String(style.letterSpacing));
+        return isNaN(val) || val < min || val > max
+            ? `"${fieldLabel}.letterSpacing" ${style.letterSpacing} is out of bounds (${min}–${max})`
+            : null;
+    },
+    (fieldLabel, style) => {
+        if (style.fontFamily == null)
+            return null;
+        return !fontFamilyNames.has(style.fontFamily)
+            ? `"${fieldLabel}.fontFamily" "${style.fontFamily}" is not a recognized font family`
+            : null;
+    },
+];
+function validateStyleArgs(fieldLabel, style) {
+    return STYLE_PROPERTY_CHECKS.flatMap((check) => {
+        const err = check(fieldLabel, style);
+        return err ? [err] : [];
+    });
+}
+const RTE_MARK_PROPERTY_CHECKS = [
+    (path, attrs) => {
+        if (attrs.fontSize == null)
+            return null;
+        const raw = attrs.fontSize.trim().toLowerCase();
+        const unit = fontUnit.allowedUnits[0];
+        const match = raw.match(new RegExp(`^(\\d+(?:\\.\\d+)?)${unit}$`));
+        if (!match) {
+            return `"${path}.fontSize" must use "em" units (got "${attrs.fontSize}")`;
+        }
+        const val = parseFloat(match[1]);
+        const min = parseFloat(fontSize.minEm);
+        const max = parseFloat(fontSize.maxEm);
+        return isNaN(val) || val < min || val > max
+            ? `"${path}.fontSize" "${attrs.fontSize}" is out of bounds (${fontSize.minEm}–${fontSize.maxEm})`
+            : null;
+    },
+    (path, attrs) => {
+        if (attrs.fontFamily == null)
+            return null;
+        return !fontFamilyNames.has(attrs.fontFamily)
+            ? `"${path}.fontFamily" "${attrs.fontFamily}" is not a recognized font family`
+            : null;
+    },
+    (path, attrs) => {
+        if (attrs.lineHeight == null)
+            return null;
+        const val = parseFloat(attrs.lineHeight);
+        const isUnitless = !isNaN(val) && attrs.lineHeight.trim() === String(val);
+        if (!isUnitless) {
+            return `"${path}.lineHeight" must be a unitless number (got "${attrs.lineHeight}")`;
+        }
+        return val < lineHeight.min || val > lineHeight.max
+            ? `"${path}.lineHeight" ${val} is out of bounds (${lineHeight.min}–${lineHeight.max})`
+            : null;
+    },
+    (path, attrs) => {
+        if (attrs.letterSpacing == null)
+            return null;
+        const raw = attrs.letterSpacing.trim().toLowerCase();
+        // "0" is valid CSS without units — treat as 0em.
+        if (raw === '0')
+            return null;
+        const match = raw.match(/^(\d+(?:\.\d+)?)em$/);
+        if (!match) {
+            return `"${path}.letterSpacing" must use "em" units (got "${attrs.letterSpacing}")`;
+        }
+        const val = parseFloat(match[1]);
+        const minEm = letterSpacing.min / 100;
+        const maxEm = letterSpacing.max / 100;
+        return val < minEm || val > maxEm
+            ? `"${path}.letterSpacing" ${attrs.letterSpacing} is out of bounds (${minEm}em–${maxEm}em)`
+            : null;
+    },
+];
+/**
+ * Validates CSS string-format style attrs (fontSize em, fontFamily name,
+ * lineHeight unitless, letterSpacing em) against STYLE_RULES bounds.
+ * Used for both RTE textStyle mark attrs and GlobalStyles textStyleOptions.
+ * Returns the first error string, or null if all attrs are valid / absent.
+ */
+export function validateStringStyleAttrs(path, attrs) {
+    for (const check of RTE_MARK_PROPERTY_CHECKS) {
+        const err = check(path, attrs);
+        if (err)
+            return err;
+    }
+    return null;
+}
+function validateRteMarkStyle(path, attrs) {
+    return validateStringStyleAttrs(path, attrs);
+}
+function validateRteDocument(fieldLabel, doc) {
+    for (const block of doc.content) {
+        for (const node of block.content ?? []) {
+            if (node.type !== 'text')
+                continue;
+            for (const mark of node.marks ?? []) {
+                if (mark.type !== 'textStyle' || !mark.attrs)
+                    continue;
+                const err = validateRteMarkStyle(fieldLabel, mark.attrs);
+                if (err)
+                    return err;
+            }
+        }
+    }
+    return null;
+}
+// ─── Check factories ──────────────────────────────────────────────────────────
+export const textCheck = (field, max) => (record) => {
+    const value = record[field];
+    if (value == null)
+        return null;
+    const text = isTiptapDocument(value)
+        ? extractPlainText(value)
+        : String(value);
+    return text.length > max
+        ? `"${field}" exceeds the maximum length of ${max} characters (got ${text.length})`
+        : null;
+};
+export const styleCheck = (field) => (record) => {
+    const value = record[field];
+    if (value == null || typeof value !== 'object')
+        return null;
+    const errs = validateStyleArgs(field, value);
+    return errs[0] ?? null;
+};
+export const rteStyleCheck = (field) => (record) => {
+    const value = record[field];
+    if (!isTiptapDocument(value))
+        return null;
+    return validateRteDocument(field, value);
+};
+export const itemTextCheck = (arrayField, itemField, max) => (record) => {
+    const items = record[arrayField];
+    if (!Array.isArray(items))
+        return null;
+    for (let i = 0; i < items.length; i++) {
+        const value = items[i][itemField];
+        if (value == null)
+            continue;
+        const text = isTiptapDocument(value)
+            ? extractPlainText(value)
+            : String(value);
+        if (text.length > max) {
+            return `"${arrayField}[${i}].${itemField}" exceeds the maximum length of ${max} characters (got ${text.length})`;
+        }
+    }
+    return null;
+};
+export const itemStyleCheck = (arrayField, itemField) => (record) => {
+    const items = record[arrayField];
+    if (!Array.isArray(items))
+        return null;
+    for (let i = 0; i < items.length; i++) {
+        const value = items[i][itemField];
+        if (value == null || typeof value !== 'object')
+            continue;
+        const errs = validateStyleArgs(`${arrayField}[${i}].${itemField}`, value);
+        if (errs[0])
+            return errs[0];
+    }
+    return null;
+};
+export const itemRteStyleCheck = (arrayField, itemField) => (record) => {
+    const items = record[arrayField];
+    if (!Array.isArray(items))
+        return null;
+    for (let i = 0; i < items.length; i++) {
+        const value = items[i][itemField];
+        if (!isTiptapDocument(value))
+            continue;
+        const err = validateRteDocument(`${arrayField}[${i}].${itemField}`, value);
+        if (err)
+            return err;
+    }
+    return null;
+};
+export const enumCheck = (field, allowed, label) => (record) => {
+    const value = record[field];
+    if (value == null)
+        return null;
+    return !allowed.includes(value)
+        ? `"${field}" value "${value}" is not valid${label ? ` for "${label}"` : ''}. Valid values: ${allowed.join(', ')}`
+        : null;
+};
+export const itemCapCheck = (cap, label) => (record, ctx) => {
+    if (ctx.brandPageType == null)
+        return null;
+    const shouldCheck = ctx.mode === 'create' ||
+        (ctx.mode === 'update' &&
+            record['_replace_items']);
+    if (!shouldCheck)
+        return null;
+    const items = record[cap.arrayField];
+    const limit = ctx.brandPageType === 'brandSite' ? cap.brandSite : cap.brandPage;
+    return Array.isArray(items) && items.length > limit
+        ? `"${cap.arrayField}" has ${items.length} items but "${label ?? 'section'}" supports a maximum of ${limit}`
+        : null;
+};
+/**
+ * Runs an array of SectionChecks against the given args and context.
+ * Returns all non-null error strings.
+ */
+export function runChecks(checks, args, ctx) {
+    return checks.flatMap((check) => {
+        const err = check(args, ctx);
+        return err ? [err] : [];
+    });
+}
+// ─── Logo size regex (compiled once at module init) ───────────────────────────
+const LOGO_SIZE_REGEX = new RegExp(`^(\\d+(?:\\.\\d+)?)${LOGO_SIZE_RULES.unit}$`);
+// ─── Shared field validators ──────────────────────────────────────────────────
+/**
+ * Validates a logo size value against LOGO_SIZE_RULES for the given viewport.
+ * The value must use "rem" units and fall within the viewport-specific bounds.
+ * Returns an error string, or null if valid / absent.
+ */
+export function validateLogoSize(fieldLabel, value, viewport) {
+    if (value == null)
+        return null;
+    const match = value.trim().toLowerCase().match(LOGO_SIZE_REGEX);
+    if (!match) {
+        return `"${fieldLabel}" must use "${LOGO_SIZE_RULES.unit}" units (got "${value}")`;
+    }
+    const num = parseFloat(match[1]);
+    const { min, max } = LOGO_SIZE_RULES[viewport];
+    if (num < min || num > max) {
+        return `"${fieldLabel}" ${value} is out of bounds (${min}rem–${max}rem)`;
+    }
+    return null;
+}

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

@@ -815,10 +815,11 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendTemplateSelectEvent: (templateId: string) => void;
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
+        sendAddContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
+        sendRemoveContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
         sendAddContentContinuationEvent: (continuation: string) => void;
         sendUpsellOfferEvent: (upsellType: string) => void;
         sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
-        sendGenerateTextContinuationEvent: (cta_location: string, continuation: string | null) => void;
         sendAiSendPromptEvent: (ctaLocation: string) => void;
         sendAiStopGenerationEvent: (ctaLocation: string) => void;
     };

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

@@ -93,14 +93,7 @@ export default defineComponent({
                 transformToRTE(this.pageSettingsStore, this.externalEditor, this.styleSettingsStore, newItem.settings.content);
             }
             // Send MixPanel add event
-            this.eventTracker.sendWebsiteEvent({
-                eventName: EVENTS.WEBSITE_MAKER_ADD_CONTENT,
-                eventProps: {
-                    content_category: option.category,
-                    content_type: option.type,
-                    select_location: SELECT_LOCATIONS.SIDEBAR,
-                },
-            });
+            this.eventTracker.sendAddContentEvent(option.type, SELECT_LOCATIONS.SIDEBAR, option.category);
             if (option.displayMode === 'focused') {
                 this.contentSettingsStore.pushMode({
                     mode: CONTENT_SETTINGS_MODES.focusedContentItem,
@@ -149,14 +142,7 @@ export default defineComponent({
         onDeleteItem(payload, type) {
             this.contentSettingsStore.deleteItem(payload);
             // Send MixPanel remove event
-            this.eventTracker.sendWebsiteEvent({
-                eventName: EVENTS.WEBSITE_MAKER_REMOVE_CONTENT,
-                eventProps: {
-                    content_category: this.contentSettingsStore.getContentCategory(type),
-                    content_type: type,
-                    select_location: SELECT_LOCATIONS.SIDEBAR,
-                },
-            });
+            this.eventTracker.sendRemoveContentEvent(type, SELECT_LOCATIONS.SIDEBAR, this.contentSettingsStore.getContentCategory(type));
         },
         onManagePageButtonClick() {
             this.contentSettingsStore.pushMode({

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

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

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

@@ -763,10 +763,11 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendTemplateSelectEvent: (templateId: string) => void;
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
+        sendAddContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
+        sendRemoveContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
         sendAddContentContinuationEvent: (continuation: string) => void;
         sendUpsellOfferEvent: (upsellType: string) => void;
         sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
-        sendGenerateTextContinuationEvent: (cta_location: string, continuation: string | null) => void;
         sendAiSendPromptEvent: (ctaLocation: string) => void;
         sendAiStopGenerationEvent: (ctaLocation: string) => void;
     };

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

@@ -471,8 +471,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setSelectedSettingsSection(payload: {
             sectionName?: string | undefined;
         }): void;
-        setAiTextEditContext(payload: import("../../../side-bar/store").AiTextEditContext): void;
-        clearAiTextEditContext(): void;
     }>;
     eventTracker: {
         sendShippingToggleEvent: (isEnabled: boolean) => void;
@@ -507,10 +505,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sendTemplateSelectEvent: (templateId: string) => void;
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
+        sendAddContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
+        sendRemoveContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
         sendAddContentContinuationEvent: (continuation: string) => void;
         sendUpsellOfferEvent: (upsellType: string) => void;
         sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
-        sendGenerateTextContinuationEvent: (cta_location: string, continuation: string | null) => void;
         sendAiSendPromptEvent: (ctaLocation: string) => void;
         sendAiStopGenerationEvent: (ctaLocation: string) => void;
     };

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

@@ -698,8 +698,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setSelectedSettingsSection(payload: {
             sectionName?: string | undefined;
         }): void;
-        setAiTextEditContext(payload: import("../../../side-bar/store").AiTextEditContext): void;
-        clearAiTextEditContext(): void;
     }>;
     pageSettingsStore: import("pinia").Store<"uiPageSettings", import("../../../page-settings/store").PageSettingsState, {
         getFirstOrDefaultPage(): import("../../../page-settings/models").ContentPage;
@@ -822,9 +820,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showTextBg(): boolean;
     showToggle(): boolean | undefined;
     disableTransparent(): boolean;
-    showGenerateText(): boolean;
     plainTextValue(): string;
-    ctaLocation(): string;
 }, {
     onFieldChanged(payload: UpdateItemValuePayload<unknown>): void;
     onFieldChangeLogo(): void;

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

@@ -12,7 +12,12 @@ import { commonTr } from '@src/composables/useTranslate';
 import { getPlainTextFromRTE, replaceTextInRTE, RTE_ALLOWED_SECTION_TYPES, isRTEManagedStyleField, } from '@brand-page-maker/utils';
 import { isDefaultContentText } from '@shared/content-settings/utils';
 import { useUiLogoSettingsStore } from '../../../logo-settings/store';
-import { getCtaLocationFromFieldType } from '@brand-page-maker/utils/mixpanel.util';
+const RTE_DISALLOWED_STYLE_FIELD_NAMES = [
+    'descriptionStyle',
+    'titleStyle',
+    'textStyle',
+    'paragraphStyle',
+];
 const AI_ALLOWED_SECTION_TYPES = [
     'banner-section',
     'text',
@@ -181,19 +186,12 @@ export default defineComponent({
         disableTransparent() {
             return this.field.disableTransparent || false;
         },
-        showGenerateText() {
-            return (AI_ALLOWED_SECTION_TYPES.includes(this.type) &&
-                AI_ALLOWED_FIELD_NAMES.includes(this.fieldName));
-        },
         plainTextValue() {
             const plainText = getPlainTextFromRTE(this.value);
             if (isDefaultContentText(plainText))
                 return '';
             return plainText;
         },
-        ctaLocation() {
-            return getCtaLocationFromFieldType(this.field.name, this.type);
-        },
     },
     watch: {
         fieldType() {

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts

@@ -89,20 +89,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_4572_ai_text_generation_post_purchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_4964_ai_text_generation_improvement?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5245_ai_website_assistant?: {
                     key: string;
                     value: string;
@@ -181,20 +167,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_4572_ai_text_generation_post_purchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_4964_ai_text_generation_improvement?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5245_ai_website_assistant?: {
                     key: string;
                     value: string;

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

@@ -278,10 +278,11 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendTemplateSelectEvent: (templateId: string) => void;
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
+        sendAddContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
+        sendRemoveContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
         sendAddContentContinuationEvent: (continuation: string) => void;
         sendUpsellOfferEvent: (upsellType: string) => void;
         sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
-        sendGenerateTextContinuationEvent: (cta_location: string, continuation: string | null) => void;
         sendAiSendPromptEvent: (ctaLocation: string) => void;
         sendAiStopGenerationEvent: (ctaLocation: string) => void;
     };

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

@@ -376,20 +376,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_4572_ai_text_generation_post_purchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_4964_ai_text_generation_improvement?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5245_ai_website_assistant?: {
                     key: string;
                     value: string;
@@ -468,20 +454,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_4572_ai_text_generation_post_purchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_4964_ai_text_generation_improvement?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
                 bp_5245_ai_website_assistant?: {
                     key: string;
                     value: string;

package/lib/src/shared/navigation-style-settings/store/index.js

@@ -57,6 +57,7 @@ export const useUiNavigationStyleSettingsStore = defineStore('uiNavigationStyleS
                 return;
             }
             this.navigation[section][viewport].defaultButtonStyle = Object.assign({}, this.navigation[section][viewport].defaultButtonStyle, style);
+            console.log('This is the updated default button style: ', this.navigation[section][viewport].defaultButtonStyle);
         },
         _setSelectedButtonStyle({ displayType, section, style, viewport, }) {
             if (displayType !== NAVIGATION_DISPLAY.TAB_1 &&

package/lib/src/shared/page-navigation/store/page-navigation-store.js

@@ -3,26 +3,7 @@ import { NavModel } from '@brand-page';
 import { getPageSlugFromPageTitle } from '@brand-page-maker/utils/slug.util';
 import { navigateToPageByPageId } from '../../../brand-page-maker/routing';
 import { useUiPageSettingsStore } from '@src/shared/page-settings/store';
-const findParentOrderByRouteId = (orders, routeId) => {
-    for (const order of orders) {
-        if (order.routeId === routeId) {
-            return order;
-        }
-        const found = findParentOrderByRouteId(order.subRoutes, routeId);
-        if (found) {
-            return found;
-        }
-    }
-    return undefined;
-};
-const removeOrderByRouteId = (orders, routeId) => {
-    return orders
-        .filter((order) => order.routeId !== routeId)
-        .map((order) => ({
-        ...order,
-        subRoutes: removeOrderByRouteId(order.subRoutes, routeId), // Recursively filter out the route
-    }));
-};
+import { findParentOrderByRouteId, removeOrderByRouteId, } from '../utils/nav-order-utils';
 const findParentRouteIdForRouteId = (orders, targetRouteId, parentRouteId) => {
     for (const order of orders) {
         if (order.routeId === targetRouteId) {

package/lib/src/shared/page-navigation/utils/nav-order-utils.d.ts

@@ -0,0 +1,3 @@
+import type { NavOrder } from '@brand-page';
+export declare const findParentOrderByRouteId: (orders: NavOrder[], routeId: string) => NavOrder | undefined;
+export declare const removeOrderByRouteId: (orders: NavOrder[], routeId: string) => NavOrder[];