@payloadcms/richtext-lexical 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { getTranslation } from '@payloadcms/translations';
@@ -263,61 +264,152 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
         setDocFieldPreferences,
         formData.id
     ]);
-    const EditButton = useMemo(()=>()=><Button buttonStyle="icon-label" className={`${baseClass}__editButton`} disabled={!isEditable} el="button" icon="edit" onClick={(e)=>{
-                e.preventDefault();
-                e.stopPropagation();
-                toggleDrawer();
-                return false;
-            }} onMouseDown={(e)=>{
-                // Needed to preserve lexical selection for toggleDrawer lexical selection restore.
-                // I believe this is needed due to this button (usually) being inside of a collapsible.
-                e.preventDefault();
-            }} round size="small" tooltip={t('lexical:blocks:inlineBlocks:edit', {
-                label: blockDisplayName
-            })}/>, [
+    const EditButton = useMemo(()=>()=>/*#__PURE__*/ _jsxDEV(Button, {
+                buttonStyle: "icon-label",
+                className: `${baseClass}__editButton`,
+                disabled: !isEditable,
+                el: "button",
+                icon: "edit",
+                onClick: (e)=>{
+                    e.preventDefault();
+                    e.stopPropagation();
+                    toggleDrawer();
+                    return false;
+                },
+                onMouseDown: (e)=>{
+                    // Needed to preserve lexical selection for toggleDrawer lexical selection restore.
+                    // I believe this is needed due to this button (usually) being inside of a collapsible.
+                    e.preventDefault();
+                },
+                round: true,
+                size: "small",
+                tooltip: t('lexical:blocks:inlineBlocks:edit', {
+                    label: blockDisplayName
+                })
+            }, void 0, false, {
+                fileName: "src/features/blocks/client/component/index.tsx",
+                lineNumber: 383,
+                columnNumber: 7
+            }, this), [
         baseClass,
         isEditable,
         t,
         blockDisplayName,
         toggleDrawer
     ]);
-    const RemoveButton = useMemo(()=>()=><Button buttonStyle="icon-label" className={`${baseClass}__removeButton`} disabled={!isEditable} icon="x" onClick={(e)=>{
-                e.preventDefault();
-                removeBlock();
-            }} round tooltip="Remove Block"/>, [
+    const RemoveButton = useMemo(()=>()=>/*#__PURE__*/ _jsxDEV(Button, {
+                buttonStyle: "icon-label",
+                className: `${baseClass}__removeButton`,
+                disabled: !isEditable,
+                icon: "x",
+                onClick: (e)=>{
+                    e.preventDefault();
+                    removeBlock();
+                },
+                round: true,
+                tooltip: "Remove Block"
+            }, void 0, false, {
+                fileName: "src/features/blocks/client/component/index.tsx",
+                lineNumber: 410,
+                columnNumber: 7
+            }, this), [
         baseClass,
         isEditable,
         removeBlock
     ]);
     const BlockCollapsible = useMemo(()=>({ Actions, children, className, collapsibleProps, disableBlockName, editButton, errorCount, fieldHasErrors, Label, Pill: CustomPill, removeButton })=>{
-            return <div className={`${baseClass}__container ${baseClass}-${blockType}`}>
-            <Collapsible className={[
-                `${baseClass}__row`,
-                fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,
-                className
-            ].filter(Boolean).join(' ')} collapsibleStyle={fieldHasErrors ? 'error' : 'default'} header={<div className={`${baseClass}__block-header`}>
-                  {typeof Label !== 'undefined' ? Label : typeof CustomLabel !== 'undefined' ? CustomLabel : <div className={`${baseClass}__block-label`}>
-                      {typeof CustomPill !== 'undefined' ? CustomPill : <Pill className={`${baseClass}__block-pill ${baseClass}__block-pill-${blockType}`} pillStyle="white" size="small">
-                          {blockDisplayName ?? blockType}
-                        </Pill>}
-                      {!disableBlockName && !clientBlock?.admin?.disableBlockName && <SectionTitle path="blockName" readOnly={!isEditable}/>}
-
-                      {fieldHasErrors && <ErrorPill count={errorCount ?? 0} i18n={i18n} withMessage/>}
-                    </div>}
-
-                  <div className={`${baseClass}__block-actions`}>
-                    {typeof Actions !== 'undefined' ? Actions : <>
-                        {CustomBlock && editButton !== false || !CustomBlock && editButton ? <EditButton/> : null}
-                        {removeButton !== false && isEditable ? <RemoveButton/> : null}
-                      </>}
-                  </div>
-                </div>} isCollapsed={isCollapsed} key={0} onToggle={(incomingCollapsedState)=>{
-                onCollapsedChange(incomingCollapsedState);
-                setIsCollapsed(incomingCollapsedState);
-            }} {...collapsibleProps || {}}>
-              {children}
-            </Collapsible>
-          </div>;
+            return /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__container ${baseClass}-${blockType}`,
+                children: /*#__PURE__*/ _jsxDEV(Collapsible, {
+                    className: [
+                        `${baseClass}__row`,
+                        fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,
+                        className
+                    ].filter(Boolean).join(' '),
+                    collapsibleStyle: fieldHasErrors ? 'error' : 'default',
+                    header: /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__block-header`,
+                        children: [
+                            typeof Label !== 'undefined' ? Label : typeof CustomLabel !== 'undefined' ? CustomLabel : /*#__PURE__*/ _jsxDEV("div", {
+                                className: `${baseClass}__block-label`,
+                                children: [
+                                    typeof CustomPill !== 'undefined' ? CustomPill : /*#__PURE__*/ _jsxDEV(Pill, {
+                                        className: `${baseClass}__block-pill ${baseClass}__block-pill-${blockType}`,
+                                        pillStyle: "white",
+                                        size: "small",
+                                        children: blockDisplayName ?? blockType
+                                    }, void 0, false, {
+                                        fileName: "src/features/blocks/client/component/index.tsx",
+                                        lineNumber: 463,
+                                        columnNumber: 25
+                                    }, void 0),
+                                    !disableBlockName && !clientBlock?.admin?.disableBlockName && /*#__PURE__*/ _jsxDEV(SectionTitle, {
+                                        path: "blockName",
+                                        readOnly: !isEditable
+                                    }, void 0, false, {
+                                        fileName: "src/features/blocks/client/component/index.tsx",
+                                        lineNumber: 472,
+                                        columnNumber: 25
+                                    }, void 0),
+                                    fieldHasErrors && /*#__PURE__*/ _jsxDEV(ErrorPill, {
+                                        count: errorCount ?? 0,
+                                        i18n: i18n,
+                                        withMessage: true
+                                    }, void 0, false, {
+                                        fileName: "src/features/blocks/client/component/index.tsx",
+                                        lineNumber: 476,
+                                        columnNumber: 25
+                                    }, void 0)
+                                ]
+                            }, void 0, true, {
+                                fileName: "src/features/blocks/client/component/index.tsx",
+                                lineNumber: 459,
+                                columnNumber: 21
+                            }, void 0),
+                            /*#__PURE__*/ _jsxDEV("div", {
+                                className: `${baseClass}__block-actions`,
+                                children: typeof Actions !== 'undefined' ? Actions : /*#__PURE__*/ _jsxDEV(_Fragment, {
+                                    children: [
+                                        CustomBlock && editButton !== false || !CustomBlock && editButton ? /*#__PURE__*/ _jsxDEV(EditButton, {}, void 0, false, {
+                                            fileName: "src/features/blocks/client/component/index.tsx",
+                                            lineNumber: 487,
+                                            columnNumber: 27
+                                        }, void 0) : null,
+                                        removeButton !== false && isEditable ? /*#__PURE__*/ _jsxDEV(RemoveButton, {}, void 0, false, {
+                                            fileName: "src/features/blocks/client/component/index.tsx",
+                                            lineNumber: 489,
+                                            columnNumber: 65
+                                        }, void 0) : null
+                                    ]
+                                }, void 0, true)
+                            }, void 0, false, {
+                                fileName: "src/features/blocks/client/component/index.tsx",
+                                lineNumber: 481,
+                                columnNumber: 19
+                            }, void 0)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/features/blocks/client/component/index.tsx",
+                        lineNumber: 453,
+                        columnNumber: 17
+                    }, void 0),
+                    isCollapsed: isCollapsed,
+                    onToggle: (incomingCollapsedState)=>{
+                        onCollapsedChange(incomingCollapsedState);
+                        setIsCollapsed(incomingCollapsedState);
+                    },
+                    ...collapsibleProps || {},
+                    children: children
+                }, 0, false, {
+                    fileName: "src/features/blocks/client/component/index.tsx",
+                    lineNumber: 443,
+                    columnNumber: 13
+                }, this)
+            }, void 0, false, {
+                fileName: "src/features/blocks/client/component/index.tsx",
+                lineNumber: 442,
+                columnNumber: 11
+            }, this);
         }, [
         CustomBlock,
         CustomLabel,
@@ -333,17 +425,49 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
         isEditable
     ]);
     const blockID = formData?.id;
