@payloadcms/richtext-lexical 3.80.0-internal-debug.daef79f → 3.80.0-internal-debug.cd99b1f

package/dist/features/blocks/client/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAGtE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAA;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,OAAO,cAAc,CAAA;AAWrB,MAAM,MAAM,mBAAmB,CAAC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,IAAI;IACzF;;;;OAIG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAA;IAC3D;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAA;IAC3D;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqnBxD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAGtE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAA;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,OAAO,cAAc,CAAA;AAWrB,MAAM,MAAM,mBAAmB,CAAC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,IAAI;IACzF;;;;OAIG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAA;IAC3D;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAA;IAC3D;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2nBxD,CAAA"}

package/dist/features/blocks/client/component/index.js

@@ -257,8 +257,12 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
             });
         }, 0);
         if (submit) {
-            setCustomLabel(newFormState._components?.customComponents?.BlockLabel ?? undefined);
-            setCustomBlock(newFormState._components?.customComponents?.Block ?? undefined);
+            if (!CustomLabelFromProps) {
+                setCustomLabel(newFormState._components?.customComponents?.BlockLabel ?? undefined);
+            }
+            if (!CustomBlockFromProps) {
+                setCustomBlock(newFormState._components?.customComponents?.Block ?? undefined);
+            }
             let rowErrorCount = 0;
             for (const formField of Object.values(newFormState)){
                 if (formField?.valid === false) {
@@ -279,7 +283,9 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
         parentDocumentFields,
         isEditable,
         editor,
-        nodeKey
+        nodeKey,
+        CustomBlockFromProps,
+        CustomLabelFromProps
     ]);
     useEffect(()=>{
         return ()=>{
@@ -344,7 +350,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                 })
             }, void 0, false, {
                 fileName: "src/features/blocks/client/component/index.tsx",
-                lineNumber: 446,
+                lineNumber: 452,
                 columnNumber: 7
             }, this), [
         baseClass,
@@ -366,7 +372,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                 tooltip: "Remove Block"
             }, void 0, false, {
                 fileName: "src/features/blocks/client/component/index.tsx",
-                lineNumber: 473,
+                lineNumber: 479,
                 columnNumber: 7
             }, this), [
         baseClass,
@@ -396,7 +402,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                                         children: blockDisplayName ?? blockType
                                     }, void 0, false, {
                                         fileName: "src/features/blocks/client/component/index.tsx",
-                                        lineNumber: 526,
+                                        lineNumber: 532,
                                         columnNumber: 25
                                     }, void 0),
                                     !disableBlockName && !clientBlock?.admin?.disableBlockName && /*#__PURE__*/ _jsxDEV(SectionTitle, {
@@ -404,7 +410,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                                         readOnly: !isEditable
                                     }, void 0, false, {
                                         fileName: "src/features/blocks/client/component/index.tsx",
-                                        lineNumber: 535,
+                                        lineNumber: 541,
                                         columnNumber: 25
                                     }, void 0),
                                     fieldHasErrors && /*#__PURE__*/ _jsxDEV(ErrorPill, {
@@ -413,13 +419,13 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                                         withMessage: true
                                     }, void 0, false, {
                                         fileName: "src/features/blocks/client/component/index.tsx",
-                                        lineNumber: 539,
+                                        lineNumber: 545,
                                         columnNumber: 25
                                     }, void 0)
                                 ]
                             }, void 0, true, {
                                 fileName: "src/features/blocks/client/component/index.tsx",
-                                lineNumber: 522,
+                                lineNumber: 528,
                                 columnNumber: 21
                             }, void 0),
                             /*#__PURE__*/ _jsxDEV("div", {
@@ -428,25 +434,25 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                                     children: [
                                         CustomBlock && editButton !== false || !CustomBlock && editButton ? /*#__PURE__*/ _jsxDEV(EditButton, {}, void 0, false, {
                                             fileName: "src/features/blocks/client/component/index.tsx",
-                                            lineNumber: 550,
+                                            lineNumber: 556,
                                             columnNumber: 27
                                         }, void 0) : null,
                                         removeButton !== false && isEditable ? /*#__PURE__*/ _jsxDEV(RemoveButton, {}, void 0, false, {
                                             fileName: "src/features/blocks/client/component/index.tsx",
-                                            lineNumber: 552,
+                                            lineNumber: 558,
                                             columnNumber: 65
                                         }, void 0) : null
                                     ]
                                 }, void 0, true)
                             }, void 0, false, {
                                 fileName: "src/features/blocks/client/component/index.tsx",
-                                lineNumber: 544,
+                                lineNumber: 550,
                                 columnNumber: 19
                             }, void 0)
                         ]
                     }, void 0, true, {
                         fileName: "src/features/blocks/client/component/index.tsx",
-                        lineNumber: 516,
+                        lineNumber: 522,
                         columnNumber: 17
                     }, void 0),
                     isCollapsed: isCollapsed,
@@ -458,12 +464,12 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                     children: children
                 }, 0, false, {
                     fileName: "src/features/blocks/client/component/index.tsx",
-                    lineNumber: 506,
+                    lineNumber: 512,
                     columnNumber: 13
                 }, this)
             }, void 0, false, {
                 fileName: "src/features/blocks/client/component/index.tsx",
-                lineNumber: 505,
+                lineNumber: 511,
                 columnNumber: 11
             }, this);
         }, [
@@ -501,7 +507,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                                 readOnly: !isEditable
                             }, void 0, false, {
                                 fileName: "src/features/blocks/client/component/index.tsx",
-                                lineNumber: 601,
+                                lineNumber: 607,
                                 columnNumber: 15
                             }, this),
                             /*#__PURE__*/ _jsxDEV(FormSubmit, {
@@ -509,19 +515,19 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                                 children: t('fields:saveChanges')
                             }, void 0, false, {
                                 fileName: "src/features/blocks/client/component/index.tsx",
-                                lineNumber: 610,
+                                lineNumber: 616,
                                 columnNumber: 15
                             }, this)
                         ]
                     }, void 0, true) : null
                 }, void 0, false, {
                     fileName: "src/features/blocks/client/component/index.tsx",
-                    lineNumber: 592,
+                    lineNumber: 598,
                     columnNumber: 9
                 }, this)
             }, void 0, false, {
                 fileName: "src/features/blocks/client/component/index.tsx",
-                lineNumber: 591,
+                lineNumber: 597,
                 columnNumber: 7
             }, this), [
         initialState,
@@ -587,17 +593,17 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                     RemoveButton: RemoveButton
                 }, void 0, false, {
                     fileName: "src/features/blocks/client/component/index.tsx",
-                    lineNumber: 661,
+                    lineNumber: 667,
                     columnNumber: 11
                 }, this)
             }, void 0, false, {
                 fileName: "src/features/blocks/client/component/index.tsx",
-                lineNumber: 636,
+                lineNumber: 642,
                 columnNumber: 9
             }, this)
         }, void 0, false, {
             fileName: "src/features/blocks/client/component/index.tsx",
-            lineNumber: 635,
+            lineNumber: 641,
             columnNumber: 7
         }, this);
     }, [
@@ -633,12 +639,12 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                 ]
             }, void 0, true, {
                 fileName: "src/features/blocks/client/component/index.tsx",
-                lineNumber: 701,
+                lineNumber: 707,
                 columnNumber: 9
             }, this)
         }, void 0, false, {
             fileName: "src/features/blocks/client/component/index.tsx",
-            lineNumber: 700,
+            lineNumber: 706,
             columnNumber: 7
         }, this);
     }

