@designcrowd/library.brand-page 5.16.28 → 5.16.29-pre-temp-13

package/lib/src/{CreatedOnBrandCrowd-de-de-C-CdtuLf.js → CreatedOnBrandCrowd-de-de-C5cvDYY0.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DrL7aiqj.js → CreatedOnBrandCrowd-en-us-D0KCSK_6.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DDJFsUyp.js → CreatedOnBrandCrowd-es-es-BtlaguF9.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Dv8j7UDI.js → CreatedOnBrandCrowd-fr-ca-RGdnURaa.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Dv8j7UDI.js → CreatedOnBrandCrowd-fr-fr-RGdnURaa.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-Dp52qW0V.js → CreatedOnBrandCrowd-pt-br-BJwt5ATI.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-Dp52qW0V.js → CreatedOnBrandCrowd-pt-pt-BJwt5ATI.js}

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

package/lib/src/{CreatedOnDcom-de-de-Df9pkq3U.js → CreatedOnDcom-de-de-LUA5Wvy5.js}

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

package/lib/src/{CreatedOnDcom-en-us-DqHPayYQ.js → CreatedOnDcom-en-us-Dd1UPBVq.js}

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

package/lib/src/{CreatedOnDcom-es-es-BcyOZFjl.js → CreatedOnDcom-es-es-CD923NVo.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-DdjkYDpz.js → CreatedOnDcom-fr-ca-C6Mc--2a.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-B3v0x4gQ.js → CreatedOnDcom-fr-fr-Ffrd6Erx.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DJe-M_Ue.js → CreatedOnDcom-pt-br-BfoY5gWJ.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-B1aOyZ5I.js → CreatedOnDcom-pt-pt-f0ywi387.js}

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

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

@@ -1,5 +1,5 @@
 import { computed, defineComponent } from 'vue';
