@designcrowd/library.brand-page 5.16.42-nav-sync-8 → 5.16.42

package/lib/src/{CreatedOnBrandCrowd-de-de-BscmF-sS.js → CreatedOnBrandCrowd-de-de-2yOEYkJj.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-Cv1F3mRI.js → CreatedOnBrandCrowd-en-us-C3ZcstVb.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DXIfZ_fT.js → CreatedOnBrandCrowd-es-es-CUVbeolm.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CfYvT6mz.js → CreatedOnBrandCrowd-fr-ca-CWrEm5XF.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CfYvT6mz.js → CreatedOnBrandCrowd-fr-fr-CWrEm5XF.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BZVwRPjC.js → CreatedOnBrandCrowd-pt-br-5WAjD7l3.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-BZVwRPjC.js → CreatedOnBrandCrowd-pt-pt-5WAjD7l3.js}

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

package/lib/src/{CreatedOnDcom-de-de-CdVwJsb6.js → CreatedOnDcom-de-de-B4b3caW2.js}

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

package/lib/src/{CreatedOnDcom-en-us-AK0XouIT.js → CreatedOnDcom-en-us-DaLELZyT.js}

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

package/lib/src/{CreatedOnDcom-es-es-B6t0ZBaO.js → CreatedOnDcom-es-es-p5JZJPXb.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-QtGHFspe.js → CreatedOnDcom-fr-ca-DcaNqreO.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-DwRKyc9d.js → CreatedOnDcom-fr-fr-DKzy6dez.js}

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

package/lib/src/{CreatedOnDcom-pt-br-D-y8prXm.js → CreatedOnDcom-pt-br-DXK8qDlO.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-D6P_Yh8g.js → CreatedOnDcom-pt-pt-ChGL1q2P.js}

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

package/lib/src/brand-page/components/page/Page.stories.js

@@ -32,9 +32,6 @@ const viewModel = {
         isSavingEnabled: true,
         hideBranding: false,
     },
