@designcrowd/library.brand-page 6.1.5 → 6.1.6-ast-preview-1

package/lib/src/{CreatedOnBrandCrowd-de-de-GQaFwETJ.js → CreatedOnBrandCrowd-de-de-M2r1eHAG.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BaHiRIYi.js → CreatedOnBrandCrowd-en-us-COWvAImD.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-BAhFMH5T.js → CreatedOnBrandCrowd-es-es-3PSBgEav.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-BibzMvn1.js → CreatedOnBrandCrowd-fr-ca-DJYHHBcZ.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-BibzMvn1.js → CreatedOnBrandCrowd-fr-fr-DJYHHBcZ.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DBIRdYQL.js → CreatedOnBrandCrowd-pt-br-C4xJs85Y.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-DBIRdYQL.js → CreatedOnBrandCrowd-pt-pt-C4xJs85Y.js}

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

package/lib/src/{CreatedOnDcom-de-de-BhJQ0Nau.js → CreatedOnDcom-de-de-CCUYn9l1.js}

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

package/lib/src/{CreatedOnDcom-en-us-BhJnRCR9.js → CreatedOnDcom-en-us-JlHVjCJB.js}

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

package/lib/src/{CreatedOnDcom-es-es-CpWHG_KJ.js → CreatedOnDcom-es-es-BLt6T4r1.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-BF8FCVBD.js → CreatedOnDcom-fr-ca-C3wUszaH.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-DYxQFWPx.js → CreatedOnDcom-fr-fr-CGas_sVx.js}

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

package/lib/src/{CreatedOnDcom-pt-br-Dh8Egq3-.js → CreatedOnDcom-pt-br-DZVj_DXB.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-CsBU48dD.js → CreatedOnDcom-pt-pt-CyeJs00o.js}

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

package/lib/src/brand-page/components/page-footer/PageFooter.mixin.d.ts

