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

package/lib/src/lib.js

@@ -6,7 +6,7 @@ export * from './brand-page/view-models';
 export * from './shared/models';
 export * from './brand-page/utils/content-callback-util';
 // constants
-export { DEFAULT_FONT_FAMILY_KEY, DEFAULT_LOGO_TEXT_COLOR_RGB, DEFAULT_LOGO_BACKGROUND_COLOR_RGB, FONT_FAMILY_CONFIGS, isGoogleType, isUrlType, HEADER_DISPLAY, NAVIGATION_DISPLAY, STYLE_THEME_KEYS, } from './brand-page/constants';
+export { DEFAULT_FONT_FAMILY_KEY, DEFAULT_LOGO_TEXT_COLOR_RGB, DEFAULT_LOGO_BACKGROUND_COLOR_RGB, FONT_FAMILY_CONFIGS, isGoogleType, isUrlType, HEADER_DISPLAY, NAVIGATION_DISPLAY, } from './brand-page/constants';
 export * from './brand-page-maker/constants';
 export * as BackgroundShapeStarterKit from './brand-page-maker/components/brand-page-maker/starter-kits/background-shapes';
 export * as BackgroundColorsStarterKit from './brand-page-maker/components/brand-page-maker/starter-kits/background-colors';

package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts

@@ -8,7 +8,6 @@ interface CategoryTab {
 declare const _default: import("vue").DefineComponent<{}, {
     mode: import("vue").ComputedRef<"images" | "add" | "pages" | "edit" | "focusedContentItem">;
     pages: import("vue").ComputedRef<{
-        id: string;
         title: string;
         slug: string;
         contents: {
@@ -680,7 +679,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addNewPage(payload: {
             title: string;
-        }): import("../../../page-settings/models").ContentPage;
+        }): void;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: "footer" | "header" | "pages" | undefined;
         }): void;

package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts

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

package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts

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

package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.d.ts

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

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts

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

package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts

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

package/lib/src/shared/page-settings/components/new-page-modal/NewPageModal.mixin.d.ts

@@ -1,4 +1,3 @@
-import type { NavRoute } from '../../../../brand-page';
 declare const _default: import("vue").DefineComponent<{}, {
     isNewPageModalVisible: import("vue").ComputedRef<boolean>;
     pageSettingsStore: import("pinia").Store<"uiPageSettings", import("../../store").PageSettingsState, {
@@ -66,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addNewPage(payload: {
             title: string;
-        }): import("../../models").ContentPage;
+        }): void;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: "footer" | "header" | "pages" | undefined;
         }): void;
@@ -77,19 +76,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         collapseAllSections(): void;
         setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): void;
     }>;
