@designcrowd/library.brand-page 5.17.11 → 5.17.12-ai-12

package/lib/src/{CreatedOnBrandCrowd-de-de-C3DWg90i.js → CreatedOnBrandCrowd-de-de-C5k5cvkY.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-apZ_qdzV.js → CreatedOnBrandCrowd-en-us-BUXQ4qjJ.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-Bn5Tj9XF.js → CreatedOnBrandCrowd-es-es-DkxkkWWu.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Dx1OyoCA.js → CreatedOnBrandCrowd-fr-ca-BeOjOxWg.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Dx1OyoCA.js → CreatedOnBrandCrowd-fr-fr-BeOjOxWg.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BVvYeS_O.js → CreatedOnBrandCrowd-pt-br-C2OMGKRj.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-BVvYeS_O.js → CreatedOnBrandCrowd-pt-pt-C2OMGKRj.js}

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

package/lib/src/{CreatedOnDcom-de-de-wf2uyhA6.js → CreatedOnDcom-de-de-ATpP-wgH.js}

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

package/lib/src/{CreatedOnDcom-en-us-CGQKgBCM.js → CreatedOnDcom-en-us-VUyIQCKk.js}

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

package/lib/src/{CreatedOnDcom-es-es-D5Gb6c6x.js → CreatedOnDcom-es-es-CrZ36P-a.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-Bp_Feyxi.js → CreatedOnDcom-fr-ca-C2FjJv_o.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-D56pr1S9.js → CreatedOnDcom-fr-fr-6JeXGPjr.js}

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

package/lib/src/{CreatedOnDcom-pt-br-hmnpHIV0.js → CreatedOnDcom-pt-br-7vY_vxLT.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DSyTlh49.js → CreatedOnDcom-pt-pt-CRPU_prM.js}

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

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

@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     commonTr: (key: any) => any;
     currentNotificationMessage: import("vue").ComputedRef<false | {
-        type: "success" | "warning" | "error";
+        type: "error" | "success" | "warning";
         label: string;
         description: string | false;
     }>;
@@ -226,6 +226,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;
@@ -317,6 +318,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js

