@designcrowd/library.brand-page 6.0.19-ast-btns-4 → 6.0.19-ast-btns-6

package/lib/src/{CreatedOnBrandCrowd-de-de-sjNsYRcW.js → CreatedOnBrandCrowd-de-de-Dqv1385w.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-D_Zb6GIA.js";
+import { _ as t } from "./lib-CYYPMTsG.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-AzNub21R.js → CreatedOnBrandCrowd-en-us-DuA7uGNz.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-D_Zb6GIA.js";
+import { _ as t } from "./lib-CYYPMTsG.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-5JGE8i4f.js → CreatedOnBrandCrowd-es-es-CaSTc5HM.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-D_Zb6GIA.js";
+import { _ as t } from "./lib-CYYPMTsG.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-D_s0VxsF.js → CreatedOnBrandCrowd-fr-ca-C9VKny9y.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-D_Zb6GIA.js";
+import { _ as t } from "./lib-CYYPMTsG.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-D_s0VxsF.js → CreatedOnBrandCrowd-fr-fr-C9VKny9y.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-D_Zb6GIA.js";
+import { _ as t } from "./lib-CYYPMTsG.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DNzVKTkD.js → CreatedOnBrandCrowd-pt-br-ft2V8-xm.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-D_Zb6GIA.js";
+import { _ as t } from "./lib-CYYPMTsG.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-DNzVKTkD.js → CreatedOnBrandCrowd-pt-pt-ft2V8-xm.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-D_Zb6GIA.js";
+import { _ as t } from "./lib-CYYPMTsG.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-m9T1oefT.js → CreatedOnDcom-de-de-BdZxdxoi.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-D_Zb6GIA.js";
+import { _ as e } from "./lib-CYYPMTsG.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-DyN0S9k3.js → CreatedOnDcom-en-us-Dl0XbKU2.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-D_Zb6GIA.js";
+import { _ as e } from "./lib-CYYPMTsG.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-BvR812ln.js → CreatedOnDcom-es-es-WciMRblK.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-D_Zb6GIA.js";
+import { _ as e } from "./lib-CYYPMTsG.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-BcmRHpDd.js → CreatedOnDcom-fr-ca-CvjUqr4M.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-D_Zb6GIA.js";
+import { _ as e } from "./lib-CYYPMTsG.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-BY7TQCJy.js → CreatedOnDcom-fr-fr-CMALFpBz.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-D_Zb6GIA.js";
+import { _ as e } from "./lib-CYYPMTsG.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-B_bocMtD.js → CreatedOnDcom-pt-br-C0MjZ-_y.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-D_Zb6GIA.js";
+import { _ as M } from "./lib-CYYPMTsG.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-Fg8JoWmO.js → CreatedOnDcom-pt-pt-DV9I0m0I.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-D_Zb6GIA.js";
+import { _ as M } from "./lib-CYYPMTsG.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page/components/contact-form/ContactForm.mixin.js

@@ -6,7 +6,7 @@ import brandPageClient from '../../clients/brand-page.client';
 import { isEmail } from '../../../utils/validator.util';
 import { ALIGN_CARD_CENTER, ALIGN_CARD_CENTER_IMAGE, ALIGN_CENTERED, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, DISPLAY_STYLE_COLLAPSED, RECAPTCHA_ACTION_CONTACT_FORM, TEXT_ONLY, } from '../../constants';
 import { getRenderText, contentPaddingStyle as toContentPaddingStyle, mutedTextForBackground, backgroundColorFromStyle, } from '@brand-page/utils';
-import { hasRTEContent } from '@brand-page-maker/utils';
+import { hasRTEContent, getPlainTextFromRTE } from '@brand-page-maker/utils';
 import { useReCaptcha } from '../../composables/recaptcha.composable';
 export default defineComponent({
     props: {
@@ -120,7 +120,10 @@ export default defineComponent({
                 isEmail(this.viewModel.responseEmail));
         },
         title() {
-            return this.viewModel.title && this.viewModel.title.trim() !== ''
+            // BP-5787: title may be RTE JSON (not a string), so `.trim()` would
+            // throw — read the visible text via getPlainTextFromRTE to decide
+            // whether to fall back to the default.
+            return getPlainTextFromRTE(this.viewModel.title)
                 ? this.viewModel.title
                 : 'Contact Us';
         },

package/lib/src/brand-page/models/index.d.ts

@@ -7,6 +7,14 @@ import { TextStyles } from './styles.model';
 import { LogoStyles } from './logo.model';
 import type { LogoImageModel, LogoTemplateImageModel } from './logo.model';
 import type { BrandPagePaymentConfig } from './payment.model';
+import type { JSONContent } from '@tiptap/vue-3';
+/**
+ * BP-5787 — a rich-text field is either a legacy inline-HTML string or a
+ * Tiptap JSON document. Typing RTE content fields as RichTextValue (instead of
+ * `string`) forces every consumer to handle both forms — surfacing at compile
+ * time any code that assumes a plain string (e.g. `.replace`, `.length`).
+ */
+export type RichTextValue = string | JSONContent;
 export * from './brand-page-context.model';
 export * from './payment.model';
 export * from './content.model';
@@ -148,7 +156,7 @@ export interface TextContent extends Content {
     /**
      * For BrandPage/BrandContact only
      */
-    text: string;
+    text: RichTextValue;
     /**
      * For BrandSite
      */
@@ -171,9 +179,9 @@ export interface TextContent extends Content {
 }
 export interface ProfileContent extends Content {
     avatarImageUrl: string;
-    name: string;
-    title: string;
-    description: string;
+    name: RichTextValue;
+    title: RichTextValue;
+    description: RichTextValue;
     backgroundColor: BrandPageCssStyle;
     colorReplacements: ColorReplacement[];
     mediaType?: string;
@@ -191,7 +199,7 @@ export interface MapContent extends Content {
 }
 export interface MailingListContent extends Content {
     acceptedFields?: 'emailOnly' | 'nameAndEmail';
-    title: string;
+    title: RichTextValue;
     buttonText: string;
     titleStyle: TextStyleDeclaration;
     buttonTextStyle: TextStyleDeclaration;
@@ -243,10 +251,10 @@ export interface FormField {
 export interface ContactFormContent extends Content {
     type: 'contact-form';
     displayStyle: string;
-    title: string;
-    description: string;
+    title: RichTextValue;
+    description: RichTextValue;
     buttonText: string;
-    successMessage: string;
+    successMessage: RichTextValue;
     fields: FormField[];
     responseEmail: string;
     imageUrl?: string;
@@ -265,8 +273,8 @@ export interface ContactFormContent extends Content {
 export interface BannerSectionContent extends Content {
     type: 'banner-section';
     imageUrl: string;
-    title: string;
-    description: string;
+    title: RichTextValue;
+    description: RichTextValue;
     buttonText: string | false;
     url: string;
     email?: string;
@@ -293,8 +301,8 @@ export declare const MEDIA_TYPES: {
 };
 export type MediaType = keyof typeof MEDIA_TYPES;
 export interface TextMediaItem extends ImageItem {
-    title: string;
-    paragraph: string;
+    title: RichTextValue;
+    paragraph: RichTextValue;
     itemsId: number;
     buttonText?: string | false;
     buttonPageId?: string;
@@ -313,8 +321,8 @@ export interface TextShapeItem extends TextMediaItem {
 export interface ShapeItem extends ImageItem {
     colorReplacements: ColorReplacement[];
     mediaType: MediaType;
-    title?: string;
-    paragraph?: string;
+    title?: RichTextValue;
+    paragraph?: RichTextValue;
     titleOverride?: string;
     paragraphOverride?: string;
 }
@@ -322,9 +330,9 @@ export interface TestimonialItems {
     /** Stable per-item identifier. See ImageItem.id. */
     id: string;
     imageUrl: string;
-    name: string;
-    position: string;
-    testimonials: string;
+    name: RichTextValue;
+    position: RichTextValue;
+    testimonials: RichTextValue;
     colorReplacements: ColorReplacement[];
     mediaType: string;
     size?: string;
@@ -337,7 +345,7 @@ export interface TestimonialItems {
 export interface TextItem {
     /** Stable per-item identifier. See ImageItem.id. */
     id: string;
-    text: string;
+    text: RichTextValue;
     textStyle: TextStyleDeclaration;
     textOverride?: string;
 }
@@ -354,8 +362,8 @@ export interface ImagesSectionContent extends Content, MediaSection {
     enablePopup: boolean;
 }
 export interface MediaSection extends Content {
-    title: string;
-    description: string;
+    title: RichTextValue;
+    description: RichTextValue;
     displayStyle: ImagesSectionContentDisplayStyle;
     items: TextShapeItem[] | TextMediaItem[];
     titleStyle: TextStyleDeclaration;
@@ -372,7 +380,7 @@ export interface ColorReplacement {
 }
 export interface TestimonialSectionContent extends Content {
     type: 'testimonial-section';
-    title: string;
+    title: RichTextValue;
     displayStyle: string;
     items: TestimonialItems[];
     titleStyle: TextStyleDeclaration;
@@ -386,8 +394,8 @@ export interface TestimonialSectionContent extends Content {
 export interface AboutSectionContent extends Content {
     type: 'about-section';
     imageUrl: string;
-    title: string;
-    paragraph: string;
+    title: RichTextValue;
+    paragraph: RichTextValue;
     displayStyle: string;
     titleStyle: TextStyleDeclaration;
     paragraphStyle: TextStyleDeclaration;
@@ -411,7 +419,7 @@ export declare const SOCIAL_LINKS_ICON_DISPLAY_STYLES: {
 export type SocialLinksIconDisplayStyle = keyof typeof SOCIAL_LINKS_ICON_DISPLAY_STYLES;
 export interface SocialLinksContent extends Content {
     type: 'social-links';
-    title: string;
+    title: RichTextValue;
     links: LinksItem[];
     iconDisplayStyle: SocialLinksIconDisplayStyle;
     iconFillStyles: BrandPageCssStyle;
@@ -434,8 +442,8 @@ export interface DividerSectionContent extends Content {
 }
 export interface BookingSectionContent extends Content {
     type: 'booking-section';
-    title: string;
-    description: string;
+    title: RichTextValue;
+    description: RichTextValue;
     buttonText: string;
     url: string;
     email?: string;

package/lib/src/brand-page/utils/migration/migration-19.js

@@ -1,40 +1,71 @@
+import { hasRTEContent } from '../../../brand-page-maker/utils';
+import { useExternalRichTextEditor } from '../../../brand-page-maker/composables/rich-text-editor/useRichTextEditor';
 /**
- * BP-5800 — decouple the section container background from the global button fill.
+ * BP-5787 — migrate existing inline-HTML RTE content to Tiptap JSON.
  *
- * These blocks' outer container historically took its background from the button
- * fill colour (`containerStyle = { ...buttonStyles }`). They now own a
- * `backgroundStyle`; seed its `backgroundColor` from the current button fill so
- * existing sites render identically while the colour becomes independently editable.
+ * The editor now emits, and the renderer now reads, Tiptap JSON. Existing
+ * published/saved sites still hold RTE fields as HTML strings. This converts
+ * them on load:
+ *   - maker: the loaded model is JSON, so the next save persists JSON.
+ *   - web-renderer: lazy migrate-on-read — old sites render from JSON without
+ *     needing a re-save.
  *
- * runAlways + idempotent: only seeds when the colour is unset, so it never overrides
- * a colour the user has set. (contact-form is handled by migration-20 — its BP/BC
- * container colour moved to `cardStyle`.)
+ * Runs on EVERY load (runAlways) so it also normalises content the AI section
+ * builders still emit as HTML — there is no need to change those builders or
+ * widen the content model types.
+ *
+ * Scope: only HTML-RTE strings (hasRTEContent) are converted. Plain strings,
+ * numbers, and already-JSON docs are left untouched, so the migration is
+ * idempotent (re-running on JSON content is a no-op — non-string values are
+ * skipped). Nested RTE inside item arrays (textItems, testimonials, images…)
+ * is handled by recursing into arrays; style objects are intentionally not
+ * descended into (they never hold RTE content).
  */
-const CONTAINER_BACKGROUND_TYPES = new Set([
-    'mailing-list',
-    'request-payment',
-    'support-me',
-]);
+const convertRteStringsToJson = (value, editor) => {
+    if (Array.isArray(value)) {
+        value.forEach((item) => convertRteStringsToJson(item, editor));
+        return;
+    }
+    if (!value || typeof value !== 'object')
+        return;
+    const record = value;
+    Object.keys(record).forEach((key) => {
+        const field = record[key];
+        if (typeof field === 'string' && hasRTEContent(field)) {
+            editor.commands.setContent(field);
+            record[key] = editor.getJSON();
+        }
+        else if (Array.isArray(field)) {
+            convertRteStringsToJson(field, editor);
+        }
+    });
+};
 export const migration19 = async (migrationResult) => {
     const { brandPageModel } = migrationResult;
-    const buttonFill = brandPageModel.styles?.buttonStyles?.style?.backgroundColor;
-    if (buttonFill === undefined) {
+    // HTML→JSON parsing needs a DOM (Tiptap's editor). In a DOM-less context
+    // (pure-node SSR or unit tests) we can't parse HTML, so we leave the RTE
+    // fields as HTML strings — the renderer and the fraud/translation extractors
+    // all dual-read HTML, so this is safe. Conversion happens wherever a DOM is
+    // available (the browser editor, jsdom).
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
         return migrationResult;
     }
-    brandPageModel.pages.forEach((page) => {
-        page.contents.forEach((content) => {
-            if (!CONTAINER_BACKGROUND_TYPES.has(content.type)) {
-                return;
-            }
-            const block = content;
-            if (block.backgroundStyle?.backgroundColor !== undefined) {
-                return;
+    let externalEditor;
+    try {
+        externalEditor = useExternalRichTextEditor().externalEditor;
+    }
+    catch {
+        return migrationResult;
+    }
+    try {
+        for (const page of brandPageModel.pages) {
+            for (const content of page.contents) {
+                convertRteStringsToJson(content, externalEditor);
             }
-            block.backgroundStyle = {
-                ...block.backgroundStyle,
-                backgroundColor: buttonFill,
-            };
-        });
-    });
+        }
+    }
+    finally {
+        externalEditor.destroy();
+    }
     return migrationResult;
 };

package/lib/src/brand-page/utils/migration/migration-20.js

@@ -1,21 +1,25 @@
-import { BRAND_PAGE_TYPES } from '../../models';
+const CONTAINER_BACKGROUND_TYPES = new Set([
+    'mailing-list',
+    'request-payment',
+    'support-me',
+]);
 export const migration20 = async (migrationResult) => {
     const { brandPageModel } = migrationResult;
-    if (brandPageModel.brandPageType === BRAND_PAGE_TYPES.brandSite) {
-        return migrationResult;
-    }
     const buttonFill = brandPageModel.styles?.buttonStyles?.style?.backgroundColor;
     if (buttonFill === undefined) {
         return migrationResult;
     }
     brandPageModel.pages.forEach((page) => {
         page.contents.forEach((content) => {
-            if (content.type !== 'contact-form') {
+            if (!CONTAINER_BACKGROUND_TYPES.has(content.type)) {
                 return;
             }
             const block = content;
-            block.cardStyle = {
-                ...block.cardStyle,
+            if (block.backgroundStyle?.backgroundColor !== undefined) {
+                return;
+            }
+            block.backgroundStyle = {
+                ...block.backgroundStyle,
                 backgroundColor: buttonFill,
             };
         });

package/lib/src/brand-page/utils/migration/migration-21.d.ts

@@ -0,0 +1,2 @@
+import type { MigrationData } from '../migration.util';
+export declare const migration21: (migrationResult: MigrationData) => Promise<MigrationData>;

package/lib/src/brand-page/utils/migration/migration-21.js

@@ -0,0 +1,27 @@
+import { BRAND_PAGE_TYPES } from '../../models';
+export const migration21 = async (migrationResult) => {
+    const { brandPageModel } = migrationResult;
+    if (brandPageModel.brandPageType === BRAND_PAGE_TYPES.brandSite) {
+        return migrationResult;
+    }
+    const buttonFill = brandPageModel.styles?.buttonStyles?.style?.backgroundColor;
+    if (buttonFill === undefined) {
+        return migrationResult;
+    }
+    brandPageModel.pages.forEach((page) => {
+        page.contents.forEach((content) => {
+            if (content.type !== 'contact-form') {
+                return;
+            }
+            const block = content;
+            if (block.cardStyle?.backgroundColor !== undefined) {
+                return;
+            }
+            block.cardStyle = {
+                ...block.cardStyle,
+                backgroundColor: buttonFill,
+            };
+        });
+    });
+    return migrationResult;
+};

package/lib/src/brand-page/utils/migration.util.js

@@ -23,6 +23,7 @@ import { migration17 } from './migration/migration-17';
 import { migration18 } from './migration/migration-18';
 import { migration19 } from './migration/migration-19';
 import { migration20 } from './migration/migration-20';
+import { migration21 } from './migration/migration-21';
 const MIGRATION_TABLE = [
     {
         version: 1,
@@ -143,14 +144,28 @@ const MIGRATION_TABLE = [
     {
         version: 19,
         migrateFn: migration19,
+        // runAlways: normalise RTE to JSON on every load. Idempotent (only HTML
+        // strings are converted; JSON is skipped), so it also catches content the
+        // AI section builders still emit as HTML — converting it on the next read
+        // without a new migration or changes to those builders.
+        runAlways: true,
+        description: 'BP-5787: convert inline-HTML RTE content to Tiptap JSON on load (lazy migrate-on-read for web-renderer; persisted on next maker save; also normalises AI-built HTML)',
+    },
+    {
+        version: 20,
+        migrateFn: migration20,
         // runAlways: re-apply on every load so already-published sites pick up the seed
         // without a version bump. Idempotent — only seeds backgroundColor when unset.
         runAlways: true,
         description: 'BP-5800: seed own container backgroundStyle from the button fill colour for mailing-list, request-payment and support-me so the container background is independent of the site button (existing sites render unchanged)',
     },
     {
-        version: 20,
-        migrateFn: migration20,
+        version: 21,
+        migrateFn: migration21,
+        // runAlways: seed on every load so content already at the latest version
+        // (skipped by a version gate) still detaches. Idempotent — only seeds
+        // cardStyle.backgroundColor when unset, so a user colour is never clobbered.
+        runAlways: true,
         description: 'BP-5800: contact-form BP/BC container colour moves to cardStyle — seed cardStyle from the button fill (its long-standing rendered colour) so existing sites render unchanged',
     },
 ];

package/lib/src/brand-page/utils/text.util.d.ts

@@ -1,5 +1,5 @@
 export declare const getRenderText: (text: string) => string;
-export declare const escapeContentText: (text: string | undefined) => string | undefined;
+export declare const escapeContentText: (text: unknown) => string | undefined;
 export declare const decodeHtmlEntities: (text: string) => string;
 export declare const unescapeContentText: (text: string) => string;
 export declare const encodeContentText: (text: string | undefined) => string | undefined;

package/lib/src/brand-page/utils/text.util.js

@@ -1,11 +1,43 @@
 import { ESCAPED_NEWLINE_CHARACTER } from '../../constants/ui';
+/**
+ * BP-5787 — a Tiptap JSON document is an object with `type: 'doc'`.
+ * Inlined here (rather than importing from brand-page-maker) to avoid a
+ * circular import: rich-text-editor.util imports getRenderText from this file.
+ */
+const isTiptapDoc = (value) => typeof value === 'object' &&
+    value !== null &&
+    value.type === 'doc';
+const jsonDocPlainText = (doc) => {
+    const parts = [];
+    const walk = (node) => {
+        if (typeof node?.text === 'string')
+            parts.push(node.text);
+        node?.content?.forEach(walk);
+    };
+    walk(doc);
+    return parts.join(' ').replace(/\s+/g, ' ').trim();
+};
 export const getRenderText = (text) => {
+    // BP-5787: RTE fields may now be Tiptap JSON objects. Non-strings pass
+    // through untouched so the renderer (TextWrapper) handles them via its
+    // JSON-aware path, instead of throwing on `.replace`.
+    if (typeof text !== 'string') {
+        return text;
+    }
     return text.replace(new RegExp(`(${ESCAPED_NEWLINE_CHARACTER}|\\n)`, 'g'), '<br/>');
 };
+// Accepts a legacy inline-HTML string or a Tiptap JSON document (BP-5787):
+// for JSON it returns the concatenated visible text; for HTML it strips tags.
 export const escapeContentText = (text) => {
     if (!text) {
         return text;
     }
+    if (isTiptapDoc(text)) {
+        return jsonDocPlainText(text);
+    }
+    if (typeof text !== 'string') {
+        return undefined;
+    }
     return text
         .replace(/(<([^>]+)>)/gi, '')
         .replace(/(\r\n|\r|\n)/g, ESCAPED_NEWLINE_CHARACTER);

package/lib/src/brand-page/utils/vcard.util.js

@@ -150,9 +150,9 @@ const processSocialLinks = (socialLinksContent, vcardLines, addedEntries) => {
     });
 };
 const addProfileInfo = (profile, vcardLines) => {
-    const name = sanitizeForVCard(profile.name || '');
-    const title = sanitizeForVCard(profile.title || '');
-    const description = sanitizeForVCard(profile.description || '');
+    const name = sanitizeForVCard(getPlainTextFromRTE(profile.name) || '');
+    const title = sanitizeForVCard(getPlainTextFromRTE(profile.title) || '');
+    const description = sanitizeForVCard(getPlainTextFromRTE(profile.description) || '');
     if (name) {
         const nameParts = name.trim().split(/\s+/);
         const lastName = nameParts.length > 1 ? nameParts.pop() || '' : '';
@@ -205,6 +205,6 @@ const downloadVCard = (vcard, filename) => {
 export const saveContact = (brandPageData) => {
     const vcard = generateVCard(brandPageData);
     const profile = findProfileContent(brandPageData);
-    const filename = generateVCardFilename(profile?.name);
+    const filename = generateVCardFilename(getPlainTextFromRTE(profile?.name));
     downloadVCard(vcard, filename);
 };

package/lib/src/brand-page/utils/view-model.util.d.ts

@@ -28,6 +28,7 @@ interface ViewModelMappingOptions {
     setVideoUrlsWithToken?: (token: string, videoUrl: string, previewImageUrl: string, assetId: string) => void;
 }
 export declare const getBrandPageViewModelFromBrandPageModel: (model: BrandPageModel, brandPageToken: string | undefined, showBrandCrowdLogo: boolean | undefined, options: ViewModelMappingOptions) => BrandPageViewModel;
+export declare const resolvePageIdsInRteJson: (doc: unknown, nav: NavViewModel, options: ViewModelMappingOptions) => unknown;
 export declare const isLogoViewModel: (viewModel: ContentViewModel) => viewModel is LogoViewModel;
 /** for service.brand-page website preview by logo draft token */
 export declare const applyLogoImageToBrandPageViewModel: (viewModel: BrandPageViewModel, logoImage: LogoImageModel) => BrandPageViewModel;