@designcrowd/library.brand-page 6.2.0 → 6.2.2-live-preview-1

package/lib/src/metadata-builder/builders/item-id-utils.d.ts

@@ -6,6 +6,8 @@ import type { BrandPageModel } from '../../brand-page/models';
 export declare const END_ITEM_ANCHOR = "__end__";
 /** Generate a stable item id. Mirrors section-level `uuid.v4()` id generation. */
 export declare const generateItemId: () => string;
+/** Every array field the minifier surfaces to the AI as a list of items. */
+export declare const ITEM_ID_BEARING_FIELDS: readonly ["images", "items", "textItems", "links"];
 /**
  * Walk an entire BrandPageModel and backfill a stable uuid `id` onto every
  * nested array item that lacks one (gallery images, images/shapes/testimonial

package/lib/src/metadata-builder/builders/item-id-utils.js

@@ -6,6 +6,13 @@ import { v4 as uuidv4 } from 'uuid';
 export const END_ITEM_ANCHOR = '__end__';
 /** Generate a stable item id. Mirrors section-level `uuid.v4()` id generation. */
 export const generateItemId = () => uuidv4();
+/** Every array field the minifier surfaces to the AI as a list of items. */
+export const ITEM_ID_BEARING_FIELDS = [
+    'images',
+    'items',
+    'textItems',
+    'links',
+];
 /**
  * Walk an entire BrandPageModel and backfill a stable uuid `id` onto every
  * nested array item that lacks one (gallery images, images/shapes/testimonial
@@ -19,8 +26,7 @@ export const generateItemId = () => uuidv4();
  */
 export const ensureBrandPageItemIds = (model) => {
     const ensureContentItemIds = (content) => {
-        // Every array field that the minifier surfaces as a list of items.
-        for (const field of ['images', 'items', 'textItems', 'links']) {
+        for (const field of ITEM_ID_BEARING_FIELDS) {
             const arr = content[field];
             if (Array.isArray(arr))
                 ensureItemIds(arr);

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

@@ -468,8 +468,10 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     pageNavigationStore: import("pinia").Store<"pageNavigation", import("../../../../shared/page-navigation/store/page-navigation-store").PageNavigationState, {
         nav(): import("@brand-page").NavModel;
+        hasVisibleNavigation(): boolean;
     }, {
         getPageSlugsForDepth(parentRouteId?: string): string[];
+        getDisplayNamesForDepth(parentRouteId?: string): string[];
         getParentRouteIdForPage(pageId: string): string | undefined;
         getParentRouteIdForRoute(routeId: string): string | undefined;
         getFirstOrDefaultRoute(): import("@brand-page").NavRoute;
@@ -482,7 +484,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setNav({ nav }: {
             nav: import("@brand-page").NavModel;
         }): void;
-        addNavRoute(newRoute: import("@brand-page").NavRoute, parentRouteId?: string): void;
+        addNavRoute(newRoute: import("@brand-page").NavRoute, parentRouteId?: string, insertAfterRouteId?: string): void;
         removeNavRoute(routeId: string): void;
         onDisplayNameChange(routeId: string, newDisplayName: string): void;
         setRouteTitleAndSlugByPageId(pageId: string, displayName: string, slug: string): void;
@@ -507,6 +509,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         setPages({ pages }: {
             pages: import("../../../page-settings/models").ContentPage[];
         }): void;
+        syncPagesWithOrders(): void;
+        showPageLimitUpgradeModalAsync(ctaLocation: string): Promise<void>;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
             parentPageId?: string;
@@ -527,7 +531,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             sectionName: import("../../../page-settings/store").PageSettingsSection;
             propName: keyof import("../../../page-settings/store").PageSettingsStateSectionStyles;
             index?: number;
-            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | number | null | undefined;
+            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | import("@brand-page").HeaderButton | number | null | undefined;
             merge?: boolean;
             viewport: import("@brand-page").ViewportsType;
         }): void;
@@ -556,6 +560,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             title: string;
             newPageParentId?: string;
         }): import("../../../page-settings/models").ContentPage;
+        duplicatePage({ pageId, }: {
+            pageId: string;
+        }): Promise<import("../../../page-settings/models").ContentPage | undefined>;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: import("../../../page-settings/store").PageSettingsSection;
         }): void;