package/dist/features/blocks/client/component/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/client/component/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Collapsible,\n  Drawer,\n  EditDepthProvider,\n  ErrorPill,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  Pill,\n  RenderFields,\n  SectionTitle,\n  useConfig,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useFormSubmitted,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey } from 'lexical'\nimport {\n  type BlocksFieldClient,\n  type ClientBlock,\n  type CollapsedPreferences,\n  type FormState,\n} from 'payload'\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { ViewMapBlockComponentProps } from '../../../../types.js'\nimport type { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport './index.scss'\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport {\n  type BlockCollapsibleWithErrorProps,\n  BlockContent,\n  useBlockComponentContext,\n} from './BlockContent.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\nexport type BlockComponentProps<TFormData extends Record<string, unknown> = BlockFields> = {\n  /**\n   * Can be modified by the node in order to trigger the re-fetch of the initial state based on the\n   * formData. This is useful when node.setFields() is explicitly called from outside of the form - in\n   * this case, the new field state is likely not reflected in the form state, so we need to re-fetch\n   */\n  readonly cacheBuster: number\n  readonly className: string\n  /**\n   * Custom block component from view map\n   * Will be rendered with useBlockComponentContext hook.\n   */\n  readonly CustomBlock?: React.FC<ViewMapBlockComponentProps>\n  /**\n   * Custom block label from view map\n   * Will be rendered with useBlockComponentContext hook.\n   */\n  readonly CustomLabel?: React.FC<ViewMapBlockComponentProps>\n  /**\n   * The block's form data (field values).\n   */\n  readonly formData: TFormData\n  /**\n   * The unique key identifying this block node in the current editor instance.\n   */\n  readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<BlockComponentProps> = (props) => {\n  const {\n    cacheBuster,\n    className: baseClass,\n    CustomBlock: CustomBlockFromProps,\n    CustomLabel: CustomLabelFromProps,\n    formData,\n    nodeKey,\n  } = props\n\n  const submitted = useFormSubmitted()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const {\n    fieldProps: {\n      featureClientSchemaMap,\n      field: parentLexicalRichTextField,\n      initialLexicalFormState,\n      schemaPath,\n    },\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n\n  const { fields: parentDocumentFields } = useDocumentForm()\n  const onChangeAbortControllerRef = useRef(new AbortController())\n  const editDepth = useEditDepth()\n  const [errorCount, setErrorCount] = React.useState(0)\n\n  const { config } = useConfig()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-blocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug)\n\n  // Used for saving collapsed to preferences (and gettin' it from there again)\n  // Remember, these preferences are scoped to the whole document, not just this form. This\n  // is important to consider for the data path used in setDocFieldPreferences\n  const { getDocPreferences, setDocFieldPreferences } = useDocumentInfo()\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n\n  const blockType = formData.blockType\n\n  const { getFormState } = useServerFunctions()\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}.fields`\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(() => {\n    // Initial form state that was calculated server-side. May have stale values\n    const cachedFormState = initialLexicalFormState?.[formData.id]?.formState\n    if (!cachedFormState) {\n      return false\n    }\n\n    // Merge current formData values into the cached form state\n    // This ensures that when the component remounts (e.g., due to view changes), we don't lose user edits\n    const mergedState = Object.fromEntries(\n      Object.entries(cachedFormState).map(([fieldName, fieldState]) => [\n        fieldName,\n        fieldName in formData\n          ? {\n              ...fieldState,\n              initialValue: formData[fieldName],\n              value: formData[fieldName],\n            }\n          : fieldState,\n      ]),\n    )\n\n    // Manually add blockName, as it's not part of cachedFormState\n    mergedState.blockName = {\n      initialValue: formData.blockName,\n      passesCondition: true,\n      valid: true,\n      value: formData.blockName,\n    }\n\n    return mergedState\n  })\n\n  const hasMounted = useRef(false)\n  const prevCacheBuster = useRef(cacheBuster)\n  useEffect(() => {\n    if (hasMounted.current) {\n      if (prevCacheBuster.current !== cacheBuster) {\n        setInitialState(false)\n      }\n      prevCacheBuster.current = cacheBuster\n    } else {\n      hasMounted.current = true\n    }\n  }, [cacheBuster])\n\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomLabelFromProps) {\n      return (\n        <CustomLabelFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          useBlockComponentContext={useBlockComponentContext}\n        />\n      )\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.BlockLabel ?? undefined\n  })\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomBlockFromProps) {\n      return (\n        <CustomBlockFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          useBlockComponentContext={useBlockComponentContext}\n        />\n      )\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.Block ?? undefined\n  })\n\n  // Initial state for newly created blocks\n  useEffect(() => {\n    const abortController = new AbortController()\n\n    const awaitInitialState = async () => {\n      /*\n       * This will only run if a new block is created. For all existing blocks that are loaded when the document is loaded, or when the form is saved,\n       * this is not run, as the lexical field RSC will fetch the state server-side and pass it to the client. That way, we avoid unnecessary client-side\n       * requests. Though for newly created blocks, we need to fetch the state client-side, as the server doesn't know about the block yet.\n       */\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        data: formData,\n        docPermissions: { fields: true },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        globalSlug,\n        initialBlockData: formData,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        state.blockName = {\n          initialValue: formData.blockName,\n          passesCondition: true,\n          valid: true,\n          value: formData.blockName,\n        }\n\n        const newFormStateData: BlockFields = reduceFieldsToValues(\n          deepCopyObjectSimpleWithoutReactComponents(state, { excludeFiles: true }),\n          true,\n        ) as BlockFields\n\n        // Things like default values may come back from the server => update the node with the new data\n        editor.update(() => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = blockType\n\n            node.setFields(newData, true)\n          }\n        })\n\n        setInitialState(state)\n        if (!CustomLabelFromProps) {\n          setCustomLabel(state._components?.customComponents?.BlockLabel ?? undefined)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(state._components?.customComponents?.Block ?? undefined)\n        }\n      }\n    }\n\n    if (formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    schemaFieldsPath,\n    isEditable,\n    id,\n    CustomLabelFromProps,\n    CustomBlockFromProps,\n    formData,\n    editor,\n    nodeKey,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\n    blockType,\n  ])\n\n  const [isCollapsed, setIsCollapsed] = React.useState<boolean>(\n    initialLexicalFormState?.[formData.id]?.collapsed ?? false,\n  )\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}`\n\n  const clientSchemaMap = featureClientSchemaMap['blocks']\n\n  const blocksField: BlocksFieldClient | undefined = clientSchemaMap?.[\n    componentMapRenderedBlockPath\n  ]?.[0] as BlocksFieldClient\n\n  const clientBlock: ClientBlock | undefined = blocksField.blockReferences\n    ? typeof blocksField?.blockReferences?.[0] === 'string'\n      ? config.blocksMap[blocksField?.blockReferences?.[0]]\n      : blocksField?.blockReferences?.[0]\n    : blocksField?.blocks?.[0]\n\n  const { i18n, t } = useTranslation<object, string>()\n\n  const onChange = useCallback(\n    async ({ formState: prevFormState, submit }: { formState: FormState; submit?: boolean }) => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state: newFormState } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: submit ? true : false,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!newFormState) {\n        return prevFormState\n      }\n\n      if (prevFormState.blockName) {\n        newFormState.blockName = prevFormState.blockName\n      }\n\n      const newFormStateData: BlockFields = reduceFieldsToValues(\n        removeEmptyArrayValues({\n          fields: deepCopyObjectSimpleWithoutReactComponents(newFormState, { excludeFiles: true }),\n        }),\n        true,\n      ) as BlockFields\n\n      setTimeout(() => {\n        editor.update(() => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = blockType\n            node.setFields(newData, true)\n          }\n        })\n      }, 0)\n\n      if (submit) {\n        setCustomLabel(newFormState._components?.customComponents?.BlockLabel ?? undefined)\n        setCustomBlock(newFormState._components?.customComponents?.Block ?? undefined)\n\n        let rowErrorCount = 0\n        for (const formField of Object.values(newFormState)) {\n          if (formField?.valid === false) {\n            rowErrorCount++\n          }\n        }\n        setErrorCount(rowErrorCount)\n      }\n\n      return newFormState\n    },\n\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      globalSlug,\n      schemaFieldsPath,\n      blockType,\n      parentDocumentFields,\n      isEditable,\n      editor,\n      nodeKey,\n    ],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  const removeBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock.labels.singular, i18n)\n    : clientBlock?.slug\n\n  const onCollapsedChange = useCallback(\n    (changedCollapsed: boolean) => {\n      void getDocPreferences().then((currentDocPreferences) => {\n        const currentFieldPreferences =\n          currentDocPreferences?.fields?.[parentLexicalRichTextField.name]\n\n        const collapsedArray = currentFieldPreferences?.collapsed\n\n        const newCollapsed: CollapsedPreferences =\n          collapsedArray && collapsedArray?.length ? collapsedArray : []\n\n        if (changedCollapsed) {\n          if (!newCollapsed.includes(formData.id)) {\n            newCollapsed.push(formData.id)\n          }\n        } else {\n          if (newCollapsed.includes(formData.id)) {\n            newCollapsed.splice(newCollapsed.indexOf(formData.id), 1)\n          }\n        }\n\n        setDocFieldPreferences(parentLexicalRichTextField.name, {\n          collapsed: newCollapsed,\n          hello: 'hi',\n        })\n      })\n    },\n    [getDocPreferences, parentLexicalRichTextField.name, setDocFieldPreferences, formData.id],\n  )\n\n  const EditButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__editButton`}\n        disabled={!isEditable}\n        el=\"button\"\n        icon=\"edit\"\n        onClick={(e) => {\n          e.preventDefault()\n          e.stopPropagation()\n          toggleDrawer()\n          return false\n        }}\n        onMouseDown={(e) => {\n          // Needed to preserve lexical selection for toggleDrawer lexical selection restore.\n          // I believe this is needed due to this button (usually) being inside of a collapsible.\n          e.preventDefault()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n      />\n    ),\n    [baseClass, isEditable, t, blockDisplayName, toggleDrawer],\n  )\n\n  const RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__removeButton`}\n        disabled={!isEditable}\n        icon=\"x\"\n        onClick={(e) => {\n          e.preventDefault()\n          removeBlock()\n        }}\n        round\n        tooltip=\"Remove Block\"\n      />\n    ),\n    [baseClass, isEditable, removeBlock],\n  )\n\n  const BlockCollapsible = useMemo(\n    () =>\n      ({\n        Actions,\n        children,\n        className,\n        collapsibleProps,\n        disableBlockName,\n        editButton,\n        errorCount,\n        fieldHasErrors,\n        Label,\n        Pill: CustomPill,\n        removeButton,\n      }: BlockCollapsibleWithErrorProps) => {\n        return (\n          <div className={`${baseClass}__container ${baseClass}-${blockType}`}>\n            <Collapsible\n              className={[\n                `${baseClass}__row`,\n                fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n                className,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n              header={\n                <div className={`${baseClass}__block-header`}>\n                  {typeof Label !== 'undefined' ? (\n                    Label\n                  ) : typeof CustomLabel !== 'undefined' ? (\n                    CustomLabel\n                  ) : (\n                    <div className={`${baseClass}__block-label`}>\n                      {typeof CustomPill !== 'undefined' ? (\n                        CustomPill\n                      ) : (\n                        <Pill\n                          className={`${baseClass}__block-pill ${baseClass}__block-pill-${blockType}`}\n                          pillStyle=\"white\"\n                          size=\"small\"\n                        >\n                          {blockDisplayName ?? blockType}\n                        </Pill>\n                      )}\n                      {!disableBlockName && !clientBlock?.admin?.disableBlockName && (\n                        <SectionTitle path=\"blockName\" readOnly={!isEditable} />\n                      )}\n\n                      {fieldHasErrors && (\n                        <ErrorPill count={errorCount ?? 0} i18n={i18n} withMessage />\n                      )}\n                    </div>\n                  )}\n\n                  <div className={`${baseClass}__block-actions`}>\n                    {typeof Actions !== 'undefined' ? (\n                      Actions\n                    ) : (\n                      <>\n                        {(CustomBlock && editButton !== false) || (!CustomBlock && editButton) ? (\n                          <EditButton />\n                        ) : null}\n                        {removeButton !== false && isEditable ? <RemoveButton /> : null}\n                      </>\n                    )}\n                  </div>\n                </div>\n              }\n              isCollapsed={isCollapsed}\n              key={0}\n              onToggle={(incomingCollapsedState) => {\n                onCollapsedChange(incomingCollapsedState)\n                setIsCollapsed(incomingCollapsedState)\n              }}\n              {...(collapsibleProps || {})}\n            >\n              {children}\n            </Collapsible>\n          </div>\n        )\n      },\n    [\n      CustomBlock,\n      CustomLabel,\n      EditButton,\n      RemoveButton,\n      blockDisplayName,\n      baseClass,\n      clientBlock?.admin?.disableBlockName,\n      blockType,\n      i18n,\n      isCollapsed,\n      onCollapsedChange,\n      isEditable,\n    ],\n  )\n\n  const blockID = formData?.id\n\n  const BlockDrawer = useMemo(\n    () => () => (\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          slug={drawerSlug}\n          title={t(`lexical:blocks:inlineBlocks:${blockID ? 'edit' : 'create'}`, {\n            label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label'),\n          })}\n        >\n          {initialState ? (\n            <>\n              <RenderFields\n                fields={clientBlock?.fields ?? []}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\" // See Blocks feature path for details as for why this is empty\n                parentSchemaPath={schemaFieldsPath}\n                permissions={true}\n                readOnly={!isEditable}\n              />\n              <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n            </>\n          ) : null}\n        </Drawer>\n      </EditDepthProvider>\n    ),\n    [\n      initialState,\n      drawerSlug,\n      blockID,\n      blockDisplayName,\n      t,\n      isEditable,\n      clientBlock?.fields,\n      schemaFieldsPath,\n      // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n    ],\n  )\n\n  // Memoized Form JSX\n  const Block = useMemo(() => {\n    if (!initialState) {\n      return null\n    }\n    return (\n      <div data-block-drawer-slug={drawerSlug} style={{ display: 'contents' }}>\n        <Form\n          beforeSubmit={[\n            async ({ formState }) => {\n              // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n              return await onChange({ formState, submit: true })\n            },\n          ]}\n          el=\"div\"\n          fields={clientBlock?.fields ?? []}\n          initialState={initialState}\n          onChange={[onChange]}\n          onSubmit={(formState, newData) => {\n            // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n            newData.blockType = blockType\n            editor.update(() => {\n              const node = $getNodeByKey(nodeKey)\n              if (node && $isBlockNode(node)) {\n                node.setFields(newData as BlockFields, true)\n              }\n            })\n            toggleDrawer()\n          }}\n          submitted={submitted}\n          uuid={uuid()}\n        >\n          <BlockContent\n            baseClass={baseClass}\n            BlockDrawer={BlockDrawer}\n            Collapsible={BlockCollapsible}\n            CustomBlock={CustomBlock}\n            CustomLabel={CustomLabel}\n            EditButton={EditButton}\n            errorCount={errorCount}\n            formSchema={clientBlock?.fields ?? []}\n            initialState={initialState}\n            nodeKey={nodeKey}\n            RemoveButton={RemoveButton}\n          />\n        </Form>\n      </div>\n    )\n  }, [\n    BlockCollapsible,\n    BlockDrawer,\n    CustomBlock,\n    CustomLabel,\n    blockType,\n    drawerSlug,\n    RemoveButton,\n    EditButton,\n    baseClass,\n    editor,\n    errorCount,\n    toggleDrawer,\n    clientBlock?.fields,\n    // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n    initialState,\n    nodeKey,\n    onChange,\n    submitted,\n  ])\n\n  if (!clientBlock) {\n    return (\n      <BlockCollapsible disableBlockName={true} fieldHasErrors={true}>\n        <div className={`${baseClass}-not-found`}>\n          Error: Block '{blockType}' not found in the config but exists in the lexical data\n        </div>\n      </BlockCollapsible>\n    )\n  }\n\n  return Block\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Collapsible","Drawer","EditDepthProvider","ErrorPill","Form","formatDrawerSlug","FormSubmit","Pill","RenderFields","SectionTitle","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useFormSubmitted","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isBlockNode","BlockContent","useBlockComponentContext","removeEmptyArrayValues","BlockComponent","props","cacheBuster","className","baseClass","CustomBlock","CustomBlockFromProps","CustomLabel","CustomLabelFromProps","formData","nodeKey","submitted","id","collectionSlug","globalSlug","fieldProps","featureClientSchemaMap","field","parentLexicalRichTextField","initialLexicalFormState","schemaPath","uuidFromContext","fields","parentDocumentFields","onChangeAbortControllerRef","AbortController","editDepth","errorCount","setErrorCount","useState","config","drawerSlug","slug","depth","toggleDrawer","getDocPreferences","setDocFieldPreferences","editor","isEditable","blockType","getFormState","schemaFieldsPath","initialState","setInitialState","cachedFormState","formState","mergedState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","blockName","passesCondition","valid","hasMounted","prevCacheBuster","current","setCustomLabel","isEditor","isJSXConverter","customComponents","BlockLabel","undefined","setCustomBlock","Block","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","operation","readOnly","renderAllFields","signal","newFormStateData","update","node","newData","setFields","_components","isCollapsed","setIsCollapsed","collapsed","componentMapRenderedBlockPath","clientSchemaMap","blocksField","clientBlock","blockReferences","blocksMap","blocks","i18n","t","onChange","prevFormState","submit","controller","newFormState","initialBlockFormState","setTimeout","rowErrorCount","formField","values","removeBlock","remove","blockDisplayName","labels","singular","onCollapsedChange","changedCollapsed","then","currentDocPreferences","currentFieldPreferences","name","collapsedArray","newCollapsed","length","includes","push","splice","indexOf","hello","EditButton","buttonStyle","disabled","el","icon","onClick","e","preventDefault","stopPropagation","onMouseDown","round","size","tooltip","label","RemoveButton","BlockCollapsible","Actions","children","collapsibleProps","disableBlockName","editButton","fieldHasErrors","Label","CustomPill","removeButton","div","filter","Boolean","join","collapsibleStyle","header","pillStyle","admin","path","count","withMessage","onToggle","incomingCollapsedState","blockID","BlockDrawer","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","data-block-drawer-slug","style","display","beforeSubmit","onSubmit","formSchema"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/features/blocks/client/component/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Collapsible,\n  Drawer,\n  EditDepthProvider,\n  ErrorPill,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  Pill,\n  RenderFields,\n  SectionTitle,\n  useConfig,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useFormSubmitted,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey } from 'lexical'\nimport {\n  type BlocksFieldClient,\n  type ClientBlock,\n  type CollapsedPreferences,\n  type FormState,\n} from 'payload'\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { ViewMapBlockComponentProps } from '../../../../types.js'\nimport type { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport './index.scss'\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport {\n  type BlockCollapsibleWithErrorProps,\n  BlockContent,\n  useBlockComponentContext,\n} from './BlockContent.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\nexport type BlockComponentProps<TFormData extends Record<string, unknown> = BlockFields> = {\n  /**\n   * Can be modified by the node in order to trigger the re-fetch of the initial state based on the\n   * formData. This is useful when node.setFields() is explicitly called from outside of the form - in\n   * this case, the new field state is likely not reflected in the form state, so we need to re-fetch\n   */\n  readonly cacheBuster: number\n  readonly className: string\n  /**\n   * Custom block component from view map\n   * Will be rendered with useBlockComponentContext hook.\n   */\n  readonly CustomBlock?: React.FC<ViewMapBlockComponentProps>\n  /**\n   * Custom block label from view map\n   * Will be rendered with useBlockComponentContext hook.\n   */\n  readonly CustomLabel?: React.FC<ViewMapBlockComponentProps>\n  /**\n   * The block's form data (field values).\n   */\n  readonly formData: TFormData\n  /**\n   * The unique key identifying this block node in the current editor instance.\n   */\n  readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<BlockComponentProps> = (props) => {\n  const {\n    cacheBuster,\n    className: baseClass,\n    CustomBlock: CustomBlockFromProps,\n    CustomLabel: CustomLabelFromProps,\n    formData,\n    nodeKey,\n  } = props\n\n  const submitted = useFormSubmitted()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const {\n    fieldProps: {\n      featureClientSchemaMap,\n      field: parentLexicalRichTextField,\n      initialLexicalFormState,\n      schemaPath,\n    },\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n\n  const { fields: parentDocumentFields } = useDocumentForm()\n  const onChangeAbortControllerRef = useRef(new AbortController())\n  const editDepth = useEditDepth()\n  const [errorCount, setErrorCount] = React.useState(0)\n\n  const { config } = useConfig()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-blocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug)\n\n  // Used for saving collapsed to preferences (and gettin' it from there again)\n  // Remember, these preferences are scoped to the whole document, not just this form. This\n  // is important to consider for the data path used in setDocFieldPreferences\n  const { getDocPreferences, setDocFieldPreferences } = useDocumentInfo()\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n\n  const blockType = formData.blockType\n\n  const { getFormState } = useServerFunctions()\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}.fields`\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(() => {\n    // Initial form state that was calculated server-side. May have stale values\n    const cachedFormState = initialLexicalFormState?.[formData.id]?.formState\n    if (!cachedFormState) {\n      return false\n    }\n\n    // Merge current formData values into the cached form state\n    // This ensures that when the component remounts (e.g., due to view changes), we don't lose user edits\n    const mergedState = Object.fromEntries(\n      Object.entries(cachedFormState).map(([fieldName, fieldState]) => [\n        fieldName,\n        fieldName in formData\n          ? {\n              ...fieldState,\n              initialValue: formData[fieldName],\n              value: formData[fieldName],\n            }\n          : fieldState,\n      ]),\n    )\n\n    // Manually add blockName, as it's not part of cachedFormState\n    mergedState.blockName = {\n      initialValue: formData.blockName,\n      passesCondition: true,\n      valid: true,\n      value: formData.blockName,\n    }\n\n    return mergedState\n  })\n\n  const hasMounted = useRef(false)\n  const prevCacheBuster = useRef(cacheBuster)\n  useEffect(() => {\n    if (hasMounted.current) {\n      if (prevCacheBuster.current !== cacheBuster) {\n        setInitialState(false)\n      }\n      prevCacheBuster.current = cacheBuster\n    } else {\n      hasMounted.current = true\n    }\n  }, [cacheBuster])\n\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomLabelFromProps) {\n      return (\n        <CustomLabelFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          useBlockComponentContext={useBlockComponentContext}\n        />\n      )\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.BlockLabel ?? undefined\n  })\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomBlockFromProps) {\n      return (\n        <CustomBlockFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          useBlockComponentContext={useBlockComponentContext}\n        />\n      )\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.Block ?? undefined\n  })\n\n  // Initial state for newly created blocks\n  useEffect(() => {\n    const abortController = new AbortController()\n\n    const awaitInitialState = async () => {\n      /*\n       * This will only run if a new block is created. For all existing blocks that are loaded when the document is loaded, or when the form is saved,\n       * this is not run, as the lexical field RSC will fetch the state server-side and pass it to the client. That way, we avoid unnecessary client-side\n       * requests. Though for newly created blocks, we need to fetch the state client-side, as the server doesn't know about the block yet.\n       */\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        data: formData,\n        docPermissions: { fields: true },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        globalSlug,\n        initialBlockData: formData,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        state.blockName = {\n          initialValue: formData.blockName,\n          passesCondition: true,\n          valid: true,\n          value: formData.blockName,\n        }\n\n        const newFormStateData: BlockFields = reduceFieldsToValues(\n          deepCopyObjectSimpleWithoutReactComponents(state, { excludeFiles: true }),\n          true,\n        ) as BlockFields\n\n        // Things like default values may come back from the server => update the node with the new data\n        editor.update(() => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = blockType\n\n            node.setFields(newData, true)\n          }\n        })\n\n        setInitialState(state)\n        if (!CustomLabelFromProps) {\n          setCustomLabel(state._components?.customComponents?.BlockLabel ?? undefined)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(state._components?.customComponents?.Block ?? undefined)\n        }\n      }\n    }\n\n    if (formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    schemaFieldsPath,\n    isEditable,\n    id,\n    CustomLabelFromProps,\n    CustomBlockFromProps,\n    formData,\n    editor,\n    nodeKey,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\n    blockType,\n  ])\n\n  const [isCollapsed, setIsCollapsed] = React.useState<boolean>(\n    initialLexicalFormState?.[formData.id]?.collapsed ?? false,\n  )\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}`\n\n  const clientSchemaMap = featureClientSchemaMap['blocks']\n\n  const blocksField: BlocksFieldClient | undefined = clientSchemaMap?.[\n    componentMapRenderedBlockPath\n  ]?.[0] as BlocksFieldClient\n\n  const clientBlock: ClientBlock | undefined = blocksField.blockReferences\n    ? typeof blocksField?.blockReferences?.[0] === 'string'\n      ? config.blocksMap[blocksField?.blockReferences?.[0]]\n      : blocksField?.blockReferences?.[0]\n    : blocksField?.blocks?.[0]\n\n  const { i18n, t } = useTranslation<object, string>()\n\n  const onChange = useCallback(\n    async ({ formState: prevFormState, submit }: { formState: FormState; submit?: boolean }) => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state: newFormState } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: submit ? true : false,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!newFormState) {\n        return prevFormState\n      }\n\n      if (prevFormState.blockName) {\n        newFormState.blockName = prevFormState.blockName\n      }\n\n      const newFormStateData: BlockFields = reduceFieldsToValues(\n        removeEmptyArrayValues({\n          fields: deepCopyObjectSimpleWithoutReactComponents(newFormState, { excludeFiles: true }),\n        }),\n        true,\n      ) as BlockFields\n\n      setTimeout(() => {\n        editor.update(() => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = blockType\n            node.setFields(newData, true)\n          }\n        })\n      }, 0)\n\n      if (submit) {\n        if (!CustomLabelFromProps) {\n          setCustomLabel(newFormState._components?.customComponents?.BlockLabel ?? undefined)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(newFormState._components?.customComponents?.Block ?? undefined)\n        }\n\n        let rowErrorCount = 0\n        for (const formField of Object.values(newFormState)) {\n          if (formField?.valid === false) {\n            rowErrorCount++\n          }\n        }\n        setErrorCount(rowErrorCount)\n      }\n\n      return newFormState\n    },\n\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      globalSlug,\n      schemaFieldsPath,\n      blockType,\n      parentDocumentFields,\n      isEditable,\n      editor,\n      nodeKey,\n      CustomBlockFromProps,\n      CustomLabelFromProps,\n    ],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  const removeBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock.labels.singular, i18n)\n    : clientBlock?.slug\n\n  const onCollapsedChange = useCallback(\n    (changedCollapsed: boolean) => {\n      void getDocPreferences().then((currentDocPreferences) => {\n        const currentFieldPreferences =\n          currentDocPreferences?.fields?.[parentLexicalRichTextField.name]\n\n        const collapsedArray = currentFieldPreferences?.collapsed\n\n        const newCollapsed: CollapsedPreferences =\n          collapsedArray && collapsedArray?.length ? collapsedArray : []\n\n        if (changedCollapsed) {\n          if (!newCollapsed.includes(formData.id)) {\n            newCollapsed.push(formData.id)\n          }\n        } else {\n          if (newCollapsed.includes(formData.id)) {\n            newCollapsed.splice(newCollapsed.indexOf(formData.id), 1)\n          }\n        }\n\n        setDocFieldPreferences(parentLexicalRichTextField.name, {\n          collapsed: newCollapsed,\n          hello: 'hi',\n        })\n      })\n    },\n    [getDocPreferences, parentLexicalRichTextField.name, setDocFieldPreferences, formData.id],\n  )\n\n  const EditButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__editButton`}\n        disabled={!isEditable}\n        el=\"button\"\n        icon=\"edit\"\n        onClick={(e) => {\n          e.preventDefault()\n          e.stopPropagation()\n          toggleDrawer()\n          return false\n        }}\n        onMouseDown={(e) => {\n          // Needed to preserve lexical selection for toggleDrawer lexical selection restore.\n          // I believe this is needed due to this button (usually) being inside of a collapsible.\n          e.preventDefault()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n      />\n    ),\n    [baseClass, isEditable, t, blockDisplayName, toggleDrawer],\n  )\n\n  const RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__removeButton`}\n        disabled={!isEditable}\n        icon=\"x\"\n        onClick={(e) => {\n          e.preventDefault()\n          removeBlock()\n        }}\n        round\n        tooltip=\"Remove Block\"\n      />\n    ),\n    [baseClass, isEditable, removeBlock],\n  )\n\n  const BlockCollapsible = useMemo(\n    () =>\n      ({\n        Actions,\n        children,\n        className,\n        collapsibleProps,\n        disableBlockName,\n        editButton,\n        errorCount,\n        fieldHasErrors,\n        Label,\n        Pill: CustomPill,\n        removeButton,\n      }: BlockCollapsibleWithErrorProps) => {\n        return (\n          <div className={`${baseClass}__container ${baseClass}-${blockType}`}>\n            <Collapsible\n              className={[\n                `${baseClass}__row`,\n                fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n                className,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n              header={\n                <div className={`${baseClass}__block-header`}>\n                  {typeof Label !== 'undefined' ? (\n                    Label\n                  ) : typeof CustomLabel !== 'undefined' ? (\n                    CustomLabel\n                  ) : (\n                    <div className={`${baseClass}__block-label`}>\n                      {typeof CustomPill !== 'undefined' ? (\n                        CustomPill\n                      ) : (\n                        <Pill\n                          className={`${baseClass}__block-pill ${baseClass}__block-pill-${blockType}`}\n                          pillStyle=\"white\"\n                          size=\"small\"\n                        >\n                          {blockDisplayName ?? blockType}\n                        </Pill>\n                      )}\n                      {!disableBlockName && !clientBlock?.admin?.disableBlockName && (\n                        <SectionTitle path=\"blockName\" readOnly={!isEditable} />\n                      )}\n\n                      {fieldHasErrors && (\n                        <ErrorPill count={errorCount ?? 0} i18n={i18n} withMessage />\n                      )}\n                    </div>\n                  )}\n\n                  <div className={`${baseClass}__block-actions`}>\n                    {typeof Actions !== 'undefined' ? (\n                      Actions\n                    ) : (\n                      <>\n                        {(CustomBlock && editButton !== false) || (!CustomBlock && editButton) ? (\n                          <EditButton />\n                        ) : null}\n                        {removeButton !== false && isEditable ? <RemoveButton /> : null}\n                      </>\n                    )}\n                  </div>\n                </div>\n              }\n              isCollapsed={isCollapsed}\n              key={0}\n              onToggle={(incomingCollapsedState) => {\n                onCollapsedChange(incomingCollapsedState)\n                setIsCollapsed(incomingCollapsedState)\n              }}\n              {...(collapsibleProps || {})}\n            >\n              {children}\n            </Collapsible>\n          </div>\n        )\n      },\n    [\n      CustomBlock,\n      CustomLabel,\n      EditButton,\n      RemoveButton,\n      blockDisplayName,\n      baseClass,\n      clientBlock?.admin?.disableBlockName,\n      blockType,\n      i18n,\n      isCollapsed,\n      onCollapsedChange,\n      isEditable,\n    ],\n  )\n\n  const blockID = formData?.id\n\n  const BlockDrawer = useMemo(\n    () => () => (\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          slug={drawerSlug}\n          title={t(`lexical:blocks:inlineBlocks:${blockID ? 'edit' : 'create'}`, {\n            label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label'),\n          })}\n        >\n          {initialState ? (\n            <>\n              <RenderFields\n                fields={clientBlock?.fields ?? []}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\" // See Blocks feature path for details as for why this is empty\n                parentSchemaPath={schemaFieldsPath}\n                permissions={true}\n                readOnly={!isEditable}\n              />\n              <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n            </>\n          ) : null}\n        </Drawer>\n      </EditDepthProvider>\n    ),\n    [\n      initialState,\n      drawerSlug,\n      blockID,\n      blockDisplayName,\n      t,\n      isEditable,\n      clientBlock?.fields,\n      schemaFieldsPath,\n      // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n    ],\n  )\n\n  // Memoized Form JSX\n  const Block = useMemo(() => {\n    if (!initialState) {\n      return null\n    }\n    return (\n      <div data-block-drawer-slug={drawerSlug} style={{ display: 'contents' }}>\n        <Form\n          beforeSubmit={[\n            async ({ formState }) => {\n              // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n              return await onChange({ formState, submit: true })\n            },\n          ]}\n          el=\"div\"\n          fields={clientBlock?.fields ?? []}\n          initialState={initialState}\n          onChange={[onChange]}\n          onSubmit={(formState, newData) => {\n            // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n            newData.blockType = blockType\n            editor.update(() => {\n              const node = $getNodeByKey(nodeKey)\n              if (node && $isBlockNode(node)) {\n                node.setFields(newData as BlockFields, true)\n              }\n            })\n            toggleDrawer()\n          }}\n          submitted={submitted}\n          uuid={uuid()}\n        >\n          <BlockContent\n            baseClass={baseClass}\n            BlockDrawer={BlockDrawer}\n            Collapsible={BlockCollapsible}\n            CustomBlock={CustomBlock}\n            CustomLabel={CustomLabel}\n            EditButton={EditButton}\n            errorCount={errorCount}\n            formSchema={clientBlock?.fields ?? []}\n            initialState={initialState}\n            nodeKey={nodeKey}\n            RemoveButton={RemoveButton}\n          />\n        </Form>\n      </div>\n    )\n  }, [\n    BlockCollapsible,\n    BlockDrawer,\n    CustomBlock,\n    CustomLabel,\n    blockType,\n    drawerSlug,\n    RemoveButton,\n    EditButton,\n    baseClass,\n    editor,\n    errorCount,\n    toggleDrawer,\n    clientBlock?.fields,\n    // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n    initialState,\n    nodeKey,\n    onChange,\n    submitted,\n  ])\n\n  if (!clientBlock) {\n    return (\n      <BlockCollapsible disableBlockName={true} fieldHasErrors={true}>\n        <div className={`${baseClass}-not-found`}>\n          Error: Block '{blockType}' not found in the config but exists in the lexical data\n        </div>\n      </BlockCollapsible>\n    )\n  }\n\n  return Block\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Collapsible","Drawer","EditDepthProvider","ErrorPill","Form","formatDrawerSlug","FormSubmit","Pill","RenderFields","SectionTitle","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useFormSubmitted","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isBlockNode","BlockContent","useBlockComponentContext","removeEmptyArrayValues","BlockComponent","props","cacheBuster","className","baseClass","CustomBlock","CustomBlockFromProps","CustomLabel","CustomLabelFromProps","formData","nodeKey","submitted","id","collectionSlug","globalSlug","fieldProps","featureClientSchemaMap","field","parentLexicalRichTextField","initialLexicalFormState","schemaPath","uuidFromContext","fields","parentDocumentFields","onChangeAbortControllerRef","AbortController","editDepth","errorCount","setErrorCount","useState","config","drawerSlug","slug","depth","toggleDrawer","getDocPreferences","setDocFieldPreferences","editor","isEditable","blockType","getFormState","schemaFieldsPath","initialState","setInitialState","cachedFormState","formState","mergedState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","blockName","passesCondition","valid","hasMounted","prevCacheBuster","current","setCustomLabel","isEditor","isJSXConverter","customComponents","BlockLabel","undefined","setCustomBlock","Block","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","operation","readOnly","renderAllFields","signal","newFormStateData","update","node","newData","setFields","_components","isCollapsed","setIsCollapsed","collapsed","componentMapRenderedBlockPath","clientSchemaMap","blocksField","clientBlock","blockReferences","blocksMap","blocks","i18n","t","onChange","prevFormState","submit","controller","newFormState","initialBlockFormState","setTimeout","rowErrorCount","formField","values","removeBlock","remove","blockDisplayName","labels","singular","onCollapsedChange","changedCollapsed","then","currentDocPreferences","currentFieldPreferences","name","collapsedArray","newCollapsed","length","includes","push","splice","indexOf","hello","EditButton","buttonStyle","disabled","el","icon","onClick","e","preventDefault","stopPropagation","onMouseDown","round","size","tooltip","label","RemoveButton","BlockCollapsible","Actions","children","collapsibleProps","disableBlockName","editButton","fieldHasErrors","Label","CustomPill","removeButton","div","filter","Boolean","join","collapsibleStyle","header","pillStyle","admin","path","count","withMessage","onToggle","incomingCollapsedState","blockID","BlockDrawer","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","data-block-drawer-slug","style","display","beforeSubmit","onSubmit","formSchema"],"mappings":"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"}

package/dist/features/blocks/client/componentInline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAwC,SAAS,EAAE,MAAM,SAAS,CAAA;AAwB9E,OAAO,cAAc,CAAA;AAGrB,OAAO,KAAiE,MAAM,OAAO,CAAA;AAGrF,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAC/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAMhE,MAAM,MAAM,yBAAyB,CACnC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,iBAAiB,IAC3D;IACF,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAA;IACjE,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAA;CAClE,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,EAAE,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAA;AAE9F,MAAM,MAAM,+BAA+B,GAAG;IAC5C,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACrB,YAAY,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAA;IAC3C,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAA;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;CACxB,CAAA;AAMD,eAAO,MAAM,8BAA8B,uCAA+C,CAAA;AAE1F,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,iBAAiB,CAAC,CA8cvF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAwC,SAAS,EAAE,MAAM,SAAS,CAAA;AAwB9E,OAAO,cAAc,CAAA;AAGrB,OAAO,KAAiE,MAAM,OAAO,CAAA;AAGrF,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAC/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAMhE,MAAM,MAAM,yBAAyB,CACnC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,iBAAiB,IAC3D;IACF,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAA;IACjE,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAA;CAClE,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,EAAE,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAA;AAE9F,MAAM,MAAM,+BAA+B,GAAG;IAC5C,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACrB,YAAY,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAA;IAC3C,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAA;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;CACxB,CAAA;AAMD,eAAO,MAAM,8BAA8B,uCAA+C,CAAA;AAE1F,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,iBAAiB,CAAC,CAodvF,CAAA"}

package/dist/features/blocks/client/componentInline/index.js

@@ -237,8 +237,12 @@ export const InlineBlockComponent = (props)=>{
             return prevFormState;
         }
         if (submit) {
-            setCustomLabel(state['_components']?.customComponents?.BlockLabel);
-            setCustomBlock(state['_components']?.customComponents?.Block);
+            if (!CustomLabelFromProps) {
+                setCustomLabel(state['_components']?.customComponents?.BlockLabel);
+            }
+            if (!CustomBlockFromProps) {
+                setCustomBlock(state['_components']?.customComponents?.Block);
+            }
         }
         return state;
     }, [
@@ -249,7 +253,9 @@ export const InlineBlockComponent = (props)=>{
         parentDocumentFields,
         globalSlug,
         isEditable,
-        schemaFieldsPath
+        schemaFieldsPath,
+        CustomBlockFromProps,
+        CustomLabelFromProps
     ]);
     // cleanup effect
     useEffect(()=>{
@@ -300,7 +306,7 @@ export const InlineBlockComponent = (props)=>{
                 })
             }, void 0, false, {
                 fileName: "src/features/blocks/client/componentInline/index.tsx",
-                lineNumber: 382,
+                lineNumber: 388,
                 columnNumber: 7
             }, this), [
         baseClass,
@@ -325,7 +331,7 @@ export const InlineBlockComponent = (props)=>{
                 })
             }, void 0, false, {
                 fileName: "src/features/blocks/client/componentInline/index.tsx",
-                lineNumber: 401,
+                lineNumber: 407,
                 columnNumber: 7
             }, this), [
         baseClass,
@@ -344,7 +350,7 @@ export const InlineBlockComponent = (props)=>{
                 children: children
             }, void 0, false, {
                 fileName: "src/features/blocks/client/componentInline/index.tsx",
-                lineNumber: 421,
+                lineNumber: 427,
                 columnNumber: 9
             }, this), [
         baseClass,
@@ -358,7 +364,7 @@ export const InlineBlockComponent = (props)=>{
                     children: clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''
                 }, void 0, false, {
                     fileName: "src/features/blocks/client/componentInline/index.tsx",
-                    lineNumber: 438,
+                    lineNumber: 444,
                     columnNumber: 9
                 }, this);
         }
