@designcrowd/library.brand-page 6.2.1 → 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

@@ -471,6 +471,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         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;
@@ -483,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;
@@ -508,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;
@@ -557,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;
@@ -681,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;
@@ -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;
@@ -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;
@@ -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/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;
@@ -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

@@ -9,6 +9,7 @@ export declare const usePageNavigationStore: import("pinia").StoreDefinition<"pa
     hasVisibleNavigation(): boolean;
 }, {
     getPageSlugsForDepth(parentRouteId?: string): string[];
+    getDisplayNamesForDepth(parentRouteId?: string): string[];
     getParentRouteIdForPage(pageId: string): string | undefined;
     getParentRouteIdForRoute(routeId: string): string | undefined;
     getFirstOrDefaultRoute(): NavRoute;
@@ -21,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: [],
@@ -62,6 +61,9 @@ export const usePageNavigationStore = defineStore('pageNavigation', {
         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) {
@@ -93,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.`);
@@ -110,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/new-page-modal/NewPageModal.mixin.d.ts

@@ -17,6 +17,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         setPages({ pages }: {
             pages: import("../../models").ContentPage[];
         }): void;
+        syncPagesWithOrders(): void;
+        showPageLimitUpgradeModalAsync(ctaLocation: string): Promise<void>;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
             parentPageId?: string;
@@ -66,6 +68,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             title: string;
             newPageParentId?: string;
         }): import("../../models").ContentPage;
+        duplicatePage({ pageId, }: {
+            pageId: string;
+        }): Promise<import("../../models").ContentPage | undefined>;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: import("../../store").PageSettingsSection;
         }): void;
@@ -82,6 +87,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         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;
@@ -94,7 +100,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;

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

@@ -39,6 +39,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     fields: Record<string, import("../../../content-settings/models").ContentItemFieldSettings>;
                 };
             }[];
+            isHidden?: boolean | undefined;
         };
         pageTitle: string;
         pageTitleError: string | null;
@@ -4151,6 +4152,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         setPages({ pages }: {
             pages: ContentPage[];
         }): void;
+        syncPagesWithOrders(): void;
+        showPageLimitUpgradeModalAsync(ctaLocation: string): Promise<void>;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
             parentPageId?: string;
@@ -4200,6 +4203,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             title: string;
             newPageParentId?: string;
         }): ContentPage;
+        duplicatePage({ pageId, }: {
+            pageId: string;
+        }): Promise<ContentPage | undefined>;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: PageSettingsSection;
         }): void;
@@ -4216,6 +4222,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         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;
@@ -4228,7 +4235,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;
@@ -4816,20 +4823,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;
@@ -4905,20 +4898,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;
@@ -4994,20 +4973,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;
@@ -5169,6 +5134,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;
@@ -5211,6 +5177,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     isRootPage(index: number): boolean;
     onAddSubPageSelected(pageId: string): Promise<void>;
     onAddNewPageSelected(): Promise<void>;
+    onDuplicatePageSelected(pageId: string): Promise<void>;
     onChangePageVisibility(pageId: string): void;
     onDeletePageSelected(pageId: string): void;
     onConfirmDeletePage(pageId: string): void;