@payloadcms/richtext-lexical 4.0.0-internal.9496957 → 4.0.0-internal.94ef095

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

@@ -4,17 +4,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { getTranslation } from '@payloadcms/translations';
-import { Button, Drawer, EditDepthProvider, Form, formatDrawerSlug, RenderFields, ShimmerEffect, useConfig, useDocumentForm, useDocumentInfo, useEditDepth, useServerFunctions, useTranslation } from '@payloadcms/ui';
+import { Button, Drawer, EditDepthProvider, Form, formatDrawerSlug, RenderFields, ShimmerEffect, useConfig, useDocumentForm, useDocumentInfo, useEditDepth, useOperation, useServerFunctions, useTranslation } from '@payloadcms/ui';
 import { abortAndIgnore } from '@payloadcms/ui/shared';
 import { $getNodeByKey, SKIP_DOM_SELECTION_TAG } from 'lexical';
 import './index.css';
 import '../../../../utilities/fieldsDrawer/index.css';
-import { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared';
+import { deepCopyObjectSimpleWithoutReactComponents, getDataFromFormState } from 'payload/shared';
 import React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react';
 import { v4 as uuid } from 'uuid';
 import { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js';
 import { RegisterFormSubmit, useDrawerSubmit } from '../../../../utilities/fieldsDrawer/useDrawerSubmit.js';
 import { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js';
+import { getCachedFormStateIfDataMatches } from '../getCachedFormStateIfDataMatches.js';
 import { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js';
 const InlineBlockComponentContext = /*#__PURE__*/createContext({
   initialState: false
@@ -31,6 +32,7 @@ export const InlineBlockComponent = props => {
   } = props;
   const [editor] = useLexicalComposerContext();
   const isEditable = useLexicalEditable();
+  const operation = useOperation();
   const {
     i18n,
     t
@@ -53,19 +55,21 @@ export const InlineBlockComponent = props => {
   } = useServerFunctions();
   const editDepth = useEditDepth();
   const firstTimeDrawer = useRef(false);
+  const blockType = formData.blockType;
+  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${blockType}.fields`;
   const [initialState, setInitialState] = React.useState(() => {
     // Initial form state that was calculated server-side. May have stale values
-    const cachedFormState = initialLexicalFormState?.[formData.id]?.formState;
+    const cachedState = initialLexicalFormState?.[formData.id];
+    const cachedFormState = cachedState?.formState;
     if (!cachedFormState) {
       return false;
     }
-    // Merge current formData values into the cached form state
-    // This ensures that when the component remounts (e.g., due to view changes), we don't lose user edits
-    return Object.fromEntries(Object.entries(cachedFormState).map(([fieldName, fieldState]) => [fieldName, fieldName in formData ? {
-      ...fieldState,
-      initialValue: formData[fieldName],
-      value: formData[fieldName]
-    } : fieldState]));
+    return getCachedFormStateIfDataMatches({
+      cachedFormState,
+      cachedSchemaPath: cachedState.schemaPath,
+      currentSchemaPath: schemaFieldsPath,
+      formData
+    });
   });
   const hasMounted = useRef(false);
   const prevCacheBuster = useRef(cacheBuster);
@@ -104,7 +108,7 @@ export const InlineBlockComponent = props => {
         isEditor: true,
         isJSXConverter: false,
         nodeKey: nodeKey,
-        // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call
+        // eslint-disable-next-line react-hooks/hooks -- intentionally passed as a prop for custom block components to call
         useInlineBlockComponentContext: useInlineBlockComponentContext
       });
     }
@@ -118,7 +122,7 @@ export const InlineBlockComponent = props => {
         isEditor: true,
         isJSXConverter: false,
         nodeKey: nodeKey,
-        // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call
+        // eslint-disable-next-line react-hooks/hooks -- intentionally passed as a prop for custom block components to call
         useInlineBlockComponentContext: useInlineBlockComponentContext
       });
     }
@@ -141,7 +145,7 @@ export const InlineBlockComponent = props => {
   const {
     config
   } = useConfig();
-  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${formData.blockType}`;
+  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${blockType}`;
   const clientSchemaMap = featureClientSchemaMap['blocks'];
   const blocksField = clientSchemaMap?.[componentMapRenderedBlockPath]?.[0];
   const blockOrSlug = blocksField?.blocks?.[0];
@@ -164,8 +168,6 @@ export const InlineBlockComponent = props => {
     });
   }, [editor, nodeKey]);
   const blockDisplayName = clientBlock?.labels?.singular ? getTranslation(clientBlock?.labels.singular, i18n) : clientBlock?.slug;
-  const onChangeAbortControllerRef = useRef(new AbortController());
-  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${clientBlock?.slug}.fields`;
   // Initial state for newly created blocks
   useEffect(() => {
     const abortController = new AbortController();
@@ -185,20 +187,17 @@ export const InlineBlockComponent = props => {
           fields: true
         },
         docPreferences: await getDocPreferences(),
-        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {
-          excludeFiles: true
-        }),
+        documentFormState: parentDocumentFields,
         globalSlug,
         initialBlockData: formData,
-        initialBlockFormState: formData,
-        operation: 'update',
+        operation,
         readOnly: !isEditable,
         renderAllFields: true,
         schemaPath: schemaFieldsPath,
         signal: abortController.signal
       });
       if (state) {
-        const newFormStateData = reduceFieldsToValues(deepCopyObjectSimpleWithoutReactComponents(state, {
+        const newFormStateData = getDataFromFormState(deepCopyObjectSimpleWithoutReactComponents(state, {
           excludeFiles: true
         }), true);
         // Things like default values may come back from the server => update the node with the new data
@@ -224,57 +223,26 @@ export const InlineBlockComponent = props => {
         }
       }
     };
-    if (formData && !initialState) {
+    if (clientBlock && formData && !initialState) {
       void awaitInitialState();
     }
     return () => {
       abortAndIgnore(abortController);
     };
-  }, [getFormState, editor, nodeKey, isEditable, CustomLabelFromProps, CustomBlockFromProps, schemaFieldsPath, id, formData, initialState, collectionSlug, globalSlug, getDocPreferences, parentDocumentFields]);
-  /**
-  * HANDLE ONCHANGE
-  */
-  const onChange = useCallback(async ({
-    formState: prevFormState,
-    submit
+  }, [getFormState, editor, nodeKey, isEditable, CustomLabelFromProps, CustomBlockFromProps, schemaFieldsPath, id, formData, initialState, collectionSlug, globalSlug, getDocPreferences, operation, parentDocumentFields, clientBlock]);
+  const onChange = useCallback(({
+    formState,
+    submitted
   }) => {
-    abortAndIgnore(onChangeAbortControllerRef.current);
-    const controller = new AbortController();
-    onChangeAbortControllerRef.current = controller;
-    const {
-      state: state_0
-    } = await getFormState({
-      id,
-      collectionSlug,
-      docPermissions: {
-        fields: true
-      },
-      docPreferences: await getDocPreferences(),
-      documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {
-        excludeFiles: true
-      }),
-      formState: prevFormState,
-      globalSlug,
-      initialBlockFormState: prevFormState,
-      operation: 'update',
-      readOnly: !isEditable,
-      renderAllFields: submit ? true : false,
-      schemaPath: schemaFieldsPath,
-      signal: controller.signal
-    });
-    if (!state_0) {
-      return prevFormState;
-    }
-    if (submit) {
+    if (submitted) {
       if (!CustomLabelFromProps) {
-        setCustomLabel(state_0['_components']?.customComponents?.BlockLabel);
+        setCustomLabel(formState._components?.customComponents?.BlockLabel);
       }
       if (!CustomBlockFromProps) {
-        setCustomBlock(state_0['_components']?.customComponents?.Block);
+        setCustomBlock(formState._components?.customComponents?.Block);
       }
     }
-    return state_0;
-  }, [getFormState, id, collectionSlug, getDocPreferences, parentDocumentFields, globalSlug, isEditable, schemaFieldsPath, CustomBlockFromProps, CustomLabelFromProps]);
+  }, [CustomLabelFromProps, CustomBlockFromProps]);
   // cleanup effect
   useEffect(() => {
     const isStateOutOfSync = (formData_0, initialState_0) => {
@@ -287,14 +255,14 @@ export const InlineBlockComponent = props => {
       if (initialState && isStateOutOfSync(formData, initialState)) {
         setInitialState(false);
       }
-      abortAndIgnore(onChangeAbortControllerRef.current);
     };
   }, [formData, initialState]);
   /**
   * HANDLE FORM SUBMIT
   */
-  const onFormSubmit = useCallback((formState, newData_0) => {
-    newData_0.blockType = formData.blockType;
+  const onFormSubmit = useCallback(formState_0 => {
+    const newData_0 = getDataFromFormState(formState_0, true);
+    newData_0.blockType = blockType;
     editor.update(() => {
       const node_0 = $getNodeByKey(nodeKey);
       if (node_0 && $isInlineBlockNode(node_0)) {
@@ -306,7 +274,7 @@ export const InlineBlockComponent = props => {
     {
       tag: SKIP_DOM_SELECTION_TAG
     });
-  }, [editor, nodeKey, formData]);
+  }, [blockType, editor, nodeKey]);
   const {
     headerActions,
     submitRef
@@ -382,24 +350,17 @@ export const InlineBlockComponent = props => {
     });
   }
   return /*#__PURE__*/_jsxs(Form, {
-    beforeSubmit: [async ({
-      formState: formState_0
-    }) => {
-      // This is only called when form is submitted from drawer
-      return await onChange({
-        formState: formState_0,
-        submit: true
-      });
-    }],
     disableValidationOnSubmit: true,
     el: "div",
     fields: clientBlock?.fields,
     initialState: initialState || {},
     onChange: [onChange],
-    onSubmit: (formState_1, data) => {
-      onFormSubmit(formState_1, data);
+    onSubmit: formState_1 => {
+      onFormSubmit(formState_1);
       toggleDrawer();
     },
+    readOnly: !isEditable,
+    schemaPath: schemaFieldsPath,
     uuid: formUuid,
     children: [/*#__PURE__*/_jsx(EditDepthProvider, {
       children: /*#__PURE__*/_jsx(Drawer, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","RenderFields","ShimmerEffect","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","SKIP_DOM_SELECTION_TAG","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","createContext","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","RegisterFormSubmit","useDrawerSubmit","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","formUuid","setCustomLabel","undefined","customComponents","BlockLabel","setCustomBlock","Block","resolvedCustomBlock","_jsx","isEditor","isJSXConverter","resolvedCustomLabel","drawerSlug","slug","depth","toggleDrawer","inlineBlockElemElemRef","collectionSlug","getDocPreferences","globalSlug","config","componentMapRenderedBlockPath","blockType","clientSchemaMap","blocksField","blockOrSlug","blocks","clientBlock","blocksMap","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","tag","onChange","prevFormState","submit","controller","isStateOutOfSync","keys","some","key","onFormSubmit","headerActions","submitRef","RemoveButton","buttonStyle","disabled","icon","onClick","e","preventDefault","stopPropagation","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","filter","Boolean","join","onKeyDown","role","tabIndex","ref","Label","_jsxs","beforeSubmit","disableValidationOnSubmit","onSubmit","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","height","width"],"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  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, SKIP_DOM_SELECTION_TAG } from 'lexical'\n\nimport './index.css'\nimport '../../../../utilities/fieldsDrawer/index.css'\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/index.js'\nimport type { InlineBlockFields } from '../../server/schema.js'\nimport type { BlockComponentProps } from '../component/index.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport {\n  RegisterFormSubmit,\n  useDrawerSubmit,\n} from '../../../../utilities/fieldsDrawer/useDrawerSubmit.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 [formUuid] = React.useState(() => uuid())\n\n  // Server-rendered custom components (from admin.components, NOT viewMap).\n  // When viewMap components exist, we render them directly with formData instead.\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomLabelFromProps) {\n      return undefined\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 undefined\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 resolvedCustomBlock = useMemo(() => {\n    if (CustomBlockFromProps) {\n      return (\n        <CustomBlockFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n          useInlineBlockComponentContext={useInlineBlockComponentContext}\n        />\n      )\n    }\n    return CustomBlock\n  }, [CustomBlockFromProps, baseClass, formData, nodeKey, CustomBlock])\n\n  const resolvedCustomLabel = useMemo(() => {\n    if (CustomLabelFromProps) {\n      return (\n        <CustomLabelFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n          useInlineBlockComponentContext={useInlineBlockComponentContext}\n        />\n      )\n    }\n    return CustomLabel\n  }, [CustomLabelFromProps, baseClass, formData, nodeKey, CustomLabel])\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 | undefined = clientSchemaMap?.[\n    componentMapRenderedBlockPath\n  ]?.[0] as BlocksFieldClient | undefined\n\n  const blockOrSlug = blocksField?.blocks?.[0]\n  const clientBlock: ClientBlock | undefined =\n    typeof blockOrSlug === 'string' ? config.blocksMap[blockOrSlug] : blockOrSlug\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          () => {\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          // Without this, the outer editor's reconciler resets DOM selection\n          // back into its own root, kicking focus out of any nested richText.\n          { tag: SKIP_DOM_SELECTION_TAG },\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        () => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isInlineBlockNode(node)) {\n            node.setFields(newData as InlineBlockFields, true)\n          }\n        },\n        // Without this, the outer editor's reconciler resets DOM selection\n        // back into its own root, kicking focus out of any nested richText.\n        { tag: SKIP_DOM_SELECTION_TAG },\n      )\n    },\n    [editor, nodeKey, formData],\n  )\n\n  const { headerActions, submitRef } = useDrawerSubmit()\n\n  const RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"ghost\"\n        className={`${baseClass}__removeButton`}\n        disabled={!isEditable}\n        icon=\"x\"\n        onClick={(e) => {\n          e.preventDefault()\n          e.stopPropagation()\n          removeInlineBlock()\n        }}\n        round\n        size=\"medium\"\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=\"ghost\"\n        className={`${baseClass}__editButton`}\n        disabled={!isEditable}\n        el=\"button\"\n        icon=\"edit\"\n        onClick={() => {\n          toggleDrawer()\n        }}\n        round\n        size=\"medium\"\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          {...(isEditable\n            ? {\n                onClick: () => toggleDrawer(),\n                onKeyDown: (e: React.KeyboardEvent) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault()\n                    toggleDrawer()\n                  }\n                },\n                role: 'button',\n                tabIndex: 0,\n              }\n            : {})}\n          ref={inlineBlockElemElemRef}\n        >\n          {children}\n        </div>\n      ),\n    [baseClass, formData.blockType, isEditable, toggleDrawer],\n  )\n\n  const Label = useMemo(() => {\n    if (resolvedCustomLabel) {\n      return () => resolvedCustomLabel\n    } else {\n      return () => (\n        <div>{clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''}</div>\n      )\n    }\n  }, [resolvedCustomLabel, 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={formUuid}\n    >\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          headerActions={headerActions}\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            <div className=\"fields-drawer\">\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              <RegisterFormSubmit submitRef={submitRef} />\n            </div>\n          ) : null}\n        </Drawer>\n      </EditDepthProvider>\n      {resolvedCustomBlock ? (\n        <InlineBlockComponentContext\n          value={{\n            EditButton,\n            initialState,\n            InlineBlockContainer,\n            Label,\n            nodeKey,\n            RemoveButton,\n          }}\n        >\n          {resolvedCustomBlock}\n        </InlineBlockComponentContext>\n      ) : (\n        <InlineBlockContainer>\n          {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n          {isEditable ? (\n            <div className={`${baseClass}__actions`}>\n              <RemoveButton />\n            </div>\n          ) : null}\n        </InlineBlockContainer>\n      )}\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","RenderFields","ShimmerEffect","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useOperation","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","SKIP_DOM_SELECTION_TAG","deepCopyObjectSimpleWithoutReactComponents","getDataFromFormState","React","createContext","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","RegisterFormSubmit","useDrawerSubmit","useLexicalDrawer","getCachedFormStateIfDataMatches","$isInlineBlockNode","InlineBlockComponentContext","initialState","useInlineBlockComponentContext","use","InlineBlockComponent","props","cacheBuster","className","baseClass","CustomBlock","CustomBlockFromProps","CustomLabel","CustomLabelFromProps","formData","nodeKey","editor","isEditable","operation","i18n","t","createdInlineBlock","fieldProps","featureClientSchemaMap","initialLexicalFormState","schemaPath","setCreatedInlineBlock","uuidFromContext","fields","parentDocumentFields","getFormState","editDepth","firstTimeDrawer","blockType","schemaFieldsPath","setInitialState","useState","cachedState","id","cachedFormState","formState","cachedSchemaPath","currentSchemaPath","hasMounted","prevCacheBuster","current","formUuid","setCustomLabel","undefined","customComponents","BlockLabel","setCustomBlock","Block","resolvedCustomBlock","_jsx","isEditor","isJSXConverter","resolvedCustomLabel","drawerSlug","slug","depth","toggleDrawer","inlineBlockElemElemRef","collectionSlug","getDocPreferences","globalSlug","config","componentMapRenderedBlockPath","clientSchemaMap","blocksField","blockOrSlug","blocks","clientBlock","blocksMap","clientBlockFields","getKey","length","removeInlineBlock","update","remove","blockDisplayName","labels","singular","abortController","AbortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","initialBlockData","readOnly","renderAllFields","signal","newFormStateData","excludeFiles","node","newData","setFields","tag","onChange","submitted","_components","isStateOutOfSync","Object","keys","some","key","value","onFormSubmit","headerActions","submitRef","RemoveButton","buttonStyle","disabled","icon","onClick","e","preventDefault","stopPropagation","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","filter","Boolean","join","onKeyDown","role","tabIndex","ref","Label","_jsxs","disableValidationOnSubmit","onSubmit","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","height","width"],"sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\nimport type { BlocksFieldClient, ClientBlock, 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  RenderFields,\n  ShimmerEffect,\n  useConfig,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useOperation,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey, SKIP_DOM_SELECTION_TAG } from 'lexical'\n\nimport './index.css'\nimport '../../../../utilities/fieldsDrawer/index.css'\n\nimport { deepCopyObjectSimpleWithoutReactComponents, getDataFromFormState } from 'payload/shared'\nimport React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { ViewMapInlineBlockComponentProps } from '../../../../types/index.js'\nimport type { InlineBlockFields } from '../../server/schema.js'\nimport type { BlockComponentProps } from '../component/index.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport {\n  RegisterFormSubmit,\n  useDrawerSubmit,\n} from '../../../../utilities/fieldsDrawer/useDrawerSubmit.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { getCachedFormStateIfDataMatches } from '../getCachedFormStateIfDataMatches.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 operation = useOperation()\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  const blockType = formData.blockType\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_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 cachedState = initialLexicalFormState?.[formData.id]\n    const cachedFormState = cachedState?.formState\n    if (!cachedFormState) {\n      return false\n    }\n\n    return getCachedFormStateIfDataMatches({\n      cachedFormState,\n      cachedSchemaPath: cachedState.schemaPath,\n      currentSchemaPath: schemaFieldsPath,\n      formData,\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 [formUuid] = React.useState(() => uuid())\n\n  // Server-rendered custom components (from admin.components, NOT viewMap).\n  // When viewMap components exist, we render them directly with formData instead.\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(() => {\n    if (CustomLabelFromProps) {\n      return undefined\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 undefined\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 resolvedCustomBlock = useMemo(() => {\n    if (CustomBlockFromProps) {\n      return (\n        <CustomBlockFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          // eslint-disable-next-line react-hooks/hooks -- intentionally passed as a prop for custom block components to call\n          useInlineBlockComponentContext={useInlineBlockComponentContext}\n        />\n      )\n    }\n    return CustomBlock\n  }, [CustomBlockFromProps, baseClass, formData, nodeKey, CustomBlock])\n\n  const resolvedCustomLabel = useMemo(() => {\n    if (CustomLabelFromProps) {\n      return (\n        <CustomLabelFromProps\n          className={baseClass}\n          formData={formData}\n          isEditor={true}\n          isJSXConverter={false}\n          nodeKey={nodeKey}\n          // eslint-disable-next-line react-hooks/hooks -- intentionally passed as a prop for custom block components to call\n          useInlineBlockComponentContext={useInlineBlockComponentContext}\n        />\n      )\n    }\n    return CustomLabel\n  }, [CustomLabelFromProps, baseClass, formData, nodeKey, CustomLabel])\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.${blockType}`\n\n  const clientSchemaMap = featureClientSchemaMap['blocks']\n\n  const blocksField: BlocksFieldClient | undefined = clientSchemaMap?.[\n    componentMapRenderedBlockPath\n  ]?.[0] as BlocksFieldClient | undefined\n\n  const blockOrSlug = blocksField?.blocks?.[0]\n  const clientBlock: ClientBlock | undefined =\n    typeof blockOrSlug === 'string' ? config.blocksMap[blockOrSlug] : blockOrSlug\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  // 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: parentDocumentFields,\n        globalSlug,\n        initialBlockData: formData,\n        operation,\n        readOnly: !isEditable,\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        const newFormStateData = getDataFromFormState(\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          () => {\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          // Without this, the outer editor's reconciler resets DOM selection\n          // back into its own root, kicking focus out of any nested richText.\n          { tag: SKIP_DOM_SELECTION_TAG },\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 (clientBlock && 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    operation,\n    parentDocumentFields,\n    clientBlock,\n  ])\n\n  const onChange = useCallback<NonNullable<FormProps['onChange']>[number]>(\n    ({ formState, submitted }) => {\n      if (submitted) {\n        if (!CustomLabelFromProps) {\n          setCustomLabel(formState._components?.customComponents?.BlockLabel)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(formState._components?.customComponents?.Block)\n        }\n      }\n    },\n    [CustomLabelFromProps, CustomBlockFromProps],\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    }\n  }, [formData, initialState])\n\n  /**\n   * HANDLE FORM SUBMIT\n   */\n  const onFormSubmit = useCallback(\n    (formState: FormState) => {\n      const newData = getDataFromFormState(formState, true)\n      newData.blockType = blockType\n\n      editor.update(\n        () => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isInlineBlockNode(node)) {\n            node.setFields(newData as InlineBlockFields, true)\n          }\n        },\n        // Without this, the outer editor's reconciler resets DOM selection\n        // back into its own root, kicking focus out of any nested richText.\n        { tag: SKIP_DOM_SELECTION_TAG },\n      )\n    },\n    [blockType, editor, nodeKey],\n  )\n\n  const { headerActions, submitRef } = useDrawerSubmit()\n\n  const RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"ghost\"\n        className={`${baseClass}__removeButton`}\n        disabled={!isEditable}\n        icon=\"x\"\n        onClick={(e) => {\n          e.preventDefault()\n          e.stopPropagation()\n          removeInlineBlock()\n        }}\n        round\n        size=\"medium\"\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=\"ghost\"\n        className={`${baseClass}__editButton`}\n        disabled={!isEditable}\n        el=\"button\"\n        icon=\"edit\"\n        onClick={() => {\n          toggleDrawer()\n        }}\n        round\n        size=\"medium\"\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          {...(isEditable\n            ? {\n                onClick: () => toggleDrawer(),\n                onKeyDown: (e: React.KeyboardEvent) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault()\n                    toggleDrawer()\n                  }\n                },\n                role: 'button',\n                tabIndex: 0,\n              }\n            : {})}\n          ref={inlineBlockElemElemRef}\n        >\n          {children}\n        </div>\n      ),\n    [baseClass, formData.blockType, isEditable, toggleDrawer],\n  )\n\n  const Label = useMemo(() => {\n    if (resolvedCustomLabel) {\n      return () => resolvedCustomLabel\n    } else {\n      return () => (\n        <div>{clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''}</div>\n      )\n    }\n  }, [resolvedCustomLabel, 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      disableValidationOnSubmit\n      el=\"div\"\n      fields={clientBlock?.fields}\n      initialState={initialState || {}}\n      onChange={[onChange]}\n      onSubmit={(formState) => {\n        onFormSubmit(formState)\n        toggleDrawer()\n      }}\n      readOnly={!isEditable}\n      schemaPath={schemaFieldsPath}\n      uuid={formUuid}\n    >\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          headerActions={headerActions}\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            <div className=\"fields-drawer\">\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              <RegisterFormSubmit submitRef={submitRef} />\n            </div>\n          ) : null}\n        </Drawer>\n      </EditDepthProvider>\n      {resolvedCustomBlock ? (\n        <InlineBlockComponentContext\n          value={{\n            EditButton,\n            initialState,\n            InlineBlockContainer,\n            Label,\n            nodeKey,\n            RemoveButton,\n          }}\n        >\n          {resolvedCustomBlock}\n        </InlineBlockComponentContext>\n      ) : (\n        <InlineBlockContainer>\n          {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n          {isEditable ? (\n            <div className={`${baseClass}__actions`}>\n              <RemoveButton />\n            </div>\n          ) : null}\n        </InlineBlockContainer>\n      )}\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/blocks/client/getCachedFormStateIfDataMatches.d.ts

@@ -0,0 +1,8 @@
+import type { Data, FormState } from 'payload';
+export declare const getCachedFormStateIfDataMatches: ({ cachedFormState, cachedSchemaPath, currentSchemaPath, formData, }: {
+    cachedFormState: FormState;
+    cachedSchemaPath?: string;
+    currentSchemaPath?: string;
+    formData: Data;
+}) => false | FormState;
+//# sourceMappingURL=getCachedFormStateIfDataMatches.d.ts.map

package/dist/features/blocks/client/getCachedFormStateIfDataMatches.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCachedFormStateIfDataMatches.d.ts","sourceRoot":"","sources":["../../../../src/features/blocks/client/getCachedFormStateIfDataMatches.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAK9C,eAAO,MAAM,+BAA+B,wEAKzC;IACD,eAAe,EAAE,SAAS,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,EAAE,IAAI,CAAA;CACf,KAAG,KAAK,GAAG,SAkBX,CAAA"}

package/dist/features/blocks/client/getCachedFormStateIfDataMatches.js

@@ -0,0 +1,72 @@
+import { dequal } from 'dequal/lite';
+import { getDataFromFormState } from 'payload/shared';
+export const getCachedFormStateIfDataMatches = ({
+  cachedFormState,
+  cachedSchemaPath,
+  currentSchemaPath,
+  formData
+}) => {
+  if (cachedSchemaPath !== currentSchemaPath) {
+    return false;
+  }
+  const rowFieldPaths = getRowFieldPaths(cachedFormState);
+  const cachedData = normalizeData({
+    data: getDataFromFormState(cachedFormState, true),
+    rowFieldPaths
+  });
+  const currentData = normalizeData({
+    data: formData,
+    rowFieldPaths
+  });
+  return dequal(withoutSystemBlockFields(cachedData), withoutSystemBlockFields(currentData)) ? cachedFormState : false;
+};
+const getRowFieldPaths = formState => new Set(Object.entries(formState).filter(([, fieldState]) => Array.isArray(fieldState?.rows) && fieldState.value !== null && fieldState.value !== undefined).map(([path]) => path));
+const normalizeData = ({
+  data,
+  parentPath = '',
+  rowFieldPaths
+}) => {
+  const normalizedData = {};
+  for (const [key, value] of Object.entries(data)) {
+    const path = parentPath ? `${parentPath}.${key}` : key;
+    const normalizedValue = normalizeValue({
+      parentPath: path,
+      rowFieldPaths,
+      value
+    });
+    if (normalizedValue !== undefined) {
+      normalizedData[key] = normalizedValue;
+    }
+  }
+  return normalizedData;
+};
+const normalizeValue = ({
+  parentPath,
+  rowFieldPaths,
+  value
+}) => {
+  if (value === undefined || Array.isArray(value) && value.length === 0 && rowFieldPaths.has(parentPath)) {
+    return undefined;
+  }
+  if (Array.isArray(value)) {
+    return value.map((item, index) => item && typeof item === 'object' && !Array.isArray(item) ? normalizeData({
+      data: item,
+      parentPath: `${parentPath}.${index}`,
+      rowFieldPaths
+    }) : item);
+  }
+  if (value && typeof value === 'object' && Object.getPrototypeOf(value) === Object.prototype) {
+    return normalizeData({
+      data: value,
+      parentPath,
+      rowFieldPaths
+    });
+  }
+  return value;
+};
+const withoutSystemBlockFields = ({
+  blockName: _blockName,
+  blockType: _blockType,
+  ...data
+}) => data;
+//# sourceMappingURL=getCachedFormStateIfDataMatches.js.map

package/dist/features/blocks/client/getCachedFormStateIfDataMatches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCachedFormStateIfDataMatches.js","names":["dequal","getDataFromFormState","getCachedFormStateIfDataMatches","cachedFormState","cachedSchemaPath","currentSchemaPath","formData","rowFieldPaths","getRowFieldPaths","cachedData","normalizeData","data","currentData","withoutSystemBlockFields","formState","Set","Object","entries","filter","fieldState","Array","isArray","rows","value","undefined","map","path","parentPath","normalizedData","key","normalizedValue","normalizeValue","length","has","item","index","getPrototypeOf","prototype","blockName","_blockName","blockType","_blockType"],"sources":["../../../../src/features/blocks/client/getCachedFormStateIfDataMatches.ts"],"sourcesContent":["import type { Data, FormState } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport { getDataFromFormState } from 'payload/shared'\n\nexport const getCachedFormStateIfDataMatches = ({\n  cachedFormState,\n  cachedSchemaPath,\n  currentSchemaPath,\n  formData,\n}: {\n  cachedFormState: FormState\n  cachedSchemaPath?: string\n  currentSchemaPath?: string\n  formData: Data\n}): false | FormState => {\n  if (cachedSchemaPath !== currentSchemaPath) {\n    return false\n  }\n\n  const rowFieldPaths = getRowFieldPaths(cachedFormState)\n  const cachedData = normalizeData({\n    data: getDataFromFormState(cachedFormState, true),\n    rowFieldPaths,\n  })\n  const currentData = normalizeData({\n    data: formData,\n    rowFieldPaths,\n  })\n\n  return dequal(withoutSystemBlockFields(cachedData), withoutSystemBlockFields(currentData))\n    ? cachedFormState\n    : false\n}\n\nconst getRowFieldPaths = (formState: FormState): Set<string> =>\n  new Set(\n    Object.entries(formState)\n      .filter(\n        ([, fieldState]) =>\n          Array.isArray(fieldState?.rows) &&\n          fieldState.value !== null &&\n          fieldState.value !== undefined,\n      )\n      .map(([path]) => path),\n  )\n\nconst normalizeData = ({\n  data,\n  parentPath = '',\n  rowFieldPaths,\n}: {\n  data: Data\n  parentPath?: string\n  rowFieldPaths: Set<string>\n}): Data => {\n  const normalizedData: Data = {}\n\n  for (const [key, value] of Object.entries(data)) {\n    const path = parentPath ? `${parentPath}.${key}` : key\n    const normalizedValue = normalizeValue({ parentPath: path, rowFieldPaths, value })\n\n    if (normalizedValue !== undefined) {\n      normalizedData[key] = normalizedValue\n    }\n  }\n\n  return normalizedData\n}\n\nconst normalizeValue = ({\n  parentPath,\n  rowFieldPaths,\n  value,\n}: {\n  parentPath: string\n  rowFieldPaths: Set<string>\n  value: unknown\n}): unknown => {\n  if (\n    value === undefined ||\n    (Array.isArray(value) && value.length === 0 && rowFieldPaths.has(parentPath))\n  ) {\n    return undefined\n  }\n\n  if (Array.isArray(value)) {\n    return value.map((item, index) =>\n      item && typeof item === 'object' && !Array.isArray(item)\n        ? normalizeData({\n            data: item as Data,\n            parentPath: `${parentPath}.${index}`,\n            rowFieldPaths,\n          })\n        : item,\n    )\n  }\n\n  if (value && typeof value === 'object' && Object.getPrototypeOf(value) === Object.prototype) {\n    return normalizeData({ data: value, parentPath, rowFieldPaths })\n  }\n\n  return value\n}\n\nconst withoutSystemBlockFields = ({\n  blockName: _blockName,\n  blockType: _blockType,\n  ...data\n}: Data): Data => data\n"],"mappings":"AAEA,SAASA,MAAM,QAAQ;AACvB,SAASC,oBAAoB,QAAQ;AAErC,OAAO,MAAMC,+BAAA,GAAkCA,CAAC;EAC9CC,eAAe;EACfC,gBAAgB;EAChBC,iBAAiB;EACjBC;AAAQ,CAMT;EACC,IAAIF,gBAAA,KAAqBC,iBAAA,EAAmB;IAC1C,OAAO;EACT;EAEA,MAAME,aAAA,GAAgBC,gBAAA,CAAiBL,eAAA;EACvC,MAAMM,UAAA,GAAaC,aAAA,CAAc;IAC/BC,IAAA,EAAMV,oBAAA,CAAqBE,eAAA,EAAiB;IAC5CI;EACF;EACA,MAAMK,WAAA,GAAcF,aAAA,CAAc;IAChCC,IAAA,EAAML,QAAA;IACNC;EACF;EAEA,OAAOP,MAAA,CAAOa,wBAAA,CAAyBJ,UAAA,GAAaI,wBAAA,CAAyBD,WAAA,KACzET,eAAA,GACA;AACN;AAEA,MAAMK,gBAAA,GAAoBM,SAAA,IACxB,IAAIC,GAAA,CACFC,MAAA,CAAOC,OAAO,CAACH,SAAA,EACZI,MAAM,CACL,CAAC,GAAGC,UAAA,CAAW,KACbC,KAAA,CAAMC,OAAO,CAACF,UAAA,EAAYG,IAAA,KAC1BH,UAAA,CAAWI,KAAK,KAAK,QACrBJ,UAAA,CAAWI,KAAK,KAAKC,SAAA,EAExBC,GAAG,CAAC,CAAC,CAACC,IAAA,CAAK,KAAKA,IAAA;AAGvB,MAAMhB,aAAA,GAAgBA,CAAC;EACrBC,IAAI;EACJgB,UAAA,GAAa,EAAE;EACfpB;AAAa,CAKd;EACC,MAAMqB,cAAA,GAAuB,CAAC;EAE9B,KAAK,MAAM,CAACC,GAAA,EAAKN,KAAA,CAAM,IAAIP,MAAA,CAAOC,OAAO,CAACN,IAAA,GAAO;IAC/C,MAAMe,IAAA,GAAOC,UAAA,GAAa,GAAGA,UAAA,IAAcE,GAAA,EAAK,GAAGA,GAAA;IACnD,MAAMC,eAAA,GAAkBC,cAAA,CAAe;MAAEJ,UAAA,EAAYD,IAAA;MAAMnB,aAAA;MAAegB;IAAM;IAEhF,IAAIO,eAAA,KAAoBN,SAAA,EAAW;MACjCI,cAAc,CAACC,GAAA,CAAI,GAAGC,eAAA;IACxB;EACF;EAEA,OAAOF,cAAA;AACT;AAEA,MAAMG,cAAA,GAAiBA,CAAC;EACtBJ,UAAU;EACVpB,aAAa;EACbgB;AAAK,CAKN;EACC,IACEA,KAAA,KAAUC,SAAA,IACTJ,KAAA,CAAMC,OAAO,CAACE,KAAA,KAAUA,KAAA,CAAMS,MAAM,KAAK,KAAKzB,aAAA,CAAc0B,GAAG,CAACN,UAAA,GACjE;IACA,OAAOH,SAAA;EACT;EAEA,IAAIJ,KAAA,CAAMC,OAAO,CAACE,KAAA,GAAQ;IACxB,OAAOA,KAAA,CAAME,GAAG,CAAC,CAACS,IAAA,EAAMC,KAAA,KACtBD,IAAA,IAAQ,OAAOA,IAAA,KAAS,YAAY,CAACd,KAAA,CAAMC,OAAO,CAACa,IAAA,IAC/CxB,aAAA,CAAc;MACZC,IAAA,EAAMuB,IAAA;MACNP,UAAA,EAAY,GAAGA,UAAA,IAAcQ,KAAA,EAAO;MACpC5B;IACF,KACA2B,IAAA;EAER;EAEA,IAAIX,KAAA,IAAS,OAAOA,KAAA,KAAU,YAAYP,MAAA,CAAOoB,cAAc,CAACb,KAAA,MAAWP,MAAA,CAAOqB,SAAS,EAAE;IAC3F,OAAO3B,aAAA,CAAc;MAAEC,IAAA,EAAMY,KAAA;MAAOI,UAAA;MAAYpB;IAAc;EAChE;EAEA,OAAOgB,KAAA;AACT;AAEA,MAAMV,wBAAA,GAA2BA,CAAC;EAChCyB,SAAA,EAAWC,UAAU;EACrBC,SAAA,EAAWC,UAAU;EACrB,GAAG9B;AAAA,CACE,KAAWA,IAAA","ignoreList":[]}

package/dist/features/blocks/client/nodes/BlocksNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlocksNode.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/nodes/BlocksNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,WAAW,EACjB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAExF,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAGlE,MAAM,MAAM,qBAAqB,GAAG,CAClC,MAAM,EAAE,aAAa,EACrB,MAAM,EAAE,YAAY,EACpB,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,EAClD,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,KAC/C,GAAG,CAAC,OAAO,CAAA;AAEhB,qBAAa,SAAU,SAAQ,eAAe;IAC5C,OAAgB,KAAK,CAAC,IAAI,EAAE,eAAe,GAAG,eAAe,CAE5D;IAED,OAAgB,OAAO,IAAI,MAAM,CAEhC;IAED,OAAgB,UAAU,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS,CAczE;IAEQ,QAAQ,CACf,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC,GAChF,UAAU,CAAC,qBAAqB,CAAC,CAWnC;IAEQ,UAAU,IAAI,mBAAmB,CAEzC;CACF;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,qBAAqB,GAAG,SAAS,CASzE;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,SAAS,CAEhG"}
+{"version":3,"file":"BlocksNode.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/nodes/BlocksNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,WAAW,EACjB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAExF,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAGlE,MAAM,MAAM,qBAAqB,GAAG,CAClC,MAAM,EAAE,aAAa,EACrB,MAAM,EAAE,YAAY,EACpB,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,EAClD,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,KAC/C,GAAG,CAAC,OAAO,CAAA;AAEhB,qBAAa,SAAU,SAAQ,eAAe;IAC5C,OAAgB,KAAK,CAAC,IAAI,EAAE,eAAe,GAAG,eAAe,CAE5D;IAED,OAAgB,OAAO,IAAI,MAAM,CAEhC;IAED,OAAgB,UAAU,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS,CAIzE;IAEQ,QAAQ,CACf,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC,GAChF,UAAU,CAAC,qBAAqB,CAAC,CAWnC;IAEQ,UAAU,IAAI,mBAAmB,CAEzC;CACF;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,qBAAqB,GAAG,SAAS,CASzE;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,SAAS,CAEhG"}

package/dist/features/blocks/client/nodes/BlocksNode.js

@@ -14,16 +14,6 @@ export class BlockNode extends ServerBlockNode {
     return super.getType();
   }
   static importJSON(serializedNode) {
-    if (serializedNode.version === 1) {
-      // Convert (version 1 had the fields wrapped in another, unnecessary data property)
-      serializedNode = {
-        ...serializedNode,
-        fields: {
-          ...serializedNode.fields.data
-        },
-        version: 2
-      };
-    }
     const node = $createBlockNode(serializedNode.fields);
     node.setFormat(serializedNode.format);
     return node;

package/dist/features/blocks/client/nodes/BlocksNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlocksNode.js","names":["ObjectID","$applyNodeReplacement","React","ServerBlockNode","BlockComponent","BlockNode","clone","node","getType","importJSON","serializedNode","version","fields","data","$createBlockNode","setFormat","format","decorate","_editor","config","CustomBlock","CustomLabel","_jsx","cacheBuster","getCacheBuster","className","theme","block","formData","getFields","nodeKey","getKey","exportJSON","id","default","toHexString","$isBlockNode"],"sources":["../../../../../src/features/blocks/client/nodes/BlocksNode.tsx"],"sourcesContent":["'use client'\nimport ObjectID from 'bson-objectid'\nimport {\n  $applyNodeReplacement,\n  type EditorConfig,\n  type LexicalEditor,\n  type LexicalNode,\n} from 'lexical'\nimport React, { type JSX } from 'react'\n\nimport type { ViewMapBlockComponentProps } from '../../../../types/index.js'\nimport type { BlockFieldsOptionalID, SerializedBlockNode } from '../../server/schema.js'\n\nimport { ServerBlockNode } from '../../server/nodes/BlocksNode.js'\nimport { BlockComponent } from '../component/index.js'\n\nexport type BlockDecorateFunction = (\n  editor: LexicalEditor,\n  config: EditorConfig,\n  CustomBlock?: React.FC<ViewMapBlockComponentProps>,\n  CustomLabel?: React.FC<ViewMapBlockComponentProps>,\n) => JSX.Element\n\nexport class BlockNode extends ServerBlockNode {\n  static override clone(node: ServerBlockNode): ServerBlockNode {\n    return super.clone(node)\n  }\n\n  static override getType(): string {\n    return super.getType()\n  }\n\n  static override importJSON(serializedNode: SerializedBlockNode): BlockNode {\n    if (serializedNode.version === 1) {\n      // Convert (version 1 had the fields wrapped in another, unnecessary data property)\n      serializedNode = {\n        ...serializedNode,\n        fields: {\n          ...(serializedNode as any).fields.data,\n        },\n        version: 2,\n      }\n    }\n    const node = $createBlockNode(serializedNode.fields)\n    node.setFormat(serializedNode.format)\n    return node\n  }\n\n  override decorate(\n    ...[_editor, config, CustomBlock, CustomLabel]: Parameters<BlockDecorateFunction>\n  ): ReturnType<BlockDecorateFunction> {\n    return (\n      <BlockComponent\n        cacheBuster={this.getCacheBuster()}\n        className={config.theme.block ?? 'LexicalEditorTheme__block'}\n        CustomBlock={CustomBlock}\n        CustomLabel={CustomLabel}\n        formData={this.getFields()}\n        nodeKey={this.getKey()}\n      />\n    )\n  }\n\n  override exportJSON(): SerializedBlockNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createBlockNode(fields: BlockFieldsOptionalID): BlockNode {\n  return $applyNodeReplacement(\n    new BlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isBlockNode(node: BlockNode | LexicalNode | null | undefined): node is BlockNode {\n  return node instanceof BlockNode\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,QAAA,MAAc;AACrB,SACEC,qBAAqB,QAIhB;AACP,OAAOC,KAAA,MAAyB;AAKhC,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAS/B,OAAO,MAAMC,SAAA,SAAkBF,eAAA;EAC7B,OAAgBG,MAAMC,IAAqB,EAAmB;IAC5D,OAAO,KAAK,CAACD,KAAA,CAAMC,IAAA;EACrB;EAEA,OAAgBC,QAAA,EAAkB;IAChC,OAAO,KAAK,CAACA,OAAA;EACf;EAEA,OAAgBC,WAAWC,cAAmC,EAAa;IACzE,IAAIA,cAAA,CAAeC,OAAO,KAAK,GAAG;MAChC;MACAD,cAAA,GAAiB;QACf,GAAGA,cAAc;QACjBE,MAAA,EAAQ;UACN,GAAGF,cAAC,CAAuBE,MAAM,CAACC;QACpC;QACAF,OAAA,EAAS;MACX;IACF;IACA,MAAMJ,IAAA,GAAOO,gBAAA,CAAiBJ,cAAA,CAAeE,MAAM;IACnDL,IAAA,CAAKQ,SAAS,CAACL,cAAA,CAAeM,MAAM;IACpC,OAAOT,IAAA;EACT;EAESU,SACP,GAAG,CAACC,OAAA,EAASC,MAAA,EAAQC,WAAA,EAAaC,WAAA,CAAY,EACX;IACnC,oBACEC,IAAA,CAAClB,cAAA;MACCmB,WAAA,EAAa,IAAI,CAACC,cAAc;MAChCC,SAAA,EAAWN,MAAA,CAAOO,KAAK,CAACC,KAAK,IAAI;MACjCP,WAAA,EAAaA,WAAA;MACbC,WAAA,EAAaA,WAAA;MACbO,QAAA,EAAU,IAAI,CAACC,SAAS;MACxBC,OAAA,EAAS,IAAI,CAACC,MAAM;;EAG1B;EAESC,WAAA,EAAkC;IACzC,OAAO,KAAK,CAACA,UAAA;EACf;AACF;AAEA,OAAO,SAASlB,iBAAiBF,MAA6B;EAC5D,OAAOX,qBAAA,CACL,IAAII,SAAA,CAAU;IACZO,MAAA,EAAQ;MACN,GAAGA,MAAM;MACTqB,EAAA,EAAIrB,MAAA,EAAQqB,EAAA,IAAM,IAAIjC,QAAA,CAASkC,OAAO,GAAGC,WAAW;IACtD;EACF;AAEJ;AAEA,OAAO,SAASC,aAAa7B,IAAgD;EAC3E,OAAOA,IAAA,YAAgBF,SAAA;AACzB","ignoreList":[]}
+{"version":3,"file":"BlocksNode.js","names":["ObjectID","$applyNodeReplacement","React","ServerBlockNode","BlockComponent","BlockNode","clone","node","getType","importJSON","serializedNode","$createBlockNode","fields","setFormat","format","decorate","_editor","config","CustomBlock","CustomLabel","_jsx","cacheBuster","getCacheBuster","className","theme","block","formData","getFields","nodeKey","getKey","exportJSON","id","default","toHexString","$isBlockNode"],"sources":["../../../../../src/features/blocks/client/nodes/BlocksNode.tsx"],"sourcesContent":["'use client'\nimport ObjectID from 'bson-objectid'\nimport {\n  $applyNodeReplacement,\n  type EditorConfig,\n  type LexicalEditor,\n  type LexicalNode,\n} from 'lexical'\nimport React, { type JSX } from 'react'\n\nimport type { ViewMapBlockComponentProps } from '../../../../types/index.js'\nimport type { BlockFieldsOptionalID, SerializedBlockNode } from '../../server/schema.js'\n\nimport { ServerBlockNode } from '../../server/nodes/BlocksNode.js'\nimport { BlockComponent } from '../component/index.js'\n\nexport type BlockDecorateFunction = (\n  editor: LexicalEditor,\n  config: EditorConfig,\n  CustomBlock?: React.FC<ViewMapBlockComponentProps>,\n  CustomLabel?: React.FC<ViewMapBlockComponentProps>,\n) => JSX.Element\n\nexport class BlockNode extends ServerBlockNode {\n  static override clone(node: ServerBlockNode): ServerBlockNode {\n    return super.clone(node)\n  }\n\n  static override getType(): string {\n    return super.getType()\n  }\n\n  static override importJSON(serializedNode: SerializedBlockNode): BlockNode {\n    const node = $createBlockNode(serializedNode.fields)\n    node.setFormat(serializedNode.format)\n    return node\n  }\n\n  override decorate(\n    ...[_editor, config, CustomBlock, CustomLabel]: Parameters<BlockDecorateFunction>\n  ): ReturnType<BlockDecorateFunction> {\n    return (\n      <BlockComponent\n        cacheBuster={this.getCacheBuster()}\n        className={config.theme.block ?? 'LexicalEditorTheme__block'}\n        CustomBlock={CustomBlock}\n        CustomLabel={CustomLabel}\n        formData={this.getFields()}\n        nodeKey={this.getKey()}\n      />\n    )\n  }\n\n  override exportJSON(): SerializedBlockNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createBlockNode(fields: BlockFieldsOptionalID): BlockNode {\n  return $applyNodeReplacement(\n    new BlockNode({\n      fields: {\n        ...fields,\n        id: fields?.id || new ObjectID.default().toHexString(),\n      },\n    }),\n  )\n}\n\nexport function $isBlockNode(node: BlockNode | LexicalNode | null | undefined): node is BlockNode {\n  return node instanceof BlockNode\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,QAAA,MAAc;AACrB,SACEC,qBAAqB,QAIhB;AACP,OAAOC,KAAA,MAAyB;AAKhC,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAS/B,OAAO,MAAMC,SAAA,SAAkBF,eAAA;EAC7B,OAAgBG,MAAMC,IAAqB,EAAmB;IAC5D,OAAO,KAAK,CAACD,KAAA,CAAMC,IAAA;EACrB;EAEA,OAAgBC,QAAA,EAAkB;IAChC,OAAO,KAAK,CAACA,OAAA;EACf;EAEA,OAAgBC,WAAWC,cAAmC,EAAa;IACzE,MAAMH,IAAA,GAAOI,gBAAA,CAAiBD,cAAA,CAAeE,MAAM;IACnDL,IAAA,CAAKM,SAAS,CAACH,cAAA,CAAeI,MAAM;IACpC,OAAOP,IAAA;EACT;EAESQ,SACP,GAAG,CAACC,OAAA,EAASC,MAAA,EAAQC,WAAA,EAAaC,WAAA,CAAY,EACX;IACnC,oBACEC,IAAA,CAAChB,cAAA;MACCiB,WAAA,EAAa,IAAI,CAACC,cAAc;MAChCC,SAAA,EAAWN,MAAA,CAAOO,KAAK,CAACC,KAAK,IAAI;MACjCP,WAAA,EAAaA,WAAA;MACbC,WAAA,EAAaA,WAAA;MACbO,QAAA,EAAU,IAAI,CAACC,SAAS;MACxBC,OAAA,EAAS,IAAI,CAACC,MAAM;;EAG1B;EAESC,WAAA,EAAkC;IACzC,OAAO,KAAK,CAACA,UAAA;EACf;AACF;AAEA,OAAO,SAASnB,iBAAiBC,MAA6B;EAC5D,OAAOX,qBAAA,CACL,IAAII,SAAA,CAAU;IACZO,MAAA,EAAQ;MACN,GAAGA,MAAM;MACTmB,EAAA,EAAInB,MAAA,EAAQmB,EAAA,IAAM,IAAI/B,QAAA,CAASgC,OAAO,GAAGC,WAAW;IACtD;EACF;AAEJ;AAEA,OAAO,SAASC,aAAa3B,IAAgD;EAC3E,OAAOA,IAAA,YAAgBF,SAAA;AACzB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$insertNodeToNearestRoot","$wrapNodeInElement","mergeRegister","formatDrawerSlug","useEditDepth","$createParagraphNode","$getNodeByKey","$getPreviousSelection","$getSelection","$insertNodes","$isParagraphNode","$isRangeSelection","$isRootOrShadowRoot","COMMAND_PRIORITY_EDITOR","useEffect","useState","useEditorConfigContext","useLexicalDrawer","$createBlockNode","BlockNode","$createInlineBlockNode","$isInlineBlockNode","INSERT_BLOCK_COMMAND","INSERT_INLINE_BLOCK_COMMAND","BlocksPlugin","$","editor","targetNodeKey","setTargetNodeKey","setCreatedInlineBlock","uuid","editDepth","t0","t1","slug","depth","drawerSlug","toggleDrawer","t2","hasNodes","Error","registerCommand","payload","update","selection","blockNode","focus","focusNode","getNode","__first","remove","fields","node","setFields","inlineBlockNode","getParentOrThrow","selectEnd","t3"],"sources":["../../../../../src/features/blocks/client/plugin/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $insertNodeToNearestRoot, $wrapNodeInElement, mergeRegister } from '@lexical/utils'\nimport { formatDrawerSlug, useEditDepth } from '@payloadcms/ui'\nimport {\n  $createParagraphNode,\n  $getNodeByKey,\n  $getPreviousSelection,\n  $getSelection,\n  $insertNodes,\n  $isParagraphNode,\n  $isRangeSelection,\n  $isRootOrShadowRoot,\n  COMMAND_PRIORITY_EDITOR,\n} from 'lexical'\nimport { useEffect, useState } from 'react'\n\nimport type { PluginComponent } from '../../../typesClient.js'\nimport type { BlockFields, BlockFieldsOptionalID } from '../../server/schema.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $createBlockNode, BlockNode } from '../nodes/BlocksNode.js'\nimport { $createInlineBlockNode, $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\nimport { INSERT_BLOCK_COMMAND, INSERT_INLINE_BLOCK_COMMAND } from './commands.js'\n\nexport type InsertBlockPayload = BlockFieldsOptionalID\n\nexport const BlocksPlugin: PluginComponent = () => {\n  const [editor] = useLexicalComposerContext()\n\n  const [targetNodeKey, setTargetNodeKey] = useState<null | string>(null)\n\n  const { setCreatedInlineBlock, uuid } = useEditorConfigContext()\n  const editDepth = useEditDepth()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-inlineBlocks-create-` + uuid,\n    depth: editDepth,\n  })\n\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  useEffect(() => {\n    if (!editor.hasNodes([BlockNode])) {\n      throw new Error('BlocksPlugin: BlocksNode not registered on editor')\n    }\n\n    return mergeRegister(\n      editor.registerCommand<InsertBlockPayload>(\n        INSERT_BLOCK_COMMAND,\n        (payload: InsertBlockPayload) => {\n          editor.update(() => {\n            const selection = $getSelection() || $getPreviousSelection()\n\n            if ($isRangeSelection(selection)) {\n              const blockNode = $createBlockNode(payload)\n\n              // we need to get the focus node before inserting the block node, as $insertNodeToNearestRoot can change the focus node\n              const { focus } = selection\n              const focusNode = focus.getNode()\n              // Insert blocks node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist\n              $insertNodeToNearestRoot(blockNode)\n\n              // Delete the node it it's an empty paragraph\n              if ($isParagraphNode(focusNode) && !focusNode.__first) {\n                focusNode.remove()\n              }\n            }\n          })\n\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n      editor.registerCommand(\n        INSERT_INLINE_BLOCK_COMMAND,\n        (fields) => {\n          if (targetNodeKey) {\n            const node = $getNodeByKey(targetNodeKey)\n\n            if (!node || !$isInlineBlockNode(node)) {\n              return false\n            }\n\n            node.setFields(fields as BlockFields)\n\n            setTargetNodeKey(null)\n            return true\n          }\n\n          const inlineBlockNode = $createInlineBlockNode(fields as BlockFields)\n          setCreatedInlineBlock?.(inlineBlockNode)\n          $insertNodes([inlineBlockNode])\n          if ($isRootOrShadowRoot(inlineBlockNode.getParentOrThrow())) {\n            $wrapNodeInElement(inlineBlockNode, $createParagraphNode).selectEnd()\n          }\n\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n    )\n  }, [editor, setCreatedInlineBlock, targetNodeKey, toggleDrawer])\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$insertNodeToNearestRoot","$wrapNodeInElement","mergeRegister","formatDrawerSlug","useEditDepth","$createParagraphNode","$getNodeByKey","$getPreviousSelection","$getSelection","$insertNodes","$isParagraphNode","$isRangeSelection","$isRootOrShadowRoot","COMMAND_PRIORITY_EDITOR","useEffect","useState","useEditorConfigContext","useLexicalDrawer","$createBlockNode","BlockNode","$createInlineBlockNode","$isInlineBlockNode","INSERT_BLOCK_COMMAND","INSERT_INLINE_BLOCK_COMMAND","BlocksPlugin","$","editor","targetNodeKey","setTargetNodeKey","setCreatedInlineBlock","uuid","editDepth","t0","t1","slug","depth","drawerSlug","toggleDrawer","t2","hasNodes","Error","registerCommand","payload","update","selection","blockNode","focus","focusNode","getNode","__first","remove","fields","node","setFields","inlineBlockNode","getParentOrThrow","selectEnd","t3"],"sources":["../../../../../src/features/blocks/client/plugin/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $insertNodeToNearestRoot, $wrapNodeInElement, mergeRegister } from '@lexical/utils'\nimport { formatDrawerSlug, useEditDepth } from '@payloadcms/ui'\nimport {\n  $createParagraphNode,\n  $getNodeByKey,\n  $getPreviousSelection,\n  $getSelection,\n  $insertNodes,\n  $isParagraphNode,\n  $isRangeSelection,\n  $isRootOrShadowRoot,\n  COMMAND_PRIORITY_EDITOR,\n} from 'lexical'\nimport { useEffect, useState } from 'react'\n\nimport type { PluginComponent } from '../../../typesClient.js'\nimport type { BlockFields, BlockFieldsOptionalID } from '../../server/schema.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $createBlockNode, BlockNode } from '../nodes/BlocksNode.js'\nimport { $createInlineBlockNode, $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\nimport { INSERT_BLOCK_COMMAND, INSERT_INLINE_BLOCK_COMMAND } from './commands.js'\n\nexport type InsertBlockPayload = BlockFieldsOptionalID\n\nexport const BlocksPlugin: PluginComponent = () => {\n  const [editor] = useLexicalComposerContext()\n\n  const [targetNodeKey, setTargetNodeKey] = useState<null | string>(null)\n\n  const { setCreatedInlineBlock, uuid } = useEditorConfigContext()\n  const editDepth = useEditDepth()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-inlineBlocks-create-` + uuid,\n    depth: editDepth,\n  })\n\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  useEffect(() => {\n    if (!editor.hasNodes([BlockNode])) {\n      throw new Error('BlocksPlugin: BlocksNode not registered on editor')\n    }\n\n    return mergeRegister(\n      editor.registerCommand<InsertBlockPayload>(\n        INSERT_BLOCK_COMMAND,\n        (payload: InsertBlockPayload) => {\n          editor.update(() => {\n            const selection = $getSelection() || $getPreviousSelection()\n\n            if ($isRangeSelection(selection)) {\n              const blockNode = $createBlockNode(payload)\n\n              // we need to get the focus node before inserting the block node, as $insertNodeToNearestRoot can change the focus node\n              const { focus } = selection\n              const focusNode = focus.getNode()\n              // Insert blocks node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist\n              $insertNodeToNearestRoot(blockNode)\n\n              // Delete the node it it's an empty paragraph\n              if ($isParagraphNode(focusNode) && !focusNode.__first) {\n                focusNode.remove()\n              }\n            }\n          })\n\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n      editor.registerCommand(\n        INSERT_INLINE_BLOCK_COMMAND,\n        (fields) => {\n          if (targetNodeKey) {\n            const node = $getNodeByKey(targetNodeKey)\n\n            if (!node || !$isInlineBlockNode(node)) {\n              return false\n            }\n\n            node.setFields(fields as BlockFields)\n\n            setTargetNodeKey(null)\n            return true\n          }\n\n          const inlineBlockNode = $createInlineBlockNode(fields as BlockFields)\n          setCreatedInlineBlock?.(inlineBlockNode)\n          $insertNodes([inlineBlockNode])\n          if ($isRootOrShadowRoot(inlineBlockNode.getParentOrThrow())) {\n            $wrapNodeInElement(inlineBlockNode, $createParagraphNode).selectEnd()\n          }\n\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n    )\n  }, [editor, setCreatedInlineBlock, targetNodeKey, toggleDrawer])\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}