@@ -379,25 +385,25 @@ export const InlineBlockComponent = (props)=>{
                     ]
                 }, void 0, true, {
                     fileName: "src/features/blocks/client/componentInline/index.tsx",
-                    lineNumber: 446,
+                    lineNumber: 452,
                     columnNumber: 9
                 }, this),
                 isEditable ? /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__actions`,
                     children: /*#__PURE__*/ _jsxDEV(RemoveButton, {}, void 0, false, {
                         fileName: "src/features/blocks/client/componentInline/index.tsx",
-                        lineNumber: 449,
+                        lineNumber: 455,
                         columnNumber: 13
                     }, this)
                 }, void 0, false, {
                     fileName: "src/features/blocks/client/componentInline/index.tsx",
-                    lineNumber: 448,
+                    lineNumber: 454,
                     columnNumber: 11
                 }, this) : null
             ]
         }, void 0, true, {
             fileName: "src/features/blocks/client/componentInline/index.tsx",
-            lineNumber: 445,
+            lineNumber: 451,
             columnNumber: 7
         }, this);
     }
@@ -444,7 +450,7 @@ export const InlineBlockComponent = (props)=>{
                                 readOnly: !isEditable
                             }, void 0, false, {
                                 fileName: "src/features/blocks/client/componentInline/index.tsx",
-                                lineNumber: 485,
+                                lineNumber: 491,
                                 columnNumber: 15
                             }, this),
                             /*#__PURE__*/ _jsxDEV(FormSubmit, {
@@ -452,19 +458,19 @@ export const InlineBlockComponent = (props)=>{
                                 children: t('fields:saveChanges')
                             }, void 0, false, {
                                 fileName: "src/features/blocks/client/componentInline/index.tsx",
-                                lineNumber: 494,
+                                lineNumber: 500,
                                 columnNumber: 15
                             }, this)
                         ]
                     }, void 0, true) : null
                 }, void 0, false, {
                     fileName: "src/features/blocks/client/componentInline/index.tsx",
-                    lineNumber: 476,
+                    lineNumber: 482,
                     columnNumber: 9
                 }, this)
             }, void 0, false, {
                 fileName: "src/features/blocks/client/componentInline/index.tsx",
-                lineNumber: 475,
+                lineNumber: 481,
                 columnNumber: 7
             }, this),
             CustomBlock ? /*#__PURE__*/ _jsxDEV(InlineBlockComponentContext, {
@@ -479,20 +485,20 @@ export const InlineBlockComponent = (props)=>{
                 children: CustomBlock
             }, void 0, false, {
                 fileName: "src/features/blocks/client/componentInline/index.tsx",
-                lineNumber: 500,
+                lineNumber: 506,
                 columnNumber: 9
             }, this) : /*#__PURE__*/ _jsxDEV(InlineBlockContainer, {
                 children: [
                     initialState ? /*#__PURE__*/ _jsxDEV(Label, {}, void 0, false, {
                         fileName: "src/features/blocks/client/componentInline/index.tsx",
-                        lineNumber: 514,
+                        lineNumber: 520,
                         columnNumber: 27
                     }, this) : /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
                         height: "15px",
                         width: "40px"
                     }, void 0, false, {
                         fileName: "src/features/blocks/client/componentInline/index.tsx",
-                        lineNumber: 514,
+                        lineNumber: 520,
                         columnNumber: 39
                     }, this),
                     isEditable ? /*#__PURE__*/ _jsxDEV("div", {
@@ -500,30 +506,30 @@ export const InlineBlockComponent = (props)=>{
                         children: [
                             /*#__PURE__*/ _jsxDEV(EditButton, {}, void 0, false, {
                                 fileName: "src/features/blocks/client/componentInline/index.tsx",
-                                lineNumber: 517,
+                                lineNumber: 523,
                                 columnNumber: 15
                             }, this),
                             /*#__PURE__*/ _jsxDEV(RemoveButton, {}, void 0, false, {
                                 fileName: "src/features/blocks/client/componentInline/index.tsx",
-                                lineNumber: 518,
+                                lineNumber: 524,
                                 columnNumber: 15
                             }, this)
                         ]
                     }, void 0, true, {
                         fileName: "src/features/blocks/client/componentInline/index.tsx",
-                        lineNumber: 516,
+                        lineNumber: 522,
                         columnNumber: 13
                     }, this) : null
                 ]
             }, void 0, true, {
                 fileName: "src/features/blocks/client/componentInline/index.tsx",
-                lineNumber: 513,
+                lineNumber: 519,
                 columnNumber: 9
             }, this)
         ]
     }, void 0, true, {
         fileName: "src/features/blocks/client/componentInline/index.tsx",
-        lineNumber: 457,
+        lineNumber: 463,
         columnNumber: 5
     }, this);
 };

package/dist/features/blocks/client/componentInline/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"sourcesContent":["'use client'\n\nimport type { BlocksFieldClient, ClientBlock, Data, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Drawer,\n  EditDepthProvider,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  RenderFields,\n  ShimmerEffect,\n  useConfig,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey } from 'lexical'\n\nimport './index.scss'\n\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { ViewMapInlineBlockComponentProps } from '../../../../types.js'\nimport type { InlineBlockFields } from '../../server/nodes/InlineBlocksNode.js'\nimport type { BlockComponentProps } from '../component/index.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\n\nexport type InlineBlockComponentProps<\n  TFormData extends Record<string, unknown> = InlineBlockFields,\n> = {\n  readonly CustomBlock?: React.FC<ViewMapInlineBlockComponentProps>\n  readonly CustomLabel?: React.FC<ViewMapInlineBlockComponentProps>\n} & Pick<BlockComponentProps<TFormData>, 'cacheBuster' | 'className' | 'formData' | 'nodeKey'>\n\nexport type InlineBlockComponentContextType = {\n  EditButton?: React.FC\n  initialState: false | FormState | undefined\n  InlineBlockContainer?: React.FC<{ children: React.ReactNode }>\n  Label?: React.FC\n  nodeKey?: string\n  RemoveButton?: React.FC\n}\n\nconst InlineBlockComponentContext = createContext<InlineBlockComponentContextType>({\n  initialState: false,\n})\n\nexport const useInlineBlockComponentContext = () => React.use(InlineBlockComponentContext)\n\nexport const InlineBlockComponent: React.FC<InlineBlockComponentProps<InlineBlockFields>> = (\n  props,\n) => {\n  const {\n    cacheBuster,\n    className: baseClass,\n    CustomBlock: CustomBlockFromProps,\n    CustomLabel: CustomLabelFromProps,\n    formData,\n    nodeKey,\n  } = props\n\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n  const { i18n, t } = useTranslation<object, string>()\n  const {\n    createdInlineBlock,\n    fieldProps: { featureClientSchemaMap, initialLexicalFormState, schemaPath },\n    setCreatedInlineBlock,\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n  const { fields: parentDocumentFields } = useDocumentForm()\n\n  const { getFormState } = useServerFunctions()\n  const editDepth = useEditDepth()\n  const firstTimeDrawer = useRef(false)\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(() => {\n    // Initial form state that was calculated server-side. May have stale values\n    const cachedFormState = initialLexicalFormState?.[formData.id]?.formState\n    if (!cachedFormState) {\n      return false\n    }\n\n    // Merge current formData values into the cached form state\n    // This ensures that when the component remounts (e.g., due to view changes), we don't lose user edits\n    return Object.fromEntries(\n      Object.entries(cachedFormState).map(([fieldName, fieldState]) => [\n        fieldName,\n        fieldName in formData\n          ? {\n              ...fieldState,\n              initialValue: formData[fieldName],\n              value: formData[fieldName],\n            }\n          : fieldState,\n      ]),\n    )\n  })\n\n  const hasMounted = useRef(false)\n  const prevCacheBuster = useRef(cacheBuster)\n  useEffect(() => {\n    if (hasMounted.current) {\n      if (prevCacheBuster.current !== cacheBuster) {\n        setInitialState(false)\n      }\n      prevCacheBuster.current = cacheBuster\n    } else {\n      hasMounted.current = true\n    }\n  }, [cacheBuster])\n\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomLabelFromProps) {\n      return (\n        <CustomLabelFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          useInlineBlockComponentContext={useInlineBlockComponentContext}\n        />\n      )\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.BlockLabel ?? undefined\n  })\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomBlockFromProps) {\n      // Pass useInlineBlockComponentContext as useBlockComponentContext for inline blocks\n      return (\n        <CustomBlockFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          useInlineBlockComponentContext={useInlineBlockComponentContext}\n        />\n      )\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.Block ?? undefined\n  })\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-inlineBlocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n  const { config } = useConfig()\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${formData.blockType}`\n\n  const clientSchemaMap = featureClientSchemaMap['blocks']\n\n  const blocksField: BlocksFieldClient = clientSchemaMap?.[\n    componentMapRenderedBlockPath\n  ]?.[0] as BlocksFieldClient\n\n  const clientBlock: ClientBlock | undefined = blocksField.blockReferences\n    ? typeof blocksField?.blockReferences?.[0] === 'string'\n      ? config.blocksMap[blocksField?.blockReferences?.[0]]\n      : blocksField?.blockReferences?.[0]\n    : blocksField?.blocks?.[0]\n\n  const clientBlockFields = clientBlock?.fields ?? []\n\n  // Open drawer on \"mount\"\n  useEffect(() => {\n    if (!firstTimeDrawer.current && createdInlineBlock?.getKey() === nodeKey) {\n      // > 2 because they always have \"id\" and \"blockName\" fields\n      if (clientBlockFields.length > 2) {\n        toggleDrawer()\n      }\n      setCreatedInlineBlock?.(undefined)\n      firstTimeDrawer.current = true\n    }\n  }, [clientBlockFields.length, createdInlineBlock, nodeKey, setCreatedInlineBlock, toggleDrawer])\n\n  const removeInlineBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock?.labels.singular, i18n)\n    : clientBlock?.slug\n\n  const onChangeAbortControllerRef = useRef(new AbortController())\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${clientBlock?.slug}.fields`\n\n  // Initial state for newly created blocks\n  useEffect(() => {\n    const abortController = new AbortController()\n\n    const awaitInitialState = async () => {\n      /*\n       * This will only run if a new block is created. For all existing blocks that are loaded when the document is loaded, or when the form is saved,\n       * this is not run, as the lexical field RSC will fetch the state server-side and pass it to the client. That way, we avoid unnecessary client-side\n       * requests. Though for newly created blocks, we need to fetch the state client-side, as the server doesn't know about the block yet.\n       */\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        data: formData,\n        docPermissions: { fields: true },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        globalSlug,\n        initialBlockData: formData,\n        initialBlockFormState: formData,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        const newFormStateData: InlineBlockFields = reduceFieldsToValues(\n          deepCopyObjectSimpleWithoutReactComponents(state, { excludeFiles: true }),\n          true,\n        ) as InlineBlockFields\n\n        // Things like default values may come back from the server => update the node with the new data\n        editor.update(() => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isInlineBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = formData.blockType\n\n            node.setFields(newData, true)\n          }\n        })\n\n        setInitialState(state)\n        if (!CustomLabelFromProps) {\n          setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(state['_components']?.customComponents?.Block)\n        }\n      }\n    }\n\n    if (formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    editor,\n    nodeKey,\n    isEditable,\n    CustomLabelFromProps,\n    CustomBlockFromProps,\n    schemaFieldsPath,\n    id,\n    formData,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\n  ])\n\n  /**\n   * HANDLE ONCHANGE\n   */\n  const onChange = useCallback(\n    async ({ formState: prevFormState, submit }: { formState: FormState; submit?: boolean }) => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: submit ? true : false,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      if (submit) {\n        setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        setCustomBlock(state['_components']?.customComponents?.Block)\n      }\n\n      return state\n    },\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      parentDocumentFields,\n      globalSlug,\n      isEditable,\n      schemaFieldsPath,\n    ],\n  )\n  // cleanup effect\n  useEffect(() => {\n    const isStateOutOfSync = (formData: InlineBlockFields, initialState: FormState) => {\n      return Object.keys(initialState).some(\n        (key) => initialState[key] && formData[key] !== initialState[key].value,\n      )\n    }\n\n    return () => {\n      // If the component is unmounted (either via removeInlineBlock or via lexical itself) and the form state got changed before,\n      // we need to reset the initial state to force a re-fetch of the initial state when it gets mounted again (e.g. via lexical history undo).\n      // Otherwise it would use an outdated initial state.\n      if (initialState && isStateOutOfSync(formData, initialState)) {\n        setInitialState(false)\n      }\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [formData, initialState])\n\n  /**\n   * HANDLE FORM SUBMIT\n   */\n  const onFormSubmit = useCallback(\n    (formState: FormState, newData: Data) => {\n      newData.blockType = formData.blockType\n\n      editor.update(() => {\n        const node = $getNodeByKey(nodeKey)\n        if (node && $isInlineBlockNode(node)) {\n          node.setFields(newData as InlineBlockFields, true)\n        }\n      })\n    },\n    [editor, nodeKey, formData],\n  )\n\n  const RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__removeButton`}\n        disabled={!isEditable}\n        icon=\"x\"\n        onClick={(e) => {\n          e.preventDefault()\n          removeInlineBlock()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:remove', { label: blockDisplayName })}\n      />\n    ),\n    [baseClass, blockDisplayName, isEditable, removeInlineBlock, t],\n  )\n\n  const EditButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__editButton`}\n        disabled={!isEditable}\n        el=\"button\"\n        icon=\"edit\"\n        onClick={() => {\n          toggleDrawer()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n      />\n    ),\n    [baseClass, blockDisplayName, isEditable, t, toggleDrawer],\n  )\n\n  const InlineBlockContainer = useMemo(\n    () =>\n      ({ children, className }: { children: React.ReactNode; className?: string }) => (\n        <div\n          className={[`${baseClass}__container`, baseClass + '-' + formData.blockType, className]\n            .filter(Boolean)\n            .join(' ')}\n          ref={inlineBlockElemElemRef}\n        >\n          {children}\n        </div>\n      ),\n    [baseClass, formData.blockType],\n  )\n\n  const Label = useMemo(() => {\n    if (CustomLabel) {\n      return () => CustomLabel\n    } else {\n      return () => (\n        <div>{clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''}</div>\n      )\n    }\n  }, [CustomLabel, clientBlock?.labels, i18n])\n\n  if (!clientBlock) {\n    return (\n      <InlineBlockContainer className={`${baseClass}-not-found`}>\n        <span>Error: Block '{formData.blockType}' not found</span>\n        {isEditable ? (\n          <div className={`${baseClass}__actions`}>\n            <RemoveButton />\n          </div>\n        ) : null}\n      </InlineBlockContainer>\n    )\n  }\n\n  return (\n    <Form\n      beforeSubmit={[\n        async ({ formState }) => {\n          // This is only called when form is submitted from drawer\n          return await onChange({ formState, submit: true })\n        },\n      ]}\n      disableValidationOnSubmit\n      el=\"div\"\n      fields={clientBlock?.fields}\n      initialState={initialState || {}}\n      onChange={[onChange]}\n      onSubmit={(formState, data) => {\n        onFormSubmit(formState, data)\n        toggleDrawer()\n      }}\n      uuid={uuid()}\n    >\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          slug={drawerSlug}\n          title={t(`lexical:blocks:inlineBlocks:${formData?.id ? 'edit' : 'create'}`, {\n            label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label'),\n          })}\n        >\n          {initialState ? (\n            <>\n              <RenderFields\n                fields={clientBlock?.fields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\" // See Blocks feature path for details as for why this is empty\n                parentSchemaPath={schemaFieldsPath}\n                permissions={true}\n                readOnly={!isEditable}\n              />\n              <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n            </>\n          ) : null}\n        </Drawer>\n      </EditDepthProvider>\n      {CustomBlock ? (\n        <InlineBlockComponentContext\n          value={{\n            EditButton,\n            initialState,\n            InlineBlockContainer,\n            Label,\n            nodeKey,\n            RemoveButton,\n          }}\n        >\n          {CustomBlock}\n        </InlineBlockComponentContext>\n      ) : (\n        <InlineBlockContainer>\n          {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n          {isEditable ? (\n            <div className={`${baseClass}__actions`}>\n              <EditButton />\n              <RemoveButton />\n            </div>\n          ) : null}\n        </InlineBlockContainer>\n      )}\n    </Form>\n  )\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","FormSubmit","RenderFields","ShimmerEffect","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","createContext","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isInlineBlockNode","InlineBlockComponentContext","initialState","useInlineBlockComponentContext","use","InlineBlockComponent","props","cacheBuster","className","baseClass","CustomBlock","CustomBlockFromProps","CustomLabel","CustomLabelFromProps","formData","nodeKey","editor","isEditable","i18n","t","createdInlineBlock","fieldProps","featureClientSchemaMap","initialLexicalFormState","schemaPath","setCreatedInlineBlock","uuidFromContext","fields","parentDocumentFields","getFormState","editDepth","firstTimeDrawer","setInitialState","useState","cachedFormState","id","formState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","hasMounted","prevCacheBuster","current","setCustomLabel","isEditor","isJSXConverter","customComponents","BlockLabel","undefined","setCustomBlock","Block","drawerSlug","slug","depth","toggleDrawer","inlineBlockElemElemRef","collectionSlug","getDocPreferences","globalSlug","config","componentMapRenderedBlockPath","blockType","clientSchemaMap","blocksField","clientBlock","blockReferences","blocksMap","blocks","clientBlockFields","getKey","length","removeInlineBlock","update","remove","blockDisplayName","labels","singular","onChangeAbortControllerRef","AbortController","schemaFieldsPath","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","initialBlockFormState","operation","readOnly","renderAllFields","signal","newFormStateData","node","newData","setFields","onChange","prevFormState","submit","controller","isStateOutOfSync","keys","some","key","onFormSubmit","RemoveButton","buttonStyle","disabled","icon","onClick","e","preventDefault","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","div","filter","Boolean","join","ref","Label","span","beforeSubmit","disableValidationOnSubmit","onSubmit","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","height","width"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"sourcesContent":["'use client'\n\nimport type { BlocksFieldClient, ClientBlock, Data, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Drawer,\n  EditDepthProvider,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  RenderFields,\n  ShimmerEffect,\n  useConfig,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey } from 'lexical'\n\nimport './index.scss'\n\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { ViewMapInlineBlockComponentProps } from '../../../../types.js'\nimport type { InlineBlockFields } from '../../server/nodes/InlineBlocksNode.js'\nimport type { BlockComponentProps } from '../component/index.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\n\nexport type InlineBlockComponentProps<\n  TFormData extends Record<string, unknown> = InlineBlockFields,\n> = {\n  readonly CustomBlock?: React.FC<ViewMapInlineBlockComponentProps>\n  readonly CustomLabel?: React.FC<ViewMapInlineBlockComponentProps>\n} & Pick<BlockComponentProps<TFormData>, 'cacheBuster' | 'className' | 'formData' | 'nodeKey'>\n\nexport type InlineBlockComponentContextType = {\n  EditButton?: React.FC\n  initialState: false | FormState | undefined\n  InlineBlockContainer?: React.FC<{ children: React.ReactNode }>\n  Label?: React.FC\n  nodeKey?: string\n  RemoveButton?: React.FC\n}\n\nconst InlineBlockComponentContext = createContext<InlineBlockComponentContextType>({\n  initialState: false,\n})\n\nexport const useInlineBlockComponentContext = () => React.use(InlineBlockComponentContext)\n\nexport const InlineBlockComponent: React.FC<InlineBlockComponentProps<InlineBlockFields>> = (\n  props,\n) => {\n  const {\n    cacheBuster,\n    className: baseClass,\n    CustomBlock: CustomBlockFromProps,\n    CustomLabel: CustomLabelFromProps,\n    formData,\n    nodeKey,\n  } = props\n\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n  const { i18n, t } = useTranslation<object, string>()\n  const {\n    createdInlineBlock,\n    fieldProps: { featureClientSchemaMap, initialLexicalFormState, schemaPath },\n    setCreatedInlineBlock,\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n  const { fields: parentDocumentFields } = useDocumentForm()\n\n  const { getFormState } = useServerFunctions()\n  const editDepth = useEditDepth()\n  const firstTimeDrawer = useRef(false)\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(() => {\n    // Initial form state that was calculated server-side. May have stale values\n    const cachedFormState = initialLexicalFormState?.[formData.id]?.formState\n    if (!cachedFormState) {\n      return false\n    }\n\n    // Merge current formData values into the cached form state\n    // This ensures that when the component remounts (e.g., due to view changes), we don't lose user edits\n    return Object.fromEntries(\n      Object.entries(cachedFormState).map(([fieldName, fieldState]) => [\n        fieldName,\n        fieldName in formData\n          ? {\n              ...fieldState,\n              initialValue: formData[fieldName],\n              value: formData[fieldName],\n            }\n          : fieldState,\n      ]),\n    )\n  })\n\n  const hasMounted = useRef(false)\n  const prevCacheBuster = useRef(cacheBuster)\n  useEffect(() => {\n    if (hasMounted.current) {\n      if (prevCacheBuster.current !== cacheBuster) {\n        setInitialState(false)\n      }\n      prevCacheBuster.current = cacheBuster\n    } else {\n      hasMounted.current = true\n    }\n  }, [cacheBuster])\n\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomLabelFromProps) {\n      return (\n        <CustomLabelFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          useInlineBlockComponentContext={useInlineBlockComponentContext}\n        />\n      )\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.BlockLabel ?? undefined\n  })\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomBlockFromProps) {\n      // Pass useInlineBlockComponentContext as useBlockComponentContext for inline blocks\n      return (\n        <CustomBlockFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          useInlineBlockComponentContext={useInlineBlockComponentContext}\n        />\n      )\n    }\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    return initialState?.['_components']?.customComponents?.Block ?? undefined\n  })\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-inlineBlocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n  const { config } = useConfig()\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${formData.blockType}`\n\n  const clientSchemaMap = featureClientSchemaMap['blocks']\n\n  const blocksField: BlocksFieldClient = clientSchemaMap?.[\n    componentMapRenderedBlockPath\n  ]?.[0] as BlocksFieldClient\n\n  const clientBlock: ClientBlock | undefined = blocksField.blockReferences\n    ? typeof blocksField?.blockReferences?.[0] === 'string'\n      ? config.blocksMap[blocksField?.blockReferences?.[0]]\n      : blocksField?.blockReferences?.[0]\n    : blocksField?.blocks?.[0]\n\n  const clientBlockFields = clientBlock?.fields ?? []\n\n  // Open drawer on \"mount\"\n  useEffect(() => {\n    if (!firstTimeDrawer.current && createdInlineBlock?.getKey() === nodeKey) {\n      // > 2 because they always have \"id\" and \"blockName\" fields\n      if (clientBlockFields.length > 2) {\n        toggleDrawer()\n      }\n      setCreatedInlineBlock?.(undefined)\n      firstTimeDrawer.current = true\n    }\n  }, [clientBlockFields.length, createdInlineBlock, nodeKey, setCreatedInlineBlock, toggleDrawer])\n\n  const removeInlineBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock?.labels.singular, i18n)\n    : clientBlock?.slug\n\n  const onChangeAbortControllerRef = useRef(new AbortController())\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${clientBlock?.slug}.fields`\n\n  // Initial state for newly created blocks\n  useEffect(() => {\n    const abortController = new AbortController()\n\n    const awaitInitialState = async () => {\n      /*\n       * This will only run if a new block is created. For all existing blocks that are loaded when the document is loaded, or when the form is saved,\n       * this is not run, as the lexical field RSC will fetch the state server-side and pass it to the client. That way, we avoid unnecessary client-side\n       * requests. Though for newly created blocks, we need to fetch the state client-side, as the server doesn't know about the block yet.\n       */\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        data: formData,\n        docPermissions: { fields: true },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        globalSlug,\n        initialBlockData: formData,\n        initialBlockFormState: formData,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        const newFormStateData: InlineBlockFields = reduceFieldsToValues(\n          deepCopyObjectSimpleWithoutReactComponents(state, { excludeFiles: true }),\n          true,\n        ) as InlineBlockFields\n\n        // Things like default values may come back from the server => update the node with the new data\n        editor.update(() => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isInlineBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = formData.blockType\n\n            node.setFields(newData, true)\n          }\n        })\n\n        setInitialState(state)\n        if (!CustomLabelFromProps) {\n          setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(state['_components']?.customComponents?.Block)\n        }\n      }\n    }\n\n    if (formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    editor,\n    nodeKey,\n    isEditable,\n    CustomLabelFromProps,\n    CustomBlockFromProps,\n    schemaFieldsPath,\n    id,\n    formData,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\n  ])\n\n  /**\n   * HANDLE ONCHANGE\n   */\n  const onChange = useCallback(\n    async ({ formState: prevFormState, submit }: { formState: FormState; submit?: boolean }) => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: submit ? true : false,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      if (submit) {\n        if (!CustomLabelFromProps) {\n          setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(state['_components']?.customComponents?.Block)\n        }\n      }\n\n      return state\n    },\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      parentDocumentFields,\n      globalSlug,\n      isEditable,\n      schemaFieldsPath,\n      CustomBlockFromProps,\n      CustomLabelFromProps,\n    ],\n  )\n  // cleanup effect\n  useEffect(() => {\n    const isStateOutOfSync = (formData: InlineBlockFields, initialState: FormState) => {\n      return Object.keys(initialState).some(\n        (key) => initialState[key] && formData[key] !== initialState[key].value,\n      )\n    }\n\n    return () => {\n      // If the component is unmounted (either via removeInlineBlock or via lexical itself) and the form state got changed before,\n      // we need to reset the initial state to force a re-fetch of the initial state when it gets mounted again (e.g. via lexical history undo).\n      // Otherwise it would use an outdated initial state.\n      if (initialState && isStateOutOfSync(formData, initialState)) {\n        setInitialState(false)\n      }\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [formData, initialState])\n\n  /**\n   * HANDLE FORM SUBMIT\n   */\n  const onFormSubmit = useCallback(\n    (formState: FormState, newData: Data) => {\n      newData.blockType = formData.blockType\n\n      editor.update(() => {\n        const node = $getNodeByKey(nodeKey)\n        if (node && $isInlineBlockNode(node)) {\n          node.setFields(newData as InlineBlockFields, true)\n        }\n      })\n    },\n    [editor, nodeKey, formData],\n  )\n\n  const RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__removeButton`}\n        disabled={!isEditable}\n        icon=\"x\"\n        onClick={(e) => {\n          e.preventDefault()\n          removeInlineBlock()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:remove', { label: blockDisplayName })}\n      />\n    ),\n    [baseClass, blockDisplayName, isEditable, removeInlineBlock, t],\n  )\n\n  const EditButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__editButton`}\n        disabled={!isEditable}\n        el=\"button\"\n        icon=\"edit\"\n        onClick={() => {\n          toggleDrawer()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n      />\n    ),\n    [baseClass, blockDisplayName, isEditable, t, toggleDrawer],\n  )\n\n  const InlineBlockContainer = useMemo(\n    () =>\n      ({ children, className }: { children: React.ReactNode; className?: string }) => (\n        <div\n          className={[`${baseClass}__container`, baseClass + '-' + formData.blockType, className]\n            .filter(Boolean)\n            .join(' ')}\n          ref={inlineBlockElemElemRef}\n        >\n          {children}\n        </div>\n      ),\n    [baseClass, formData.blockType],\n  )\n\n  const Label = useMemo(() => {\n    if (CustomLabel) {\n      return () => CustomLabel\n    } else {\n      return () => (\n        <div>{clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''}</div>\n      )\n    }\n  }, [CustomLabel, clientBlock?.labels, i18n])\n\n  if (!clientBlock) {\n    return (\n      <InlineBlockContainer className={`${baseClass}-not-found`}>\n        <span>Error: Block '{formData.blockType}' not found</span>\n        {isEditable ? (\n          <div className={`${baseClass}__actions`}>\n            <RemoveButton />\n          </div>\n        ) : null}\n      </InlineBlockContainer>\n    )\n  }\n\n  return (\n    <Form\n      beforeSubmit={[\n        async ({ formState }) => {\n          // This is only called when form is submitted from drawer\n          return await onChange({ formState, submit: true })\n        },\n      ]}\n      disableValidationOnSubmit\n      el=\"div\"\n      fields={clientBlock?.fields}\n      initialState={initialState || {}}\n      onChange={[onChange]}\n      onSubmit={(formState, data) => {\n        onFormSubmit(formState, data)\n        toggleDrawer()\n      }}\n      uuid={uuid()}\n    >\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          slug={drawerSlug}\n          title={t(`lexical:blocks:inlineBlocks:${formData?.id ? 'edit' : 'create'}`, {\n            label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label'),\n          })}\n        >\n          {initialState ? (\n            <>\n              <RenderFields\n                fields={clientBlock?.fields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\" // See Blocks feature path for details as for why this is empty\n                parentSchemaPath={schemaFieldsPath}\n                permissions={true}\n                readOnly={!isEditable}\n              />\n              <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n            </>\n          ) : null}\n        </Drawer>\n      </EditDepthProvider>\n      {CustomBlock ? (\n        <InlineBlockComponentContext\n          value={{\n            EditButton,\n            initialState,\n            InlineBlockContainer,\n            Label,\n            nodeKey,\n            RemoveButton,\n          }}\n        >\n          {CustomBlock}\n        </InlineBlockComponentContext>\n      ) : (\n        <InlineBlockContainer>\n          {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n          {isEditable ? (\n            <div className={`${baseClass}__actions`}>\n              <EditButton />\n              <RemoveButton />\n            </div>\n          ) : null}\n        </InlineBlockContainer>\n      )}\n    </Form>\n  )\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","FormSubmit","RenderFields","ShimmerEffect","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","createContext","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isInlineBlockNode","InlineBlockComponentContext","initialState","useInlineBlockComponentContext","use","InlineBlockComponent","props","cacheBuster","className","baseClass","CustomBlock","CustomBlockFromProps","CustomLabel","CustomLabelFromProps","formData","nodeKey","editor","isEditable","i18n","t","createdInlineBlock","fieldProps","featureClientSchemaMap","initialLexicalFormState","schemaPath","setCreatedInlineBlock","uuidFromContext","fields","parentDocumentFields","getFormState","editDepth","firstTimeDrawer","setInitialState","useState","cachedFormState","id","formState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","hasMounted","prevCacheBuster","current","setCustomLabel","isEditor","isJSXConverter","customComponents","BlockLabel","undefined","setCustomBlock","Block","drawerSlug","slug","depth","toggleDrawer","inlineBlockElemElemRef","collectionSlug","getDocPreferences","globalSlug","config","componentMapRenderedBlockPath","blockType","clientSchemaMap","blocksField","clientBlock","blockReferences","blocksMap","blocks","clientBlockFields","getKey","length","removeInlineBlock","update","remove","blockDisplayName","labels","singular","onChangeAbortControllerRef","AbortController","schemaFieldsPath","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","initialBlockFormState","operation","readOnly","renderAllFields","signal","newFormStateData","node","newData","setFields","onChange","prevFormState","submit","controller","isStateOutOfSync","keys","some","key","onFormSubmit","RemoveButton","buttonStyle","disabled","icon","onClick","e","preventDefault","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","div","filter","Boolean","join","ref","Label","span","beforeSubmit","disableValidationOnSubmit","onSubmit","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","height","width"],"mappings":"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"}