-    pageNavigationStore: import("pinia").Store<"pageNavigation", import("../../../page-navigation/store/page-navigation-store").PageNavigationState, {
-        nav(): import("../../../../brand-page").NavModel;
-    }, {
-        setNav({ nav }: {
-            nav: import("../../../../brand-page").NavModel;
-        }): void;
-        addNavRoute(newRoute: NavRoute, parentRouteId?: string | undefined): void;
-        removeNavRoute(routeId: string): void;
-        onDisplayNameChange(routeId: string, newDisplayName: string): void;
-        updateRouteVisibility(routeId: string, isHidden: boolean): void;
-        reorderVisibleAndHiddenRoutes(): void;
-        updateOrder(routeIdToReorder: string, newIndex: number): void;
-    }>;
 }, {
     newPageTitle: string;
     isErrorVisible: boolean;

package/lib/src/shared/page-settings/components/new-page-modal/NewPageModal.mixin.js

@@ -2,16 +2,12 @@ import { defineComponent, computed } from 'vue';
 import { getPageTitleError } from '../../utils';
 import { useUiPageSettingsStore } from '../../store';
 import { useEventTracker } from '../../../../brand-page-maker/composables/useEventTracker';
-import { usePageNavigationStore } from '../../../page-navigation/store/page-navigation-store';
-import { v4 as uuid } from 'uuid';
 export default defineComponent({
     setup() {
         const pageSettingsStore = useUiPageSettingsStore();
-        const pageNavigationStore = usePageNavigationStore();
         return {
             isNewPageModalVisible: computed(() => pageSettingsStore.isNewPageModalVisible),
             pageSettingsStore,
-            pageNavigationStore,
         };
     },
     data() {
@@ -44,17 +40,7 @@ export default defineComponent({
                 this.isErrorVisible = true;
                 return;
             }
-            const newPage = this.pageSettingsStore.addNewPage({
-                title: this.newPageTitle,
-            });
-            const newRoute = {
-                id: uuid(),
-                pageId: newPage.id,
-                pageSlug: newPage.slug,
-                isHidden: false,
-                displayName: newPage.title,
-            };
-            this.pageNavigationStore.addNavRoute(newRoute);
+            this.pageSettingsStore.addNewPage({ title: this.newPageTitle });
             const eventTracker = useEventTracker();
             eventTracker.sendWebsiteManageAddPageEvent(this.newPageTitle);
             await this.pageSettingsStore.setNewPageModalVisibilityAsync({

package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts

@@ -11,7 +11,6 @@ export interface PageField {
 declare const _default: import("vue").DefineComponent<{}, {
     pageFields: import("vue").WritableComputedRef<{
         page: {
-            id: string;
             title: string;
             slug: string;
             contents: {
@@ -3966,7 +3965,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addNewPage(payload: {
             title: string;
-        }): ContentPage;
+        }): void;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: "footer" | "header" | "pages" | undefined;
         }): void;
@@ -3977,19 +3976,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         collapseAllSections(): void;
         setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): void;
     }>;
-    pageNavigationStore: import("pinia").Store<"pageNavigation", import("../../../page-navigation/store/page-navigation-store").PageNavigationState, {
-        nav(): import("../../../../brand-page").NavModel;
-    }, {
-        setNav({ nav }: {
-            nav: import("../../../../brand-page").NavModel;
-        }): void;
-        addNavRoute(newRoute: import("../../../../brand-page").NavRoute, parentRouteId?: string | undefined): void;
-        removeNavRoute(routeId: string): void;
-        onDisplayNameChange(routeId: string, newDisplayName: string): void;
-        updateRouteVisibility(routeId: string, isHidden: boolean): void;
-        reorderVisibleAndHiddenRoutes(): void;
-        updateOrder(routeIdToReorder: string, newIndex: number): void;
-    }>;
     contentSettingsStore: import("pinia").Store<"uiContentSettings", import("../../../content-settings/store").ContentSettingsState, {
         contentErrorCount(): number;
         getContent(state: {

package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.js

@@ -11,7 +11,6 @@ import { SIDE_BAR_CONTENT_ID } from '../../../content-settings/constants';
 import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, } from '../../../../brand-page-maker/composables/useEventTracker';
 import { pageSettingTr, styleSettingsTr, } from '../../../../composables/useTranslate';
 import { WEBSITE_UPGRADE_CONTEXT_TYPES } from '@designcrowd/fe-shared-lib';
-import { usePageNavigationStore } from '../../../page-navigation/store/page-navigation-store';
 const PAGE_SETTINGS_PAGES = {
     page: 'page',
     logo: 'logo',
@@ -26,7 +25,6 @@ export default defineComponent({
         const navigationSettingsStore = useUiNavigationStyleSettingsStore();
         const brandPageContainerStore = useBrandPageContainerStore();
         const eventTracker = useEventTracker();
-        const pageNavigationStore = usePageNavigationStore();
         const updatePages = (pageFields) => {
             pageSettingsStore.setPages({ pages: pageFields.map((p) => p.page) });
         };
@@ -52,12 +50,6 @@ export default defineComponent({
         const onDraggingEnd = (ev) => {
             if (ev && ev.oldIndex !== ev.newIndex) {
                 eventTracker.sendWebsiteManageReorderPageEvent(pageSettingsStore.pages[ev.newIndex].title);
-                // After drag, the moved page is now at newIndex
-                const pageId = pageSettingsStore.pages[ev.newIndex].id;
-                const navRouteId = pageNavigationStore.routes.find((route) => route.pageId === pageId)?.id;
-                if (navRouteId) {
-                    pageNavigationStore.updateOrder(navRouteId, ev.newIndex);
-                }
             }
             isDraggingPage.value = false;
         };
@@ -84,7 +76,6 @@ export default defineComponent({
             uiStore,
             userStore,
             pageSettingsStore,
-            pageNavigationStore,
             contentSettingsStore,
             navigationSettingsStore,
             brandPageContainerStore,
@@ -181,14 +172,6 @@ export default defineComponent({
         },
         onChangePageVisibility(index) {
             const currentPageVisibility = Boolean(this.pageSettingsStore.pages[index]?.isHidden);
-            const pageId = this.pageSettingsStore.pages[index]?.id;
-            // TODO(jyao): Remove this later since we won't be using page id anymore!
-            if (pageId) {
-                const navRouteId = this.pageNavigationStore.routes.find((route) => route.pageId === pageId)?.id;
-                if (navRouteId) {
-                    this.pageNavigationStore.updateRouteVisibility(navRouteId, !currentPageVisibility);
-                }
-            }
             this.pageSettingsStore.setPageVisibility({
                 isHidden: !currentPageVisibility,
                 index: index,
@@ -201,14 +184,6 @@ export default defineComponent({
         },
         onConfirmDeletePage(pageIndex) {
             this.pageFields.splice(pageIndex, 1);
-            const pageId = this.pageSettingsStore.pages[pageIndex]?.id;
-            // TODO(jyao): Remove this later since we won't be using page id anymore!
-            if (pageId) {
-                const navRouteId = this.pageNavigationStore.routes.find((route) => route.pageId === pageId)?.id;
-                if (navRouteId) {
-                    this.pageNavigationStore.removeNavRoute(navRouteId);
-                }
-            }
             this.updatePages(this.pageFields);
             this.eventTracker.sendWebsiteManageRemovePageEvent(this.deleteModalPageTitle);
             this.isDeleteModalVisible = false;
@@ -231,16 +206,10 @@ export default defineComponent({
             this.pageSettingsStore.setSelectedSectionName({ sectionName });
         },
         onPageTitleInput(index, title) {
-            const page = this.pageSettingsStore.pages[index];
             this.pageSettingsStore.setPageTitle({
                 pageIndex: index,
                 pageTitle: title,
             });
-            if (page) {
-                // TODO(jyao): Remove this later since we won't be using page id anymore!
-                const routeId = this.pageNavigationStore.routes.find((route) => route.pageId === page.id)?.id;
-                this.pageNavigationStore.onDisplayNameChange(routeId, title);
-            }
         },
         onBackButtonClick() {
             this.contentSettingsStore.popMode();

package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts

@@ -3275,7 +3275,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         addNewPage(payload: {
             title: string;
-        }): import("../../models").ContentPage;
+        }): void;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: "footer" | "header" | "pages" | undefined;
         }): void;
@@ -4374,7 +4374,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     viewport: import("vue").ComputedRef<ViewportsType>;
     pages: {
-        id: string;
         title: string;
         slug: string;
         contents: {

package/lib/src/shared/page-settings/models.d.ts

@@ -3,7 +3,6 @@ import type { ContentItem } from '../content-settings/models';
 import type { PageSettingsStateSectionStyles } from './store';
 import type { NavigationStyleConfigOption } from '../../brand-page-maker/models/navigation-style-configs';
 export interface ContentPage {
-    id: string;
     title: string;
     slug: string;
     contents: ContentItem<Content>[];

package/lib/src/shared/page-settings/store/page-settings-store.d.ts

@@ -98,7 +98,7 @@ export declare const useUiPageSettingsStore: import("pinia").StoreDefinition<"ui
     }): void;
     addNewPage(payload: {
         title: string;
-    }): ContentPage;
+    }): void;
     setSelectedSectionName({ sectionName, }: {
         sectionName?: "footer" | "header" | "pages" | undefined;
     }): void;

package/lib/src/shared/page-settings/store/page-settings-store.js

@@ -1,6 +1,5 @@
 import { defineStore } from 'pinia';
 import { PageHeaderDesktop, PageHeaderMobile, PageFooterDesktop, PageFooterMobile, VIEWPORTS, HEADER_DISPLAY, } from '../../../brand-page';
-import { v4 as uuid } from 'uuid';
 import { PAGE_SECTIONS } from '../models';
 import { navigateToPageBySlug } from '../../../brand-page-maker/routing';
 import { getPageSlugFromPageTitle } from '../../../brand-page-maker/utils';
@@ -218,7 +217,7 @@ export const useUiPageSettingsStore = defineStore('uiPageSettings', {
             const logoSettingsStore = useUiLogoSettingsStore();
             const brandPageMakerStore = useBrandPageMakerStore();
             const slug = getPageSlugFromPageTitle(payload.title, this.pages.map((p) => p.slug));
-            const newPage = { id: uuid(), title: payload.title, slug, contents: [] };
+            const newPage = { title: payload.title, slug, contents: [] };
             // Insert new page after the non-hidden page
             const visiblePages = this.pages.filter((page) => !page.isHidden);
             const hiddenPages = this.pages.filter((page) => page.isHidden);
@@ -229,7 +228,6 @@ export const useUiPageSettingsStore = defineStore('uiPageSettings', {
             if (brandPageMakerStore.isBrandPageOrIsBrandContact) {
                 logoSettingsStore.addDefaultLogoContentToCurrentPage();
             }
-            return newPage;
         },
         setSelectedSectionName({ sectionName, }) {
             this.selectedSectionName = sectionName;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "5.16.42-nav-sync-7",
+  "version": "5.16.42",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",
@@ -45,7 +45,7 @@
     "storybook:build": "mkdir -p public && mkdir -p public/css && npm run storybook:css && storybook build -c .storybook -o .storybook-static && cp -R ./public/css .storybook-static/",
     "watch:tsc": "tsc --noEmit --watch",
     "watch:tsc:bp": "tsc --noEmit --watch -p ./tsconfig.bp.json",
-    "watch": "npm run clean:lib && run-p watch:lib watch:css build:bp:typings",
+    "watch": "npm run clean:lib && run-p watch:lib watch:css",
     "watch:lib": "NODE_ENV=development npm run build:bp:vite -- --watch",
     "watch:css": "NODE_ENV=development nodemon --config nodemon.css.json",
     "cy:run:local": "cypress run --browser chrome --headless --config \"baseUrl=http://localhost:8080\"",
@@ -121,8 +121,7 @@
     "ie >= 10"
   ],
   "optionalDependencies": {
-    "@esbuild/darwin-arm64": "0.27.1",
-    "@esbuild/linux-x64": "0.27.1",
+    "@esbuild/darwin-arm64": "0.23.1",
     "@rollup/rollup-linux-arm64-gnu": "4.12.0",
     "@rollup/rollup-linux-x64-gnu": "4.12.0"
   },
@@ -243,4 +242,4 @@
       "public"
     ]
   }
-}
+}

package/src/brand-page/components/page/Page.stories.ts

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

package/src/brand-page/components/page/Page.vue

@@ -14,20 +14,6 @@
     :media-type="viewModel.styles.backgroundStylesViewModel.mediaViewModel.type"
     content-index="0"
   />
-  <pre
-    style="
-      position: fixed;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      background: white;
-      padding: 20px;
-      z-index: 9999;
-      max-height: 80vh;
-      overflow: auto;
-    "
-    >{{ JSON.stringify(viewModel.nav, null, 2) }}</pre
-  >
   <div
     class="brand-page-root"
     :style="rootElementStyles"

package/src/brand-page/components/social-links/SocialLinks.vue.test.ts

@@ -35,7 +35,6 @@ const createTestBrandPageContext = (): BrandPageContext => ({
   },
   pages: [
     {
-      id: '123',
       title: 'Home',
       slug: 'home',
       isHidden: false,

package/src/brand-page/components/text-wrapper/TextWrapper.vue

@@ -157,7 +157,7 @@ const minFontSizeInPxToDisableScale = 14;
 const customStrengthRate = 0.3;
 
 const applyScale = () => {
-  if (!data.targetContainer || !data.targetContainerData || !props.text) {
+  if (!data.targetContainer || !data.targetContainerData) {
     return;
   }
 

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

@@ -609,7 +609,6 @@ export class PageModel {
   title: string;
   slug: string;
   contents: Content[];
-  id: string;
   isHidden?: boolean;
 
   constructor(
@@ -620,31 +619,6 @@ export class PageModel {
     this.slug = options.slug ?? '';
     this.contents = options.contents || [];
     this.isHidden = options.isHidden ?? false;
-    this.id = options.id || '';
-  }
-}
-
-// Navigation objects - Initially to support Sub-navigation, but to be extended for future use (E.g. Nested nav)
-export interface NavRoute {
-  id: string;
-  pageId: string;
-  pageSlug: string;
-  isHidden: boolean;
-  displayName: string;
-}
-
-export interface NavOrder {
-  routeId: string;
-  subRoutes: NavOrder[];
-}
-
-export class NavModel {
-  orders: NavOrder[];
-  routes: NavRoute[];
-
-  constructor(options: Partial<NavModel> = {}) {
-    this.orders = options.orders || [];
-    this.routes = options.routes || [];
   }
 }
 
@@ -949,8 +923,6 @@ export class BrandPageModel {
 
   pages: PageModel[];
 
-  nav: NavModel;
-
   isModifiedAfterTemplateApplied?: boolean;
 
   brandPageType?: BrandPageType;
@@ -1066,8 +1038,6 @@ export class BrandPageModel {
     this.saveContactSettings = options.saveContactSettings;
 
     this.paymentConfig = options.paymentConfig;
-
-    this.nav = new NavModel(options.nav);
   }
 }
 

package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap

@@ -11,23 +11,6 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
     "headerStyles": undefined,
     "isModifiedAfterTemplateApplied": undefined,
     "measurementID": undefined,
-    "nav": NavModel {
-      "orders": [
-        {
-          "routeId": "mocked-uuid-2",
-          "subRoutes": [],
-        },
-      ],
-      "routes": [
-        {
-          "displayName": "Home",
-          "id": "mocked-uuid-2",
-          "isHidden": false,
-          "pageId": "mocked-uuid-1",
-          "pageSlug": "home",
-        },
-      ],
-    },
     "ogDescription": undefined,
     "ogImageUrl": undefined,
     "ogTitle": undefined,
@@ -330,7 +313,6 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
             "url": "",
           },
         ],
-        "id": "mocked-uuid-1",
         "slug": "home",
         "title": "Home",
       },
@@ -446,7 +428,7 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
         },
       },
     },
-    "v": 12,
+    "v": 11,
   },
   "useOldLogoRenderSize": true,
 }
@@ -463,23 +445,6 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
     "headerStyles": undefined,
     "isModifiedAfterTemplateApplied": undefined,
     "measurementID": undefined,
-    "nav": NavModel {
-      "orders": [
-        {
-          "routeId": "mocked-uuid-2",
-          "subRoutes": [],
-        },
-      ],
-      "routes": [
-        {
-          "displayName": "Home",
-          "id": "mocked-uuid-2",
-          "isHidden": false,
-          "pageId": "mocked-uuid-1",
-          "pageSlug": "home",
-        },
-      ],
-    },
     "ogDescription": undefined,
     "ogImageUrl": undefined,
     "ogTitle": undefined,
@@ -765,7 +730,6 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
             "type": "text",
           },
         ],
-        "id": "mocked-uuid-1",
         "slug": "home",
         "title": "Home",
       },
@@ -881,7 +845,7 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
         },
       },
     },
-    "v": 12,
+    "v": 11,
   },
   "useOldLogoRenderSize": true,
 }
@@ -898,23 +862,6 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
     "headerStyles": undefined,
     "isModifiedAfterTemplateApplied": undefined,
     "measurementID": undefined,
-    "nav": NavModel {
-      "orders": [
-        {
-          "routeId": "mocked-uuid-2",
-          "subRoutes": [],
-        },
-      ],
-      "routes": [
-        {
-          "displayName": "Home",
-          "id": "mocked-uuid-2",
-          "isHidden": false,
-          "pageId": "mocked-uuid-1",
-          "pageSlug": "home",
-        },
-      ],
-    },
     "ogDescription": undefined,
     "ogImageUrl": undefined,
     "ogTitle": undefined,
@@ -1207,7 +1154,6 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
             "type": "text",
           },
         ],
-        "id": "mocked-uuid-1",
         "slug": "home",
         "title": "Home",
       },
@@ -1323,7 +1269,7 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
         },
       },
     },
-    "v": 12,
+    "v": 11,
   },
   "useOldLogoRenderSize": true,
 }

