@designcrowd/library.brand-page 6.2.1 → 6.2.2

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

@@ -540,6 +540,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 +591,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

@@ -707,6 +707,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 +758,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;
@@ -5169,6 +5176,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 +5219,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;

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

@@ -69,40 +69,6 @@ export default defineComponent({
             },
         });
         const isDraggingPage = ref(false);
-        const syncPagesWithOrders = () => {
-            const pageIdOrder = [];
-            const collectPageIds = (orders) => {
-                for (const order of orders) {
-                    const route = pageNavigationStore.routes.find((r) => r.id === order.routeId);
-                    if (route?.pageId) {
-                        pageIdOrder.push(route.pageId);
-                    }
-                    if (order.subRoutes && order.subRoutes.length > 0) {
-                        collectPageIds(order.subRoutes);
-                    }
-                }
-            };
-            collectPageIds(pageNavigationStore.orders);
-            if (!pageIdOrder.length) {
-                return;
-            }
-            const pageMap = new Map();
-            for (const page of pageSettingsStore.pages) {
-                pageMap.set(page.id, page);
-            }
-            const orderedPages = [];
-            for (const pageId of pageIdOrder) {
-                const page = pageMap.get(pageId);
-                if (page) {
-                    orderedPages.push(page);
-                    pageMap.delete(pageId);
-                }
-            }
-            for (const remainingPage of pageMap.values()) {
-                orderedPages.push(remainingPage);
-            }
-            pageSettingsStore.setPages({ pages: orderedPages });
-        };
         const onDraggingStart = () => {
             isDraggingPage.value = true;
         };
@@ -117,7 +83,7 @@ export default defineComponent({
                     }
                 }
             }
-            syncPagesWithOrders();
+            pageSettingsStore.syncPagesWithOrders();
             // Recalc the moved route's slug to ensure uniqueness at its new depth
             if (routeId) {
                 pageNavigationStore.recalculateSlugForRoute(routeId, previousParentRouteId);
@@ -256,6 +222,17 @@ export default defineComponent({
                 isNewPageModalVisible: true,
             });
         },
+        async onDuplicatePageSelected(pageId) {
+            const sourcePage = this.pageSettingsStore.pages.find((p) => p.id === pageId);
+            const isSubPage = Boolean(this.pageNavigationStore.getParentRouteIdForPage(pageId));
+            const newPage = await this.pageSettingsStore.duplicatePage({ pageId });
+            // Nothing was created - paywalled, or the page is gone. The upsell is
+            // already tracked through the bridge's cta_location.
+            if (!newPage || !sourcePage) {
+                return;
+            }
+            this.eventTracker.sendWebsiteManageDuplicatePageEvent(sourcePage.title, isSubPage);
+        },
         onChangePageVisibility(pageId) {
             const page = this.pageSettingsStore.pages.find((p) => p.id === pageId);
             const currentPageVisibility = Boolean(page?.isHidden);

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

@@ -3430,6 +3430,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setPages({ pages }: {
             pages: import("../../models").ContentPage[];
         }): void;
+        syncPagesWithOrders(): void;
+        showPageLimitUpgradeModalAsync(ctaLocation: string): Promise<void>;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
             parentPageId?: string;
@@ -3479,6 +3481,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             title: string;
             newPageParentId?: string;
         }): import("../../models").ContentPage;
+        duplicatePage({ pageId, }: {
+            pageId: string;
+        }): Promise<import("../../models").ContentPage | undefined>;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: import("../../store").PageSettingsSection;
         }): void;
@@ -4790,6 +4795,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 fields: Record<string, ContentItemFieldSettings>;
             };
         }[];
