@designcrowd/library.brand-page 6.2.13 → 6.2.14-ast-faq-1

package/src/shared/content-settings/store/content-settings-store.ts

@@ -20,7 +20,10 @@ import {
   isTiptapDocument,
   relinkRoleEqualMarks,
 } from '@brand-page-maker/utils';
-import { pairedRteTextField } from '../../color-strategies/rte-field-pairs';
+import {
+  forEachRteItemField,
+  pairedRteTextField,
+} from '../../color-strategies/rte-field-pairs';
 
 import {
   CONTENT_SETTINGS_CONFIGS,
@@ -549,7 +552,14 @@ export const useUiContentSettingsStore = defineStore('uiContentSettings', {
     renormalizeTextStylesForRole(
       type: string,
       previousRole?: Record<string, unknown>,
-      active?: { id: string; name: string; index?: number; doc: unknown },
+      active?: {
+        id: string;
+        name: string;
+        index?: number;
+        /** The list item (an FAQ question) whose editor is active. */
+        itemId?: string;
+        doc: unknown;
+      },
     ): void {
       const styleKeys = Object.keys(CONTENT_TEXT_STYLE_PROPERTY_KEYS);
       const textStyleOptions =
@@ -562,8 +572,10 @@ export const useUiContentSettingsStore = defineStore('uiContentSettings', {
         previousRole,
       ];
       let relinkedRte = false;
-      // A text item's editors share one field, so a relinked sibling item remounts the active one too.
+      // A list's editors share one field, so a relinked sibling item remounts the active one too.
       let relinkedInActiveField = false;
+      // The mounted field of an active list item's editor: a list's editors all live under it.
+      let activeListField: string | undefined;
 
       const relink = (doc: unknown, inActiveField = false): unknown => {
         if (!isTiptapDocument(doc)) return doc;
@@ -603,6 +615,27 @@ export const useUiContentSettingsStore = defineStore('uiContentSettings', {
           }
         }
 
+        // List items (each FAQ question and answer) follow the section's shared style (normalized
+        // above) but keep their own doc.
+        forEachRteItemField(sectionType, content, (listItem, pair) => {
+          const style = content[pair.styleField] as
+            | { textStyleType?: string }
+            | undefined;
+
+          if (style?.textStyleType !== type) return;
+
+          const isActiveList = !!active?.itemId && active.id === item.id;
+
+          if (isActiveList) activeListField = pair.itemsField;
+
+          listItem[pair.textField] =
+            isActiveList &&
+            active.name === pair.textField &&
+            active.itemId === listItem.id
+              ? active.doc
+              : relink(listItem[pair.textField], isActiveList);
+        });
+
         const textItems = content.textItems as
           | { text?: unknown; textStyle?: { textStyleType?: string } }[]
           | undefined;
@@ -639,7 +672,9 @@ export const useUiContentSettingsStore = defineStore('uiContentSettings', {
       if (relinkedRte) {
         useHistoryStore().markRteResync(
           active && !relinkedInActiveField
-            ? { except: { id: active.id, name: active.name } }
+            ? {
+                except: { id: active.id, name: activeListField ?? active.name },
+              }
             : undefined,
         );
       }