@designcrowd/library.brand-page 6.1.6 → 6.1.7-ast-preview-test

package/lib/src/{CreatedOnBrandCrowd-de-de-COw1kYDh.js → CreatedOnBrandCrowd-de-de-s5PgrS4k.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-JRm1p0it.js → CreatedOnBrandCrowd-en-us-DialvDTn.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-D-G9uI6b.js → CreatedOnBrandCrowd-es-es-CkWPaELu.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DQCScohj.js → CreatedOnBrandCrowd-fr-ca-DKsU-7B3.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DQCScohj.js → CreatedOnBrandCrowd-fr-fr-DKsU-7B3.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-4RazAfO7.js → CreatedOnBrandCrowd-pt-br-_nFRiTF7.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-4RazAfO7.js → CreatedOnBrandCrowd-pt-pt-_nFRiTF7.js}

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

package/lib/src/{CreatedOnDcom-de-de-DqvLTbhq.js → CreatedOnDcom-de-de-E3RR9E-W.js}

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

package/lib/src/{CreatedOnDcom-en-us-DG1X0ero.js → CreatedOnDcom-en-us-BaKpfZyU.js}

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

package/lib/src/{CreatedOnDcom-es-es-BxHAIikP.js → CreatedOnDcom-es-es-DAKlDkym.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-BGXoViAC.js → CreatedOnDcom-fr-ca-COcb6S6R.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CsvmeK2T.js → CreatedOnDcom-fr-fr-kIujhHbs.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DvWm7MjO.js → CreatedOnDcom-pt-br-q7aggQB7.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-Bhz2YEVP.js → CreatedOnDcom-pt-pt-CWA39oCo.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-Bg2K2ze6.js";
+import { _ as M } from "./lib-21Llh7GA.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,62 @@ 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];
+    // Required by type and always set by in-repo callers, but this now runs on the
+    // published-site render path (Button.vue) — degrade gracefully rather than throw
+    // if a cross-repo caller ever omits it.
+    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/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -59,7 +59,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     selectedTabName: import("vue").ComputedRef<string>;
     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, {
         contentErrorCount(): number;
         brandPageBaseUrl(): string;

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

@@ -86,7 +86,6 @@ export default defineComponent({
             selectedTabName: computed(() => sideBarStore.selectedTabName),
             isAdminMaker: computed(() => containerStore.isAdminMaker),
             contentErrorCount: computed(() => contentSettingsStore.contentErrorCount),
-            mode: computed(() => contentSettingsStore.mode),
             brandPageMakerStore,
             uiSideBarStore: sideBarStore,
             userStore,
@@ -179,9 +178,7 @@ export default defineComponent({
         }, 0);
         this.debounceOnResize = debounce(this.onResize, RESIZE_DEBOUNCE_WAIT_IN_MS);
         this.router.afterEach(((to) => {
-            if (this.mode !== 'pages') {
-                this.contentSettingsStore.resetMode();
-            }
+            this.contentSettingsStore.resetMode();
             const associatedNavItem = findNavItemByRelativePath(this.brandPageViewModel.nav.navItems, buildRelativePathFromParams(to.params));
             this.pageNavigationStore.setCurrentActivePage({
                 pageId: associatedNavItem?.pageId,

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

@@ -16,7 +16,8 @@ import { availableButtonStyleConfigs, createInitialBannerSectionContent, createI
 import { TEMPLATE_CATEGORIES } from '../../../__fixtures__';
 import { useBrandPageMakerStore } from '@brand-page-maker/stores';
 import { generalLink, profileContent, textContent, } from './__fixtures__/content-settings-items.fixture';
-import { CONTENT_SETTINGS_MODES, useUiContentSettingsStore, } from '@shared/content-settings/store';
+import { useUiContentSettingsStore } from '@shared/content-settings/store';
+import { useUiSideBarStore } from '@shared/side-bar/store';
 import { createPinia } from 'pinia';
 import { useUiStore, useBrandPageContainerStore, UNLIMITED_MAX_NUM_OF_PAGES, useBrandPageMakerUserStore, useLogoStore, } from '@brand-page-maker/stores';
 import { brandPageContentsSampleData } from './__fixtures__/page-content-items';
@@ -242,12 +243,8 @@ Sample.story = {
 export const SampleDesktopManagePages = () => {
     const pinia = setupStoryPinia();
     InitialiseMakerStores({});
-    const contentSettingsStore = useUiContentSettingsStore();
     const brandPageMakerStore = useBrandPageMakerStore();
     const userStore = useBrandPageMakerUserStore();
-    contentSettingsStore.pushMode({
-        mode: CONTENT_SETTINGS_MODES.pages,
-    });
     brandPageMakerStore.setViewport({
         viewport: VIEWPORTS.desktop,
     });
@@ -307,7 +304,13 @@ export const SampleDesktopManagePages = () => {
                 },
             };
         },
-        mounted() { },
+        mounted() {
+            // Set after mount — SideBar's mounted() picks the default tab, so a
+            // pre-mount selection would be overwritten.
+            useUiSideBarStore().setSelectedTabName({
+                tabName: SIDE_BAR_TAB_NAMES.PAGE_SETTINGS,
+            });
+        },
         template: `
       <BrandPageMaker :view-model="viewModel"/>
     `,

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

@@ -1,7 +1,7 @@
 import { defineComponent, computed } from 'vue';
 import PageMixin from '@brand-page/components/page/Page.mixin';
 import { UI_DEVICE_MODES, UI_EVENT_SOURCES } from '@shared/models';
-import { CONTENT_SETTINGS_MODES, useUiContentSettingsStore, } from '@shared/content-settings/store';
+import { useUiContentSettingsStore } from '@shared/content-settings/store';
 import { useBrandPageContainerStore, useBrandPageMakerStore, useUiStore, useBrandPageMakerUserStore, } from '@brand-page-maker/stores';
 import { getContentSettingsFields, getContentSettingsTemplate, } from '@shared/content-settings/utils';
 import { useUiNavigationStyleSettingsStore } from '@shared/navigation-style-settings/store';
@@ -255,15 +255,13 @@ export default defineComponent({
                 return;
             }
             this.sideBarStore.setSelectedTabName({
-                tabName: SIDE_BAR_TAB_NAMES.CONTENT_SETTINGS,
+                tabName: SIDE_BAR_TAB_NAMES.PAGE_SETTINGS,
             });
+            this.contentSettingsStore.resetMode();
             this.contentSettingsStore._setSelectedItemId({
                 id: null,
                 eventSource: 'pageSettings',
             });
-            this.contentSettingsStore.pushMode({
-                mode: CONTENT_SETTINGS_MODES.pages,
-            });
             this.pageSettingsStore.setSelectedSectionName({
                 sectionName: PAGE_SECTIONS.header,
             });
@@ -276,15 +274,15 @@ export default defineComponent({
                 return;
             }
             this.sideBarStore.setSelectedTabName({
-                tabName: SIDE_BAR_TAB_NAMES.CONTENT_SETTINGS,
+                tabName: SIDE_BAR_TAB_NAMES.PAGE_SETTINGS,
             });
+            // See onPageHeaderContainerClick — same-tab reselection doesn't reset mode
+            // in setSelectedTabName, but this click is still a real navigation intent.
+            this.contentSettingsStore.resetMode();
             this.contentSettingsStore._setSelectedItemId({
                 id: null,
                 eventSource: 'pageSettings',
             });
-            this.contentSettingsStore.pushMode({
-                mode: CONTENT_SETTINGS_MODES.pages,
-            });
             this.pageSettingsStore.setSelectedSectionName({
                 sectionName: PAGE_SECTIONS.footer,
             });

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/constants/sidebar-constant.d.ts

@@ -2,6 +2,7 @@ import type { SideBarTab } from '@shared/side-bar/models';
 export declare const SIDE_BAR_TAB_NAMES: {
     PREVIEW: string;
     TEMPLATE_SETTINGS: string;
+    PAGE_SETTINGS: string;
     CONTENT_SETTINGS: string;
     BACKGROUND_SETTINGS: string;
     ADMIN_BACKGROUND_SETTINGS: string;

package/lib/src/brand-page-maker/constants/sidebar-constant.js

@@ -1,7 +1,8 @@
-import { constantsTr } from '@src/composables/useTranslate';
+import { constantsTr, pageSettingsTr } from '@src/composables/useTranslate';
 export const SIDE_BAR_TAB_NAMES = {
     PREVIEW: 'Preview',
     TEMPLATE_SETTINGS: 'TemplatesSettings',
+    PAGE_SETTINGS: 'PageSettings',
     CONTENT_SETTINGS: 'ContentSettings',
     BACKGROUND_SETTINGS: 'BackgroundSettings',
     ADMIN_BACKGROUND_SETTINGS: 'AdminBackgroundSettings',
@@ -28,6 +29,14 @@ export const DEFAULT_SIDE_BAR_TABS = () => [
         isDisabledForAdmin: false,
         isVisible: true,
     },
+    {
+        name: SIDE_BAR_TAB_NAMES.PAGE_SETTINGS,
+        displayName: pageSettingsTr(`pages`),
+        iconName: 'page-blank',
+        accessibleDisplayName: 'Pages',
+        isDisabledForAdmin: false,
+        isVisible: true,
+    },
     {
         name: SIDE_BAR_TAB_NAMES.CONTENT_SETTINGS,
         displayName: constantsTr(`contentDisplayName`),