package/dist/field/RichTextViewProvider.js

@@ -56,7 +56,7 @@ import React, { createContext, use, useMemo } from 'react';
         // Propagate inheritable flag through the hierarchy
         inheritable: parentContext.inheritable || args.inheritable,
         // Only inherit views if parent has a views map
-        views: isControlledByParent ? parentContext.views : args.views
+        views: isControlledByParent && parentContext.views ? parentContext.views : args.views
     };
     const [currentView, setCurrentView] = useControllableState(currentViewFromProps, 'default');
     const value = useMemo(()=>{

package/dist/field/RichTextViewProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/RichTextViewProvider.tsx"],"sourcesContent":["'use client'\nimport { useControllableState } from '@payloadcms/ui'\nimport React, { createContext, use, useMemo } from 'react'\n\nimport type { LexicalEditorNodeMap, LexicalEditorViewMap } from '../types.js'\n\n/**\n * Context for managing richtext editor view state and inheritance.\n */\ntype RichTextViewContextType = {\n  /**\n   * The currently active view name (e.g., 'default', 'frontend', 'debug').\n   */\n  currentView: string\n  /**\n   * The resolved node map for the current view, containing rendering overrides for each node type.\n   */\n  currentViewMap?: LexicalEditorNodeMap\n  /**\n   * True if the current view was explicitly set (via prop) by this provider or an ancestor.\n   * Used to distinguish intentional view settings from automatic defaults.\n   */\n  hasExplicitCurrentView?: boolean\n  /**\n   * If true, nested richtext editors will inherit this provider's currentView and views.\n   */\n  inheritable?: boolean\n  /**\n   * True if this provider's view is controlled by an ancestor provider — either because the\n   * ancestor has a views map (view-map inheritance) or an explicit `currentView` prop.\n   * When true, the ViewSelector is hidden.\n   */\n  isControlledByParent?: boolean\n  /**\n   * Function to programmatically change the current view.\n   */\n  setCurrentView: (view: string) => void\n  /**\n   * Map of all available views for this editor. Each key is a view name, each value contains\n   * admin config, node overrides, and lexical config for that view.\n   */\n  views?: LexicalEditorViewMap\n}\n\nconst RichTextViewContext = createContext<RichTextViewContextType>({\n  currentView: 'default',\n  inheritable: false,\n  setCurrentView: () => {},\n})\n\n/**\n * Provider for managing richtext editor view state and its inheritance.\n *\n * Handles two key scenarios:\n * 1. **Explicit view setting**: Wrap with `currentView` and `inheritable={true}` to force nested editors to a specific view\n * 2. **View map inheritance**: Nested editors inherit `views` from parents, allowing view switching across the hierarchy\n *\n * When a nested editor inherits from a parent, its ViewSelector is hidden because the view is controlled by an ancestor.\n *\n * @example\n * Force all nested richtext editors to use \"frontend\" view:\n * ```tsx\n * <RichTextViewProvider currentView=\"frontend\" inheritable={true}>\n *   <MyForm /> {/* All richtext fields inside will use \"frontend\" view }\n * </RichTextViewProvider>\n * ```\n */\nexport const RichTextViewProvider: React.FC<{\n  children: React.ReactNode\n  currentView?: string\n  inheritable?: boolean\n  views?: LexicalEditorViewMap\n}> = (args) => {\n  const parentContext = useRichTextView()\n\n  // Track if this provider explicitly sets currentView (not just using the default)\n  const hasOwnExplicitView = args.currentView !== undefined\n\n  const isControlledByParent =\n    parentContext.inheritable &&\n    (Boolean(parentContext.views) || Boolean(parentContext.hasExplicitCurrentView))\n\n  // This provider has explicit currentView if it sets one OR inherits one from parent\n  const hasExplicitCurrentView =\n    hasOwnExplicitView ||\n    (parentContext.inheritable && Boolean(parentContext.hasExplicitCurrentView))\n\n  const {\n    children,\n    currentView: currentViewFromProps,\n    inheritable,\n    views,\n  } = {\n    children: args.children,\n    currentView: isControlledByParent ? parentContext.currentView : args.currentView,\n    // Propagate inheritable flag through the hierarchy\n    inheritable: parentContext.inheritable || args.inheritable,\n    // Only inherit views if parent has a views map\n    views: isControlledByParent ? parentContext.views : args.views,\n  }\n\n  const [currentView, setCurrentView] = useControllableState(currentViewFromProps, 'default')\n\n  const value = useMemo(() => {\n    const currentViewMap = views ? views[currentView] || views.default : undefined\n    return {\n      currentView,\n      currentViewMap,\n      hasExplicitCurrentView,\n      inheritable,\n      isControlledByParent,\n      setCurrentView,\n      views,\n    }\n  }, [\n    currentView,\n    inheritable,\n    hasExplicitCurrentView,\n    isControlledByParent,\n    setCurrentView,\n    views,\n  ])\n\n  return <RichTextViewContext value={value}>{children}</RichTextViewContext>\n}\n\n/**\n * Access the current richtext editor view context.\n *\n * Returns the active view name, node overrides, inheritance state, and a function to switch views.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { currentView, currentViewMap, isControlledByParent, setCurrentView } = useRichTextView()\n *\n *   return (\n *     <div>\n *       <p>Active view: {currentView}</p>\n *       {isControlledByParent && <p>View controlled by parent</p>}\n *       {currentViewMap?.heading && <p>Custom heading renderer active</p>}\n *       <button onClick={() => setCurrentView('frontend')}>Switch to frontend</button>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function useRichTextView(): RichTextViewContextType {\n  return use(RichTextViewContext)\n}\n"],"names":["useControllableState","React","createContext","use","useMemo","RichTextViewContext","currentView","inheritable","setCurrentView","RichTextViewProvider","args","parentContext","useRichTextView","hasOwnExplicitView","undefined","isControlledByParent","Boolean","views","hasExplicitCurrentView","children","currentViewFromProps","value","currentViewMap","default"],"mappings":"AAAA;;AACA,SAASA,oBAAoB,QAAQ,iBAAgB;AACrD,OAAOC,SAASC,aAAa,EAAEC,GAAG,EAAEC,OAAO,QAAQ,QAAO;AAI1D;;CAEC,GAEC;;GAEC,GAED;;GAEC,GAED;;;GAGC,GAED;;GAEC,GAED;;;;GAIC,GAED;;GAEC,GAED;;;GAGC,GAIH,MAAMC,oCAAsBH,cAAuC;IACjEI,aAAa;IACbC,aAAa;IACbC,gBAAgB,KAAO;AACzB;AAEA;;;;;;;;;;;;;;;;CAgBC,GACD,OAAO,MAAMC,uBAKR,CAACC;IACJ,MAAMC,gBAAgBC;IAEtB,kFAAkF;IAClF,MAAMC,qBAAqBH,KAAKJ,WAAW,KAAKQ;IAEhD,MAAMC,uBACJJ,cAAcJ,WAAW,IACxBS,CAAAA,QAAQL,cAAcM,KAAK,KAAKD,QAAQL,cAAcO,sBAAsB,CAAA;IAE/E,oFAAoF;IACpF,MAAMA,yBACJL,sBACCF,cAAcJ,WAAW,IAAIS,QAAQL,cAAcO,sBAAsB;IAE5E,MAAM,EACJC,QAAQ,EACRb,aAAac,oBAAoB,EACjCb,WAAW,EACXU,KAAK,EACN,GAAG;QACFE,UAAUT,KAAKS,QAAQ;QACvBb,aAAaS,uBAAuBJ,cAAcL,WAAW,GAAGI,KAAKJ,WAAW;QAChF,mDAAmD;QACnDC,aAAaI,cAAcJ,WAAW,IAAIG,KAAKH,WAAW;QAC1D,+CAA+C;QAC/CU,OAAOF,uBAAuBJ,cAAcM,KAAK,GAAGP,KAAKO,KAAK;IAChE;IAEA,MAAM,CAACX,aAAaE,eAAe,GAAGR,qBAAqBoB,sBAAsB;IAEjF,MAAMC,QAAQjB,QAAQ;QACpB,MAAMkB,iBAAiBL,QAAQA,KAAK,CAACX,YAAY,IAAIW,MAAMM,OAAO,GAAGT;QACrE,OAAO;YACLR;YACAgB;YACAJ;YACAX;YACAQ;YACAP;YACAS;QACF;IACF,GAAG;QACDX;QACAC;QACAW;QACAH;QACAP;QACAS;KACD;IAED,qBAAO,QAACZ;QAAoBgB,OAAOA;kBAAQF;;;;;;AAC7C,EAAC;AAED;;;;;;;;;;;;;;;;;;;;CAoBC,GACD,OAAO,SAASP;IACd,OAAOT,IAAIE;AACb"}
+{"version":3,"sources":["../../src/field/RichTextViewProvider.tsx"],"sourcesContent":["'use client'\nimport { useControllableState } from '@payloadcms/ui'\nimport React, { createContext, use, useMemo } from 'react'\n\nimport type { LexicalEditorNodeMap, LexicalEditorViewMap } from '../types.js'\n\n/**\n * Context for managing richtext editor view state and inheritance.\n */\ntype RichTextViewContextType = {\n  /**\n   * The currently active view name (e.g., 'default', 'frontend', 'debug').\n   */\n  currentView: string\n  /**\n   * The resolved node map for the current view, containing rendering overrides for each node type.\n   */\n  currentViewMap?: LexicalEditorNodeMap\n  /**\n   * True if the current view was explicitly set (via prop) by this provider or an ancestor.\n   * Used to distinguish intentional view settings from automatic defaults.\n   */\n  hasExplicitCurrentView?: boolean\n  /**\n   * If true, nested richtext editors will inherit this provider's currentView and views.\n   */\n  inheritable?: boolean\n  /**\n   * True if this provider's view is controlled by an ancestor provider — either because the\n   * ancestor has a views map (view-map inheritance) or an explicit `currentView` prop.\n   * When true, the ViewSelector is hidden.\n   */\n  isControlledByParent?: boolean\n  /**\n   * Function to programmatically change the current view.\n   */\n  setCurrentView: (view: string) => void\n  /**\n   * Map of all available views for this editor. Each key is a view name, each value contains\n   * admin config, node overrides, and lexical config for that view.\n   */\n  views?: LexicalEditorViewMap\n}\n\nconst RichTextViewContext = createContext<RichTextViewContextType>({\n  currentView: 'default',\n  inheritable: false,\n  setCurrentView: () => {},\n})\n\n/**\n * Provider for managing richtext editor view state and its inheritance.\n *\n * Handles two key scenarios:\n * 1. **Explicit view setting**: Wrap with `currentView` and `inheritable={true}` to force nested editors to a specific view\n * 2. **View map inheritance**: Nested editors inherit `views` from parents, allowing view switching across the hierarchy\n *\n * When a nested editor inherits from a parent, its ViewSelector is hidden because the view is controlled by an ancestor.\n *\n * @example\n * Force all nested richtext editors to use \"frontend\" view:\n * ```tsx\n * <RichTextViewProvider currentView=\"frontend\" inheritable={true}>\n *   <MyForm /> {/* All richtext fields inside will use \"frontend\" view }\n * </RichTextViewProvider>\n * ```\n */\nexport const RichTextViewProvider: React.FC<{\n  children: React.ReactNode\n  currentView?: string\n  inheritable?: boolean\n  views?: LexicalEditorViewMap\n}> = (args) => {\n  const parentContext = useRichTextView()\n\n  // Track if this provider explicitly sets currentView (not just using the default)\n  const hasOwnExplicitView = args.currentView !== undefined\n\n  const isControlledByParent =\n    parentContext.inheritable &&\n    (Boolean(parentContext.views) || Boolean(parentContext.hasExplicitCurrentView))\n\n  // This provider has explicit currentView if it sets one OR inherits one from parent\n  const hasExplicitCurrentView =\n    hasOwnExplicitView ||\n    (parentContext.inheritable && Boolean(parentContext.hasExplicitCurrentView))\n\n  const {\n    children,\n    currentView: currentViewFromProps,\n    inheritable,\n    views,\n  } = {\n    children: args.children,\n    currentView: isControlledByParent ? parentContext.currentView : args.currentView,\n    // Propagate inheritable flag through the hierarchy\n    inheritable: parentContext.inheritable || args.inheritable,\n    // Only inherit views if parent has a views map\n    views: isControlledByParent && parentContext.views ? parentContext.views : args.views,\n  }\n\n  const [currentView, setCurrentView] = useControllableState(currentViewFromProps, 'default')\n\n  const value = useMemo(() => {\n    const currentViewMap = views ? views[currentView] || views.default : undefined\n    return {\n      currentView,\n      currentViewMap,\n      hasExplicitCurrentView,\n      inheritable,\n      isControlledByParent,\n      setCurrentView,\n      views,\n    }\n  }, [\n    currentView,\n    inheritable,\n    hasExplicitCurrentView,\n    isControlledByParent,\n    setCurrentView,\n    views,\n  ])\n\n  return <RichTextViewContext value={value}>{children}</RichTextViewContext>\n}\n\n/**\n * Access the current richtext editor view context.\n *\n * Returns the active view name, node overrides, inheritance state, and a function to switch views.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { currentView, currentViewMap, isControlledByParent, setCurrentView } = useRichTextView()\n *\n *   return (\n *     <div>\n *       <p>Active view: {currentView}</p>\n *       {isControlledByParent && <p>View controlled by parent</p>}\n *       {currentViewMap?.heading && <p>Custom heading renderer active</p>}\n *       <button onClick={() => setCurrentView('frontend')}>Switch to frontend</button>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function useRichTextView(): RichTextViewContextType {\n  return use(RichTextViewContext)\n}\n"],"names":["useControllableState","React","createContext","use","useMemo","RichTextViewContext","currentView","inheritable","setCurrentView","RichTextViewProvider","args","parentContext","useRichTextView","hasOwnExplicitView","undefined","isControlledByParent","Boolean","views","hasExplicitCurrentView","children","currentViewFromProps","value","currentViewMap","default"],"mappings":"AAAA;;AACA,SAASA,oBAAoB,QAAQ,iBAAgB;AACrD,OAAOC,SAASC,aAAa,EAAEC,GAAG,EAAEC,OAAO,QAAQ,QAAO;AAI1D;;CAEC,GAEC;;GAEC,GAED;;GAEC,GAED;;;GAGC,GAED;;GAEC,GAED;;;;GAIC,GAED;;GAEC,GAED;;;GAGC,GAIH,MAAMC,oCAAsBH,cAAuC;IACjEI,aAAa;IACbC,aAAa;IACbC,gBAAgB,KAAO;AACzB;AAEA;;;;;;;;;;;;;;;;CAgBC,GACD,OAAO,MAAMC,uBAKR,CAACC;IACJ,MAAMC,gBAAgBC;IAEtB,kFAAkF;IAClF,MAAMC,qBAAqBH,KAAKJ,WAAW,KAAKQ;IAEhD,MAAMC,uBACJJ,cAAcJ,WAAW,IACxBS,CAAAA,QAAQL,cAAcM,KAAK,KAAKD,QAAQL,cAAcO,sBAAsB,CAAA;IAE/E,oFAAoF;IACpF,MAAMA,yBACJL,sBACCF,cAAcJ,WAAW,IAAIS,QAAQL,cAAcO,sBAAsB;IAE5E,MAAM,EACJC,QAAQ,EACRb,aAAac,oBAAoB,EACjCb,WAAW,EACXU,KAAK,EACN,GAAG;QACFE,UAAUT,KAAKS,QAAQ;QACvBb,aAAaS,uBAAuBJ,cAAcL,WAAW,GAAGI,KAAKJ,WAAW;QAChF,mDAAmD;QACnDC,aAAaI,cAAcJ,WAAW,IAAIG,KAAKH,WAAW;QAC1D,+CAA+C;QAC/CU,OAAOF,wBAAwBJ,cAAcM,KAAK,GAAGN,cAAcM,KAAK,GAAGP,KAAKO,KAAK;IACvF;IAEA,MAAM,CAACX,aAAaE,eAAe,GAAGR,qBAAqBoB,sBAAsB;IAEjF,MAAMC,QAAQjB,QAAQ;QACpB,MAAMkB,iBAAiBL,QAAQA,KAAK,CAACX,YAAY,IAAIW,MAAMM,OAAO,GAAGT;QACrE,OAAO;YACLR;YACAgB;YACAJ;YACAX;YACAQ;YACAP;YACAS;QACF;IACF,GAAG;QACDX;QACAC;QACAW;QACAH;QACAP;QACAS;KACD;IAED,qBAAO,QAACZ;QAAoBgB,OAAOA;kBAAQF;;;;;;AAC7C,EAAC;AAED;;;;;;;;;;;;;;;;;;;;CAoBC,GACD,OAAO,SAASP;IACd,OAAOT,IAAIE;AACb"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/richtext-lexical",
-  "version": "3.80.0-internal-debug.daef79f",
+  "version": "3.80.0-internal-debug.cd99b1f",
   "description": "The officially supported Lexical richtext adapter for Payload",
   "homepage": "https://payloadcms.com",
   "repository": {
@@ -379,8 +379,8 @@
     "react-error-boundary": "4.1.2",
     "ts-essentials": "10.0.3",
     "uuid": "10.0.0",
-    "@payloadcms/translations": "3.80.0-internal-debug.daef79f",
-    "@payloadcms/ui": "3.80.0-internal-debug.daef79f"
+    "@payloadcms/translations": "3.80.0-internal-debug.cd99b1f",
+    "@payloadcms/ui": "3.80.0-internal-debug.cd99b1f"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -400,15 +400,15 @@
     "esbuild-sass-plugin": "3.3.1",
     "swc-plugin-transform-remove-imports": "8.3.0",
     "@payloadcms/eslint-config": "3.28.0",
-    "payload": "3.80.0-internal-debug.daef79f"
+    "payload": "3.80.0-internal-debug.cd99b1f"
   },
   "peerDependencies": {
     "@faceless-ui/modal": "3.0.0",
     "@faceless-ui/scroll-info": "2.0.0",
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "@payloadcms/next": "3.80.0-internal-debug.daef79f",
-    "payload": "3.80.0-internal-debug.daef79f"
+    "@payloadcms/next": "3.80.0-internal-debug.cd99b1f",
+    "payload": "3.80.0-internal-debug.cd99b1f"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"