@designcrowd/library.brand-page 5.10.30 → 5.10.32-ast-upgrade-1

package/lib/src/brand-page/constants/font.constants.d.ts

@@ -23,10 +23,10 @@ export declare const MAX_LINE_HEIGHT = 2.5;
 export declare const MAX_TITLE_LENGTH = 200;
 export declare const MAX_DESCRIPTION_LENGTH = 1000;
 export declare const MAX_TEXT_LENGTH = 2000;
-export declare const MAX_LENGTH_ERROR_MESSAGE: () => string;
-export declare const INVALID_URL_MESSAGE: () => string;
-export declare const EMPTY_TESTIMONIAL: () => string;
-export declare const TEXT_EMPTY: () => string;
+export declare const MAX_LENGTH_ERROR_MESSAGE: () => any;
+export declare const INVALID_URL_MESSAGE: () => any;
+export declare const EMPTY_TESTIMONIAL: () => any;
+export declare const TEXT_EMPTY: () => any;
 export declare const GOOGLE_FONT_BASE_URL = "https://fonts.googleapis.com/css2";
 export declare const GOOGLE_FONT_URL_SUFFIX = "&display=swap";
 export declare const FALLBACK_DEFAULT_LINK_COLOR = "#000000";

package/lib/src/brand-page/models/styles.model.d.ts

