@designcrowd/library.brand-page 6.1.1-json-prereq-3 → 6.1.1

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

@@ -1,79 +1,15 @@
 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);
 };
-/**
- * Character length of RTE content as the *editor* counts it — ProseMirror
- * `doc.textContent`: text nodes concatenated with NO separator. This is the
- * metric the MaxLength extension gates on, so length indicators must use it too.
- *
- * Do NOT use escapeContentText/jsonDocPlainText for length limiting: those
- * join text nodes with a space for readable plain-text extraction, so they
- * over-count by one character per inline mark boundary. Converting a word to a
- * hyperlink (or bolding it, etc.) splits its text node, making the counter
- * report length+1 for content the editor considers exactly at the cap (BP-5787).
- */
-export const getContentTextLength = (value) => {
-    if (!value) {
-        return 0;
-    }
-    if (isTiptapDoc(value)) {
-        let length = 0;
-        const walk = (node) => {
-            if (typeof node?.text === 'string') {
-                length += node.text.length;
-            }
-            node?.content?.forEach(walk);
-        };
-        walk(value);
-        return length;
-    }
-    if (typeof value !== 'string') {
-        return 0;
-    }
-    // Legacy inline-HTML string: count visible text with tags stripped.
-    return value.replace(/(<([^>]+)>)/gi, '').length;
-};
 export const decodeHtmlEntities = (text) => {
     return text
         .replace(/&lt;/g, '<')

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(getPlainTextFromRTE(profile.name) || '');
-    const title = sanitizeForVCard(getPlainTextFromRTE(profile.title) || '');
-    const description = sanitizeForVCard(getPlainTextFromRTE(profile.description) || '');
+    const name = sanitizeForVCard(profile.name || '');
+    const title = sanitizeForVCard(profile.title || '');
+    const description = sanitizeForVCard(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(getPlainTextFromRTE(profile?.name));
+    const filename = generateVCardFilename(profile?.name);
     downloadVCard(vcard, filename);
 };

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

@@ -28,7 +28,6 @@ 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;

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

@@ -10,7 +10,7 @@ import { isValidSvgUrl } from './image.util';
 import { isLogoContent } from './model.util';
 import { getBoxShadowValue } from './button.util';
 import { findNavItemByPageId, getRouteNameByPageIndex, getRouteParamsByPage, } from './route.util';
-import { hasRTEContent, isTiptapDocument } from '../../brand-page-maker/utils';
+import { hasRTEContent } from '../../brand-page-maker/utils';
 import { getPageIdFromHref, isHrefPageId, } from '../../brand-page-maker/composables/rich-text-editor/hyperlink';
 const BUTTON_BORDER_RADIUS = '9999px';
 const CONTENT_BORDER_RADIUS = '48px';
@@ -864,75 +864,13 @@ const mapPageIdReferencesToRelativePaths = (pages, nav, options) => {
         });
     });
 };