@@ -680,6 +687,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean) => void;
         sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean) => void;
         sendWebsiteManageReorderPageEvent: (pageName: string) => void;
+        sendWebsiteManageDuplicatePageEvent: (sourcePageName: string, isSubPage?: boolean) => void;
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
         sendPublishOptionsForExitEvent: () => void;

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

@@ -516,6 +516,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         setPages({ pages }: {
             pages: import("../../../page-settings/models").ContentPage[];
         }): void;
+        syncPagesWithOrders(): void;
+        showPageLimitUpgradeModalAsync(ctaLocation: string): Promise<void>;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
             parentPageId?: string;
@@ -536,7 +538,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             sectionName: import("../../../page-settings/store").PageSettingsSection;
             propName: keyof PageSettingsStateSectionStyles;
             index?: number;
-            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | number | null | undefined;
+            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | import("@brand-page").HeaderButton | number | null | undefined;
             merge?: boolean;
             viewport: import("@brand-page").ViewportsType;
         }): void;
@@ -565,6 +567,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             title: string;
             newPageParentId?: string;
         }): import("../../../page-settings/models").ContentPage;
+        duplicatePage({ pageId, }: {
+            pageId: string;
+        }): Promise<import("../../../page-settings/models").ContentPage | undefined>;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: import("../../../page-settings/store").PageSettingsSection;
         }): void;
@@ -800,6 +805,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean) => void;
         sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean) => void;
         sendWebsiteManageReorderPageEvent: (pageName: string) => void;
+        sendWebsiteManageDuplicatePageEvent: (sourcePageName: string, isSubPage?: boolean) => void;
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
         sendPublishOptionsForExitEvent: () => void;

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

@@ -532,6 +532,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean) => void;
         sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean) => void;
         sendWebsiteManageReorderPageEvent: (pageName: string) => void;
+        sendWebsiteManageDuplicatePageEvent: (sourcePageName: string, isSubPage?: boolean) => void;
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
         sendPublishOptionsForExitEvent: () => void;

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

@@ -738,6 +738,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setPages({ pages }: {
             pages: import("../../../page-settings/models").ContentPage[];
         }): void;
+        syncPagesWithOrders(): void;
+        showPageLimitUpgradeModalAsync(ctaLocation: string): Promise<void>;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
             parentPageId?: string;
@@ -758,7 +760,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sectionName: import("../../../page-settings/store").PageSettingsSection;
             propName: keyof import("../../../page-settings/store").PageSettingsStateSectionStyles;
             index?: number;
-            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | number | null | undefined;
+            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | import("@brand-page").HeaderButton | number | null | undefined;
             merge?: boolean;
             viewport: import("@brand-page").ViewportsType;
         }): void;
@@ -787,6 +789,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             title: string;
             newPageParentId?: string;
         }): import("../../../page-settings/models").ContentPage;
+        duplicatePage({ pageId, }: {
+            pageId: string;
+        }): Promise<import("../../../page-settings/models").ContentPage | undefined>;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: import("../../../page-settings/store").PageSettingsSection;
         }): void;

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

@@ -91,20 +91,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5873_live_preview_prepurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_5873_live_preview_postpurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -180,20 +166,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5873_live_preview_prepurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_5873_live_preview_postpurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -269,20 +241,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5873_live_preview_prepurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_5873_live_preview_postpurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -540,6 +498,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setPages({ pages }: {
             pages: import("../../../page-settings/models").ContentPage[];
         }): void;
+        syncPagesWithOrders(): void;
+        showPageLimitUpgradeModalAsync(ctaLocation: string): Promise<void>;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
             parentPageId?: string;
@@ -560,7 +520,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sectionName: import("@shared/page-settings/store").PageSettingsSection;
             propName: keyof import("@shared/page-settings/store").PageSettingsStateSectionStyles;
             index?: number;
-            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | number | null | undefined;
+            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | import("@brand-page").HeaderButton | number | null | undefined;
             merge?: boolean;
             viewport: import("@brand-page").ViewportsType;
         }): void;
@@ -589,6 +549,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             title: string;
             newPageParentId?: string;
         }): import("../../../page-settings/models").ContentPage;
+        duplicatePage({ pageId, }: {
+            pageId: string;
+        }): Promise<import("../../../page-settings/models").ContentPage | undefined>;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: import("@shared/page-settings/store").PageSettingsSection;
         }): void;