+        isHidden?: boolean | undefined;
     }[];
 }, {
     PAGE_SECTION_STYLE_OPTIONS: {

package/lib/src/shared/page-settings/duplicate-page.util.d.ts

@@ -0,0 +1,4 @@
+import type { Content } from '@brand-page';
+import type { ContentItem } from '../content-settings/models';
+export declare const getDuplicatePageTitle: (sourceTitle: string, siblingTitles: string[], isSubPage: boolean) => string;
+export declare const duplicatePageContents: (contents: ContentItem<Content>[]) => ContentItem<Content>[];

package/lib/src/shared/page-settings/duplicate-page.util.js

@@ -0,0 +1,82 @@
+import cloneDeep from 'lodash.clonedeep';
+import { v4 as uuid } from 'uuid';
+import { rotateMonetizationIds } from '../ecommerce-settings/util/refreshDuplicatedMetadata';
+import { generateItemId, ITEM_ID_BEARING_FIELDS, } from '@src/metadata-builder/builders/item-id-utils';
+import { pageSettingsTr } from '@src/composables/useTranslate';
+import { MAX_PAGE_TITLE_LENGTH, MAX_SUBPAGE_TITLE_LENGTH } from './utils';
+const composeTitle = (baseTitle, index) => {
+    const copyTitle = pageSettingsTr('duplicatePageTitle', {
+        title: baseTitle,
+        // A page title is text, not markup, and i18next escapes interpolated values
+        // by default - "Tom & Jerry" would come back as "Tom & Jerry".
+        interpolation: { escapeValue: false },
+    }).trim();
+    return index > 1 ? `${copyTitle} ${index}` : copyTitle;
+};
+// The localised affix may sit either side of the title and is not a fixed
+// length, so fit by trimming the base and re-composing rather than by slicing
+// the finished string - that would cut the affix off in some locales.
+const composeTitleWithinLimit = (baseTitle, index, maxLength) => {
+    const candidate = composeTitle(baseTitle, index);
+    const overflow = candidate.length - maxLength;
+    if (overflow <= 0) {
+        return candidate;
+    }
+    const trimmedBase = baseTitle
+        .slice(0, Math.max(0, baseTitle.length - overflow))
+        .trimEnd();
+    const trimmedCandidate = composeTitle(trimmedBase, index);
+    if (trimmedCandidate.length <= maxLength) {
+        return trimmedCandidate;
+    }
+    // A locale whose affix alone exceeds the limit: keep trimming the base rather
+    // than slicing the finished title, which would cut the trailing index and let
+    // two indexes collapse to the same name.
+    const affixLength = composeTitle('', index).length;
+    return composeTitle(baseTitle.slice(0, Math.max(0, maxLength - affixLength)).trimEnd(), index);
+};
+export const getDuplicatePageTitle = (sourceTitle, siblingTitles, isSubPage) => {
+    const maxLength = isSubPage
+        ? MAX_SUBPAGE_TITLE_LENGTH
+        : MAX_PAGE_TITLE_LENGTH;
+    const takenTitles = new Set(siblingTitles);
+    // N siblings block at most N candidates, so one of the first N+1 is free.
+    const lastIndex = siblingTitles.length + 1;
+    for (let index = 1; index < lastIndex; index += 1) {
+        const candidate = composeTitleWithinLimit(sourceTitle, index, maxLength);
+        if (!takenTitles.has(candidate)) {
+            return candidate;
+        }
+    }
+    return composeTitleWithinLimit(sourceTitle, lastIndex, maxLength);
+};
+// These ids are what the AI builder is shown and what its executor matches on
+// (see ensureBrandPageItemIds), so a copy sharing them would put two identical
+// ids in front of it.
+const renewItemIds = (content) => {
+    const fields = content;
+    for (const field of ITEM_ID_BEARING_FIELDS) {
+        const items = fields[field];
+        if (!Array.isArray(items)) {
+            continue;
+        }
+        for (const item of items) {
+            if (item.id) {
+                item.id = generateItemId();
+            }
+        }
+    }
+};
+export const duplicatePageContents = (contents) => cloneDeep(contents).map((item) => {
+    // ContentItem.id is re-derived from content.id on every reload
+    // (content-settings.util: mapBrandPageContentToContentSettingsItem), so the
+    // two must be minted together or itemStates drifts until the next load.
+    const newId = uuid();
+    item.id = newId;
+    item.settings.content.id = newId;
+    // Ids only. The copy keeps the source's payment connection - same owner, so it should carry on
+    // taking payments; it is website duplication that disconnects.
+    rotateMonetizationIds(item.settings.content);
+    renewItemIds(item.settings.content);
+    return item;
+});

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

@@ -6,6 +6,7 @@ export interface ContentPage {
     id: string;
     title: string;
     contents: ContentItem<Content>[];
+    isHidden?: boolean;
 }
 export declare const PAGE_SECTIONS: {
     readonly header: "header";