@@ -20,7 +20,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>, {}, {}, {
-    isInPreviewMode(): boolean;
     containerStyle(): BrandPageCssStyle;
     socialLinksIconStyle(): BrandPageCssStyle;
     isDisplayStyleCentered(): boolean;

package/lib/src/brand-page/components/page-footer/PageFooter.mixin.js

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { getRenderText, isPreviewMode } from '@brand-page/utils';
+import { getRenderText } from '@brand-page/utils';
 import { FOOTER_DISPLAY } from '../../constants';
 export default defineComponent({
     props: {
@@ -23,9 +23,6 @@ export default defineComponent({
     },
     emits: ['on-logo-click', 'footer-container-click'],
     computed: {
-        isInPreviewMode() {
-            return isPreviewMode(this.context);
-        },
         containerStyle() {
             return this.viewModel.backgroundStyle;
         },

package/lib/src/brand-page/utils/route.util.d.ts

@@ -1,3 +1,4 @@
+import type { BrandPageType } from '../models/brand-page-context.model';
 import type { NavItemViewModel } from '../view-models';
 export declare const buildRelativePathFromParams: (params: {
     pageSlug?: string;
@@ -19,5 +20,16 @@ export declare const getRouteParamsByPage: (isCustomDomain: boolean, brandPageSl
 };
 export declare const getRouteNameByPageIndex: (isCustomDomain: boolean, pageIndex?: number, isSubPage?: boolean) => string;
 export declare const findNavItemByPageId: (navItems: NavItemViewModel[], pageId: string) => NavItemViewModel | undefined;
+export declare const findNavItemByOwnSiteUrl: ({ url, navItems, brandPageType, brandPageSlug, customDomain, }: {
+    url: string | undefined;
+    navItems: NavItemViewModel[];
+    brandPageType: BrandPageType;
+    brandPageSlug: string;
+    customDomain?: string;
+}) => NavItemViewModel | undefined;
+export declare const toRouteLocation: (navItem?: NavItemViewModel) => {
+    name: string;
+    params: {};
+};
 export declare const findNavItemByRelativePath: (navItems: NavItemViewModel[], relativePath: string) => NavItemViewModel | undefined;
 export declare const findNavItemByPageSlug: (navItems: NavItemViewModel[], pageSlug: string) => NavItemViewModel | undefined;

package/lib/src/brand-page/utils/route.util.js

@@ -53,6 +53,59 @@ export const findNavItemByPageId = (navItems, pageId) => {
     }
     return undefined;
 };
+// Keep in sync with web-renderer's `constants/host.constant` + `getProductHostForType`.
+const PRODUCT_HOST_BY_BRAND_PAGE_TYPE = {
+    default: 'brand.page',
+    brandSite: 'brand.site',
+    brandContact: 'brand.contact',
+};
+const bareHost = (hostname) => hostname.replace(/^www\./i, '').toLowerCase();
+// A typed URL can still address a page of THIS site: whole-host on the site's own
+// custom domain, or under its slug on the multi-tenant product domain.
+export const findNavItemByOwnSiteUrl = ({ url, navItems, brandPageType, brandPageSlug, customDomain, }) => {
+    if (!url) {
+        return undefined;
+    }
+    let parsed;
+    try {
+        parsed = new URL(url);
+    }
+    catch {
+        return undefined;
+    }
+    // A route location carries neither, so converting would silently drop them — leave
+    // the author's exact URL to the plain anchor instead.
+    if (parsed.search || parsed.hash) {
+        return undefined;
+    }
+    const host = bareHost(parsed.hostname);
+    const segments = parsed.pathname.split('/').filter(Boolean);
+    const productHost = PRODUCT_HOST_BY_BRAND_PAGE_TYPE[brandPageType];
+    const slug = brandPageSlug.trim();
+    let pagePath;
+    if (customDomain && host === bareHost(customDomain)) {
+        pagePath = segments.join('/');
+    }
+    else if (productHost &&
+        (host === productHost || host.endsWith(`.${productHost}`)) &&
+        slug &&
+        segments[0]?.toLowerCase() === slug.toLowerCase()) {
+        pagePath = segments.slice(1).join('/');
+    }
+    if (pagePath === undefined) {
+        return undefined;
+    }
+    return pagePath
+        ? findNavItemByRelativePath(navItems, pagePath)
+        : navItems.find((item) => item.isRoot);
+};
+// Shared by every caller that resolves a nav item then navigates to it
+// (Button.vue, ImagesSection.vue) — one place to turn "which page" into "where to
+// route", so a resolved nav item is never hand-unpacked into a route object twice.
+export const toRouteLocation = (navItem) => ({
+    name: navItem?.routeName || '',
+    params: navItem?.routeParams || {},
+});
 export const findNavItemByRelativePath = (navItems, relativePath) => {
     for (const item of navItems) {
         if (item.relativePath === relativePath ||

package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    isAdmin: import("vue").ComputedRef<boolean>;
+    isAdminMaker: import("vue").ComputedRef<boolean>;
     isLivePreviewEnabled: import("vue").ComputedRef<boolean>;
     isSaving: import("vue").ComputedRef<boolean>;
     isPublished: import("vue").ComputedRef<boolean>;

package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.js

@@ -10,7 +10,7 @@ export default defineComponent({
         const brandPageMakerStore = useBrandPageMakerStore();
         const containerStore = useBrandPageContainerStore();
         return {
-            isAdmin: computed(() => userStore.isAdmin),
+            isAdminMaker: computed(() => containerStore.isAdminMaker),
             // BP-5873: the Preview button is behind an AB test, and pre/post purchase are
             // two separate experiments. Pick the one for the current purchase state — a
             // user's value on the other side is independent and must not leak across.

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

@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     backButtonLabel: import("vue").ComputedRef<string>;
     isDesignCom: import("vue").ComputedRef<boolean>;
     selectedTabName: import("vue").ComputedRef<string>;
-    isAdmin: import("vue").ComputedRef<boolean>;
+    isAdminMaker: import("vue").ComputedRef<boolean>;
     contentErrorCount: import("vue").ComputedRef<number>;
     mode: import("vue").ComputedRef<"images" | "add" | "pages" | "edit" | "focusedContentItem">;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
@@ -261,6 +261,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -278,6 +279,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -355,6 +357,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -372,6 +375,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -449,6 +453,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -466,6 +471,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;

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

@@ -84,7 +84,7 @@ export default defineComponent({
             backButtonLabel: computed(() => containerStore.backButtonLabel),
             isDesignCom: computed(() => containerStore.isDesignCom),
             selectedTabName: computed(() => sideBarStore.selectedTabName),
-            isAdmin: computed(() => userStore.isAdmin),
+            isAdminMaker: computed(() => containerStore.isAdminMaker),
             contentErrorCount: computed(() => contentSettingsStore.contentErrorCount),
             mode: computed(() => contentSettingsStore.mode),
             brandPageMakerStore,

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

@@ -182,10 +182,11 @@ const InitialiseMakerStores = (options) => {
         aiTemplateKeywords: undefined,
     });
     userStore.setUserState({
-        isAdmin: options.isAdmin,
+        isAdmin: options.isAdminMaker,
         hasPremiumSubscription: false,
         brandPageCommissionPercentage: 0.1,
     });
+    brandPageContainerStore.isAdminMaker = options.isAdminMaker ?? false;
 };
 const FABRIC_RENDER_BASE_URL = 'https://localhost:6006/';
 const SAMPLE_BRAND_PAGE_URL = 'https://brand.page';
@@ -366,7 +367,7 @@ SampleBanner.story = {
     name: 'Sample (Banner)',
 };
 export const SamplePersonalised = () => {
-    InitialiseMakerStores({ isAdmin: true });
+    InitialiseMakerStores({ isAdminMaker: true });
     return defineComponent({
         components: {
             BrandPageMaker,
@@ -391,7 +392,7 @@ export const SamplePersonalised = () => {
         template: `
       <BrandPageMaker :view-model="viewModel"/>
     `,
-        pinia: setupStoryPinia({ isAdmin: true }),
+        pinia: setupStoryPinia({ isAdminMaker: true }),
     });
 };
 export const SamplePublished = {
@@ -1159,7 +1160,7 @@ export const SampleNoUserMedia = () => {
     };
 };
 export const SampleAdminMode = () => {
-    InitialiseMakerStores({ isAdmin: true });
+    InitialiseMakerStores({ isAdminMaker: true });
     const pinia = setupStoryPinia();
     return {
         components: {
@@ -1201,7 +1202,7 @@ export const SampleAdminModeBrandSite = {
     name: 'Sample (admin mode brandsite1)',
     render: () => ({
         setup() {
-            InitialiseMakerStores({ isAdmin: true });
+            InitialiseMakerStores({ isAdminMaker: true });
         },
         components: {
             BrandPageMaker,

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture.d.ts

@@ -5,7 +5,7 @@ export declare const setupStoryPinia: (options?: {
     customDomain?: CustomDomainModel;
     designDraftToken?: string;
     endpoints?: Endpoints;
-    isAdmin?: boolean;
+    isAdminMaker?: boolean;
     noUserMedia?: boolean;
     noPaymentConfig?: boolean;
     disableMock?: boolean;

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

@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     getValue: import("vue").ComputedRef<(id: string, fieldName: string) => Content | string | undefined>;
     selectedTemplateId: import("vue").ComputedRef<string | false>;
     canUseRichTextEditor: import("vue").ComputedRef<boolean>;
-    isAdmin: import("vue").ComputedRef<boolean>;
+    isAdminMaker: import("vue").ComputedRef<boolean>;
     logoTheme: import("vue").ComputedRef<{
         logoTextColor: {
             rgb: string;
@@ -704,6 +704,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -721,6 +722,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -798,6 +800,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -815,6 +818,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -892,6 +896,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -909,6 +914,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;

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

@@ -42,7 +42,7 @@ export default defineComponent({
             getValue: computed(() => contentSettingsStore.getValue),
             selectedTemplateId: computed(() => brandPageMakerStore.selectedTemplateId),
             canUseRichTextEditor: computed(() => brandPageMakerUserStore.features.canUseRichTextEditor),
-            isAdmin: computed(() => brandPageMakerUserStore.isAdmin),
+            isAdminMaker: computed(() => brandPageContainerStore.isAdminMaker),
             logoTheme: computed(() => uiStore.logoTheme),
             contentSettingsStore,
             brandPageMakerStore,
@@ -211,7 +211,7 @@ export default defineComponent({
             if (RTE_ALLOWED_SECTION_TYPES.includes(item.type) &&
                 this.canUseRichTextEditor) {
                 let selectedItem = item;
-                if (this.isAdmin) {
+                if (this.isAdminMaker) {
                     const currentItem = this.items.find((i) => i.id === item.id);
                     if (currentItem) {
                         selectedItem = currentItem.settings.content;

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

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {
     mode: import("vue").ComputedRef<"images" | "shapes" | "edit">;
-    isAdmin: import("vue").ComputedRef<boolean>;
+    isAdminMaker: import("vue").ComputedRef<boolean>;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
         contentErrorCount(): number;
         brandPageBaseUrl(): string;

package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.js

@@ -1,5 +1,5 @@
 import { computed, defineComponent } from 'vue';
-import { useBrandPageMakerStore, BRANDPAGE_SETTINGS_MODES, useBrandPageMakerUserStore, } from '@brand-page-maker/stores';
+import { useBrandPageMakerStore, BRANDPAGE_SETTINGS_MODES, useBrandPageMakerUserStore, useBrandPageContainerStore, } from '@brand-page-maker/stores';
 import { MEDIA_TYPES } from '@brand-page/models/brand-page-context.model';
 const imageExtension = ['.png', '.ico'];
 export default defineComponent({
@@ -13,9 +13,10 @@ export default defineComponent({
     setup() {
         const brandPageMakerStore = useBrandPageMakerStore();
         const userStore = useBrandPageMakerUserStore();
+        const containerStore = useBrandPageContainerStore();
         return {
             mode: computed(() => brandPageMakerStore.mode),
-            isAdmin: computed(() => userStore.isAdmin),
+            isAdminMaker: computed(() => containerStore.isAdminMaker),
             brandPageMakerStore,
             userStore,
         };

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

@@ -5,3 +5,4 @@ export { default as SensitiveContent } from './sensitive-content/SensitiveConten
 export { default as SeoPageSettings } from './seo-settings/SeoPageSettings.vue';
 export { default as GoogleAnalytics } from './google-analytics/GoogleAnalytics.vue';
 export { default as PublishBrandPageModalWithState } from '@shared/publish-brand-page-with-state/PublishBrandPageModalWithState.vue';
+export { default as PreviewModalWithState } from './preview-modal/PreviewModalWithState.vue';

package/lib/src/brand-page-maker/components/index.js

@@ -5,3 +5,4 @@ export { default as SensitiveContent } from './sensitive-content/SensitiveConten
 export { default as SeoPageSettings } from './seo-settings/SeoPageSettings.vue';
 export { default as GoogleAnalytics } from './google-analytics/GoogleAnalytics.vue';
 export { default as PublishBrandPageModalWithState } from '@shared/publish-brand-page-with-state/PublishBrandPageModalWithState.vue';
+export { default as PreviewModalWithState } from './preview-modal/PreviewModalWithState.vue';

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

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    isAdmin: {
+    isAdminMaker: {
         type: BooleanConstructor;
         required: false;
         default: boolean;
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         cta_location: string;
     }): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "create-team-cards"[], "create-team-cards", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    isAdmin: {
+    isAdminMaker: {
         type: BooleanConstructor;
         required: false;
         default: boolean;
@@ -81,8 +81,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     "onCreate-team-cards"?: ((...args: any[]) => any) | undefined;
 }>, {
-    isAdmin: boolean;
     isPublished: boolean;
+    isAdminMaker: boolean;
     isSaving: boolean;
     backButtonLabel: string;
     isDesignCom: boolean;

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

@@ -3,7 +3,7 @@ import { EVENTS } from '../../../constants/brand-page-maker';
 import { navigationTr } from '@src/composables/useTranslate';
 export default defineComponent({
     props: {
-        isAdmin: {
+        isAdminMaker: {
             type: Boolean,
             required: false,
             default: false,

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

@@ -47,6 +47,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -64,6 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -141,6 +143,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -158,6 +161,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -235,6 +239,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -252,6 +257,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;

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

@@ -63,6 +63,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -80,6 +81,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -157,6 +159,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -174,6 +177,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;
@@ -251,6 +255,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isUpgradeModalVisible: boolean;
             isPublishing: boolean;
             isProduction: boolean;
+            isAdminMaker: boolean;
             isSellDomainNameEnabled: boolean;
             isStripeOnboardingModalVisible: boolean;
             isReactivationModal: boolean;
@@ -268,6 +273,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             triggerSaveSuccessMessage: boolean;
             isDesignCom: boolean;
             isPrePurchase: boolean;
+            prePurchaseBrandKitLogoDraftToken: string;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
             websiteUpsellModalViewModel?: any;