-    nav: {
-        navItems: [],
-    },
 };
 const defaultSampleArgs = {
     viewModel,

package/lib/src/brand-page/models/index.d.ts

@@ -434,26 +434,9 @@ export declare class PageModel {
     title: string;
     slug: string;
     contents: Content[];
-    id: string;
     isHidden?: boolean;
     constructor(options: Partial<Omit<PageModel, 'contents'>> & Partial<Pick<PageModel, 'contents'>>);
 }
-export interface NavRoute {
-    id: string;
-    pageId: string;
-    pageSlug: string;
-    isHidden: boolean;
-    displayName: string;
-}
-export interface NavOrder {
-    routeId: string;
-    subRoutes: NavOrder[];
-}
-export declare class NavModel {
-    orders: NavOrder[];
-    routes: NavRoute[];
-    constructor(options?: Partial<NavModel>);
-}
 type AbstractPageHeaderStylesType = Partial<AbstractPageHeaderStyles>;
 export declare abstract class AbstractPageHeaderStyles {
     displayStyle: HeaderDisplayStyle;
@@ -555,7 +538,6 @@ export declare class BrandPageModel {
     pageFooterMobile: PageFooterMobile;
     pageFooterDesktop: PageFooterDesktop;
     pages: PageModel[];
-    nav: NavModel;
     isModifiedAfterTemplateApplied?: boolean;
     brandPageType?: BrandPageType;
     faviconUrl?: string;

package/lib/src/brand-page/models/index.js

@@ -168,22 +168,12 @@ export class PageModel {
     title;
     slug;
     contents;
-    id;
     isHidden;
     constructor(options) {
         this.title = options.title ?? '';
         this.slug = options.slug ?? '';
         this.contents = options.contents || [];
         this.isHidden = options.isHidden ?? false;
-        this.id = options.id || '';
-    }
-}
-export class NavModel {
-    orders;
-    routes;
-    constructor(options = {}) {
-        this.orders = options.orders || [];
-        this.routes = options.routes || [];
     }
 }
 export class AbstractPageHeaderStyles {
@@ -413,7 +403,6 @@ export class BrandPageModel {
     // @ts-expect-error should be initialised in constructor
     pageFooterDesktop;
     pages;
-    nav;
     isModifiedAfterTemplateApplied;
     brandPageType;
     faviconUrl;
@@ -487,6 +476,5 @@ export class BrandPageModel {
         this.cookieOptions = options.cookieOptions;
         this.saveContactSettings = options.saveContactSettings;
         this.paymentConfig = options.paymentConfig;
-        this.nav = new NavModel(options.nav);
     }
 }

package/lib/src/brand-page/utils/index.d.ts

@@ -8,7 +8,6 @@ export * from './image.util';
 export * from './font-loader.util';
 export * from './aspect-ratio.util';
 export * from './context.util';
-export * from './color.util';
 export * from './personalisation.util';
 export * from './migration.util';
 export * from '../../utils/validator.util';

package/lib/src/brand-page/utils/index.js

@@ -8,7 +8,6 @@ export * from './image.util';
 export * from './font-loader.util';
 export * from './aspect-ratio.util';
 export * from './context.util';
-export * from './color.util';
 export * from './personalisation.util';
 export * from './migration.util';
 export * from '../../utils/validator.util';

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

@@ -13,7 +13,6 @@ import { migration08 } from './migration/migration-08';
 import { migration09 } from './migration/migration-09';
 import { migration10 } from './migration/migration-10';
 import { migration11 } from './migration/migration-11';
-import { migration12 } from './migration/migration-12';
 const MIGRATION_TABLE = [
     {
         version: 1,
@@ -86,11 +85,6 @@ const MIGRATION_TABLE = [
         migrateFn: migration11,
         description: 'Remove backgroundColorEnabled flag from page headers',
     },
-    {
-        version: 12,
-        migrateFn: migration12,
-        description: 'Migrating nav model to support sub nav feature',
-    },
 ];
 export const GetLatestModelVersion = () => Math.max(...MIGRATION_TABLE.map((x) => x.version));
 export const migrateBrandPageModel = async (brandPageModel, options) => {

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

@@ -5,4 +5,4 @@ export declare const getRouteParamsByPage: (isCustomDomain: boolean, brandPageSl
     slug: string;
     pageSlug: string;
 };
-export declare const getRouteNameByPageIndex: (isCustomDomain: boolean, pageIndex?: number) => string;
+export declare const getRouteNameByPageIndex: (isCustomDomain: boolean, pageIndex: number) => string;

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

@@ -1,5 +1,5 @@
-import type { ImageContent, ProfileContent, TextContent, PageStyles, Content, BrandPageModel, ImageGalleryContent, GalleryStyles, BannerSectionContent, ImagesSectionContent, BrandPageType, PageHeaderDesktop, PageFooterDesktop, PageFooterMobile, PageHeaderMobile, LogoImageModel, LogoTemplateImageModel, BookingSectionContent, NavModel } from '../models';
-import type { ImageViewModel, LogoViewModel, ProfileViewModel, TextViewModel, ContentViewModel, BrandPageViewModel, ImageGalleryViewModel, PageViewModel, BannerSectionViewModel, PageHeaderViewModel, PageFooterViewModel, TextImageSectionViewModel, BookingSectionViewModel, PageStylesViewModel, NavViewModel } from '../view-models';
+import type { ImageContent, ProfileContent, TextContent, PageStyles, Content, BrandPageModel, ImageGalleryContent, GalleryStyles, BannerSectionContent, ImagesSectionContent, BrandPageType, PageHeaderDesktop, PageFooterDesktop, PageFooterMobile, PageHeaderMobile, LogoImageModel, LogoTemplateImageModel, BookingSectionContent } from '../models';
+import type { ImageViewModel, LogoViewModel, ProfileViewModel, TextViewModel, ContentViewModel, BrandPageViewModel, ImageGalleryViewModel, PageViewModel, BannerSectionViewModel, PageHeaderViewModel, PageFooterViewModel, TextImageSectionViewModel, BookingSectionViewModel, PageStylesViewModel } from '../view-models';
 export declare const applyViewModelTextStyles: <T extends ContentViewModel>(content: T, styles: PageStyles) => T;
 export declare const mapToImageViewModel: (content: ImageContent) => ImageViewModel;
 export declare const mapToImageGalleryViewModel: (content: ImageGalleryContent, globalStyles: GalleryStyles) => ImageGalleryViewModel;
@@ -8,15 +8,12 @@ export declare const mapToTextViewModel: (content: TextContent, styles: PageStyl
 export declare const mapToBannerSectionViewModel: (content: BannerSectionContent, styles: PageStyles, options: ViewModelMappingOptions) => BannerSectionViewModel;
 export declare const mapToImagesSectionViewModel: (content: ImagesSectionContent, styles: PageStyles, brandPageType: BrandPageType) => TextImageSectionViewModel;
 export declare const mapToBookingSectionViewModel: (content: BookingSectionContent, styles: PageStyles) => BookingSectionViewModel;
-export declare const mapToNavViewModel: (nav: NavModel, brandPageSlug?: string, isCustomDomain?: boolean) => NavViewModel;
 export declare const mapToPageStyleViewModel: (pageStyles: PageStyles, options: ViewModelMappingOptions) => PageStylesViewModel;
 export declare const mapToPageHeaderViewModel: (pageHeader: PageHeaderDesktop | PageHeaderMobile, pageStyles: PageStyles, pages: PageViewModel[], useOldLogoRenderSize?: boolean) => PageHeaderViewModel;
 export declare const mapToPageFooterViewModel: (pageFooter: PageFooterDesktop | PageFooterMobile, pageStyles: PageStyles, useOldLogoRenderSize?: boolean) => PageFooterViewModel;
 export declare const mapToViewModel: (styles: PageStyles, brandPageType: BrandPageType, options: ViewModelMappingOptions) => (content: Content) => ContentViewModel | undefined;
 interface ViewModelMappingOptions {
     useOldLogoRenderSize?: boolean;
-    isCustomDomain?: boolean;
-    brandPageSlug?: string;
     getVideoUrls?: (token: string) => {
         videoUrl: string;
         previewImageUrl: string;

package/lib/src/brand-page/utils/view-model.util.js

@@ -10,11 +10,9 @@ import { generateGoogleFontUrl } from './font-loader.util';
 import { isValidSvgUrl } from './image.util';
 import { isLogoContent } from './model.util';
 import { getBoxShadowValue } from './button.util';
-import { getRouteNameByPageIndex, getRouteParamsByPage } from './route.util';
 const BUTTON_BORDER_RADIUS = '9999px';
 const CONTENT_BORDER_RADIUS = '48px';
 const PROFILE_PADDING_TOP = '1rem';
-const MAX_SUB_NAV_DEPTH = 1;
 const applyContentBorderRadius = (styles) => {
     return {
         ...styles,
@@ -606,27 +604,6 @@ export const mapToBookingSectionViewModel = (content, styles) => {
         isFullWidth: true,
     }, styles);
 };
-// Recursively build the nav item view model for each page/sub page in the nav
-const buildNavItemViewModel = (order, routes, parentPath, isFirstPage, brandPageSlug, isCustomDomain, depth = 0) => {
-    const route = routes.find((r) => r.id === order.routeId);
-    const pageSlug = route?.pageSlug ?? '';
-    const relativePath = parentPath ? `${parentPath}/${pageSlug}` : pageSlug;
-    return {
-        displayName: route?.displayName ?? '',
-        routeName: getRouteNameByPageIndex(Boolean(isCustomDomain), isFirstPage ? 0 : 9999),
-        routeParams: getRouteParamsByPage(Boolean(isCustomDomain), brandPageSlug ?? '', pageSlug),
-        relativePath,
-        isHidden: route?.isHidden ?? false,
-        nestedNavItems: depth >= MAX_SUB_NAV_DEPTH
-            ? []
-            : order.subRoutes.map((subRoute) => buildNavItemViewModel(subRoute, routes, relativePath, false, brandPageSlug, isCustomDomain, depth + 1)),
-    };
-};
-export const mapToNavViewModel = (nav, brandPageSlug, isCustomDomain) => {
-    return {
-        navItems: nav.orders.map((order, idx) => buildNavItemViewModel(order, nav.routes, '', idx === 0, brandPageSlug, isCustomDomain)),
-    };
-};
 export const mapToPageStyleViewModel = (pageStyles, options) => {
     return {
         backgroundStylesViewModel: mapBackgroundStylesToViewModel(pageStyles.backgroundStyles, options),
@@ -804,17 +781,14 @@ export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, s
         return {
             title: p.title,
             slug: p.slug,
-            id: p.id,
             contents,
             isHidden: Boolean(p?.isHidden),
         };
     });
-    const nav = mapToNavViewModel(model.nav, options.brandPageSlug, options.isCustomDomain);
     return {
         brandPageToken,
         pages,
         showBrandCrowdLogo,
-        nav,
         styles: mapToPageStyleViewModel(model.styles, options),
         headerViewModelDesktop: mapToPageHeaderViewModel(model.pageHeaderDesktop, model.styles, pages, options.useOldLogoRenderSize),
         headerViewModelMobile: mapToPageHeaderViewModel(model.pageHeaderMobile, model.styles, pages, options.useOldLogoRenderSize),

package/lib/src/brand-page/view-models.d.ts

@@ -7,7 +7,6 @@ export interface ContentViewModel {
     role: ContentType;
 }
 export interface PageViewModel {
-    id: string;
     title: string;
     slug: string;
     contents: ContentViewModel[];
@@ -150,38 +149,11 @@ export interface PageStylesViewModel {
     textStyles: TextStyles;
     galleryStyles: GalleryStyles;
 }
-export interface NavRouteViewModel {
-    id: string;
-    pageId: string;
-    route: string;
-}
-export interface NavOrderViewModel {
-    routeId: string;
-    isHidden: boolean;
-    fullPath: string;
-    subRoutes: NavOrderViewModel[];
-}
-export interface NavItemRouteParams {
-    slug: string;
-    pageSlug?: string;
-}
-export interface NavItemViewModel {
-    displayName: string;
-    routeName: string;
-    routeParams: NavItemRouteParams;
-    isHidden: boolean;
-    relativePath: string;
-    nestedNavItems: NavItemViewModel[];
-}
-export interface NavViewModel {
-    navItems: NavItemViewModel[];
-}
 export interface BrandPageViewModel {
     brandPageToken?: string;
     showBrandCrowdLogo: boolean;
     styles: PageStylesViewModel;
     pages: PageViewModel[];
-    nav: NavViewModel;
     brandPageType: BrandPageType;
     headerViewModelDesktop: PageHeaderViewModel;
     headerViewModelMobile: PageHeaderViewModel;

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

@@ -975,7 +975,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         addNewPage(payload: {
             title: string;
-        }): import("../../../shared/page-settings/models").ContentPage;
+        }): void;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: "footer" | "header" | "pages" | undefined;
         }): void;

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

@@ -987,7 +987,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addNewPage(payload: {
             title: string;
-        }): import("../../../shared/page-settings/models").ContentPage;
+        }): void;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: "footer" | "header" | "pages" | undefined;
         }): void;

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

@@ -12,7 +12,6 @@ const pageStyles = new PageStyles();
 const pages = [
     {
         title: '',
-        id: '',
         slug: '',
         isHidden: false,
         contents: brandPageData
@@ -37,9 +36,6 @@ const viewModel = {
         isSavingEnabled: true,
         hideBranding: false,
     },
-    nav: {
-        navItems: [],
-    },
 };
 export const SampleDesktop = () => {
     const pinia = setupStoryPinia();

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

@@ -1,5 +1,5 @@
 import { EMPTY_LOGO_IMAGE_MODEL, SENSITIVE_CONTENT_TYPES, VIEWPORTS, } from '../../../brand-page';
-import { BackgroundStyles, BRAND_PAGE_TYPES, BrandPageModel, CONTENT_TYPES, NavigationDesktop, NavigationMobile, NavModel, } from '../../../brand-page';
+import { BackgroundStyles, BRAND_PAGE_TYPES, BrandPageModel, CONTENT_TYPES, NavigationDesktop, NavigationMobile, } from '../../../brand-page';
 import { useBrandPageMakerUserStore } from '../user';
 import { defineStore } from 'pinia';
 import { useUiStore } from '../ui';
@@ -8,7 +8,6 @@ import { useUiStyleSettingsStore } from '../../../shared/style-settings/store';
 import { useUiNavigationStyleSettingsStore } from '../../../shared/navigation-style-settings/store';
 import { useUiBackgroundSettingsStore } from '../../../shared/background-settings/store';
 import { useShopConfigStore } from '../../../shared/ecommerce-settings/store/shop-settings-store';
-import { usePageNavigationStore } from '../../../shared/page-navigation/store/page-navigation-store';
 import { applyLogoThemeToBrandPageModel, migrateBrandPageModel, applyUserPersonalisationToBrandPageModelAsync, getBrandPageViewModelFromBrandPageModel, isLogoContent, parseLogoThemeToCssStyles, logoUtil, GetLatestModelVersion, } from '../../../brand-page/utils';
 import { navigateToPageBySlug } from '../../routing';
 import { BRANDPAGE_DEFAULT_ERROR_MESSAGE_DESCRIPTION, BRANDPAGE_DEFAULT_SAVE_MESSAGE_DESCRIPTION, MAKER_MOBILE_BREAKPOINT, MESSAGE_VISIBLE_DURATION, } from '../../constants';
@@ -292,8 +291,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             brandPageModel.pageFooterDesktop = model.pageFooterDesktop;
             brandPageModel.pageFooterMobile = model.pageFooterMobile;
             brandPageModel.pages = model.pages;
-            const pageNavigationStore = usePageNavigationStore();
-            pageNavigationStore.setNav({ nav: brandPageModel.nav });
             navigationStyleSettingsStore.initialise({ reset: true });
             styleSettingsStore.initialise({
                 reset: true,
@@ -649,8 +646,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 this.setCookiePreviewEnabled({
                     isCookiePreviewEnabled: brandPageModel.cookieOptions?.isCookiePreviewEnabled,
                 });
-                const pageNavigationStore = usePageNavigationStore();
-                pageNavigationStore.setNav({ nav: brandPageModel.nav });
                 this.setSavingEnabled({
                     isSavingEnabled: brandPageModel.saveContactSettings?.isSavingEnabled ?? true,
                 });
@@ -819,7 +814,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const styleSettingsStore = useUiStyleSettingsStore();
             const navigationStyleSettingsStore = useUiNavigationStyleSettingsStore();
             const shopStore = useShopConfigStore();
-            const pageNavigationStore = usePageNavigationStore();
             const pages = pageSettingsStore.pages.map((p) => ({
                 ...p,
                 contents: p.contents
@@ -831,8 +825,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const buttonStyles = styleSettingsStore.buttonStyles;
             const textStyles = styleSettingsStore.textStyles;
             const galleryStyles = styleSettingsStore.galleryStyles;
-            const navigation = navigationStyleSettingsStore.navigation; // This is not referring to the sub nav structure
-            const pageNavStructure = pageNavigationStore.nav;
+            const navigation = navigationStyleSettingsStore.navigation;
             return {
                 v: GetLatestModelVersion(),
                 pages,
@@ -858,7 +851,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 cookieOptions: this.cookieOptions,
                 saveContactSettings: this.saveContactSettings,
                 paymentConfig: shopStore.paymentConfig,
-                nav: pageNavStructure,
             };
         },
         brandPageToken() {
@@ -934,7 +926,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const userStore = useBrandPageMakerUserStore();
             const uiStore = useUiStore();
             const videoStore = useVideoStore();
-            const brandPageContainerStore = useBrandPageContainerStore();
             if (userStore.isAdmin && uiStore.logoTheme) {
                 const themedBrandPage = applyLogoThemeToBrandPageModel(uiStore.logoTheme, this.brandPageData).model;
                 return getBrandPageViewModelFromBrandPageModel(themedBrandPage, this.brandPageToken, undefined, {
@@ -942,8 +933,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                     getVideoUrls: videoStore.getVideoUrlsForToken,
                     getS3VideoUrls: videoStore.getOptimisedS3VideoUrlsForToken,
                     setVideoUrlsWithToken: videoStore.setVideoUrlsWithToken,
-                    isCustomDomain: brandPageContainerStore.isCustomDomainEnabled,
-                    brandPageSlug: brandPageContainerStore.brandPageSlug,
                 });
             }
             const showBrandCrowdLogo = userStore.features.showBrandCrowdLogo;
@@ -957,8 +946,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                     getVideoUrls: videoStore.getVideoUrlsForToken,
                     getS3VideoUrls: videoStore.getOptimisedS3VideoUrlsForToken,
                     setVideoUrlsWithToken: videoStore.setVideoUrlsWithToken,
-                    isCustomDomain: brandPageContainerStore.isCustomDomainEnabled,
-                    brandPageSlug: brandPageContainerStore.brandPageSlug,
                 });
             }
             return getBrandPageViewModelFromBrandPageModel(this.brandPageData, this.brandPageToken, showBrandCrowdLogo, {
@@ -966,8 +953,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 getVideoUrls: videoStore.getVideoUrlsForToken,
                 getS3VideoUrls: videoStore.getOptimisedS3VideoUrlsForToken,
                 setVideoUrlsWithToken: videoStore.setVideoUrlsWithToken,
-                isCustomDomain: brandPageContainerStore.isCustomDomainEnabled,
-                brandPageSlug: brandPageContainerStore.brandPageSlug,
             });
         },
         gettyVideoIds() {

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -5377,7 +5377,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 45vh;
 }
 
-.empty-para[data-v-0ae72733] p:empty::after {
+.empty-para[data-v-a22efdb4] p:empty::after {
   content: '\00A0';
 }
 
@@ -7312,14 +7312,14 @@ body {
   line-height: 1.5;
 }
 
-.brand-page-root[data-v-5f829bc4] {
+.brand-page-root[data-v-e7602e06] {
   height: 100%;
 }
-.sortable[data-v-5f829bc4] {
+.sortable[data-v-e7602e06] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page[data-v-5f829bc4] {
+.brand-page[data-v-e7602e06] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -7331,7 +7331,7 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--default[data-v-5f829bc4] {
+.brand-page__inner--default[data-v-e7602e06] {
   position: relative;
   z-index: 10;
   display: -webkit-box;
@@ -7343,16 +7343,16 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--desktop[data-v-5f829bc4] {
+.brand-page__inner--desktop[data-v-e7602e06] {
   min-height: 100vh;
 }
-.brand-site__header[data-v-5f829bc4] {
+.brand-site__header[data-v-e7602e06] {
   container-type: inline-size;
 }
-.brand-page__header[data-v-5f829bc4] {
+.brand-page__header[data-v-e7602e06] {
   padding-top: var(--page-padding);
 }
-.brand-page__content--default[data-v-5f829bc4] {
+.brand-page__content--default[data-v-e7602e06] {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem;
@@ -7369,7 +7369,7 @@ body {
           flex-direction: column;
   max-width: var(--page-max-width);
 }
-.brand-page__content--desktop[data-v-5f829bc4] {
+.brand-page__content--desktop[data-v-e7602e06] {
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
@@ -7385,15 +7385,15 @@ body {
           flex-direction: column;
   max-width: 100%;
 }
-.brand-page__content--inner[data-v-5f829bc4] {
+.brand-page__content--inner[data-v-e7602e06] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--inner--brandsite[data-v-5f829bc4] {
+.brand-page__content--inner--brandsite[data-v-e7602e06] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.brand-page__content--outline-selected[data-v-5f829bc4] {
+.brand-page__content--outline-selected[data-v-e7602e06] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -7401,20 +7401,20 @@ body {
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
-.brand-page__content--outline-footer-selected[data-v-5f829bc4] {
+.brand-page__content--outline-footer-selected[data-v-e7602e06] {
   outline-color: #f7768c;
   outline-width: 0.2rem;
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
 @media (max-width: 640px) {
-.brand-page__content--inner--full-width[data-v-5f829bc4] {
+.brand-page__content--inner--full-width[data-v-e7602e06] {
     padding-left: 0;
     padding-right: 0;
 }
 }
 @media (min-width: 640px) {
-.brand-page__content--inner--full-width[data-v-5f829bc4] {
+.brand-page__content--inner--full-width[data-v-e7602e06] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
 }