@@ -7,11 +7,11 @@ export declare const TEXT_STYLE_TYPES: {
 };
 export type TextStyleType = keyof typeof TEXT_STYLE_TYPES;
 export declare const TEXT_STYLE_TYPES_DISPLAY_NAME_MAP: () => {
-    titles: string;
-    headings: string;
-    paragraphs: string;
-    buttons: string;
-    none: string;
+    titles: any;
+    headings: any;
+    paragraphs: any;
+    buttons: any;
+    none: any;
 };
 export type TextStyleDeclaration = BrandPageCssStyle & {
     textStyleType?: TextStyleType;

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

@@ -200,7 +200,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -228,11 +227,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -240,7 +240,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
-            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -260,7 +259,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -288,11 +286,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -300,7 +299,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
-            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -317,6 +315,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsBrandPageSlugEditMode(payload: any): void;
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
+        setIsPublishUpgradeModal(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -363,7 +362,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveBrandPage(payload?: {
             isPublish?: boolean | undefined;
             eventButtonLocation?: string | undefined;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            saved: boolean;
+            canPublish: any;
+        }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;

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

@@ -10,7 +10,7 @@ import { createInitialBrandPage } from '../../models';
 import { navigateToPageBySlug } from '../../routing';
 import { useBrandPageContainerStore } from '../../stores';
 import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES, } from '../../../shared/models';
-import { useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, } from '../../stores';
+import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useUiStore, } from '../../stores';
 import { useUiContentSettingsStore } from '../../../shared/content-settings/store';
 import { useUiTemplateSettingsStore } from '../../../shared/template-settings/store';
 import { useUiPageSettingsStore } from '../../../shared/page-settings/store';
@@ -39,6 +39,7 @@ export default defineComponent({
         const shopSettingStore = useShopConfigStore();
         const productSettingStore = useProductConfigStore();
         const router = useRouter();
+        const localisedRouteStore = useLocalisedRouteStore();
         return {
             currentNotificationMessage: computed(() => brandPageMakerStore.currentNotificationMessage),
             isChangeTemplateConfirmModalVisible: computed(() => brandPageMakerStore.isChangeTemplateConfirmModalVisible),
@@ -49,7 +50,7 @@ export default defineComponent({
             isMobileDevice: computed(() => uiStore.deviceMode === UI_DEVICE_MODES.mobile),
             // the state of window screen size
             isMobileScreenSize: computed(() => uiStore.screenSizeMode === UI_SCREENSIZE_MODES.mobile),
-            brandPageBaseUrl: computed(() => brandPageMakerStore.brandPageBaseUrl),
+            brandPageBaseUrl: computed(() => localisedRouteStore.baseBrandPageDomain),
             brandPageSlug: computed(() => brandPageMakerStore.brandPageSlug),
             brandPageType: computed(() => brandPageMakerStore.brandPageType),
             isSaving: computed(() => brandPageMakerStore.isSaving),
@@ -57,7 +58,7 @@ export default defineComponent({
             isPublished: computed(() => brandPageMakerStore.isPublished),
             isBrandPageOrIsBrandContact: computed(() => brandPageMakerStore.isBrandPageOrIsBrandContact),
             brandPageViewModel: computed(() => brandPageMakerStore.brandPageViewModel),
-            backUrl: computed(() => containerStore.backUrl),
+            backUrl: computed(() => localisedRouteStore.backToWebsiteManageUrlPath),
             backButtonLabel: computed(() => containerStore.backButtonLabel),
             isDesignCom: computed(() => containerStore.isDesignCom),
             selectedTabName: computed(() => sideBarStore.selectedTabName),

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

@@ -44,7 +44,6 @@ const InitialiseMakerStores = (options) => {
         isDesignCom: options.isDesignCom || false,
         isPrePurchase: isPrePurchase,
         logoDraftToken: 'f7d3163f-bcdf-4537-98b0-64cd6df8d1a9',
-        createNewDesignUrl: '',
         runtimeEnvironment: 'staging',
         upgradeUrl: '',
         reactivationUrl: '',
@@ -62,7 +61,6 @@ const InitialiseMakerStores = (options) => {
         brandPageCustomDomain: undefined,
         isBrandPageCustomDomainEnabled: false,
         isSellDomainNameEnabled: false,
-        backUrl: '',
         backButtonLabel: 'Back',
         manageWebsiteDesignsUrl: '',
         logoTemplateAsset: isPrePurchase
@@ -168,6 +166,7 @@ const InitialiseMakerStores = (options) => {
         isBrandPageSlugEditMode: false,
         isPublishModalVisible: false,
         isUpgradeModalVisible: false,
+        isPublishUpgradeModal: false,
         isStripeOnboardingModalVisible: false,
         publishErrorMessage: '',
         selectedTaxId: undefined,
@@ -193,7 +192,7 @@ const renderKeyForForcedRerender = ref(0);
 export const Sample = (args, { globals }) => {
     InitialiseMakerStores({});
     watchEffect(async () => {
-        await setLocaleAsync(globals.locale || 'en-US');
+        await setLocaleAsync(globals.locale);
         renderKeyForForcedRerender.value++;
     });
     return {
@@ -224,7 +223,7 @@ export const Sample = (args, { globals }) => {
     `,
         pinia: setupStoryPinia(),
         async beforeMount() {
-            await setLocaleAsync(globals.locale || 'en-US');
+            await setLocaleAsync(globals.locale);
             this.show = true;
         },
     };

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

@@ -639,7 +639,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -667,11 +666,12 @@ declare const _default: import("vue").DefineComponent<{}, {
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -679,7 +679,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
-            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -699,7 +698,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -727,11 +725,12 @@ declare const _default: import("vue").DefineComponent<{}, {
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -739,7 +738,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
-            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -756,6 +754,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setIsBrandPageSlugEditMode(payload: any): void;
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
+        setIsPublishUpgradeModal(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -802,7 +801,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         saveBrandPage(payload?: {
             isPublish?: boolean | undefined;
             eventButtonLocation?: string | undefined;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            saved: boolean;
+            canPublish: any;
+        }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;

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

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     backButtonLabel: {
         type: StringConstructor;
         required: false;
-        default: () => string;
+        default: () => any;
     };
     isDesignCom: {
         type: BooleanConstructor;
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     backButtonLabel: {
         type: StringConstructor;
         required: false;
-        default: () => string;
+        default: () => any;
     };
     isDesignCom: {
         type: BooleanConstructor;
@@ -77,9 +77,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isAdmin: boolean;
     isPublished: boolean;
     isSaving: boolean;
-    backUrl: string;
     backButtonLabel: string;
     isDesignCom: boolean;
+    backUrl: string;
     brandCrowdUrl: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -22,7 +22,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -50,11 +49,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -62,7 +62,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
-            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -82,7 +81,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -110,11 +108,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -122,7 +121,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
-            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -139,6 +137,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsBrandPageSlugEditMode(payload: any): void;
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
+        setIsPublishUpgradeModal(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -185,7 +184,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveBrandPage(payload?: {
             isPublish?: boolean | undefined;
             eventButtonLocation?: string | undefined;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            saved: boolean;
+            canPublish: any;
+        }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;

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

@@ -38,7 +38,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -66,11 +65,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -78,7 +78,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
-            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -98,7 +97,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -126,11 +124,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -138,7 +137,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
-            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -155,6 +153,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsBrandPageSlugEditMode(payload: any): void;
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
+        setIsPublishUpgradeModal(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -201,7 +200,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveBrandPage(payload?: {
             isPublish?: boolean | undefined;
             eventButtonLocation?: string | undefined;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            saved: boolean;
+            canPublish: any;
+        }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
@@ -359,6 +361,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showStripeOnboardingModal(): Promise<void>;
         selectInitialCategories(payload: import("../../../shared/template-settings/models").InitialCategories): void;
     }>;
+    publishedUrl: import("vue").ComputedRef<string | undefined>;
 }, {
     metaKeywords: never[];
     isInternalDescriptionValid: boolean;
@@ -373,10 +376,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     editMetaActionPath(): string;
     duplicateActionPath(): string;
     hasSlug(): boolean;
-    publishedUrl(): string | undefined;
-    titleError(): string | undefined;
-    descriptionError(): string | undefined;
-    metaKeywordsError(): string | undefined;
+    titleError(): any;
+    descriptionError(): any;
+    metaKeywordsError(): any;
     isPublishing(): any;
     isUpdateButtonEnabled(): any;
     isDirty(): boolean;

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

@@ -1,6 +1,6 @@
 import { computed, defineComponent } from 'vue';
 import { validateBrandPageDescription, validateBrandPageTitle, } from '../../utils';
-import { useBrandPageContainerStore, useBrandPageMakerStore, } from '../../stores';
+import { useBrandPageContainerStore, useBrandPageMakerStore, useLocalisedRouteStore, } from '../../stores';
 import { BRANDPAGE_DESCRIPTION_CHARACTER_LIMIT, BRANDPAGE_TITLE_CHARACTER_LIMIT, } from '../../constants';
 import { errorTr } from '../../../composables/useTranslate';
 export default defineComponent({
@@ -32,13 +32,16 @@ export default defineComponent({
     },
     setup() {
         const brandPageMakerStore = useBrandPageMakerStore();
+        const localisedRouteStore = useLocalisedRouteStore();
+        const brandPageContainerStore = useBrandPageContainerStore();
         return {
-            brandPageContainerStore: useBrandPageContainerStore(),
+            brandPageContainerStore,
             isBrandSite: computed(() => brandPageMakerStore.isBrandSite),
             isBrandPageOrIsBrandContact: computed(() => brandPageMakerStore.isBrandPageOrIsBrandContact),
             isBrandPage: computed(() => brandPageMakerStore.isBrandPage),
             isBrandContact: computed(() => brandPageMakerStore.isBrandContact),
             brandPageMakerStore,
+            publishedUrl: computed(() => localisedRouteStore.currentPublishedSlugUrl()),
         };
     },
     data() {
@@ -85,12 +88,6 @@ export default defineComponent({
         hasSlug() {
             return Boolean(this.brandPageContainerStore.brandPageSlug);
         },
-        publishedUrl() {
-            if (!this.hasSlug || !this.brandPageContainerStore.brandPageBaseUrl) {
-                return undefined;
-            }
-            return `${this.brandPageContainerStore.brandPageBaseUrl}/${this.brandPageContainerStore.brandPageSlug}`;
-        },
         titleError() {
             return this.myPageTitle?.length &&
                 this.myPageTitle.length > BRANDPAGE_TITLE_CHARACTER_LIMIT

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

@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isCustomDomainEnabled: import("vue").ComputedRef<boolean>;
     isSellDomainNameEnabled: import("vue").ComputedRef<boolean>;
     designDraftToken: import("vue").ComputedRef<string | undefined>;
+    brandPageUrl: import("vue").ComputedRef<string>;
     brandPageContainer: import("pinia").Store<"brandPageContainer", import("../../stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
         isAdmin(): boolean;
@@ -40,7 +41,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -68,11 +68,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -80,7 +81,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
-            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -100,7 +100,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -128,11 +127,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -140,7 +140,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
-            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -157,6 +156,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsBrandPageSlugEditMode(payload: any): void;
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
+        setIsPublishUpgradeModal(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -203,7 +203,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveBrandPage(payload?: {
             isPublish?: boolean | undefined;
             eventButtonLocation?: string | undefined;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            saved: boolean;
+            canPublish: any;
+        }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
@@ -357,6 +360,62 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showStripeOnboardingModal(): Promise<void>;
         selectInitialCategories(payload: import("../../../shared/template-settings/models").InitialCategories): void;
     }>;
+    localisedRouteStore: import("pinia").Store<"localisedRoute", import("../../stores").LocalisedRouteState, {
+        currentPublishedSlugUrl: (state: {
+            baseFabricRenderDomain: string;
+            baseBrandPageDomain: string;
+            upgradeSubscriptionUrlPath: string;
+            reactivationUrlPath: string;
+            backToWebsiteManageUrlPath: string;
+            manageWebsiteDesignsUrlPath: string;
+            createNewDesignUrlPath: string;
+            termsOfUseUrlPath: string;
+            websiteBuilderUrlPath: string;
+            digitalBusinessCardBuilderUrlPath: string;
+            linkInBioBuilderUrlPath: string;
+            brandPageEditorUrlPath: string;
+            brandSiteEditorUrlPath: string;
+            brandContactEditorUrlPath: string;
+            logoEditUrlPath: string;
+        } & import("pinia").PiniaCustomStateProperties<import("../../stores").LocalisedRouteState>) => () => string | undefined;
+        currentBrandPageUrl: (state: {
+            baseFabricRenderDomain: string;
+            baseBrandPageDomain: string;
+            upgradeSubscriptionUrlPath: string;
+            reactivationUrlPath: string;
+            backToWebsiteManageUrlPath: string;
+            manageWebsiteDesignsUrlPath: string;
+            createNewDesignUrlPath: string;
+            termsOfUseUrlPath: string;
+            websiteBuilderUrlPath: string;
+            digitalBusinessCardBuilderUrlPath: string;
+            linkInBioBuilderUrlPath: string;
+            brandPageEditorUrlPath: string;
+            brandSiteEditorUrlPath: string;
+            brandContactEditorUrlPath: string;
+            logoEditUrlPath: string;
+        } & import("pinia").PiniaCustomStateProperties<import("../../stores").LocalisedRouteState>) => () => string;
+        getPostpurchaseByDesignDraftTokenUrl: () => (editorUrlToRedirectTo: string, designDraftToken: string) => string;
+        getBuilderLandingPageByTypeUrl: (state: {
+            baseFabricRenderDomain: string;
+            baseBrandPageDomain: string;
+            upgradeSubscriptionUrlPath: string;
+            reactivationUrlPath: string;
+            backToWebsiteManageUrlPath: string;
+            manageWebsiteDesignsUrlPath: string;
+            createNewDesignUrlPath: string;
+            termsOfUseUrlPath: string;
+            websiteBuilderUrlPath: string;
+            digitalBusinessCardBuilderUrlPath: string;
+            linkInBioBuilderUrlPath: string;
+            brandPageEditorUrlPath: string;
+            brandSiteEditorUrlPath: string;
+            brandContactEditorUrlPath: string;
+            logoEditUrlPath: string;
+        } & import("pinia").PiniaCustomStateProperties<import("../../stores").LocalisedRouteState>) => (isPreview: boolean, brandPageType: string, isDesignCom: boolean) => string;
+    }, {
+        initialise(payload: any): void;
+    }>;
 }, {
     customDomainName: string | undefined;
     isCustomDomainNameValid: boolean;
@@ -374,7 +433,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isCustomDomainActionListVisible: boolean;
     CUSTOM_DOMAIN_INSTRUCTION_DNS_HOST_DISPLAY_TEXT: string;
 }, {
-    brandPageUrl(): string;
     customDomainStatusDisplayText(): string | null;
     customDomainStatusDisplayClasses(): string | null;
     customDomainConfigIpAddresses(): string[];