@designcrowd/library.brand-page 6.1.14 → 6.1.15

package/src/brand-page-maker/composables/useEventTracker.ts

@@ -74,6 +74,24 @@ export const EVENTS = {
   WEBSITE_MAKER_REDO: 'website_maker_redo',
   WEBSITE_MAKER_HISTORY_CAPPED: 'website_maker_history_capped',
   WEBSITE_MAKER_HISTORY_OVERSIZED: 'website_maker_history_oversized',
+  WEBSITE_MAKER_LIVE_PREVIEW_CLICK: 'website_maker_live_preview_click',
+  WEBSITE_MAKER_LIVE_PREVIEW_MODAL: 'website_maker_live_preview_modal',
+};
+
+// The global `location` prop already means pre/post purchase, so the surface a
+// preview was launched from rides on cta_location, reusing existing values.
+export const PREVIEW_CTA_LOCATIONS = {
+  MAKER: 'maker',
+  MANAGE_WEBSITE: 'manage_website',
+};
+
+export const PREVIEW_MODAL_CONTINUATION_EVENTS = {
+  EXIT: 'exit',
+  // The same button reads "Back to Editor" on the editor and "Edit" on other
+  // surfaces — the continuation mirrors the label the user actually clicked.
+  BACK_TO_EDITOR: 'back_to_editor',
+  EDIT: 'edit',
+  PUBLISH: 'publish',
 };
 
 export const SELECT_LOCATIONS = {
@@ -426,6 +444,29 @@ const useEventTracker = () => {
         is_enabled: isEnabled,
       });
     },
+    // Live preview: the click is tracked separately from the modal opening —
+    // sign-in/save gating means a click doesn't always open the modal, and the
+    // post-sign-in return trip opens it without a click.
+    sendPreviewClickEvent: (ctaLocation: string) => {
+      _publishEvent(EVENTS.WEBSITE_MAKER_LIVE_PREVIEW_CLICK, {
+        cta_location: ctaLocation,
+      });
+    },
+    sendPreviewModalOpenEvent: (ctaLocation: string) => {
+      _publishEvent(EVENTS.WEBSITE_MAKER_LIVE_PREVIEW_MODAL, {
+        cta_location: ctaLocation,
+        continuation: null,
+      });
+    },
+    sendPreviewModalContinuationEvent: (
+      continuation: string,
+      ctaLocation: string,
+    ) => {
+      _publishEvent(EVENTS.WEBSITE_MAKER_LIVE_PREVIEW_MODAL, {
+        cta_location: ctaLocation,
+        continuation,
+      });
+    },
     // Undo / Redo (BP-5506)
     sendUndoEvent: (props: {
       entries_count: number;

package/src/metadata-builder/builders/reorder-pages-builder.ts

@@ -0,0 +1,80 @@
+import type { BrandPageModel, NavOrder } from '../../brand-page/models';
+import {
+  BaseMetadataBuilder,
+  type BuilderResult,
+  type MetadataBuilderRequest,
+} from '../models';
+import type { Logger } from '../logger';
+
+export interface ReorderPagesPayload {
+  pageOrder: string[];
+}
+
+export class ReorderPagesBuilder extends BaseMetadataBuilder<ReorderPagesPayload> {
+  constructor(
+    request: MetadataBuilderRequest<ReorderPagesPayload>,
+    logger?: Logger,
+  ) {
+    super(request, logger);
+  }
+
+  async validateAsync(): Promise<{ errors: string[] }> {
+    const errors: string[] = [];
+    const payload = this.request.payload;
+
+    if (!payload?.pageOrder?.length) {
+      errors.push('page_order is required for reorder_pages');
+    }
+
+    return { errors };
+  }
+
+  async buildAsync(model: BrandPageModel): Promise<BuilderResult> {
+    this.log('Build called');
+
+    const validation = await this.validateAsync();
+
+    if (validation.errors.length) {
+      return { request: this.request, model, errors: validation.errors };
+    }
+
+    const { pageOrder } = this.request.payload!;
+
+    // Build pageId → routeId lookup from nav.routes
+    const pageIdToRouteId = new Map<string, string>();
+
+    for (const route of model.nav.routes) {
+      pageIdToRouteId.set(route.pageId, route.id);
+    }
+
+    // Build new nav.orders from the flat page_order (array of pageIds)
+    const newOrders: NavOrder[] = [];
+    const seenRouteIds = new Set<string>();
+
+    for (const pageId of pageOrder) {
+      const routeId = pageIdToRouteId.get(pageId);
+
+      if (!routeId) continue;
+
+      newOrders.push({ routeId, subRoutes: [] });
+      seenRouteIds.add(routeId);
+    }
+
+    // Safety: append any routes not mentioned (don't lose pages)
+    for (const route of model.nav.routes) {
+      const routeId = pageIdToRouteId.get(route.pageId);
+
+      if (routeId && !seenRouteIds.has(routeId)) {
+        newOrders.push({ routeId, subRoutes: [] });
+      }
+    }
+
+    model.nav.orders = newOrders;
+
+    this.log({
+      message: `Reordered pages: ${pageOrder.join(', ')}`,
+    });
+
+    return { request: this.request, model };
+  }
+}

package/src/tracker.ts

@@ -19,6 +19,8 @@ export {
   PUBLISH_MODAL_CONTINUATION_EVENTS,
   GENERATE_TEXT_CONTINUATION_EVENTS,
   PUBLISH_OPTION_MODAL_CONTINUATION_EVENTS,
+  PREVIEW_CTA_LOCATIONS,
+  PREVIEW_MODAL_CONTINUATION_EVENTS,
 } from './brand-page-maker/composables/useEventTracker';
 export type {
   EventTracker,