-import { DESKTOP_HEIGHT, DESKTOP_WIDTH, MOBILE_HEIGHT, MOBILE_WIDTH, MOBILE_HEIGHT_POST_PURCHASE, } from '../../constants';
+import { DESKTOP_HEIGHT, DESKTOP_WIDTH, MOBILE_HEIGHT, MOBILE_WIDTH, } from '../../constants';
 import { useBrandPageMakerStore, useBrandPageContainerStore, } from '../../../lib';
 export default defineComponent({
     setup() {
@@ -21,10 +21,7 @@ export default defineComponent({
             return this.isBrandSite ? DESKTOP_WIDTH : MOBILE_WIDTH;
         },
         height() {
-            if (this.isBrandSite) {
-                return DESKTOP_HEIGHT;
-            }
-            return this.isPrePurchase ? MOBILE_HEIGHT : MOBILE_HEIGHT_POST_PURCHASE;
+            return this.isBrandSite ? DESKTOP_HEIGHT : MOBILE_HEIGHT;
         },
     },
 });

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

@@ -189,7 +189,7 @@ export default defineComponent({
     },
     watch: {
         template() {
-            if (this.isAdmin || this.isPrePurchase) {
+            if (this.isAdmin) {
                 this.updateViewModel();
             }
             else {
@@ -200,7 +200,7 @@ export default defineComponent({
         },
         logoTheme: {
             handler() {
-                if (this.isAdmin || this.isPrePurchase) {
+                if (this.isAdmin) {
                     this.updateViewModel();
                 }
             },
@@ -208,7 +208,7 @@ export default defineComponent({
         },
         previewImageUrl() {
             // Reset loading state whenever the preview URL changes
-            if (!this.isAdmin && !this.isPrePurchase) {
+            if (!this.isAdmin) {
                 this.imageLoading = true;
                 this.imageLoadError = false;
             }
@@ -267,7 +267,7 @@ export default defineComponent({
         },
         async updateViewModel(forceUpdate = true) {
             // Only update view model for admin or pre-purchase mode
-            if (!this.isAdmin && !this.isPrePurchase) {
+            if (!this.isAdmin) {
                 return;
             }
             const videoStore = useVideoStore();

package/lib/src/brand-page-maker/composables/useEventTracker.d.ts

@@ -49,6 +49,7 @@ export declare const EVENTS: {
     WEBSITE_MAKER_AI_STOP_GENERATION: string;
     WEBSITE_SAVE_CONTACT: string;
     WEBSITE_START_FOR_FREE: string;
+    WEBSITE_MAKER_AI_CLICK_SUGGESTED_PROMPT: string;
 };
 export declare const SELECT_LOCATIONS: {
     MAKER_PREVIEW: string;
@@ -77,6 +78,11 @@ export declare const GENERATE_AI_TEXT_CTA_LOCATIONS: {
     TEXT_ITEM: string;
     TESTIMONIAL_ITEM: string;
 };
+export declare const GENERATE_AI_SUGGESTED_PROMPT: {
+    GENERATE_TEXT: string;
+    IMPROVE_TEXT: string;
+    SPELL_CHECK: string;
+};
 export declare const TRIGGER_TYPE: {
     AUTOMATIC: string;
     USER_TRIGGERED: string;

package/lib/src/brand-page-maker/composables/useEventTracker.js

@@ -32,6 +32,7 @@ export const EVENTS = {
     WEBSITE_MAKER_AI_STOP_GENERATION: 'website_maker_ai_stop_generation',
     WEBSITE_SAVE_CONTACT: 'website_save_contact',
     WEBSITE_START_FOR_FREE: 'website_start_for_free',
+    WEBSITE_MAKER_AI_CLICK_SUGGESTED_PROMPT: 'website_maker_ai_click_suggested_prompt',
 };
 export const SELECT_LOCATIONS = {
     MAKER_PREVIEW: 'maker_preview',
@@ -60,6 +61,11 @@ export const GENERATE_AI_TEXT_CTA_LOCATIONS = {
     TEXT_ITEM: 'text_item',
     TESTIMONIAL_ITEM: 'testimonial_item',
 };
+export const GENERATE_AI_SUGGESTED_PROMPT = {
+    GENERATE_TEXT: 'generate_text',
+    IMPROVE_TEXT: 'improve_text',
+    SPELL_CHECK: 'spell_check',
+};
 export const TRIGGER_TYPE = {
     AUTOMATIC: 'automatic',
     USER_TRIGGERED: 'user_triggered',

package/lib/src/brand-page-maker/constants/template-constants.d.ts

@@ -1,5 +1,4 @@
-export declare const MOBILE_HEIGHT = 734;
-export declare const MOBILE_HEIGHT_POST_PURCHASE = 636;
+export declare const MOBILE_HEIGHT = 636;
 export declare const MOBILE_WIDTH = 358;
 export declare const DESKTOP_HEIGHT = 600;
 export declare const DESKTOP_WIDTH = 1000;

package/lib/src/brand-page-maker/constants/template-constants.js

@@ -1,5 +1,4 @@
-export const MOBILE_HEIGHT = 734;
-export const MOBILE_HEIGHT_POST_PURCHASE = 636;
+export const MOBILE_HEIGHT = 636;
 export const MOBILE_WIDTH = 358;
 export const DESKTOP_HEIGHT = 600;
 export const DESKTOP_WIDTH = 1000;

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js

@@ -33,6 +33,7 @@ import { commonTr, errorTr } from '../../../composables/useTranslate';
 import { UPGRADE_CTA_LOCATIONS } from '../../composables/useEventTracker';
 import { useVideoStore } from '../video';
 import { findValuesByKey } from '../../../helpers/ts.helper';
+import { useLogoStore } from '../logo-store';
 const brandPageTypeTemplateTypeMap = {
     [BRAND_PAGE_TYPES.default]: 'Brand Page',
     [BRAND_PAGE_TYPES.brandSite]: 'Brand Site',
@@ -176,6 +177,8 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const userStore = useBrandPageMakerUserStore();
             const containerStore = useBrandPageContainerStore();
             const uiContentSettings = useUiContentSettingsStore();
+            const editableLogoStore = useUiEditableLogoStore();
+            const logoStore = useLogoStore();
             if (!this.selectedTemplateId) {
                 return;
             }
@@ -205,6 +208,24 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 }
             }
             else {
+                if (containerStore.isPrePurchase) {
+                    if (logoStore.logoTemplateAsset?.isByo) {
+                        if (uiStore.logoTheme)
+                            uiStore.setLogoTheme({
+                                logoTheme: uiStore.logoTheme,
+                            });
+                    }
+                    else {
+                        const logoVariation = logoSettingsStore.selectedLogoTemplateImage
+                            ?.logoTemplateVersion ?? 0;
+                        const logoTheme = editableLogoStore.editableLogoVariations[logoVariation]
+                            ?.logoTheme;
+                        if (logoTheme)
+                            uiStore.setLogoTheme({
+                                logoTheme: parseLogoThemeToCssStyles(logoTheme),
+                            });
+                    }
+                }
                 const logoImage = logoUtil.safeGetLogoImageFromLogoImageUrl(logoImageUrl);
                 // FIXME = this appears to re-run migrateLogoImageUrl
                 [

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

@@ -134,11 +134,19 @@ export const getPlainTextFromRTE = (content) => {
     if (typeof content !== 'string') {
         return '';
     }
+    let plainText = content;
     // Only strip HTML tags if the value contains HTML
     if (hasRTEContent(content)) {
-        return content.replace(/<[^>]*>/g, '').trim();
+        plainText = content.replace(/<[^>]*>/g, '');
     }
-    return content.trim();
+    // Decode URL-encoded characters (like %0A for line breaks)
+    try {
+        plainText = decodeURIComponent(plainText);
+    }
+    catch (e) {
+        // If decoding fails, use the text as-is
+    }
+    return plainText.trim();
 };
 export const replaceTextInRTE = (existingHtml, newText) => {
     if (!hasRTEContent(existingHtml)) {