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

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

@@ -200,6 +200,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
+            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -228,10 +229,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;
@@ -239,6 +240,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
+            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -258,6 +260,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
+            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -286,10 +289,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;
@@ -297,6 +300,7 @@ 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, useLocalisedRouteStore, useUiStore, } from '../../stores';
+import { useBrandPageMakerStore, useBrandPageMakerUserStore, 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,7 +39,6 @@ export default defineComponent({
         const shopSettingStore = useShopConfigStore();
         const productSettingStore = useProductConfigStore();
         const router = useRouter();
-        const localisedRouteStore = useLocalisedRouteStore();
         return {
             currentNotificationMessage: computed(() => brandPageMakerStore.currentNotificationMessage),
             isChangeTemplateConfirmModalVisible: computed(() => brandPageMakerStore.isChangeTemplateConfirmModalVisible),
@@ -50,7 +49,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(() => localisedRouteStore.baseBrandPageDomain),
+            brandPageBaseUrl: computed(() => brandPageMakerStore.brandPageBaseUrl),
             brandPageSlug: computed(() => brandPageMakerStore.brandPageSlug),
             brandPageType: computed(() => brandPageMakerStore.brandPageType),
             isSaving: computed(() => brandPageMakerStore.isSaving),
@@ -58,7 +57,7 @@ export default defineComponent({
             isPublished: computed(() => brandPageMakerStore.isPublished),
             isBrandPageOrIsBrandContact: computed(() => brandPageMakerStore.isBrandPageOrIsBrandContact),
             brandPageViewModel: computed(() => brandPageMakerStore.brandPageViewModel),
-            backUrl: computed(() => localisedRouteStore.backToWebsiteManageUrlPath),
+            backUrl: computed(() => containerStore.backUrl),
             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,6 +44,7 @@ const InitialiseMakerStores = (options) => {
         isDesignCom: options.isDesignCom || false,
         isPrePurchase: isPrePurchase,
         logoDraftToken: 'f7d3163f-bcdf-4537-98b0-64cd6df8d1a9',
+        createNewDesignUrl: '',
         runtimeEnvironment: 'staging',
         upgradeUrl: '',
         reactivationUrl: '',
@@ -61,6 +62,7 @@ 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,6 +607,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
+            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -635,10 +636,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;
@@ -646,6 +647,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
+            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -665,6 +667,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
+            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -693,10 +696,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;
@@ -704,6 +707,7 @@ 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,6 +22,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
+            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -50,10 +51,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;
@@ -61,6 +62,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
+            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -80,6 +82,7 @@ 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 +111,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,6 +122,7 @@ 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,6 +38,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
+            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -66,10 +67,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;
@@ -77,6 +78,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
+            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -96,6 +98,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
+            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -124,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;
@@ -135,6 +138,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
+            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -355,7 +359,6 @@ 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;
@@ -370,6 +373,7 @@ 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, useLocalisedRouteStore, } from '../../stores';
+import { useBrandPageContainerStore, useBrandPageMakerStore, } from '../../stores';
 import { BRANDPAGE_DESCRIPTION_CHARACTER_LIMIT, BRANDPAGE_TITLE_CHARACTER_LIMIT, } from '../../constants';
 import { errorTr } from '../../../composables/useTranslate';
 export default defineComponent({
@@ -32,16 +32,13 @@ export default defineComponent({
     },
     setup() {
         const brandPageMakerStore = useBrandPageMakerStore();
-        const localisedRouteStore = useLocalisedRouteStore();
-        const brandPageContainerStore = useBrandPageContainerStore();
         return {
-            brandPageContainerStore,
+            brandPageContainerStore: useBrandPageContainerStore(),
             isBrandSite: computed(() => brandPageMakerStore.isBrandSite),
             isBrandPageOrIsBrandContact: computed(() => brandPageMakerStore.isBrandPageOrIsBrandContact),
             isBrandPage: computed(() => brandPageMakerStore.isBrandPage),
             isBrandContact: computed(() => brandPageMakerStore.isBrandContact),
             brandPageMakerStore,
-            publishedUrl: computed(() => localisedRouteStore.currentPublishedSlugUrl()),
         };
     },
     data() {
@@ -88,6 +85,12 @@ 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,7 +26,6 @@ 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;
@@ -41,6 +40,7 @@ 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,6 +80,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
+            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -99,6 +100,7 @@ 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 +129,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,6 +140,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
+            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -354,62 +357,6 @@ 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;
@@ -427,6 +374,7 @@ 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, useLocalisedRouteStore, } from '../../stores';
+import { useBrandPageContainerStore, useBrandPageMakerStore, } from '../../stores';
 import { defaultUSDCurrency } from '../../constants/currency-constants';
 import { validateCustomDomainName } from '../../utils';
 import { seoSettingsTr, commonTr } from '../../../composables/useTranslate';
@@ -19,16 +19,13 @@ 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: () => ({
@@ -43,6 +40,11 @@ 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,6 +19,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
+            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -47,10 +48,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;
@@ -58,6 +59,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
+            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -77,6 +79,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
+            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -105,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;
@@ -116,6 +119,7 @@ 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,6 +19,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
+            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -47,10 +48,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;
@@ -58,6 +59,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
+            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;
@@ -77,6 +79,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageStatus: string;
             brandPageToken: string | undefined;
             brandPageTitle: string;
+            createNewDesignUrl: string;
             customDomain: {
                 id: string;
                 created: Date;
@@ -105,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;
@@ -116,6 +119,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             standalone: boolean;
             triggerSaveSuccessMessage: boolean;
             triggerSaveEventApiOnPublishModalClose: boolean;
+            upgradeUrl: string;
             measurementID: string | undefined;
             isDesignCom: boolean;
             isPrePurchase: boolean;