@@ -33,6 +33,7 @@ const InitialiseMakerStores = (options) => {
         baseFabricRenderUrl: 'https://fabric-render.services.staging.designcrowd.ninja',
         brandPageDescription: '',
         brandPageDisplayName: 'Website',
+        templateTypeName: 'Website',
         brandPageSlug: '',
         brandPageStatus: '',
         brandPageTitle: '',

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

@@ -656,6 +656,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;
@@ -747,6 +748,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;

package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.d.ts

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;
@@ -108,6 +109,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;

package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts

@@ -33,6 +33,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;
@@ -124,6 +125,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;

package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts

@@ -38,6 +38,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;
@@ -129,6 +130,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;
@@ -470,6 +472,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandContactEditorUrlPath: string;
             logoEditUrlPath: string;
             localisedBaseUrl: string;
+            renameUrl: string;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").LocalisedRouteState>) => () => string | undefined;
         currentBrandPageUrl: (state: {
             baseFabricRenderDomain: string;
@@ -488,11 +491,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandContactEditorUrlPath: string;
             logoEditUrlPath: string;
             localisedBaseUrl: string;
+            renameUrl: string;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").LocalisedRouteState>) => () => string;
         getPostpurchaseByDesignDraftTokenUrl: () => (editorUrlToRedirectTo: string, designDraftToken: string) => string;
         getWebsiteBaseUrl: () => (isDesignCom: boolean) => "https://www.design.com" | "https://www.brandcrowd.com";
     }, {
         initialise(payload: any): void;
+        setRenameUrl(url: string): void;
         buildUtmQueryStrings(brandPageType: string, utmCampaign?: string | undefined): string;
         getBuilderLandingPageByTypeUrl(isPreview: boolean, brandPageType: string, isDesignCom: boolean, locale: string, utmCampaign?: string | undefined): string;
     }>;

package/lib/src/brand-page-maker/components/seo-settings/UseExistingDomainModal.mixin.d.ts

@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;
@@ -105,6 +106,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;

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

@@ -89,6 +89,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;
@@ -180,6 +181,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;

package/lib/src/brand-page-maker/components/upgrade-to-premium-button/UpgradeToPremiumButton.mixin.d.ts

@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;
@@ -105,6 +106,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             baseFabricRenderUrl: string;
             brandPageDescription: string;
             brandPageDisplayName: string;
+            templateTypeName: string;
             sensitiveContent: number;
             brandPageSlug: string;
             brandPageStatus: string;

package/lib/src/brand-page-maker/composables/ai-chat/useAiWebsiteBuilderChat.js

@@ -4,16 +4,17 @@ import { WebSocketGatewayClient, } from '../../../clients/websocket-gateway-clie
 import { minifyBrandPageMetadata } from '../../../utils/minify-brand-page-metadata';
 import { useSnapshotStore, useAiWebsiteBuilderThreadStore } from '../../stores';
 import { useBrandPageMakerStore } from '../../stores';
+import { useBrandPageMakerUserStore } from '../../stores/user/user-store';
 import { useAiMetadataBuilder } from './useAiMetadataBuilder';
 import { Logger } from '../../../metadata-builder/logger';
 const BUILD_TIMEOUT_MS = 600000;
 const aiLogger = new Logger();
 let activeBuildWsClient = null;
-const MAX_TOOL_CALL_ITERATIONS = 5;
 export function useAiWebsiteBuilderChat() {
     const aiThreadStore = useAiWebsiteBuilderThreadStore();
     const snapshotStore = useSnapshotStore();
     const brandPageMakerStore = useBrandPageMakerStore();
+    const userStore = useBrandPageMakerUserStore();
     const aiMetadataBuilder = useAiMetadataBuilder(aiLogger);
     const hasStoredMessages = aiThreadStore.messages.length > 0;
     const threadItems = ref(aiThreadStore.messages.length > 0
@@ -94,6 +95,7 @@ export function useAiWebsiteBuilderChat() {
         await nextTick();
         // Re-capture snapshot so subsequent messages reflect the updated page
         await snapshotStore.refreshSnapshotAsync();
+        console.log('aiLogger', aiLogger);
         return {
             shouldContinue: toolResults.length > 0 && aiThreadStore.runId !== null,
             toolResults,
@@ -107,12 +109,16 @@ export function useAiWebsiteBuilderChat() {
             const client = getAiAssistantClient();
             const message = buildMessage(userPrompt);
             wsClient.sendHeartbeat();
+            const userPlan = userStore.hasPremiumSubscription
+                ? 'premium'
+                : 'premium';
             let buildResponse;
             if (!aiThreadStore.threadId) {
                 buildResponse = await client.createWebsiteThreadBuildAsync({
                     message,
                     websiteSnapshot: snapshotStore.snapshotBase64 || undefined,
                     agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
+                    userPlan,
                     connectionId,
                 });
             }
@@ -121,6 +127,7 @@ export function useAiWebsiteBuilderChat() {
                     message,
                     websiteSnapshot: snapshotStore.snapshotBase64 || undefined,
                     agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
+                    userPlan,
                     connectionId,
                 });
             }
@@ -287,7 +294,6 @@ export function useAiWebsiteBuilderChat() {
             // was destroyed (tab switch) and the writable computed setter is inert.
             aiThreadStore.isProcessing = false;
         }
-        console.log('aiLogger', aiLogger);
     };
     const deleteMessage = (messageId) => {
         const index = threadItems.value.findIndex((msg) => msg.id === messageId);

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

@@ -45,7 +45,7 @@ export const DEFAULT_SIDE_BAR_TABS = () => [
     },
     {
         name: SIDE_BAR_TAB_NAMES.AI_WEBSITE_BUILDER,
-        displayName: 'AI Builder',
+        displayName: 'AI',
         iconName: 'ai',
         accessibleDisplayName: 'AI Website Builder',
         isVisible: true,

package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.d.ts

@@ -11,6 +11,7 @@ export interface BrandPageContainerState {
     baseFabricRenderUrl: string;
     brandPageDescription: string;
     brandPageDisplayName: string;
+    templateTypeName: string;
     sensitiveContent: number;
     brandPageSlug: string;
     brandPageStatus: string;
@@ -87,6 +88,7 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
         baseFabricRenderUrl: string;
         brandPageDescription: string;
         brandPageDisplayName: string;
+        templateTypeName: string;
         sensitiveContent: number;
         brandPageSlug: string;
         brandPageStatus: string;
@@ -178,6 +180,7 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
         baseFabricRenderUrl: string;
         brandPageDescription: string;
         brandPageDisplayName: string;
+        templateTypeName: string;
         sensitiveContent: number;
         brandPageSlug: string;
         brandPageStatus: string;

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

@@ -25,6 +25,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             baseFabricRenderUrl: '',
             brandPageDescription: '',
             brandPageDisplayName: 'BrandPage',
+            templateTypeName: '',
             brandPageSlug: '',
             brandPageStatus: '',
             brandPageTitle: '',
@@ -96,6 +97,8 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             this.brandPageDescription = payload.brandPageDescription;
             this.brandPageDisplayName =
                 payload.brandPageDisplayName || this.brandPageDisplayName;
+            this.templateTypeName =
+                payload.templateTypeName || this.brandPageDisplayName;
             this.brandPageSlug = payload.brandPageSlug;
             this.brandPageStatus = payload.brandPageStatus;
             this.brandPageTitle = payload.brandPageTitle;
@@ -105,7 +108,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             this.designTemplateToken = payload.designTemplateToken;
             this.isProduction = payload.isProduction;
             this.backButtonLabel =
-                payload.backButtonLabel || navigationTr(`postPurchaseBackButtonLabel`);
+                payload.backButtonLabel || navigationTr('postPurchaseBackButtonLabel');
             this.manageWebsiteDesignsUrl = payload.manageWebsiteDesignsUrl; // Deprecated: Remove when manage brand page routing is implemented
             this.runtimeEnvironment = payload.runtimeEnvironment;
             this.upgradeUrl = payload.upgradeUrl; // Deprecated: Remove when manage brand page routing is implemented
@@ -586,6 +589,10 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
                 if (this.brandPageStatus !== response.status) {
                     await this.setBrandPageStatus(response.status);
                 }
+                if (response.renameUrl) {
+                    const localisedRouteStore = useLocalisedRouteStore();
+                    localisedRouteStore.setRenameUrl(response.renameUrl);
+                }
                 if (this.designDraftToken !== response.designDraftToken) {
                     this.setDesignDraftToken({
                         designDraftToken: response.designDraftToken,

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

@@ -1,4 +1,4 @@
-import { EMPTY_LOGO_IMAGE_MODEL, SENSITIVE_CONTENT_TYPES, VIEWPORTS, } from '@brand-page';
+import { EMPTY_LOGO_IMAGE_MODEL, SENSITIVE_CONTENT_TYPES, TEXT_STYLE_TYPES, VIEWPORTS, } from '@brand-page';
 import { BackgroundStyles, BRAND_PAGE_TYPES, BrandPageModel, CONTENT_TYPES, NavigationDesktop, NavigationMobile, NavModel, } from '@brand-page';
 import { useBrandPageMakerUserStore } from '../user';
 import { defineStore } from 'pinia';
@@ -18,7 +18,8 @@ import { useUiContentSettingsStore } from '@shared/content-settings/store';
 import { setContentSettingsAddContentOptions } from './brandpage-maker-store-utils';
 import { useAdminLogoSettingsStore } from '../admin-logo-settings';
 import { useUiPageSettingsStore } from '@shared/page-settings/store';
-import { mapBrandPageContentToContentSettingsItem, removeContentFieldValues, removeLogoTemplateModel, } from '@brand-page-maker/utils';
+import { mapBrandPageContentToContentSettingsItem, removeContentFieldValues, removeLogoTemplateModel, transformToRTE, } from '@brand-page-maker/utils';
+import { useExternalRichTextEditor } from '@brand-page-maker/composables/rich-text-editor/useRichTextEditor';
 import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES, } from '@shared/models';
 import { PAGE_SECTIONS } from '@shared/page-settings/models';
 import { useUiTemplateSettingsStore } from '@shared/template-settings/store';
@@ -467,6 +468,9 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
         // TODO: waiting to do undo/redo feature to extend this functionality
         async initialiseStoresByBrandPageModelAsync(brandPageModel) {
             const pageNavigationStore = usePageNavigationStore();
+            const backgroundSettingsStore = useUiBackgroundSettingsStore();
+            const styleSettingsStore = useUiStyleSettingsStore();
+            const navigationStyleSettingsStore = useUiNavigationStyleSettingsStore();
             pageNavigationStore.setNav({ nav: brandPageModel.nav });
             this.initialisePagesForCurrentPage({
                 pages: brandPageModel.pages,
@@ -481,6 +485,24 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                     },
                 },
             });
+            backgroundSettingsStore.setBackgroundStyles({
+                backgroundStyles: new BackgroundStyles(brandPageModel.styles.backgroundStyles),
+            });
+            const { buttonStyles, logoStyles, textStyles, galleryStyles } = brandPageModel.styles;
+            styleSettingsStore.setState({
+                newState: {
+                    buttonStyles,
+                    logoStyles,
+                    textStyles,
+                    galleryStyles,
+                },
+            });
+            const pageSettingsStore = useUiPageSettingsStore();
+            const { externalEditor } = useExternalRichTextEditor();
+            transformToRTE(pageSettingsStore, externalEditor, undefined, undefined, TEXT_STYLE_TYPES.titles, textStyles.textStyleOptions.titles.style);
+            transformToRTE(pageSettingsStore, externalEditor, undefined, undefined, TEXT_STYLE_TYPES.headings, textStyles.textStyleOptions.headings.style);
+            transformToRTE(pageSettingsStore, externalEditor, undefined, undefined, TEXT_STYLE_TYPES.paragraphs, textStyles.textStyleOptions.paragraphs.style);
+            externalEditor.destroy();
         },
         async initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride = false, }) {
             const brandPageContainerStore = useBrandPageContainerStore();

package/lib/src/brand-page-maker/stores/route/localised-route-store.d.ts

@@ -15,6 +15,7 @@ export interface LocalisedRouteState {
     brandContactEditorUrlPath: string;
     logoEditUrlPath: string;
     localisedBaseUrl: string;
+    renameUrl: string;
 }
 export declare const useLocalisedRouteStore: import("pinia").StoreDefinition<"localisedRoute", LocalisedRouteState, {
     currentPublishedSlugUrl: (state: {
@@ -34,6 +35,7 @@ export declare const useLocalisedRouteStore: import("pinia").StoreDefinition<"lo
         brandContactEditorUrlPath: string;
         logoEditUrlPath: string;
         localisedBaseUrl: string;
+        renameUrl: string;
     } & import("pinia").PiniaCustomStateProperties<LocalisedRouteState>) => () => string | undefined;
     currentBrandPageUrl: (state: {
         baseFabricRenderDomain: string;
@@ -52,11 +54,13 @@ export declare const useLocalisedRouteStore: import("pinia").StoreDefinition<"lo
         brandContactEditorUrlPath: string;
         logoEditUrlPath: string;
         localisedBaseUrl: string;
+        renameUrl: string;
     } & import("pinia").PiniaCustomStateProperties<LocalisedRouteState>) => () => string;
     getPostpurchaseByDesignDraftTokenUrl: () => (editorUrlToRedirectTo: string, designDraftToken: string) => string;
     getWebsiteBaseUrl: () => (isDesignCom: boolean) => "https://www.design.com" | "https://www.brandcrowd.com";
 }, {
     initialise(payload: any): void;
+    setRenameUrl(url: string): void;
     buildUtmQueryStrings(brandPageType: string, utmCampaign?: string): string;
     getBuilderLandingPageByTypeUrl(isPreview: boolean, brandPageType: string, isDesignCom: boolean, locale: string, utmCampaign?: string): string;
 }>;

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

@@ -50,6 +50,7 @@ export const useLocalisedRouteStore = defineStore('localisedRoute', {
         brandContactEditorUrlPath: '',
         logoEditUrlPath: '',
         localisedBaseUrl: '',
+        renameUrl: '',
     }),
     actions: {
         initialise(payload) {
@@ -70,6 +71,10 @@ export const useLocalisedRouteStore = defineStore('localisedRoute', {
             this.brandContactEditorUrlPath = payload.brandContactEditorUrlPath;
             this.logoEditUrlPath = payload.logoEditUrlPath;
             this.localisedBaseUrl = payload.localisedBaseUrl;
+            this.renameUrl = payload.renameUrl || '';
+        },
+        setRenameUrl(url) {
+            this.renameUrl = url;
         },
         buildUtmQueryStrings(brandPageType, utmCampaign) {
             if (!utmCampaign) {