@designcrowd/library.brand-page 5.16.10-kp-rte-4 → 5.16.10

package/lib/src/{CreatedOnBrandCrowd-de-de-BJzbMAXV.js → CreatedOnBrandCrowd-de-de-Br0lVuG3.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-CLWQ9Gfo.js → CreatedOnBrandCrowd-en-us-BUh01IwB.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-CFFFHq1j.js → CreatedOnBrandCrowd-es-es-CpsF5FnB.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DhzBk_Gd.js → CreatedOnBrandCrowd-fr-ca-Cf9afSIR.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DhzBk_Gd.js → CreatedOnBrandCrowd-fr-fr-Cf9afSIR.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-B9aVZ7eZ.js → CreatedOnBrandCrowd-pt-br-CFdOEKvD.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-B9aVZ7eZ.js → CreatedOnBrandCrowd-pt-pt-CFdOEKvD.js}

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

package/lib/src/{CreatedOnDcom-de-de-BXfD-0WI.js → CreatedOnDcom-de-de-cmu5K1ho.js}

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

package/lib/src/{CreatedOnDcom-en-us-yuMvVM1q.js → CreatedOnDcom-en-us-B268amgO.js}

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

package/lib/src/{CreatedOnDcom-es-es-COqYUv-J.js → CreatedOnDcom-es-es-CfGG58vu.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-DMhV-hTt.js → CreatedOnDcom-fr-ca-Bjl75MMT.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-TGXA5LtY.js → CreatedOnDcom-fr-fr-kklHfB6q.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DiYY58fg.js → CreatedOnDcom-pt-br-D_kwlo71.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DNgnnfi0.js → CreatedOnDcom-pt-pt-XwJDiVHY.js}

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

package/lib/src/brand-page/components/profile/Profile.mixin.d.ts