-// Resolve a `pageid:<id>` internal-link href to the published relative path.
-// Returns the resolved href, or null when `href` is not an internal pageid link
-// (external/absolute links are left untouched). Falls back to the site root when
-// the pageid can't be matched to a nav route.
-const resolvePageIdHref = (href, nav, options) => {
-    // Only process internal links (no protocol, doesn't start with /)
-    if (!href || href.match(/^(https?:\/\/|\/)/) || !isHrefPageId(href)) {
-        return null;
-    }
-    const pageId = getPageIdFromHref(href);
-    const route = findNavItemByPageId(nav.navItems, pageId);
-    const brandPageSlugRoute = options.brandPageSlug
-        ? `/${options.brandPageSlug}`
-        : '/';
-    if (route) {
-        if (route.isRoot) {
-            return brandPageSlugRoute;
-        }
-        return `${brandPageSlugRoute}${brandPageSlugRoute === '/' ? '' : '/'}${route.relativePath}`;
-    }
-    // fallback to root if pageid cannot be resolved.
-    return brandPageSlugRoute;
-};
-// BP-5847: walk a Tiptap JSON doc and rewrite every link mark whose href is a
-// `pageid:` reference into its published relative path. Returns a NEW doc when
-// something changed (so the shared model doc is never mutated), else the same
-// reference.
-export const resolvePageIdsInRteJson = (doc, nav, options) => {
-    let changed = false;
-    const walk = (node) => {
-        if (!node || typeof node !== 'object') {
-            return node;
-        }
-        let next = node;
-        if (Array.isArray(node.marks)) {
-            const marks = node.marks.map((mark) => {
-                if (mark?.type === 'link' && typeof mark.attrs?.href === 'string') {
-                    const resolved = resolvePageIdHref(mark.attrs.href, nav, options);
-                    if (resolved !== null) {
-                        changed = true;
-                        return { ...mark, attrs: { ...mark.attrs, href: resolved } };
-                    }
-                }
-                return mark;
-            });
-            next = { ...next, marks };
-        }
-        if (Array.isArray(node.content)) {
-            next = { ...next, content: node.content.map(walk) };
-        }
-        return next;
-    };
-    const result = walk(doc);
-    return changed ? result : doc;
-};
 const dynamicallyMapPageIdInHyperlinksToRelativePaths = (content, nav, options) => {
     Object.keys(content).forEach((key) => {
         const value = content[key];
         if (value === undefined || value === null) {
             return;
         }
-        if (isTiptapDocument(value)) {
-            // BP-5847: RTE fields may now be Tiptap JSON. Resolve pageid link marks
-            // here too, or internal links render as raw `pageid:` and don't navigate.
-            content[key] =
-                resolvePageIdsInRteJson(value, nav, options);
-        }
-        else if (typeof value === 'object' &&
-            (key === 'items' || key === 'textItems')) {
+        if (typeof value === 'object' && (key === 'items' || key === 'textItems')) {
             if (Array.isArray(value)) {
                 value.forEach((item) => {
                     dynamicallyMapPageIdInHyperlinksToRelativePaths(item, nav, options);
@@ -944,10 +882,24 @@ const dynamicallyMapPageIdInHyperlinksToRelativePaths = (content, nav, options)
         }
         else if (typeof value === 'string' && hasRTEContent(value)) {
             content[key] = value.replace(/<a\s+([^>]*?)href="([^"]*?)"([^>]*?)>/gi, (match, existingAttrsStart, href, existingAttrsEnd) => {
-                const resolved = resolvePageIdHref(href, nav, options);
-                return resolved === null
-                    ? match
-                    : `<a ${existingAttrsStart}href="${resolved}"${existingAttrsEnd}>`;
+                // Only process internal links (no protocol, doesn't start with /)
+                if (href && !href.match(/^(https?:\/\/|\/)/) && isHrefPageId(href)) {
+                    const pageId = getPageIdFromHref(href);
+                    const route = findNavItemByPageId(nav.navItems, pageId);
+                    const brandPageSlugRoute = options.brandPageSlug
+                        ? `/${options.brandPageSlug}`
+                        : '/';
+                    if (route) {
+                        let href = `${brandPageSlugRoute}`;
+                        if (!route.isRoot) {
+                            href = `${brandPageSlugRoute}${brandPageSlugRoute === '/' ? '' : '/'}${route.relativePath}`;
+                        }
+                        return `<a ${existingAttrsStart}href="${href}"${existingAttrsEnd}>`;
+                    }
+                    // fallback to root if pageid cannot be resolved.
+                    return `<a ${existingAttrsStart}href="${brandPageSlugRoute}"${existingAttrsEnd}>`;
+                }
+                return match;
             });
         }
     });

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

@@ -1,4 +1,4 @@
-import type { ButtonWithModalContent, ProfileContent, TextContent, VideoContent, ImageContent, ContentType, ButtonStyles, LogoStyles, MapContent, ImageGalleryContent, GalleryStyles, MailingListContent, RequestPaymentContent, ShopContent, SupportMeContent, ContactFormContent, BannerSectionContent, BrandPageType, SocialLinksContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ButtonLinkType, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop, TextMediaItem, TextShapeItem, TextStyleDeclaration, AspectRatio, LogoImageModel, LogoTemplateImageModel, CookieOptions, BookingSectionContent, MediaTypes, TextStyles, BackgroundStyle, BackgroundShape, PersonalisationRole, SaveContactOptions, RichTextValue } from './models';
+import type { ButtonWithModalContent, ProfileContent, TextContent, VideoContent, ImageContent, ContentType, ButtonStyles, LogoStyles, MapContent, ImageGalleryContent, GalleryStyles, MailingListContent, RequestPaymentContent, ShopContent, SupportMeContent, ContactFormContent, BannerSectionContent, BrandPageType, SocialLinksContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ButtonLinkType, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop, TextMediaItem, TextShapeItem, TextStyleDeclaration, AspectRatio, LogoImageModel, LogoTemplateImageModel, CookieOptions, BookingSectionContent, MediaTypes, TextStyles, BackgroundStyle, BackgroundShape, PersonalisationRole, SaveContactOptions } from './models';
 import type { ImagesSectionContentDisplayStyle } from './constants';
 export type ViewModelType = 'button' | 'image' | 'image-gallery' | 'logo' | 'map' | 'mailing-list' | 'profile' | 'support-me' | 'request-payment' | 'text' | 'video' | 'contact-form' | 'banner-section' | 'images-section' | 'about-section' | 'divider-section' | 'testimonial-section' | 'social-links' | 'shapes-section' | 'shop-section' | 'booking-section';
 export interface ContentViewModel {
@@ -94,8 +94,8 @@ export interface TextImageSectionViewModel {
     id: string;
     type: 'images-section';
     role: ContentType;
-    title: RichTextValue;
-    description: RichTextValue;
+    title: string;
+    description: string;
     displayStyle: ImagesSectionContentDisplayStyle;
     aspectRatio: AspectRatio;
     areImagesFullWidth: boolean;

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

@@ -952,7 +952,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             mode: import("@shared/models").UiScreenSizeMode;
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
-            personalisationData: UserPersonalisationContent[];
+            personalisationData: UserPersonalisationContent[] | undefined;
         }): void;
         setUserPromptContentKey({ userPromptContentKey, }: {
             userPromptContentKey: string | undefined;

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

@@ -8,6 +8,20 @@ import { useBrandPageContainerStore, useBrandPageMakerStore, useBrandPageMakerUs
 import { useUiTemplateSettingsStore } from '@shared/template-settings/store';
 import { applyLogoImageBase64UrlToBrandPageTemplateModel, applyLogoImageToBrandPageTemplateModel, applyLogoTemplateImageToBrandPageTemplateModel, } from '@brand-page/utils/logo.util';
 import { useVideoStore } from '@src/lib';
+// Content params the backend may bake into a preview URL. When the editor's key wins,
+// none of these may survive — a stale one alongside the new key is the bp-5941 mismatch.
+// contentKey MUST stay listed: preview-renderer prefers contentKey+userToken over
+// userPromptContentKey, so a surviving contentKey would silently win. userToken alone
+// can't trigger that branch, so it's left as the backend sent it.
+const BAKED_CONTENT_PARAMS = ['contentKey', 'userPromptContentKey'];
+const toUrl = (value) => {
+    try {
+        return new URL(value);
+    }
+    catch {
+        return null;
+    }
+};
 const DEBOUNCE_IN_MS = 250;
 export default defineComponent({
     emits: ['template-selected'],
@@ -169,25 +183,44 @@ export default defineComponent({
             if (!previewImageUrl) {
                 return '';
             }
-            const isAlreadyPersonalised = previewImageUrl.includes('contentKey=') ||
-                previewImageUrl.includes('userPromptContentKey=');
-            if (this.isPersonalisable &&
-                this.template.contentKey &&
-                !isAlreadyPersonalised) {
-                if (this.userToken && !this.template.usesUserPromptContentKey) {
-                    previewImageUrl += `&contentKey=${this.template.contentKey}`;
-                    // The backend already bakes userToken into brand-site preview URLs. Only add
-                    // it when missing - two userToken params parse as an array and the preview
-                    // renderer rejects it ("userToken must be a string type") (bp-5765).
-                    if (!previewImageUrl.includes('userToken=')) {
-                        previewImageUrl += `&userToken=${this.userToken}`;
-                    }
+            const hasAuthoritativeUserPromptKey = this.isPersonalisable &&
+                this.template.usesUserPromptContentKey &&
+                !!this.template.contentKey;
+            if (hasAuthoritativeUserPromptKey) {
+                // The editor resolves post-purchase content from the current industry, so its
+                // userPrompt key is authoritative. On empty search the backend bakes a per-template
+                // logo-draft contentKey (DY-1305) that diverges from the editor (bp-5941); strip any
+                // baked content params and resolve from the userPrompt S3 bucket via the editor's key.
+                const url = toUrl(previewImageUrl);
+                // Not a parseable absolute URL — nothing to personalise, leave it alone.
+                if (!url) {
+                    return previewImageUrl;
                 }
-                else {
-                    // userPromptContentKey resolves from the userPrompt S3 bucket (real AI images).
-                    // Post-purchase designs with a userPrompt key route here too, NOT through the
-                    // userToken/regular-bucket branch above which holds placeholders (bp-5454).
-                    previewImageUrl += `&userPromptContentKey=${this.template.contentKey}`;
+                BAKED_CONTENT_PARAMS.forEach((param) => url.searchParams.delete(param));
+                url.searchParams.set('userPromptContentKey', this.template.contentKey);
+                previewImageUrl = url.toString();
+            }
+            else {
+                const isAlreadyPersonalised = previewImageUrl.includes('contentKey=') ||
+                    previewImageUrl.includes('userPromptContentKey=');
+                if (this.isPersonalisable &&
+                    this.template.contentKey &&
+                    !isAlreadyPersonalised) {
+                    if (this.userToken) {
+                        previewImageUrl += `&contentKey=${this.template.contentKey}`;
+                        // The backend already bakes userToken into brand-site preview URLs. Only add
+                        // it when missing - two userToken params parse as an array and the preview
+                        // renderer rejects it ("userToken must be a string type") (bp-5765).
+                        if (!previewImageUrl.includes('userToken=')) {
+                            previewImageUrl += `&userToken=${this.userToken}`;
+                        }
+                    }
+                    else {
+                        // userPromptContentKey resolves from the userPrompt S3 bucket (real AI images).
+                        // Post-purchase designs with a userPrompt key route here too, NOT through the
+                        // userToken/regular-bucket branch above which holds placeholders (bp-5454).
+                        previewImageUrl += `&userPromptContentKey=${this.template.contentKey}`;
+                    }
                 }
             }
             if (this.logoImage?.logoVariation !== undefined) {

package/lib/src/brand-page-maker/composables/ai-chat/useAiMetadataBuilder.d.ts

@@ -21,6 +21,7 @@ export interface AiMetadataBuilderResult {
 }
 export declare function useAiMetadataBuilder(logger: Logger): {
     applyAiToolCallsAsync: (model: BrandPageModel, aiAssistantToolCall: AiAssistantToolCall[], options?: {
+        maxCharacters?: number;
         /**
          * Invoked by the UndoBuilder to resolve the pre-prompt snapshot.
          * Required when the response includes an `undo` tool call.

package/lib/src/brand-page-maker/composables/rich-text-editor/bubbleMenu.d.ts

@@ -5,8 +5,15 @@ export declare const useBubbleMenu: (editor: Editor, isHyperlinkPopupOpen?: Ref<
         editor: any;
         state: any;
     }) => any;
-    bubbleMenuOptions: {
+    tippyOptions: {
+        duration: number;
         placement: "bottom";
-        offset: number;
+        interactive: boolean;
+        appendTo: "parent";
+        hideOnClick: boolean;
+        arrow: boolean;
+        offset: [number, number];
+        trigger: "manual";
+        zIndex: number;
     };
 };

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

@@ -13,15 +13,19 @@ export const useBubbleMenu = (editor, isHyperlinkPopupOpen) => {
         }
         return false;
     };
-    // v3 BubbleMenu uses Floating UI (was tippy.js in v2). Only placement + offset
-    // carry over; the rest of the old tippy config (trigger/interactive/hideOnClick/
-    // zIndex) is either the v3 default or handled in CSS.
-    const bubbleMenuOptions = {
+    const tippyOptions = {
+        duration: 100,
         placement: 'bottom',
-        offset: 10,
+        interactive: true,
+        appendTo: 'parent',
+        hideOnClick: false,
+        arrow: false,
+        offset: [0, 10],
+        trigger: 'manual',
+        zIndex: 10,
     };
     return {
         shouldShow,
-        bubbleMenuOptions,
+        tippyOptions,
     };
 };

package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/FontSize.d.ts

@@ -0,0 +1,20 @@
+import { Extension } from '@tiptap/core';
+import '@tiptap/extension-text-style';
+export type FontSizeOptions = {
+    types: string[];
+};
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        fontSize: {
+            /**
+             * Set the font size
+             */
+            setFontSize: (fontSize: string) => ReturnType;
+            /**
+             * Unset the font size
+             */
+            unsetFontSize: () => ReturnType;
+        };
+    }
+}
+export declare const FontSize: Extension<FontSizeOptions, any>;

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

@@ -0,0 +1,44 @@
+import { Extension } from '@tiptap/core';
+import '@tiptap/extension-text-style';
+export const FontSize = Extension.create({
+    name: 'fontSize',
+    addOptions() {
+        return {
+            types: ['textStyle'],
+        };
+    },
+    addGlobalAttributes() {
+        return [
+            {
+                types: this.options.types,
+                attributes: {
+                    fontSize: {
+                        default: null,
+                        parseHTML: (element) => element.style.fontSize.replace(/['"]+/g, ''),
+                        renderHTML: (attributes) => {
+                            if (!attributes.fontSize) {
+                                return {};
+                            }
+                            return {
+                                style: `font-size: ${attributes.fontSize}`,
+                            };
+                        },
+                    },
+                },
+            },
+        ];
+    },
+    addCommands() {
+        return {
+            setFontSize: (fontSize) => ({ chain }) => {
+                return chain().setMark('textStyle', { fontSize }).run();
+            },
+            unsetFontSize: () => ({ chain }) => {
+                return chain()
+                    .setMark('textStyle', { fontSize: null })
+                    .removeEmptyTextStyle()
+                    .run();
+            },
+        };
+    },
+});

package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/LineHeight.d.ts

@@ -0,0 +1,27 @@
+import { Extension } from '@tiptap/core';
+export type LineHeightOptions = {
+    /**
+     * Node / mark types that should carry the `lineHeight` attribute.
+     * Defaults to `['textStyle']` to piggy‑back on TipTap’s built‑in mark.
+     */
+    types: string[];
+};
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        lineHeight: {
+            /**
+             * Apply a line‑height to the current selection (or stored marks).
+             */
+            setLineHeight: (heightValue: string) => ReturnType;
+            /**
+             * Remove any line‑height attribute.
+             */
+            unsetLineHeight: () => ReturnType;
+            /**
+             * Read the current line‑height from the selection / stored marks.
+             */
+            getLineHeight: () => ReturnType;
+        };
+    }
+}
+export declare const LineHeight: Extension<LineHeightOptions, any>;

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

@@ -0,0 +1,44 @@
+import { Extension } from '@tiptap/core';
+export const LineHeight = Extension.create({
+    name: 'lineHeight',
+    addOptions() {
+        return {
+            types: ['textStyle'],
+        };
+    },
+    addGlobalAttributes() {
+        return [
+            {
+                types: this.options.types,
+                attributes: {
+                    lineHeight: {
+                        default: null,
+                        parseHTML: (element) => (element.style.lineHeight || '').replace(/['"]+/g, ''),
+                        renderHTML: (attributes) => {
+                            if (!attributes.lineHeight) {
+                                return {};
+                            }
+                            return { style: `line-height: ${attributes.lineHeight}` };
+                        },
+                    },
+                },
+            },
+        ];
+    },
+    addCommands() {
+        return {
+            setLineHeight: (lineHeight) => ({ chain }) => {
+                return chain().setMark('textStyle', { lineHeight }).run();
+            },
+            unsetLineHeight: () => ({ chain }) => {
+                return chain()
+                    .setMark('textStyle', { lineHeight: null })
+                    .removeEmptyTextStyle()
+                    .run();
+            },
+            getLineHeight: () => ({ editor }) => {
+                return editor.getAttributes('textStyle').lineHeight;
+            },
+        };
+    },
+});

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

@@ -43,7 +43,7 @@ interface UseRichTextEditorReturn {
         editor: any;
         state: any;
     }) => boolean;
-    bubbleMenuOptions: Record<string, any>;
+    tippyOptions: Record<string, any>;
     handleAdminColorChange: (color: {
         id: string;
         name: string;