@designcrowd/library.brand-page 5.10.15-debug-2 → 5.10.15-routing-14

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;
@@ -229,10 +228,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -240,7 +239,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 +258,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -289,10 +286,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -300,7 +297,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;

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

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

@@ -607,7 +607,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -636,10 +635,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -647,7 +646,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
-            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -667,7 +665,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -696,10 +693,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -707,7 +704,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
-            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;

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

@@ -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;
@@ -51,10 +50,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -62,7 +61,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 +80,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -111,10 +108,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -122,7 +119,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;

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;
@@ -67,10 +66,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -78,7 +77,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 +96,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -127,10 +124,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -138,7 +135,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;
@@ -359,6 +355,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,7 +370,6 @@ 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;

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;
@@ -69,10 +69,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -80,7 +80,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 +99,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -129,10 +127,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -140,7 +138,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;
@@ -357,6 +354,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 +427,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[];

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

@@ -1,6 +1,6 @@
 import { defineComponent, computed } from 'vue';
 import { BRANDCROWD_MANAGED_TRIGGER_ORIGIN, CUSTOM_DOMAIN_INSTRUCTION_DNS_HOST_DISPLAY_TEXT, CUSTOM_DOMAIN_STATUSES, DNS_CONFIGURATION_STATUSES, } from '../../constants';
-import { useBrandPageContainerStore, useBrandPageMakerStore, } from '../../stores';
+import { useBrandPageContainerStore, useBrandPageMakerStore, useLocalisedRouteStore, } from '../../stores';
 import { defaultUSDCurrency } from '../../constants/currency-constants';
 import { validateCustomDomainName } from '../../utils';
 import { seoSettingsTr, commonTr } from '../../../composables/useTranslate';
@@ -19,13 +19,16 @@ export default defineComponent({
     setup() {
         const brandPageContainer = useBrandPageContainerStore();
         const brandPageMakerStore = useBrandPageMakerStore();
+        const localisedRouteStore = useLocalisedRouteStore();
         return {
             customDomain: computed(() => brandPageContainer.customDomain),
             isCustomDomainEnabled: computed(() => brandPageContainer.isCustomDomainEnabled),
             isSellDomainNameEnabled: computed(() => brandPageContainer.isSellDomainNameEnabled),
             designDraftToken: computed(() => brandPageContainer.designDraftToken),
+            brandPageUrl: computed(() => localisedRouteStore.currentBrandPageUrl()),
             brandPageContainer,
             brandPageMakerStore,
+            localisedRouteStore,
         };
     },
     data: () => ({
@@ -40,11 +43,6 @@ export default defineComponent({
         CUSTOM_DOMAIN_INSTRUCTION_DNS_HOST_DISPLAY_TEXT,
     }),
     computed: {
-        brandPageUrl() {
-            return this.brandPageContainer.brandPageSlug
-                ? `${this.brandPageContainer.brandPageBaseUrl}/${this.brandPageContainer.brandPageSlug}`
-                : '';
-        },
         customDomainStatusDisplayText() {
             const status = this.brandPageContainer.customDomain?.status;
             if (!status) {

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

@@ -19,7 +19,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -48,10 +47,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -59,7 +58,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;
@@ -79,7 +77,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -108,10 +105,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -119,7 +116,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;

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

@@ -19,7 +19,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -48,10 +47,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -59,7 +58,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;
@@ -79,7 +77,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
-            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -108,10 +105,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
             isSaving: boolean;
-            backUrl: string;
             backButtonLabel: string;
             manageWebsiteDesignsUrl: string;
             publishErrorMessage: string;
+            upgradeUrl: string;
             reactivationUrl: string;
             runtimeEnvironment: string;
             selectedTaxId: number | undefined;
@@ -119,7 +116,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;