package/src/brand-page/utils/__snapshots__/migration2.util.test.ts.snap

@@ -11,10 +11,6 @@ exports[`migration02.ts > migration02 should return converted letterspacing 1`]
     "headerStyles": undefined,
     "isModifiedAfterTemplateApplied": undefined,
     "measurementID": undefined,
-    "nav": NavModel {
-      "orders": [],
-      "routes": [],
-    },
     "ogDescription": undefined,
     "ogImageUrl": undefined,
     "ogTitle": undefined,

package/src/brand-page/utils/__snapshots__/model.util.test.ts.snap

@@ -10,10 +10,6 @@ BrandPageModel {
   "headerStyles": undefined,
   "isModifiedAfterTemplateApplied": undefined,
   "measurementID": undefined,
-  "nav": NavModel {
-    "orders": [],
-    "routes": [],
-  },
   "ogDescription": undefined,
   "ogImageUrl": undefined,
   "ogTitle": undefined,
@@ -455,10 +451,6 @@ BrandPageModel {
   "headerStyles": undefined,
   "isModifiedAfterTemplateApplied": undefined,
   "measurementID": undefined,
-  "nav": NavModel {
-    "orders": [],
-    "routes": [],
-  },
   "ogDescription": undefined,
   "ogImageUrl": undefined,
   "ogTitle": undefined,

package/src/brand-page/utils/index.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/src/brand-page/utils/logo.util.test.ts

@@ -44,7 +44,6 @@ const createTestBrandPageModel = (): BrandPageModel => {
 
   const pages: PageModel[] = [
     {
-      id: '123',
       title: '',
       slug: '',
       contents: [logoContent, { ...logoContent }],
@@ -60,10 +59,6 @@ const createTestBrandPageModel = (): BrandPageModel => {
     pages,
     brandPageType: BRAND_PAGE_TYPES.default,
     styles: new PageStyles(),
-    nav: {
-      orders: [],
-      routes: [],
-    },
   };
 };