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

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

@@ -1,7 +1,7 @@
 import { defineComponent, computed } from 'vue';
 import { PAGE_SECTION_STYLE_OPTIONS } from '@brand-page-maker/models/page-section-style.model';
 import { PAGE_SECTIONS } from '../../models';
-import { LOGO_SLIDER_DESKTOP_MAX, LOGO_SLIDER_DESKTOP_MIN, LOGO_SLIDER_MOBILE_MAX, LOGO_SLIDER_MOBILE_MIN, VIEWPORTS, getNavigationType, NAVIGATION_TYPE_DEFAULT_DISPLAY_TYPE, } from '@brand-page';
+import { BUTTON_LINK_TYPE, LOGO_SLIDER_DESKTOP_MAX, LOGO_SLIDER_DESKTOP_MIN, LOGO_SLIDER_MOBILE_MAX, LOGO_SLIDER_MOBILE_MIN, VIEWPORTS, getNavigationType, NAVIGATION_TYPE_DEFAULT_DISPLAY_TYPE, } from '@brand-page';
 import { UI_DEVICE_MODES, UI_EVENT_SOURCES } from '../../../models';
 import { isTransparentColour } from '@brand-page/utils/color.util';
 import { useUiPageSettingsStore } from '../../store';
@@ -12,7 +12,13 @@ import { useBrandPageContainerStore, useBrandPageMakerStore, useLogoStore, useUi
 import { useUiEditableLogoStore, useUiLogoSettingsStore, } from '@shared/logo-settings/store';
 import { FabricRenderClient } from '../../../../clients/fabric-render-client';
 import { parseLogoThemeToCssStyles } from '@brand-page/utils';
-import { commonTr } from '@src/composables/useTranslate';
+import { commonTr, pageSettingsSectionTr } from '@src/composables/useTranslate';
+// Starting values for a brand-new button; real "Contact Us" text so the label is never empty.
+const newHeaderButton = () => ({
+    isVisible: false,
+    text: pageSettingsSectionTr('buttonLabelPlaceholder'),
+    buttonLinkType: BUTTON_LINK_TYPE.url,
+});
 const viewportsWithTr = () => [
     {
         key: VIEWPORTS.desktop,
@@ -100,6 +106,12 @@ export default defineComponent({
         header() {
             return this.sections[PAGE_SECTIONS.header][this.viewport];
         },
+        headerButton() {
+            return this.header.headerButton;
+        },
+        isHeaderButtonVisible() {
+            return this.headerButton?.isVisible === true;
+        },
         navigationType() {
             return getNavigationType(this.navigation.displayType);
         },
@@ -327,6 +339,26 @@ export default defineComponent({
                 viewport: VIEWPORTS.desktop,
             });
         },
+        onHeaderButtonChange(patch) {
+            const value = {
+                ...newHeaderButton(),
+                ...this.headerButton,
+                ...patch,
+            };
+            // Write the whole button to BOTH viewports (own copy each) so they always match.
+            this.pageSettingsStore.setPageSettingsSectionValue({
+                sectionName: PAGE_SECTIONS.header,
+                propName: 'headerButton',
+                value: { ...value },
+                viewport: VIEWPORTS.mobile,
+            });
+            this.pageSettingsStore.setPageSettingsSectionValue({
+                sectionName: PAGE_SECTIONS.header,
+                propName: 'headerButton',
+                value: { ...value },
+                viewport: VIEWPORTS.desktop,
+            });
+        },
         onItemListIntentImageReplace(name, { index }) {
             this.contentSettingsStore.setSelectedItemAndFieldName({
                 id: this.sectionName,

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";

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

@@ -1,7 +1,7 @@
 import type { ContentItem } from '../../content-settings/models';
 import { PageHeaderDesktop, PageHeaderMobile, PageFooterDesktop, PageFooterMobile, VIEWPORTS } from '@brand-page';
 import type { NavigationType } from '@brand-page';
-import type { Content, ImageGalleryItem, LinksItem, LogoImageModel, ViewportsType, LogoTemplateImageModel, BrandPagePaymentConfig, BrandPagePaymentConfigCurrency } from '@brand-page';
+import type { Content, HeaderButton, ImageGalleryItem, LinksItem, LogoImageModel, ViewportsType, LogoTemplateImageModel, BrandPagePaymentConfig, BrandPagePaymentConfigCurrency } from '@brand-page';
 import type { ContentPage } from '../models';
 import { PAGE_SECTIONS } from '../models';
 export type PageSettingsStateSectionStyles = Partial<PageHeaderDesktop & PageHeaderMobile & PageFooterDesktop & PageFooterMobile>;
@@ -54,6 +54,8 @@ export declare const useUiPageSettingsStore: import("pinia").StoreDefinition<"ui
     setPages({ pages }: {
         pages: ContentPage[];
     }): void;
+    syncPagesWithOrders(): void;
+    showPageLimitUpgradeModalAsync(ctaLocation: string): Promise<void>;
     setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
         isNewPageModalVisible: boolean;
         parentPageId?: string;
@@ -74,7 +76,7 @@ export declare const useUiPageSettingsStore: import("pinia").StoreDefinition<"ui
         sectionName: PageSettingsSection;
         propName: keyof PageSettingsStateSectionStyles;
         index?: number;
-        value: string | boolean | LinksItem[] | BrandPageCssStyle | Partial<ImageGalleryItem> | number | null | undefined;
+        value: string | boolean | LinksItem[] | BrandPageCssStyle | Partial<ImageGalleryItem> | HeaderButton | number | null | undefined;
         merge?: boolean;
         viewport: ViewportsType;
     }): void;
@@ -103,6 +105,9 @@ export declare const useUiPageSettingsStore: import("pinia").StoreDefinition<"ui
         title: string;
         newPageParentId?: string;
     }): ContentPage;
+    duplicatePage({ pageId, }: {
+        pageId: string;
+    }): Promise<ContentPage | undefined>;
     setSelectedSectionName({ sectionName, }: {
         sectionName?: PageSettingsSection;
     }): void;

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

@@ -2,6 +2,8 @@ import { defineStore } from 'pinia';
 import { PageHeaderDesktop, PageHeaderMobile, PageFooterDesktop, PageFooterMobile, VIEWPORTS, getNavigationType, } from '@brand-page';
 import { v4 as uuid } from 'uuid';
 import { PAGE_SECTIONS } from '../models';
+import { toPageModels } from '../utils';
+import { duplicatePageContents, getDuplicatePageTitle, } from '../duplicate-page.util';
 import { navigateToPageByPageId } from '@brand-page-maker/routing';
 import { getPageSlugFromPageTitle } from '@brand-page-maker/utils';
 import { useUiContentSettingsStore } from '../../content-settings/store';
@@ -78,16 +80,55 @@ export const useUiPageSettingsStore = defineStore('uiPageSettings', {
         setPages({ pages }) {
             this.pages = pages;
         },
-        async setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }) {
+        // `orders` is the hierarchy; `pages` is a flat list that has to match it
+        // depth-first, because row indexes drive the home check and the hide/delete
+        // gating. Anything reshaping orders should re-derive pages after - except
+        // addNewPage, which predates this and appends by visibility instead; the
+        // next drag-end catches it up.
+        syncPagesWithOrders() {
+            const pageNavigationStore = usePageNavigationStore();
+            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?.length) {
+                        collectPageIds(order.subRoutes);
+                    }
+                }
+            };
+            collectPageIds(pageNavigationStore.orders);
+            if (!pageIdOrder.length) {
+                return;
+            }
+            const pageMap = new Map(this.pages.map((page) => [page.id, page]));
+            const orderedPages = [];
+            for (const pageId of pageIdOrder) {
+                const page = pageMap.get(pageId);
+                if (page) {
+                    orderedPages.push(page);
+                    pageMap.delete(pageId);
+                }
+            }
+            // A page with no route would otherwise vanish.
+            orderedPages.push(...pageMap.values());
+            this.setPages({ pages: orderedPages });
+        },
+        async showPageLimitUpgradeModalAsync(ctaLocation) {
             const uiStore = useUiStore();
             const eventTracker = useEventTracker();
+            eventTracker.setUpsellBridgeState({
+                cta_location: ctaLocation,
+                trigger_type: TRIGGER_TYPE.AUTOMATIC,
+                content_type: null,
+            });
+            await uiStore.showUpgradeModalAndSaveAsync(WEBSITE_UPGRADE_CONTEXT_TYPES.AddPage);
+        },
+        async setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }) {
             if (isNewPageModalVisible && !this.canAddPage) {
-                eventTracker.setUpsellBridgeState({
-                    cta_location: UPGRADE_CTA_LOCATIONS.ADD_NEW_PAGE,
-                    trigger_type: TRIGGER_TYPE.AUTOMATIC,
-                    content_type: null,
-                });
-                await uiStore.showUpgradeModalAndSaveAsync(WEBSITE_UPGRADE_CONTEXT_TYPES.AddPage);
+                await this.showPageLimitUpgradeModalAsync(UPGRADE_CTA_LOCATIONS.ADD_NEW_PAGE);
                 return;
             }
             this.isNewPageModalVisible = isNewPageModalVisible;
@@ -231,6 +272,48 @@ export const useUiPageSettingsStore = defineStore('uiPageSettings', {
             }
             return newPage;
         },
+        async duplicatePage({ pageId, }) {
+            const pageNavigationStore = usePageNavigationStore();
+            // Gate first: a paywalled duplicate must not leave a half-created page.
+            if (!this.canAddPage) {
+                await this.showPageLimitUpgradeModalAsync(UPGRADE_CTA_LOCATIONS.DUPLICATE_PAGE);
+                return undefined;
+            }
+            const sourcePage = this.pages.find((page) => page.id === pageId);
+            const sourceRoute = pageNavigationStore.routes.find((route) => route.pageId === pageId);
+            if (!sourcePage || !sourceRoute) {
+                return undefined;
+            }
+            const parentRouteId = pageNavigationStore.getParentRouteIdForPage(pageId);
+            const title = getDuplicatePageTitle(sourcePage.title, pageNavigationStore.getDisplayNamesForDepth(parentRouteId), Boolean(parentRouteId));
+            const newPage = {
+                id: uuid(),
+                title,
+                contents: duplicatePageContents(sourcePage.contents),
+                // A copy of a hidden page stays hidden, or it publishes into the nav.
+                isHidden: sourcePage.isHidden,
+            };
+            // addNavRoute navigates to the copy and reads its contents, so the page
+            // has to exist before the route does. syncPagesWithOrders places it.
+            this.setPages({ pages: [...this.pages, newPage] });
+            const newRoute = {
+                id: uuid(),
+                pageId: newPage.id,
+                pageSlug: getPageSlugFromPageTitle(title, pageNavigationStore.getPageSlugsForDepth(parentRouteId)),
+                isHidden: Boolean(sourceRoute.isHidden),
+                displayName: title,
+            };
+            pageNavigationStore.addNavRoute(newRoute, parentRouteId, sourceRoute.id);
+            this.syncPagesWithOrders();
+            // shopConfig.products is DERIVED from the shop blocks, not updated with
+            // them - without this the copy's fresh product ids never reach the save.
+            const shopConfigStore = useShopConfigStore();
+            shopConfigStore.initialiseShopStore({
+                paymentConfig: shopConfigStore.paymentConfig,
+                pages: toPageModels(this.pages),
+            });
+            return newPage;
+        },
         setSelectedSectionName({ sectionName, }) {
             this.selectedSectionName = sectionName;
             if (!sectionName) {

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

@@ -1,3 +1,6 @@
+import type { PageModel } from '@brand-page';
+import type { ContentPage } from './models';
 export declare const MAX_PAGE_TITLE_LENGTH = 30;
 export declare const MAX_SUBPAGE_TITLE_LENGTH = 20;
+export declare const toPageModels: (pages: ContentPage[]) => PageModel[];
 export declare const getPageTitleError: (pageTitle: string, isSubPage: boolean) => string | null;

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

@@ -1,6 +1,12 @@
 import { errorTr } from '@src/composables/useTranslate';
 export const MAX_PAGE_TITLE_LENGTH = 30;
 export const MAX_SUBPAGE_TITLE_LENGTH = 20;
+// The maker holds a page's sections as ContentItems (settings wrapper + content);
+// everything that consumes a BrandPageModel wants the bare content.
+export const toPageModels = (pages) => pages.map((page) => ({
+    ...page,
+    contents: page.contents.map((item) => item.settings.content),
+}));
 export const getPageTitleError = (pageTitle, isSubPage) => {
     if (!pageTitle) {
         return errorTr('pageTitleError');

package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts

@@ -70,20 +70,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;
     }>;
     brandPageType: import("vue").ComputedRef<"default" | "brandSite" | "brandContact">;
     isSubsequentPublish: import("vue").ComputedRef<boolean>;
@@ -301,20 +287,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;
@@ -390,20 +362,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;
@@ -479,20 +437,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;
@@ -650,6 +594,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/side-bar/components/SideBar.mixin.d.ts

@@ -84,20 +84,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;
@@ -173,20 +159,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;
@@ -262,20 +234,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;

package/lib/src/shared/side-bar/components/SideBarTabButton.mixin.d.ts

@@ -60,6 +60,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/style-settings/components/StyleSettings.mixin.d.ts

@@ -80,6 +80,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             paddingTop?: string | undefined;
             position?: string | undefined;
             textAlign?: string | undefined;
+            textAlignLast?: string | undefined;
             textDecoration?: string | undefined;
             top?: string | undefined;
             transform?: string | undefined;
@@ -128,6 +129,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             paddingTop?: string | undefined;
             position?: string | undefined;
             textAlign?: string | undefined;
+            textAlignLast?: string | undefined;
             textDecoration?: string | undefined;
             top?: string | undefined;
             transform?: string | undefined;
@@ -175,6 +177,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             paddingTop?: string | undefined;
             position?: string | undefined;
             textAlign?: string | undefined;
+            textAlignLast?: string | undefined;
             textDecoration?: string | undefined;
             top?: string | undefined;
             transform?: string | undefined;
@@ -589,20 +592,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;
@@ -678,20 +667,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;
@@ -767,20 +742,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;
@@ -991,6 +952,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/template-settings/components/TemplatesSettings.mixin.d.ts

@@ -175,6 +175,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/tracker.mjs

@@ -1,4 +1,4 @@
-import { A as N, E as O, G as _, P as I, a as A, b as a, c as S, S as s, T as C, U as L, u as P } from "./useEventTracker-C5Ql5p7u.js";
+import { A as N, E as O, G as _, P as I, a as A, b as a, c as S, S as s, T as C, U as L, u as P } from "./useEventTracker-DwPTmzpa.js";
 export {
   N as AI_CTA_LOCATIONS,
   O as EVENTS,

package/lib/src/{useEventTracker-C5Ql5p7u.js → useEventTracker-DwPTmzpa.js}

@@ -9,6 +9,7 @@ const E = {
   WEBSITE_MAKER_ADD_PAGE: "website_maker_add_page",
   WEBSITE_MAKER_REMOVE_PAGE: "website_maker_remove_page",
   WEBSITE_MAKER_REORDER_PAGE: "website_maker_reorder_page",
+  WEBSITE_MAKER_DUPLICATE_PAGE: "website_maker_duplicate_page",
   WEBSITE_MAKER_OPEN: "website_maker_open",
   WEBSITE_MAKER_PUBLISH_UPSELL_OPTION_MODAL: "website_maker_publish_upsell_option_modal",
   WEBSITE_MAKER_TEMPLATE_SEARCH: "website_maker_template_search",
@@ -62,6 +63,7 @@ const E = {
   REMOVE_WATERMARK_FOOTER_SETTINGS: "remove_watermark_footer_settings",
   PREVIEW_WATERMARK: "preview_watermark",
   ADD_NEW_PAGE: "add_new_page",
+  DUPLICATE_PAGE: "duplicate_page",
   ADD_CONTENT: "add_content",
   EDITOR_PUBLISH_TOP: "editor_publish_top",
   EDITOR_PUBLISH_BOTTOM: "editor_publish_bottom",
@@ -99,14 +101,14 @@ const E = {
   upsellOpenEventProps: {},
   domainUpsellOpenEventProps: {},
   publishOpenEventProps: {}
-}), l = I([]), _ = (o, A, e = !1, t = "maker_editor") => {
+}), l = I([]), _ = (A, o, e = !1, t = "maker_editor") => {
   l.value.forEach((s) => {
     s({
       scope: t,
-      eventName: o,
+      eventName: A,
       eventProps: {
         ...e ? {} : T.value,
-        ...A
+        ...o
       }
     });
   });
@@ -216,6 +218,14 @@ const E = {
       page_name: e
     });
   },
+  // The SOURCE page, not the copy: tracking the copy would fragment the
+  // dimension across "About Copy", "About Copy 2".
+  sendWebsiteManageDuplicatePageEvent: (e, t) => {
+    _(E.WEBSITE_MAKER_DUPLICATE_PAGE, {
+      page_name: e,
+      is_sub_page: !!t
+    });
+  },
   sendPublishOptionsForFreeEvent: () => {
     _(E.WEBSITE_MAKER_PUBLISH_UPSELL_OPTION_MODAL, {
       upsell_option_continuation: i.FREEMIUM