-    const BlockDrawer = useMemo(()=>()=><EditDepthProvider>
-        <Drawer className={''} slug={drawerSlug} title={t(`lexical:blocks:inlineBlocks:${blockID ? 'edit' : 'create'}`, {
-                label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label')
-            })}>
-          {initialState ? <>
-              <RenderFields fields={clientBlock?.fields ?? []} forceRender parentIndexPath="" parentPath=// See Blocks feature path for details as for why this is empty
-            "" parentSchemaPath={schemaFieldsPath} permissions={true} readOnly={!isEditable}/>
-              <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>
-            </> : null}
-        </Drawer>
-      </EditDepthProvider>, [
+    const BlockDrawer = useMemo(()=>()=>/*#__PURE__*/ _jsxDEV(EditDepthProvider, {
+                children: /*#__PURE__*/ _jsxDEV(Drawer, {
+                    className: '',
+                    slug: drawerSlug,
+                    title: t(`lexical:blocks:inlineBlocks:${blockID ? 'edit' : 'create'}`, {
+                        label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label')
+                    }),
+                    children: initialState ? /*#__PURE__*/ _jsxDEV(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(RenderFields, {
+                                fields: clientBlock?.fields ?? [],
+                                forceRender: true,
+                                parentIndexPath: "",
+                                parentPath: // See Blocks feature path for details as for why this is empty
+                                "",
+                                parentSchemaPath: schemaFieldsPath,
+                                permissions: true,
+                                readOnly: !isEditable
+                            }, void 0, false, {
+                                fileName: "src/features/blocks/client/component/index.tsx",
+                                lineNumber: 538,
+                                columnNumber: 15
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(FormSubmit, {
+                                programmaticSubmit: true,
+                                children: t('fields:saveChanges')
+                            }, void 0, false, {
+                                fileName: "src/features/blocks/client/component/index.tsx",
+                                lineNumber: 547,
+                                columnNumber: 15
+                            }, this)
+                        ]
+                    }, void 0, true) : null
+                }, void 0, false, {
+                    fileName: "src/features/blocks/client/component/index.tsx",
+                    lineNumber: 529,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/features/blocks/client/component/index.tsx",
+                lineNumber: 528,
+                columnNumber: 7
+            }, this), [
         initialState,
         drawerSlug,
         blockID,
@@ -359,29 +483,56 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
         if (!initialState) {
             return null;
         }
-        return <Form beforeSubmit={[
-            async ({ formState })=>{
+        return /*#__PURE__*/ _jsxDEV(Form, {
+            beforeSubmit: [
+                async ({ formState })=>{
+                    // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component
+                    return await onChange({
+                        formState,
+                        submit: true
+                    });
+                }
+            ],
+            el: "div",
+            fields: clientBlock?.fields ?? [],
+            initialState: initialState,
+            onChange: [
+                onChange
+            ],
+            onSubmit: (formState, newData)=>{
                 // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component
-                return await onChange({
-                    formState,
-                    submit: true
+                newData.blockType = blockType;
+                editor.update(()=>{
+                    const node = $getNodeByKey(nodeKey);
+                    if (node && $isBlockNode(node)) {
+                        node.setFields(newData, true);
+                    }
                 });
-            }
-        ]} el="div" fields={clientBlock?.fields ?? []} initialState={initialState} onChange={[
-            onChange
-        ]} onSubmit={(formState, newData)=>{
-            // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component
-            newData.blockType = blockType;
-            editor.update(()=>{
-                const node = $getNodeByKey(nodeKey);
-                if (node && $isBlockNode(node)) {
-                    node.setFields(newData, true);
-                }
-            });
-            toggleDrawer();
-        }} submitted={submitted} uuid={uuid()}>
-        <BlockContent baseClass={baseClass} BlockDrawer={BlockDrawer} Collapsible={BlockCollapsible} CustomBlock={CustomBlock} EditButton={EditButton} errorCount={errorCount} formSchema={clientBlock?.fields ?? []} initialState={initialState} nodeKey={nodeKey} RemoveButton={RemoveButton}/>
-      </Form>;
+                toggleDrawer();
+            },
+            submitted: submitted,
+            uuid: uuid(),
+            children: /*#__PURE__*/ _jsxDEV(BlockContent, {
+                baseClass: baseClass,
+                BlockDrawer: BlockDrawer,
+                Collapsible: BlockCollapsible,
+                CustomBlock: CustomBlock,
+                EditButton: EditButton,
+                errorCount: errorCount,
+                formSchema: clientBlock?.fields ?? [],
+                initialState: initialState,
+                nodeKey: nodeKey,
+                RemoveButton: RemoveButton
+            }, void 0, false, {
+                fileName: "src/features/blocks/client/component/index.tsx",
+                lineNumber: 597,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/features/blocks/client/component/index.tsx",
+            lineNumber: 572,
+            columnNumber: 7
+        }, this);
     }, [
         BlockCollapsible,
         BlockDrawer,
@@ -401,11 +552,26 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
         submitted
     ]);
     if (!clientBlock) {
-        return <BlockCollapsible disableBlockName={true} fieldHasErrors={true}>
-        <div className={`${baseClass}-not-found`}>
-          Error: Block '{blockType}' not found in the config but exists in the lexical data
-        </div>
-      </BlockCollapsible>;
+        return /*#__PURE__*/ _jsxDEV(BlockCollapsible, {
+            disableBlockName: true,
+            fieldHasErrors: true,
+            children: /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}-not-found`,
+                children: [
+                    "Error: Block '",
+                    blockType,
+                    "' not found in the config but exists in the lexical data"
+                ]
+            }, void 0, true, {
+                fileName: "src/features/blocks/client/component/index.tsx",
+                lineNumber: 633,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/features/blocks/client/component/index.tsx",
+            lineNumber: 632,
+            columnNumber: 7
+        }, this);
     }
     return Block;
 };

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 { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport './index.scss'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport { type BlockCollapsibleWithErrorProps, BlockContent } from './BlockContent.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\ntype Props = {\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  readonly formData: BlockFields\n  readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<Props> = (props) => {\n  const { cacheBuster, className: baseClass, formData, nodeKey } = props\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    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.BlockLabel ?? undefined,\n  )\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    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        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),\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        setCustomLabel(state._components?.customComponents?.BlockLabel ?? undefined)\n        setCustomBlock(state._components?.customComponents?.Block ?? undefined)\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    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        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),\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      <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          EditButton={EditButton}\n          errorCount={errorCount}\n          formSchema={clientBlock?.fields ?? []}\n          initialState={initialState}\n          nodeKey={nodeKey}\n          RemoveButton={RemoveButton}\n        />\n      </Form>\n    )\n  }, [\n    BlockCollapsible,\n    BlockDrawer,\n    CustomBlock,\n    blockType,\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","removeEmptyArrayValues","BlockComponent","props","cacheBuster","className","baseClass","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","CustomLabel","setCustomLabel","customComponents","BlockLabel","undefined","CustomBlock","setCustomBlock","Block","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","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","key","onToggle","incomingCollapsedState","blockID","BlockDrawer","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","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 { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport './index.scss'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport { type BlockCollapsibleWithErrorProps, BlockContent } from './BlockContent.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\ntype Props = {\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  readonly formData: BlockFields\n  readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<Props> = (props) => {\n  const { cacheBuster, className: baseClass, formData, nodeKey } = props\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    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.BlockLabel ?? undefined,\n  )\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    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        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),\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        setCustomLabel(state._components?.customComponents?.BlockLabel ?? undefined)\n        setCustomBlock(state._components?.customComponents?.Block ?? undefined)\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    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        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),\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      <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          EditButton={EditButton}\n          errorCount={errorCount}\n          formSchema={clientBlock?.fields ?? []}\n          initialState={initialState}\n          nodeKey={nodeKey}\n          RemoveButton={RemoveButton}\n        />\n      </Form>\n    )\n  }, [\n    BlockCollapsible,\n    BlockDrawer,\n    CustomBlock,\n    blockType,\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","removeEmptyArrayValues","BlockComponent","props","cacheBuster","className","baseClass","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","CustomLabel","setCustomLabel","customComponents","BlockLabel","undefined","CustomBlock","setCustomBlock","Block","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","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","beforeSubmit","onSubmit","formSchema"],"mappings":"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"}

package/dist/features/blocks/client/componentInline/components/InlineBlockContainer.js

@@ -1,8 +1,16 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import { useInlineBlockComponentContext } from '../index.js';
 export const InlineBlockContainer = ({ children })=>{
     const { InlineBlockContainer } = useInlineBlockComponentContext();
-    return InlineBlockContainer ? <InlineBlockContainer>{children}</InlineBlockContainer> : null;
+    return InlineBlockContainer ? /*#__PURE__*/ _jsxDEV(InlineBlockContainer, {
+        children: children
+    }, void 0, false, {
+        fileName: "src/features/blocks/client/componentInline/components/InlineBlockContainer.tsx",
+        lineNumber: 9,
+        columnNumber: 33
+    }, this) : null;
 };
 
 //# sourceMappingURL=InlineBlockContainer.js.map

package/dist/features/blocks/client/componentInline/components/InlineBlockContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/blocks/client/componentInline/components/InlineBlockContainer.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useInlineBlockComponentContext } from '../index.js'\n\nexport const InlineBlockContainer = ({ children }: { children: React.ReactNode }) => {\n  const { InlineBlockContainer } = useInlineBlockComponentContext()\n\n  return InlineBlockContainer ? <InlineBlockContainer>{children}</InlineBlockContainer> : null\n}\n"],"names":["useInlineBlockComponentContext","InlineBlockContainer","children"],"mappings":"AAAA;AAGA,SAASA,8BAA8B,QAAQ,cAAa;AAE5D,OAAO,MAAMC,uBAAuB,CAAC,EAAEC,QAAQ,EAAiC;IAC9E,MAAM,EAAED,oBAAoB,EAAE,GAAGD;IAEjC,OAAOC,wBAAwBA,sBAAsBC,WAAWD,wBAAwB;AAC1F,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/blocks/client/componentInline/components/InlineBlockContainer.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useInlineBlockComponentContext } from '../index.js'\n\nexport const InlineBlockContainer = ({ children }: { children: React.ReactNode }) => {\n  const { InlineBlockContainer } = useInlineBlockComponentContext()\n\n  return InlineBlockContainer ? <InlineBlockContainer>{children}</InlineBlockContainer> : null\n}\n"],"names":["React","useInlineBlockComponentContext","InlineBlockContainer","children"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,8BAA8B,QAAQ,cAAa;AAE5D,OAAO,MAAMC,uBAAuB,CAAC,EAAEC,QAAQ,EAAiC;IAC9E,MAAM,EAAED,oBAAoB,EAAE,GAAGD;IAEjC,OAAOC,qCAAuB,QAACA;kBAAsBC;;;;;eAAmC;AAC1F,EAAC"}

package/dist/features/blocks/client/componentInline/components/InlineBlockEditButton.js

@@ -1,8 +1,14 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import { useInlineBlockComponentContext } from '../index.js';
 export const InlineBlockEditButton = ()=>{
     const { EditButton } = useInlineBlockComponentContext();
-    return EditButton ? <EditButton/> : null;
+    return EditButton ? /*#__PURE__*/ _jsxDEV(EditButton, {}, void 0, false, {
+        fileName: "src/features/blocks/client/componentInline/components/InlineBlockEditButton.tsx",
+        lineNumber: 9,
+        columnNumber: 23
+    }, this) : null;
 };
 
 //# sourceMappingURL=InlineBlockEditButton.js.map

package/dist/features/blocks/client/componentInline/components/InlineBlockEditButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/blocks/client/componentInline/components/InlineBlockEditButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useInlineBlockComponentContext } from '../index.js'\n\nexport const InlineBlockEditButton = () => {\n  const { EditButton } = useInlineBlockComponentContext()\n\n  return EditButton ? <EditButton /> : null\n}\n"],"names":["useInlineBlockComponentContext","InlineBlockEditButton","EditButton"],"mappings":"AAAA;AAGA,SAASA,8BAA8B,QAAQ,cAAa;AAE5D,OAAO,MAAMC,wBAAwB;IACnC,MAAM,EAAEC,UAAU,EAAE,GAAGF;IAEvB,OAAOE,cAAcA,eAAgB;AACvC,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/blocks/client/componentInline/components/InlineBlockEditButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useInlineBlockComponentContext } from '../index.js'\n\nexport const InlineBlockEditButton = () => {\n  const { EditButton } = useInlineBlockComponentContext()\n\n  return EditButton ? <EditButton /> : null\n}\n"],"names":["React","useInlineBlockComponentContext","InlineBlockEditButton","EditButton"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,8BAA8B,QAAQ,cAAa;AAE5D,OAAO,MAAMC,wBAAwB;IACnC,MAAM,EAAEC,UAAU,EAAE,GAAGF;IAEvB,OAAOE,2BAAa,QAACA;;;;eAAgB;AACvC,EAAC"}

package/dist/features/blocks/client/componentInline/components/InlineBlockLabel.js

@@ -1,8 +1,14 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import { useInlineBlockComponentContext } from '../index.js';
 export const InlineBlockLabel = ()=>{
     const { Label } = useInlineBlockComponentContext();
-    return Label ? <Label/> : null;
+    return Label ? /*#__PURE__*/ _jsxDEV(Label, {}, void 0, false, {
+        fileName: "src/features/blocks/client/componentInline/components/InlineBlockLabel.tsx",
+        lineNumber: 9,
+        columnNumber: 18
+    }, this) : null;
 };
 
 //# sourceMappingURL=InlineBlockLabel.js.map

package/dist/features/blocks/client/componentInline/components/InlineBlockLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/blocks/client/componentInline/components/InlineBlockLabel.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useInlineBlockComponentContext } from '../index.js'\n\nexport const InlineBlockLabel = () => {\n  const { Label } = useInlineBlockComponentContext()\n\n  return Label ? <Label /> : null\n}\n"],"names":["useInlineBlockComponentContext","InlineBlockLabel","Label"],"mappings":"AAAA;AAGA,SAASA,8BAA8B,QAAQ,cAAa;AAE5D,OAAO,MAAMC,mBAAmB;IAC9B,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,OAAOE,SAASA,UAAW;AAC7B,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/blocks/client/componentInline/components/InlineBlockLabel.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useInlineBlockComponentContext } from '../index.js'\n\nexport const InlineBlockLabel = () => {\n  const { Label } = useInlineBlockComponentContext()\n\n  return Label ? <Label /> : null\n}\n"],"names":["React","useInlineBlockComponentContext","InlineBlockLabel","Label"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,8BAA8B,QAAQ,cAAa;AAE5D,OAAO,MAAMC,mBAAmB;IAC9B,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,OAAOE,sBAAQ,QAACA;;;;eAAW;AAC7B,EAAC"}