@@ -17,8 +17,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {}, {}, {
     containerStyle(): BrandPageCssStyle;
-    renderDescriptionText(): string;
-    hasDescriptionText(): boolean;
+    renderDescriptionText(): string | undefined;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<ProfileViewModel>;

package/lib/src/brand-page/components/profile/Profile.mixin.js

@@ -1,6 +1,5 @@
 import { defineComponent } from 'vue';
-import { getRenderText, escapeContentText } from '../../utils';
-import { hasRTEContent } from '../../../brand-page-maker/utils/rich-text-editor.util';
+import { getRenderText } from '../../utils';
 export default defineComponent({
     props: {
         viewModel: {
@@ -23,22 +22,9 @@ export default defineComponent({
         },
         renderDescriptionText() {
             if (!this.viewModel?.description) {
-                return '';
-            }
-            if (hasRTEContent(this.viewModel.description)) {
-                return this.viewModel.description;
-            }
-            else {
-                return getRenderText(this.viewModel.description);
-            }
-        },
-        hasDescriptionText() {
-            if (hasRTEContent(this.viewModel.description)) {
-                return escapeContentText(this.viewModel.description) !== '';
-            }
-            else {
-                return this.viewModel?.description?.length > 0;
+                return undefined;
             }
+            return getRenderText(this.viewModel.description);
         },
     },
 });

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

@@ -5,7 +5,7 @@ import { arrayToLinearGradient, linearGradientToArray, isColorLinearGradient, RG
 import { addTransparentAlphaChannelToHex, calculateLuminanceRatio, getNewColorBasedOnTargetColorTheme, } from './color.util';
 import { isRgbColor } from '../../utils/helpers';
 import chroma from 'chroma-js';
-import { hasRTEContent, RTE_ALLOWED_SECTION_TYPES, } from '../../brand-page-maker/utils';
+import { hasRTEContent } from '../../brand-page-maker/utils';
 /**
  * Simple utility to convert any color format to hex for consistent comparison
  */
@@ -225,6 +225,13 @@ const CONTENT_STYLE_PROP_NAME_SUFFIX = [
     'Color',
     'Replacements',
 ];
+const RTE_ALLOWED_SECTION_TYPES = [
+    'text',
+    'banner-section',
+    'booking-section',
+    'images-section',
+    'shapes-section',
+];
 const RTE_ALLOWED_FIELDS = ['title', 'description', 'text', 'textItems'];
 export const applyLogoThemeToContents = (logoTheme, pages) => {
     let isModified = false;

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

@@ -11,7 +11,7 @@ import { useUiPageSettingsStore } from '../../../shared/page-settings/store';
 import { PAGE_SECTIONS } from '../../../shared/page-settings/models';
 import { EVENTS, SELECT_LOCATIONS, useEventTracker, } from '../../../brand-page-maker/composables/useEventTracker';
 import debounce from 'lodash.debounce';
-import { transformToRTE, RTE_ALLOWED_SECTION_TYPES, } from '../../../brand-page-maker/utils';
+import { transformToRTE } from '../../../brand-page-maker/utils';
 import { useExternalRichTextEditor } from '../../../brand-page-maker/composables/rich-text-editor/useRichTextEditor';
 import { useUiStyleSettingsStore } from '../../../shared/style-settings/store';
 import { STYLE_THEME_KEYS } from '../../../brand-page/constants';
@@ -205,7 +205,11 @@ export default defineComponent({
             this.isHeaderSelected = false;
             this.isFooterSelected = false;
             this.isContentSelected = true;
-            if (RTE_ALLOWED_SECTION_TYPES.includes(item.type) &&
+            if ((item.type === 'banner-section' ||
+                item.type === 'booking-section' ||
+                item.type === 'images-section' ||
+                item.type === 'shapes-section' ||
+                item.type === 'text') &&
                 this.canUseRichTextEditor) {
                 let selectedItem = item;
                 if (this.isAdmin) {

package/lib/src/brand-page-maker/constants/config-settings-constant.js

@@ -575,10 +575,8 @@ export const PROFILE_CONTENT_SETTINGS_CONFIG = () => ({
         },
         name: {
             type: 'text',
-            title: contentSettingsTr(`nameTitle`),
             groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
             placeholder: contentSettingsTr(`yourNamePlaceholder`),
-            maxLength: 200,
         },
         nameOverride: {
             type: 'personalisation-override',
@@ -588,9 +586,7 @@ export const PROFILE_CONTENT_SETTINGS_CONFIG = () => ({
         title: {
             type: 'text',
             groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
-            title: contentSettingsTr(`titleTitle`),
             placeholder: contentSettingsTr(`titlePlaceholder`),
-            maxLength: 200,
         },
         titleOverride: {
             type: 'personalisation-override',
@@ -600,10 +596,8 @@ export const PROFILE_CONTENT_SETTINGS_CONFIG = () => ({
         description: {
             type: 'textarea',
             groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
-            title: contentSettingsTr(`defaultDescription`),
             placeholder: contentSettingsTr(`textAreaDescriptionPlaceholder`),
             defaultValue: '',
-            maxLength: 2000,
         },
         descriptionOverride: {
             type: 'personalisation-override',

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

@@ -5,7 +5,6 @@ import type { PageSettingsState } from '../../shared/page-settings/store';
 import type { StyleSettingsState } from '../../shared/style-settings/store';
 import type { Mark } from 'prosemirror-model';
 import { type DOMPurify } from 'dompurify';
-export declare const RTE_ALLOWED_SECTION_TYPES: string[];
 export declare const isStyleChanged: (tr: Transaction) => boolean;
 export declare const skipStyleDetection: (chain: ChainedCommands, marks?: Mark[]) => ChainedCommands;
 export declare const hasRTEContent: (content: string) => boolean;

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

@@ -2,15 +2,6 @@ import { STYLE_THEME_KEYS, } from '../../brand-page';
 import { ESCAPED_NEWLINE_CHARACTER } from '../../constants/ui';
 import { getRenderText } from '../../brand-page/utils';
 import createDomPurify, {} from 'dompurify';
-export const RTE_ALLOWED_SECTION_TYPES = [
-    'banner-section',
-    'text',
-    'booking-section',
-    'images-section',
-    'shapes-section',
-    'mailing-list',
-    'profile',
-];
 // Only allow tags used by the enabled Tiptap extensions
 const allowedTags = [
     'p',
@@ -384,92 +375,6 @@ export const transformToRTE = (uiPageSettingStore, externalEditor, uiStyleSettin
                         }
                     }
                     break;
-                case 'profile':
-                    const profileContent = contentItem.settings.content;
-                    const nameStyleType = profileContent.nameStyle.textStyleType;
-                    const profileTitleStyleType = profileContent.titleStyle.textStyleType;
-                    const profileDescriptionTextStyleType = profileContent.descriptionStyle.textStyleType;
-                    if (nameStyleType &&
-                        (nameStyleType === type || uiStyleSettingsStore)) {
-                        let globalContentStyle = uiStyleSettingsStore
-                            ? uiStyleSettingsStore.textStyles.textStyleOptions[nameStyleType]
-                                .style
-                            : newStyle ?? {};
-                        globalContentStyle = {
-                            ...globalContentStyle,
-                            textAlign: profileContent.nameStyle.textAlign,
-                        };
-                        profileContent.name = getUpdatedHTMLFromEditor(externalEditor, profileContent.name, globalContentStyle);
-                    }
-                    else if (!nameStyleType &&
-                        newContent &&
-                        newContent.id === profileContent.id &&
-                        !hasRTEContent(profileContent.name)) {
-                        const newContentStyle = newContent.nameStyle;
-                        profileContent.name = getUpdatedHTMLFromEditor(externalEditor, profileContent.name, newContentStyle);
-                    }
-                    if (profileTitleStyleType &&
-                        (profileTitleStyleType === type || uiStyleSettingsStore)) {
-                        let globalContentStyle = uiStyleSettingsStore
-                            ? uiStyleSettingsStore.textStyles.textStyleOptions[profileTitleStyleType].style
-                            : newStyle ?? {};
-                        globalContentStyle = {
-                            ...globalContentStyle,
-                            textAlign: profileContent.titleStyle.textAlign,
-                        };
-                        profileContent.title = getUpdatedHTMLFromEditor(externalEditor, profileContent.title, globalContentStyle);
-                    }
-                    else if (!profileTitleStyleType &&
-                        newContent &&
-                        newContent.id === profileContent.id &&
-                        !hasRTEContent(profileContent.title)) {
-                        const newContentStyle = newContent.titleStyle;
-                        profileContent.title = getUpdatedHTMLFromEditor(externalEditor, profileContent.title, newContentStyle);
-                    }
-                    if (profileDescriptionTextStyleType &&
-                        (profileDescriptionTextStyleType === type || uiStyleSettingsStore)) {
-                        let globalContentStyle = uiStyleSettingsStore
-                            ? uiStyleSettingsStore.textStyles.textStyleOptions[profileDescriptionTextStyleType].style
-                            : newStyle ?? {};
-                        globalContentStyle = {
-                            ...globalContentStyle,
-                            textAlign: profileContent.descriptionStyle.textAlign,
-                        };
-                        profileContent.description = getUpdatedHTMLFromEditor(externalEditor, profileContent.description, globalContentStyle);
-                    }
-                    else if (!profileDescriptionTextStyleType &&
-                        newContent &&
-                        newContent.id === profileContent.id &&
-                        !hasRTEContent(profileContent.description)) {
-                        const newContentStyle = newContent
-                            .descriptionStyle;
-                        profileContent.description = getUpdatedHTMLFromEditor(externalEditor, profileContent.description, newContentStyle);
-                    }
-                    break;
-                case 'mailing-list':
-                    const mailingListContent = contentItem.settings.content;
-                    const mailingPromptTextStyleType = mailingListContent.promptTextStyle
-                        .textStyleType;
-                    debugger;
-                    if (mailingPromptTextStyleType &&
-                        (mailingPromptTextStyleType === type || uiStyleSettingsStore)) {
-                        let globalContentStyle = uiStyleSettingsStore
-                            ? uiStyleSettingsStore.textStyles.textStyleOptions[mailingPromptTextStyleType].style
-                            : newStyle ?? {};
-                        globalContentStyle = {
-                            ...globalContentStyle,
-                            textAlign: mailingListContent.promptTextStyle.textAlign,
-                        };
-                        mailingListContent.promptText = getUpdatedHTMLFromEditor(externalEditor, mailingListContent.promptText, globalContentStyle);
-                    }
-                    else if (!mailingPromptTextStyleType &&
-                        newContent &&
-                        newContent.id === mailingListContent.id &&
-                        !hasRTEContent(mailingListContent.promptText)) {
-                        const newContentStyle = newContent.promptTextStyle;
-                        mailingListContent.promptText = getUpdatedHTMLFromEditor(externalEditor, mailingListContent.promptText, newContentStyle);
-                    }
-                    break;
             }
         }
     }
@@ -596,78 +501,6 @@ export const switchAllContentToRTE = (uiPageSettingStore, externalEditor, uiStyl
                         }
                     }
                     break;
-                case 'profile':
-                    const profileContent = contentItem.settings.content;
-                    const nameStyleType = profileContent.nameStyle.textStyleType;
-                    const profileTitleStyleType = profileContent.titleStyle.textStyleType;
-                    const profileDescriptionTextStyleType = profileContent.descriptionStyle.textStyleType;
-                    if (nameStyleType && uiStyleSettingsStore) {
-                        let globalContentStyle = uiStyleSettingsStore.textStyles
-                            .textStyleOptions[nameStyleType].style;
-                        globalContentStyle = {
-                            ...globalContentStyle,
-                            textAlign: profileContent.nameStyle.textAlign,
-                        };
-                        if (!hasRTEContent(profileContent.name))
-                            profileContent.name = getUpdatedHTMLFromEditor(externalEditor, profileContent.name, globalContentStyle);
-                    }
-                    else if (!nameStyleType && !hasRTEContent(profileContent.name)) {
-                        const newContentStyle = profileContent.nameStyle;
-                        profileContent.name = getUpdatedHTMLFromEditor(externalEditor, profileContent.name, newContentStyle);
-                    }
-                    if (profileTitleStyleType && uiStyleSettingsStore) {
-                        let globalContentStyle = uiStyleSettingsStore.textStyles
-                            .textStyleOptions[profileTitleStyleType]
-                            .style;
-                        globalContentStyle = {
-                            ...globalContentStyle,
-                            textAlign: profileContent.titleStyle.textAlign,
-                        };
-                        if (!hasRTEContent(profileContent.title))
-                            profileContent.title = getUpdatedHTMLFromEditor(externalEditor, profileContent.title, globalContentStyle);
-                    }
-                    else if (!profileTitleStyleType &&
-                        !hasRTEContent(profileContent.title)) {
-                        const newContentStyle = profileContent.titleStyle;
-                        profileContent.title = getUpdatedHTMLFromEditor(externalEditor, profileContent.title, newContentStyle);
-                    }
-                    if (profileDescriptionTextStyleType && uiStyleSettingsStore) {
-                        let globalContentStyle = uiStyleSettingsStore.textStyles
-                            .textStyleOptions[profileDescriptionTextStyleType]
-                            .style;
-                        globalContentStyle = {
-                            ...globalContentStyle,
-                            textAlign: profileContent.descriptionStyle.textAlign,
-                        };
-                        if (!hasRTEContent(profileContent.description))
-                            profileContent.description = getUpdatedHTMLFromEditor(externalEditor, profileContent.description, globalContentStyle);
-                    }
-                    else if (!profileDescriptionTextStyleType &&
-                        !hasRTEContent(profileContent.description)) {
-                        const newContentStyle = profileContent.descriptionStyle;
-                        profileContent.description = getUpdatedHTMLFromEditor(externalEditor, profileContent.description, newContentStyle);
-                    }
-                    break;
-                case 'mailing-list':
-                    const mailingListContent = contentItem.settings
-                        .content;
-                    const titleStyleType = mailingListContent.titleStyle.textStyleType;
-                    if (titleStyleType && uiStyleSettingsStore) {
-                        let globalContentStyle = uiStyleSettingsStore.textStyles
-                            .textStyleOptions[titleStyleType].style;
-                        globalContentStyle = {
-                            ...globalContentStyle,
-                            textAlign: mailingListContent.titleStyle.textAlign,
-                        };
-                        if (!hasRTEContent(mailingListContent.promptText))
-                            mailingListContent.promptText = getUpdatedHTMLFromEditor(externalEditor, mailingListContent.promptText, globalContentStyle);
-                    }
-                    else if (!titleStyleType &&
-                        !hasRTEContent(mailingListContent.promptText)) {
-                        const newContentStyle = mailingListContent.titleStyle;
-                        mailingListContent.promptText = getUpdatedHTMLFromEditor(externalEditor, mailingListContent.promptText, newContentStyle);
-                    }
-                    break;
             }
         }
     }