package/lib/src/shared/content-settings/components/text-field/TextField.mixin.d.ts

@@ -1,4 +1,9 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    showErrorWhenEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     attrs: {
         type: ObjectConstructor;
         required: false;
@@ -197,5 +202,12 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
 }, {}, {
     TextInput: any;
     Textarea: any;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    showErrorWhenEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    showErrorWhenEmpty: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/shared/content-settings/components/text-field/TextField.mixin.js

@@ -2,4 +2,18 @@ import { defineComponent } from 'vue';
 import GenericTextInputMixin from '../GenericTextInput.mixin';
 export default defineComponent({
     mixins: [GenericTextInputMixin],
+    props: {
+        // Opt-in: clearing the field shows its error at once, not only after blur.
+        showErrorWhenEmpty: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    watch: {
+        value(value) {
+            if (this.showErrorWhenEmpty && !(value || '').trim()) {
+                this.isDirty = false;
+            }
+        },
+    },
 });

package/lib/src/shared/ecommerce-settings/util/refreshDuplicatedMetadata.d.ts

@@ -1,4 +1,4 @@
-import type { BrandPageModel } from '@brand-page/models';
+import type { BrandPageModel, Content } from '@brand-page/models';
 /**
  * Refresh a (migrated, current-version) BrandPageModel so it is safe to persist as a *duplicate*.
  * Two things travel with a verbatim copy that must not: client-minted identifiers that the
@@ -9,3 +9,11 @@ import type { BrandPageModel } from '@brand-page/models';
  * See `shop-duplication.md`.
  */
 export declare function refreshDuplicatedMetadata(model: BrandPageModel): BrandPageModel;
+/**
+ * Rotate the client-minted ids the brand-page-api keys a **global** row on — shop product / sku_key
+ * and payment-option ids. A verbatim copy collides with its source on those tables.
+ *
+ * Shared with page duplication, which wants only this half: that copy keeps the same owner, so it
+ * keeps its payment connection.
+ */
+export declare function rotateMonetizationIds(content: Content): void;

package/lib/src/shared/ecommerce-settings/util/refreshDuplicatedMetadata.js

@@ -16,10 +16,8 @@ export function refreshDuplicatedMetadata(model) {
     // content-level connections below are cleared. Disconnect it too; the new owner reconnects.
     model.paymentConfig = undefined;
     model.pages.forEach((page) => page.contents.forEach((content) => {
+        rotateMonetizationIds(content);
         if (isShopContent(content)) {
-            // Shop products collide on the global product / sku_key tables. The shop's payment-config
-            // link is written with throwaway ids (not the content id), so only the product ids rotate.
-            content.products.forEach(rotateProductIds);
             disconnectPayment(content.shopPaymentConfig);
         }
         else if (isPayment(content)) {
@@ -31,6 +29,26 @@ export function refreshDuplicatedMetadata(model) {
     }));
     return model;
 }
+/**
+ * Rotate the client-minted ids the brand-page-api keys a **global** row on — shop product / sku_key
+ * and payment-option ids. A verbatim copy collides with its source on those tables.
+ *
+ * Shared with page duplication, which wants only this half: that copy keeps the same owner, so it
+ * keeps its payment connection.
+ */
+export function rotateMonetizationIds(content) {
+    if (isShopContent(content)) {
+        // The shop's payment-config link is written with throwaway ids (not the content id), so only
+        // the product ids rotate here.
+        content.products.forEach(rotateProductIds);
+    }
+    else if (isPayment(content)) {
+        rotatePaymentOptionIds(content.requestPaymentConfig);
+    }
+    else if (isSupportMe(content)) {
+        rotatePaymentOptionIds(content.supportMeConfig);
+    }
+}
 function rotateProductIds(product) {
     product.id = uuid();
     // The option id is the only value cross-referenced inside a product — SKUs point at product
@@ -56,17 +74,21 @@ function rotateProductIds(product) {
         sku.skuKey = generateSku(product.name, sku.variant[0]?.option);
     });
 }
+// `brand_page_product` is keyed on the payment-option id, so a verbatim copy would adopt the
+// source's product rows on its next payment upsert.
+function rotatePaymentOptionIds(config) {
+    config.paymentOptions.forEach((option) => {
+        option.id = uuid();
+    });
+}
 /**
  * request-payment / support-me content. The api keys `content_block_payment_config` on the content
- * id (PK) and `brand_page_product` on the payment-option id (PK), both global. A verbatim copy
- * would, on its next payment upsert, repoint the source's config link and adopt its product rows —
- * so rotate both to make the copy independent, then drop the connection.
+ * id (PK), so a verbatim copy would repoint the source's config link on its next payment upsert -
+ * re-mint it, then drop the connection. (The option ids are rotated upstream, for both kinds of
+ * duplication.)
  */
 function resetPaymentBlock(content, config) {
     content.id = uuid();
-    config.paymentOptions.forEach((option) => {
-        option.id = uuid();
-    });
     disconnectPayment(config);
 }
 /**

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

@@ -299,6 +299,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean) => void;
         sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean) => void;
         sendWebsiteManageReorderPageEvent: (pageName: string) => void;
+        sendWebsiteManageDuplicatePageEvent: (sourcePageName: string, isSubPage?: boolean) => void;
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
         sendPublishOptionsForExitEvent: () => void;

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

@@ -387,20 +387,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5873_live_preview_prepurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_5873_live_preview_postpurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -476,20 +462,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5873_live_preview_prepurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_5873_live_preview_postpurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -565,20 +537,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5873_live_preview_prepurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_5873_live_preview_postpurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -707,6 +665,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         setPages({ pages }: {
             pages: import("../../page-settings/models").ContentPage[];
         }): void;
+        syncPagesWithOrders(): void;
+        showPageLimitUpgradeModalAsync(ctaLocation: string): Promise<void>;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
             parentPageId?: string;
@@ -727,7 +687,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             sectionName: import("@shared/page-settings/store").PageSettingsSection;
             propName: keyof import("@shared/page-settings/store").PageSettingsStateSectionStyles;
             index?: number;
-            value: string | boolean | import("../../../brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("../../../brand-page").ImageGalleryItem> | number | null | undefined;
+            value: string | boolean | import("../../../brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("../../../brand-page").ImageGalleryItem> | import("../../../brand-page").HeaderButton | number | null | undefined;
             merge?: boolean;
             viewport: import("../../../brand-page").ViewportsType;
         }): void;
@@ -756,6 +716,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             title: string;
             newPageParentId?: string;
         }): import("../../page-settings/models").ContentPage;
+        duplicatePage({ pageId, }: {
+            pageId: string;
+        }): Promise<import("../../page-settings/models").ContentPage | undefined>;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: import("@shared/page-settings/store").PageSettingsSection;
         }): void;

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

@@ -6,8 +6,10 @@ export interface PageNavigationState {
 }
 export declare const usePageNavigationStore: import("pinia").StoreDefinition<"pageNavigation", PageNavigationState, {
     nav(): NavModel;
+    hasVisibleNavigation(): boolean;
 }, {
     getPageSlugsForDepth(parentRouteId?: string): string[];
+    getDisplayNamesForDepth(parentRouteId?: string): string[];
     getParentRouteIdForPage(pageId: string): string | undefined;
     getParentRouteIdForRoute(routeId: string): string | undefined;
     getFirstOrDefaultRoute(): NavRoute;
@@ -20,7 +22,7 @@ export declare const usePageNavigationStore: import("pinia").StoreDefinition<"pa
     setNav({ nav }: {
         nav: NavModel;
     }): void;
-    addNavRoute(newRoute: NavRoute, parentRouteId?: string): void;
+    addNavRoute(newRoute: NavRoute, parentRouteId?: string, insertAfterRouteId?: string): void;
     removeNavRoute(routeId: string): void;
     onDisplayNameChange(routeId: string, newDisplayName: string): void;
     setRouteTitleAndSlugByPageId(pageId: string, displayName: string, slug: string): void;

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

@@ -16,9 +16,9 @@ const findParentRouteIdForRouteId = (orders, targetRouteId, parentRouteId) => {
     }
     return undefined;
 };
-// This function will find all the page slugs that exist at the depth that we're modifying, this way, we can avoid duplication of page slugs
-// This will help support the use of similar named routes, e.g /home/home-1 and /my-home/home-1
-const getPageSlugsForCurrentDepth = (navModel, parentRouteId, excludeRouteId) => {
+// Routes at one depth. Slugs and titles only need to be unique among siblings,
+// so /home/home-1 and /my-home/home-1 can coexist.
+const getRoutesForCurrentDepth = (navModel, parentRouteId, excludeRouteId) => {
     let ordersAtDepth;
     if (!parentRouteId) {
         ordersAtDepth = navModel.orders;
@@ -28,10 +28,9 @@ const getPageSlugsForCurrentDepth = (navModel, parentRouteId, excludeRouteId) =>
         ordersAtDepth = parentOrder?.subRoutes || [];
     }
     const routeIdsAtDepth = ordersAtDepth.map((order) => order.routeId);
-    return navModel.routes
-        .filter((route) => routeIdsAtDepth.includes(route.id) && route.id !== excludeRouteId)
-        .map((route) => route.pageSlug);
+    return navModel.routes.filter((route) => routeIdsAtDepth.includes(route.id) && route.id !== excludeRouteId);
 };
+const getPageSlugsForCurrentDepth = (navModel, parentRouteId, excludeRouteId) => getRoutesForCurrentDepth(navModel, parentRouteId, excludeRouteId).map((route) => route.pageSlug);
 export const usePageNavigationStore = defineStore('pageNavigation', {
     state: () => ({
         routes: [],
@@ -45,11 +44,26 @@ export const usePageNavigationStore = defineStore('pageNavigation', {
                 orders: this.orders,
             });
         },
+        // Mirrors the renderer's hasVisibleNavigation (route.util.ts) on the maker's nav state:
+        // the header shows a nav for >1 visible top-level page, or 1 with a visible subpage.
+        hasVisibleNavigation() {
+            const isVisible = (order) => {
+                const route = this.routes.find((r) => r.id === order.routeId);
+                return route !== undefined && !route.isHidden;
+            };
+            const visibleOrders = this.orders.filter(isVisible);
+            return (visibleOrders.length > 1 ||
+                (visibleOrders.length === 1 &&
+                    visibleOrders[0].subRoutes.some(isVisible)));
+        },
     },
     actions: {
         getPageSlugsForDepth(parentRouteId) {
             return getPageSlugsForCurrentDepth(this.nav, parentRouteId);
         },
+        getDisplayNamesForDepth(parentRouteId) {
+            return getRoutesForCurrentDepth(this.nav, parentRouteId).map((route) => route.displayName);
+        },
         getParentRouteIdForPage(pageId) {
             const route = this.routes.find((r) => r.pageId === pageId);
             if (!route) {
@@ -81,16 +95,27 @@ export const usePageNavigationStore = defineStore('pageNavigation', {
             this.routes = nav.routes;
             this.orders = nav.orders;
         },
-        addNavRoute(newRoute, parentRouteId) {
+        addNavRoute(newRoute, parentRouteId, insertAfterRouteId) {
             const newOrder = {
                 routeId: newRoute.id,
                 subRoutes: [],
             };
+            const addToSiblings = (siblings) => {
+                const afterIndex = insertAfterRouteId
+                    ? siblings.findIndex((order) => order.routeId === insertAfterRouteId)
+                    : -1;
+                if (afterIndex === -1) {
+                    siblings.push(newOrder);
+                }
+                else {
+                    siblings.splice(afterIndex + 1, 0, newOrder);
+                }
+            };
             if (parentRouteId) {
                 // Find where to insert the new route into order
                 const parentOrder = findParentOrderByRouteId(this.orders, parentRouteId);
                 if (parentOrder) {
-                    parentOrder.subRoutes.push(newOrder);
+                    addToSiblings(parentOrder.subRoutes);
                 }
                 else {
                     console.error(`Parent route with id ${parentRouteId} not found in nav orders.`);
@@ -98,7 +123,7 @@ export const usePageNavigationStore = defineStore('pageNavigation', {
             }
             else {
                 // Push to root of orders object as this is not a nested route
-                this.orders.push(newOrder);
+                addToSiblings(this.orders);
             }
             this.routes.push(newRoute);
             this.reorderVisibleAndHiddenRoutes();

package/lib/src/shared/page-settings/components/delete-page-modal/DeletePageModal.mixin.d.ts

@@ -35,8 +35,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
+    isVisible: boolean;
     pageId: string;
     pageTitle: string;
-    isVisible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;