@payloadcms/richtext-lexical 4.0.0-internal.c3ac604 → 4.0.0-internal.cb69780

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

@@ -0,0 +1,11 @@
+import type { LexicalEditor } from 'lexical';
+import type { ReactNode } from 'react';
+import { useBlockReordering } from '../useBlockReordering.js';
+export declare function BlockReordering({ children, editor, nodeKey, }: {
+    children: (props: {
+        reorderInstructionsID: string;
+    } & ReturnType<typeof useBlockReordering>) => ReactNode;
+    editor: LexicalEditor;
+    nodeKey: string;
+}): ReactNode;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/blocks/client/component/BlockReordering/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAE7D,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,CACR,KAAK,EAAE;QAAE,qBAAqB,EAAE,MAAM,CAAA;KAAE,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,KAC7E,SAAS,CAAA;IACd,MAAM,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;CAChB,aAKA"}

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

@@ -0,0 +1,18 @@
+import { useId } from 'react';
+import { useBlockReordering } from '../useBlockReordering.js';
+export function BlockReordering({
+  children,
+  editor,
+  nodeKey
+}) {
+  const reorder = useBlockReordering({
+    editor,
+    nodeKey
+  });
+  const reorderInstructionsID = useId();
+  return children({
+    ...reorder,
+    reorderInstructionsID
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useId","useBlockReordering","BlockReordering","children","editor","nodeKey","reorder","reorderInstructionsID"],"sources":["../../../../../../src/features/blocks/client/component/BlockReordering/index.tsx"],"sourcesContent":["import type { LexicalEditor } from 'lexical'\nimport type { ReactNode } from 'react'\n\nimport { useId } from 'react'\n\nimport { useBlockReordering } from '../useBlockReordering.js'\n\nexport function BlockReordering({\n  children,\n  editor,\n  nodeKey,\n}: {\n  children: (\n    props: { reorderInstructionsID: string } & ReturnType<typeof useBlockReordering>,\n  ) => ReactNode\n  editor: LexicalEditor\n  nodeKey: string\n}) {\n  const reorder = useBlockReordering({ editor, nodeKey })\n  const reorderInstructionsID = useId()\n\n  return children({ ...reorder, reorderInstructionsID })\n}\n"],"mappings":"AAGA,SAASA,KAAK,QAAQ;AAEtB,SAASC,kBAAkB,QAAQ;AAEnC,OAAO,SAASC,gBAAgB;EAC9BC,QAAQ;EACRC,MAAM;EACNC;AAAO,CAOR;EACC,MAAMC,OAAA,GAAUL,kBAAA,CAAmB;IAAEG,MAAA;IAAQC;EAAQ;EACrD,MAAME,qBAAA,GAAwBP,KAAA;EAE9B,OAAOG,QAAA,CAAS;IAAE,GAAGG,OAAO;IAAEC;EAAsB;AACtD","ignoreList":[]}

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

@@ -21,13 +21,7 @@ export type BlockComponentProps<TFormData extends Record<string, unknown> = Bloc
      * Will be rendered with useBlockComponentContext hook.
      */
     readonly CustomLabel?: React.FC<ViewMapBlockComponentProps>;
-    /**
-     * The block's form data (field values).
-     */
     readonly formData: TFormData;
-    /**
-     * The unique key identifying this block node in the current editor instance.
-     */
     readonly nodeKey: string;
 };
 export declare const BlockComponent: React.FC<BlockComponentProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/index.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAGtE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,aAAa,CAAA;AACpB,OAAO,8CAA8C,CAAA;AAerD,MAAM,MAAM,mBAAmB,CAAC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,IAAI;IACzF;;;;OAIG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAA;IAC3D;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAA;IAC3D;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0uBxD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/index.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAGtE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,aAAa,CAAA;AACpB,OAAO,8CAA8C,CAAA;AAgBrD,MAAM,MAAM,mBAAmB,CAAC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,IAAI;IACzF;;;;OAIG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAA;IAC3D;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAA;IAC3D,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6yBxD,CAAA"}

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

@@ -1,6 +1,6 @@
 'use client';
 
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { getTranslation } from '@payloadcms/translations';
@@ -17,6 +17,7 @@ import { RegisterFormSubmit, useDrawerSubmit } from '../../../../utilities/field
 import { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js';
 import { $isBlockNode } from '../nodes/BlocksNode.js';
 import { BlockContent, useBlockComponentContext } from './BlockContent.js';
+import { BlockReordering } from './BlockReordering/index.js';
 import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
 export const BlockComponent = props => {
   const {
@@ -68,6 +69,11 @@ export const BlockComponent = props => {
   const [editor] = useLexicalComposerContext();
   const isEditable = useLexicalEditable();
   const blockType = formData.blockType;
+  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}`;
+  const clientSchemaMap = featureClientSchemaMap['blocks'];
+  const blocksField = clientSchemaMap?.[componentMapRenderedBlockPath]?.[0];
+  const blockOrSlug = blocksField?.blocks?.[0];
+  const clientBlock = typeof blockOrSlug === 'string' ? config.blocksMap[blockOrSlug] : blockOrSlug;
   const {
     getFormState
   } = useServerFunctions();
@@ -217,19 +223,14 @@ export const BlockComponent = props => {
         }
       }
     };
-    if (formData && !initialState) {
+    if (clientBlock && formData && !initialState) {
       void awaitInitialState();
     }
     return () => {
       abortAndIgnore(abortController);
     };
-  }, [getFormState, schemaFieldsPath, isEditable, id, CustomLabelFromProps, CustomBlockFromProps, formData, editor, nodeKey, initialState, collectionSlug, globalSlug, getDocPreferences, parentDocumentFields, blockType]);
+  }, [getFormState, schemaFieldsPath, isEditable, id, CustomLabelFromProps, CustomBlockFromProps, formData, editor, nodeKey, initialState, collectionSlug, globalSlug, getDocPreferences, parentDocumentFields, blockType, clientBlock]);
   const [isCollapsed, setIsCollapsed] = React.useState(initialLexicalFormState?.[formData.id]?.collapsed ?? false);
-  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}`;
-  const clientSchemaMap = featureClientSchemaMap['blocks'];
-  const blocksField = clientSchemaMap?.[componentMapRenderedBlockPath]?.[0];
-  const blockOrSlug = blocksField?.blocks?.[0];
-  const clientBlock = typeof blockOrSlug === 'string' ? config.blocksMap[blockOrSlug] : blockOrSlug;
   const {
     i18n,
     t
@@ -394,7 +395,7 @@ export const BlockComponent = props => {
     round: true,
     tooltip: "Remove Block"
   }), [baseClass, isEditable, removeBlock]);
-  const BlockCollapsible = useMemo(() => ({
+  const BlockCollapsible = useMemo(() => function BlockCollapsible({
     Actions,
     children: children_0,
     className,
@@ -408,77 +409,133 @@ export const BlockComponent = props => {
     removeButton,
     showDragHandle = true,
     showRowNumber = true
-  }) => {
-    return /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__container ${baseClass}-${blockType}`,
-      children: /*#__PURE__*/_jsx(Collapsible, {
-        actions: typeof Actions !== 'undefined' ? Actions : isEditable ? /*#__PURE__*/_jsx(Popup, {
-          button: /*#__PURE__*/_jsx(MoreIcon, {}),
-          buttonClassName: `${baseClass}__actions-button`,
-          caret: false,
-          horizontalAlign: "right",
-          render: ({
-            close
-          }) => /*#__PURE__*/_jsxs(PopupList.ButtonGroup, {
-            buttonSize: "medium",
-            children: [(resolvedCustomBlock && editButton !== false || !resolvedCustomBlock && editButton) && /*#__PURE__*/_jsx(PopupList.Button, {
-              onClick: () => {
-                toggleDrawer();
-                close();
-              },
-              children: t('general:edit')
-            }), removeButton !== false && /*#__PURE__*/_jsxs(PopupList.Button, {
-              onClick: () => {
-                removeBlock();
-                close();
-              },
-              children: [/*#__PURE__*/_jsx(XIcon, {}), t('general:remove')]
-            })]
+  }) {
+    return /*#__PURE__*/_jsx(BlockReordering, {
+      editor: editor,
+      nodeKey: nodeKey,
+      children: ({
+        isReordering,
+        move,
+        onBlur,
+        onKeyDown,
+        reorderInstructionsID,
+        targetIndex
+      }) => /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__container ${baseClass}-${blockType}`,
+        onKeyDownCapture: event => {
+          const target = event.target;
+          if (event.altKey || event.ctrlKey || event.metaKey || target.closest('.collapsible')?.parentElement !== event.currentTarget) {
+            return;
+          }
+          // Handle controls before Lexical consumes keys using its retained text selection.
+          if (target.matches('.collapsible__drag') && (event.key !== 'Escape' || isReordering) && [' ', 'ArrowDown', 'ArrowUp', 'Enter', 'Escape', 'Tab'].includes(event.key)) {
+            onKeyDown(event);
+            event.stopPropagation();
+          } else if (event.key === 'Tab' && target.matches('.collapsible__toggle')) {
+            event.stopPropagation();
+          }
+        },
+        children: /*#__PURE__*/_jsxs(Collapsible, {
+          actions: typeof Actions !== 'undefined' ? Actions : isEditable ? /*#__PURE__*/_jsx(Popup, {
+            button: /*#__PURE__*/_jsx(MoreIcon, {}),
+            buttonClassName: `${baseClass}__actions-button`,
+            caret: false,
+            horizontalAlign: "right",
+            popupType: "menu",
+            render: ({
+              close
+            }) => /*#__PURE__*/_jsxs(PopupList.ButtonGroup, {
+              buttonSize: "medium",
+              children: [/*#__PURE__*/_jsx(PopupList.Button, {
+                onClick: () => {
+                  close();
+                  move({
+                    direction: -1
+                  });
+                },
+                children: t('general:moveUp')
+              }), /*#__PURE__*/_jsx(PopupList.Button, {
+                onClick: () => {
+                  close();
+                  move({
+                    direction: 1
+                  });
+                },
+                children: t('general:moveDown')
+              }), (resolvedCustomBlock && editButton !== false || !resolvedCustomBlock && editButton) && /*#__PURE__*/_jsx(PopupList.Button, {
+                onClick: () => {
+                  toggleDrawer();
+                  close();
+                },
+                children: t('general:edit')
+              }), removeButton !== false && /*#__PURE__*/_jsxs(PopupList.Button, {
+                onClick: () => {
+                  removeBlock();
+                  close();
+                },
+                children: [/*#__PURE__*/_jsx(XIcon, {}), t('general:remove')]
+              })]
+            }),
+            size: "large"
+          }) : null,
+          className: [`${baseClass}__row`, fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`, className].filter(Boolean).join(' '),
+          collapsibleStyle: fieldHasErrors ? 'error' : 'default',
+          dragHandleProps: showDragHandle && isEditable ? {
+            id: nodeKey,
+            attributes: {
+              'aria-describedby': reorderInstructionsID,
+              'aria-pressed': isReordering,
+              role: 'button',
+              tabIndex: 0
+            },
+            listeners: {
+              onBlur
+            }
+          } : undefined,
+          header: /*#__PURE__*/_jsx("div", {
+            className: `${baseClass}__block-header`,
+            children: typeof Label !== 'undefined' ? Label : typeof resolvedCustomLabel !== 'undefined' ? resolvedCustomLabel : /*#__PURE__*/_jsxs("div", {
+              className: `${baseClass}__block-label`,
+              children: [showRowNumber && /*#__PURE__*/_jsx("span", {
+                className: `${baseClass}__block-number`,
+                children: String(rowIndex + 1).padStart(2, '0')
+              }), typeof CustomPill !== 'undefined' ? CustomPill : /*#__PURE__*/_jsx(Pill, {
+                className: `${baseClass}__block-pill ${baseClass}__block-pill-${blockType}`,
+                pillStyle: "white",
+                size: "small",
+                children: blockDisplayName ?? blockType
+              }), !disableBlockName && !clientBlock?.admin?.disableBlockName && /*#__PURE__*/_jsx(SectionTitle, {
+                path: "blockName",
+                readOnly: !isEditable
+              }), fieldHasErrors && /*#__PURE__*/_jsx(ErrorPill, {
+                count: errorCount_0 ?? 0,
+                i18n: i18n,
+                withMessage: true
+              })]
+            })
           }),
-          size: "large"
-        }) : null,
-        className: [`${baseClass}__row`, fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`, className].filter(Boolean).join(' '),
-        collapsibleStyle: fieldHasErrors ? 'error' : 'default',
-        dragHandleProps: showDragHandle ? {
-          id: nodeKey,
-          attributes: {
-            role: 'button',
-            tabIndex: 0
+          isCollapsed: isCollapsed,
+          onToggle: incomingCollapsedState => {
+            onCollapsedChange(incomingCollapsedState);
+            setIsCollapsed(incomingCollapsedState);
           },
-          listeners: {}
-        } : undefined,
-        header: /*#__PURE__*/_jsx("div", {
-          className: `${baseClass}__block-header`,
-          children: typeof Label !== 'undefined' ? Label : typeof resolvedCustomLabel !== 'undefined' ? resolvedCustomLabel : /*#__PURE__*/_jsxs("div", {
-            className: `${baseClass}__block-label`,
-            children: [showRowNumber && /*#__PURE__*/_jsx("span", {
-              className: `${baseClass}__block-number`,
-              children: String(rowIndex + 1).padStart(2, '0')
-            }), typeof CustomPill !== 'undefined' ? CustomPill : /*#__PURE__*/_jsx(Pill, {
-              className: `${baseClass}__block-pill ${baseClass}__block-pill-${blockType}`,
-              pillStyle: "white",
-              size: "small",
-              children: blockDisplayName ?? blockType
-            }), !disableBlockName && !clientBlock?.admin?.disableBlockName && /*#__PURE__*/_jsx(SectionTitle, {
-              path: "blockName",
-              readOnly: !isEditable
-            }), fieldHasErrors && /*#__PURE__*/_jsx(ErrorPill, {
-              count: errorCount_0 ?? 0,
-              i18n: i18n,
-              withMessage: true
+          ...(collapsibleProps || {}),
+          AfterCollapsible: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [collapsibleProps?.AfterCollapsible, /*#__PURE__*/_jsx("span", {
+              className: "sr-only",
+              role: "status",
+              children: isReordering ? `${t('general:order')}: ${(targetIndex ?? 0) + 1}` : ''
             })]
-          })
-        }),
-        isCollapsed: isCollapsed,
-        onToggle: incomingCollapsedState => {
-          onCollapsedChange(incomingCollapsedState);
-          setIsCollapsed(incomingCollapsedState);
-        },
-        ...(collapsibleProps || {}),
-        children: children_0
-      }, 0)
+          }),
+          children: [/*#__PURE__*/_jsxs("span", {
+            className: "sr-only",
+            id: reorderInstructionsID,
+            children: ["Space / Enter · ", t('general:moveUp'), " ↑ · ", t('general:moveDown'), " ↓ ·", ' ', t('general:cancel'), " Escape"]
+          }), children_0]
+        }, 0)
+      })
     });
-  }, [resolvedCustomBlock, resolvedCustomLabel, blockDisplayName, baseClass, clientBlock?.admin?.disableBlockName, blockType, i18n, isCollapsed, onCollapsedChange, isEditable, nodeKey, removeBlock, rowIndex, t, toggleDrawer]);
+  }, [editor, resolvedCustomBlock, resolvedCustomLabel, blockDisplayName, baseClass, clientBlock?.admin?.disableBlockName, blockType, i18n, isCollapsed, onCollapsedChange, isEditable, nodeKey, removeBlock, rowIndex, t, toggleDrawer]);
   const blockID = formData?.id;
   const {
     headerActions,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Collapsible","Drawer","EditDepthProvider","ErrorPill","Form","formatDrawerSlug","MoreIcon","Pill","Popup","PopupList","RenderFields","SectionTitle","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useFormSubmitted","useServerFunctions","useTranslation","XIcon","abortAndIgnore","$getNodeByKey","$getRoot","SKIP_DOM_SELECTION_TAG","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","RegisterFormSubmit","useDrawerSubmit","useLexicalDrawer","$isBlockNode","BlockContent","useBlockComponentContext","removeEmptyArrayValues","BlockComponent","props","cacheBuster","className","baseClass","CustomBlock","CustomBlockFromProps","CustomLabel","CustomLabelFromProps","formData","nodeKey","submitted","id","collectionSlug","globalSlug","fieldProps","featureClientSchemaMap","field","parentLexicalRichTextField","initialLexicalFormState","schemaPath","uuidFromContext","fields","parentDocumentFields","onChangeAbortControllerRef","AbortController","editDepth","errorCount","setErrorCount","useState","config","drawerSlug","slug","depth","toggleDrawer","getDocPreferences","setDocFieldPreferences","editor","isEditable","blockType","getFormState","schemaFieldsPath","initialState","setInitialState","cachedFormState","formState","mergedState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","blockName","passesCondition","valid","hasMounted","prevCacheBuster","current","formUuid","setCustomLabel","undefined","customComponents","BlockLabel","setCustomBlock","Block","resolvedCustomBlock","_jsx","isEditor","isJSXConverter","resolvedCustomLabel","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","operation","readOnly","renderAllFields","signal","newFormStateData","update","node","newData","setFields","tag","_components","isCollapsed","setIsCollapsed","collapsed","componentMapRenderedBlockPath","clientSchemaMap","blocksField","blockOrSlug","blocks","clientBlock","blocksMap","i18n","t","onChange","prevFormState","submit","controller","newFormState","initialBlockFormState","setTimeout","rowErrorCount","formField","values","removeBlock","remove","rowIndex","setRowIndex","updateIndex","getEditorState","read","root","children","getChildren","blockCount","child","getKey","registerUpdateListener","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","collapsibleProps","disableBlockName","editButton","fieldHasErrors","Label","CustomPill","removeButton","showDragHandle","showRowNumber","actions","button","buttonClassName","caret","horizontalAlign","render","close","_jsxs","ButtonGroup","buttonSize","filter","Boolean","join","collapsibleStyle","dragHandleProps","attributes","role","tabIndex","listeners","header","String","padStart","pillStyle","admin","path","count","withMessage","onToggle","incomingCollapsedState","blockID","headerActions","submitRef","BlockDrawer","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","style","display","beforeSubmit","onSubmit","formSchema"],"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  MoreIcon,\n  Pill,\n  Popup,\n  PopupList,\n  RenderFields,\n  SectionTitle,\n  useConfig,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useFormSubmitted,\n  useServerFunctions,\n  useTranslation,\n  XIcon,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey, $getRoot, SKIP_DOM_SELECTION_TAG } from 'lexical'\nimport {\n  type BlocksFieldClient,\n  type ClientBlock,\n  type CollapsedPreferences,\n  type FormState,\n} from 'payload'\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { ViewMapBlockComponentProps } from '../../../../types/index.js'\nimport type { BlockFields } from '../../server/schema.js'\n\nimport './index.css'\nimport '../../../../utilities/fieldsDrawer/index.css'\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 { $isBlockNode } from '../nodes/BlocksNode.js'\nimport {\n  type BlockCollapsibleWithErrorProps,\n  BlockContent,\n  useBlockComponentContext,\n} from './BlockContent.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\nexport type BlockComponentProps<TFormData extends Record<string, unknown> = BlockFields> = {\n  /**\n   * Can be modified by the node in order to trigger the re-fetch of the initial state based on the\n   * formData. This is useful when node.setFields() is explicitly called from outside of the form - in\n   * this case, the new field state is likely not reflected in the form state, so we need to re-fetch\n   */\n  readonly cacheBuster: number\n  readonly className: string\n  /**\n   * Custom block component from view map\n   * Will be rendered with useBlockComponentContext hook.\n   */\n  readonly CustomBlock?: React.FC<ViewMapBlockComponentProps>\n  /**\n   * Custom block label from view map\n   * Will be rendered with useBlockComponentContext hook.\n   */\n  readonly CustomLabel?: React.FC<ViewMapBlockComponentProps>\n  /**\n   * The block's form data (field values).\n   */\n  readonly formData: TFormData\n  /**\n   * The unique key identifying this block node in the current editor instance.\n   */\n  readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<BlockComponentProps> = (props) => {\n  const {\n    cacheBuster,\n    className: baseClass,\n    CustomBlock: CustomBlockFromProps,\n    CustomLabel: CustomLabelFromProps,\n    formData,\n    nodeKey,\n  } = props\n\n  const submitted = useFormSubmitted()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const {\n    fieldProps: {\n      featureClientSchemaMap,\n      field: parentLexicalRichTextField,\n      initialLexicalFormState,\n      schemaPath,\n    },\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n\n  const { fields: parentDocumentFields } = useDocumentForm()\n  const onChangeAbortControllerRef = useRef(new AbortController())\n  const editDepth = useEditDepth()\n  const [errorCount, setErrorCount] = React.useState(0)\n\n  const { config } = useConfig()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-blocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug)\n\n  // Used for saving collapsed to preferences (and gettin' it from there again)\n  // Remember, these preferences are scoped to the whole document, not just this form. This\n  // is important to consider for the data path used in setDocFieldPreferences\n  const { getDocPreferences, setDocFieldPreferences } = useDocumentInfo()\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n\n  const blockType = formData.blockType\n\n  const { getFormState } = useServerFunctions()\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}.fields`\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(() => {\n    // Initial form state that was calculated server-side. May have stale values\n    const cachedFormState = initialLexicalFormState?.[formData.id]?.formState\n    if (!cachedFormState) {\n      return false\n    }\n\n    // Merge current formData values into the cached form state\n    // This ensures that when the component remounts (e.g., due to view changes), we don't lose user edits\n    const mergedState = Object.fromEntries(\n      Object.entries(cachedFormState).map(([fieldName, fieldState]) => [\n        fieldName,\n        fieldName in formData\n          ? {\n              ...fieldState,\n              initialValue: formData[fieldName],\n              value: formData[fieldName],\n            }\n          : fieldState,\n      ]),\n    )\n\n    // Manually add blockName, as it's not part of cachedFormState\n    mergedState.blockName = {\n      initialValue: formData.blockName,\n      passesCondition: true,\n      valid: true,\n      value: formData.blockName,\n    }\n\n    return mergedState\n  })\n\n  const hasMounted = useRef(false)\n  const prevCacheBuster = useRef(cacheBuster)\n  useEffect(() => {\n    if (hasMounted.current) {\n      if (prevCacheBuster.current !== cacheBuster) {\n        setInitialState(false)\n      }\n      prevCacheBuster.current = cacheBuster\n    } else {\n      hasMounted.current = true\n    }\n  }, [cacheBuster])\n\n  const [formUuid] = React.useState(() => uuid())\n\n  // Server-rendered custom components (from admin.components, NOT viewMap).\n  // When viewMap components exist (CustomBlockFromProps/CustomLabelFromProps),\n  // we render them directly with formData instead, so these states are unused.\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  // When viewMap components exist, render directly with formData (always current from\n  // the lexical node). When they don't, fall back to server-rendered state.\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          useBlockComponentContext={useBlockComponentContext}\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          useBlockComponentContext={useBlockComponentContext}\n        />\n      )\n    }\n    return CustomLabel\n  }, [CustomLabelFromProps, baseClass, formData, nodeKey, CustomLabel])\n\n  // Initial state for newly created blocks\n  useEffect(() => {\n    const abortController = new AbortController()\n\n    const awaitInitialState = async () => {\n      /*\n       * This will only run if a new block is created. For all existing blocks that are loaded when the document is loaded, or when the form is saved,\n       * this is not run, as the lexical field RSC will fetch the state server-side and pass it to the client. That way, we avoid unnecessary client-side\n       * requests. Though for newly created blocks, we need to fetch the state client-side, as the server doesn't know about the block yet.\n       */\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        data: formData,\n        docPermissions: { fields: true },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        globalSlug,\n        initialBlockData: formData,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        state.blockName = {\n          initialValue: formData.blockName,\n          passesCondition: true,\n          valid: true,\n          value: formData.blockName,\n        }\n\n        const newFormStateData: BlockFields = reduceFieldsToValues(\n          deepCopyObjectSimpleWithoutReactComponents(state, { excludeFiles: true }),\n          true,\n        ) as BlockFields\n\n        // Things like default values may come back from the server => update the node with the new data\n        editor.update(\n          () => {\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          // 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 ?? undefined)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(state._components?.customComponents?.Block ?? undefined)\n        }\n      }\n    }\n\n    if (formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    schemaFieldsPath,\n    isEditable,\n    id,\n    CustomLabelFromProps,\n    CustomBlockFromProps,\n    formData,\n    editor,\n    nodeKey,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\n    blockType,\n  ])\n\n  const [isCollapsed, setIsCollapsed] = React.useState<boolean>(\n    initialLexicalFormState?.[formData.id]?.collapsed ?? false,\n  )\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}`\n\n  const clientSchemaMap = featureClientSchemaMap['blocks']\n\n  const blocksField: BlocksFieldClient | undefined = clientSchemaMap?.[\n    componentMapRenderedBlockPath\n  ]?.[0] as BlocksFieldClient | undefined\n\n  const blockOrSlug = blocksField?.blocks?.[0]\n  const clientBlock: ClientBlock | undefined =\n    typeof blockOrSlug === 'string' ? config.blocksMap[blockOrSlug] : blockOrSlug\n\n  const { i18n, t } = useTranslation<object, string>()\n\n  const onChange = useCallback(\n    async ({ formState: prevFormState, submit }: { formState: FormState; submit?: boolean }) => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state: newFormState } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: submit ? true : false,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!newFormState) {\n        return prevFormState\n      }\n\n      if (prevFormState.blockName) {\n        newFormState.blockName = prevFormState.blockName\n      }\n\n      const newFormStateData: BlockFields = reduceFieldsToValues(\n        removeEmptyArrayValues({\n          fields: deepCopyObjectSimpleWithoutReactComponents(newFormState, { excludeFiles: true }),\n        }),\n        true,\n      ) as BlockFields\n\n      setTimeout(() => {\n        editor.update(\n          () => {\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          // 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      }, 0)\n\n      if (submit) {\n        if (!CustomLabelFromProps) {\n          setCustomLabel(newFormState._components?.customComponents?.BlockLabel ?? undefined)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(newFormState._components?.customComponents?.Block ?? undefined)\n        }\n\n        let rowErrorCount = 0\n        for (const formField of Object.values(newFormState)) {\n          if (formField?.valid === false) {\n            rowErrorCount++\n          }\n        }\n        setErrorCount(rowErrorCount)\n      }\n\n      return newFormState\n    },\n\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      globalSlug,\n      schemaFieldsPath,\n      blockType,\n      parentDocumentFields,\n      isEditable,\n      editor,\n      nodeKey,\n      CustomBlockFromProps,\n      CustomLabelFromProps,\n    ],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  const removeBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const [rowIndex, setRowIndex] = React.useState<number>(0)\n\n  useEffect(() => {\n    const updateIndex = () => {\n      editor.getEditorState().read(() => {\n        const root = $getRoot()\n        const children = root.getChildren()\n        let blockCount = 0\n        for (const child of children) {\n          if ($isBlockNode(child)) {\n            if (child.getKey() === nodeKey) {\n              setRowIndex(blockCount)\n              return\n            }\n            blockCount++\n          }\n        }\n      })\n    }\n    updateIndex()\n    return editor.registerUpdateListener(() => {\n      updateIndex()\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=\"ghost\"\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=\"medium\"\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=\"ghost\"\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        showDragHandle = true,\n        showRowNumber = true,\n      }: BlockCollapsibleWithErrorProps) => {\n        return (\n          <div className={`${baseClass}__container ${baseClass}-${blockType}`}>\n            <Collapsible\n              actions={\n                typeof Actions !== 'undefined' ? (\n                  Actions\n                ) : isEditable ? (\n                  <Popup\n                    button={<MoreIcon />}\n                    buttonClassName={`${baseClass}__actions-button`}\n                    caret={false}\n                    horizontalAlign=\"right\"\n                    render={({ close }) => (\n                      <PopupList.ButtonGroup buttonSize=\"medium\">\n                        {((resolvedCustomBlock && editButton !== false) ||\n                          (!resolvedCustomBlock && editButton)) && (\n                          <PopupList.Button\n                            onClick={() => {\n                              toggleDrawer()\n                              close()\n                            }}\n                          >\n                            {t('general:edit')}\n                          </PopupList.Button>\n                        )}\n                        {removeButton !== false && (\n                          <PopupList.Button\n                            onClick={() => {\n                              removeBlock()\n                              close()\n                            }}\n                          >\n                            <XIcon />\n                            {t('general:remove')}\n                          </PopupList.Button>\n                        )}\n                      </PopupList.ButtonGroup>\n                    )}\n                    size=\"large\"\n                  />\n                ) : null\n              }\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              dragHandleProps={\n                showDragHandle\n                  ? {\n                      id: nodeKey,\n                      attributes: { role: 'button', tabIndex: 0 },\n                      listeners: {},\n                    }\n                  : undefined\n              }\n              header={\n                <div className={`${baseClass}__block-header`}>\n                  {typeof Label !== 'undefined' ? (\n                    Label\n                  ) : typeof resolvedCustomLabel !== 'undefined' ? (\n                    resolvedCustomLabel\n                  ) : (\n                    <div className={`${baseClass}__block-label`}>\n                      {showRowNumber && (\n                        <span className={`${baseClass}__block-number`}>\n                          {String(rowIndex + 1).padStart(2, '0')}\n                        </span>\n                      )}\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                </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      resolvedCustomBlock,\n      resolvedCustomLabel,\n      blockDisplayName,\n      baseClass,\n      clientBlock?.admin?.disableBlockName,\n      blockType,\n      i18n,\n      isCollapsed,\n      onCollapsedChange,\n      isEditable,\n      nodeKey,\n      removeBlock,\n      rowIndex,\n      t,\n      toggleDrawer,\n    ],\n  )\n\n  const blockID = formData?.id\n\n  const { headerActions, submitRef } = useDrawerSubmit()\n\n  const BlockDrawer = useMemo(\n    () => () => (\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          headerActions={headerActions}\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            <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    ),\n    [\n      initialState,\n      drawerSlug,\n      blockID,\n      blockDisplayName,\n      t,\n      isEditable,\n      clientBlock?.fields,\n      schemaFieldsPath,\n      headerActions,\n      submitRef,\n      // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n    ],\n  )\n\n  // Memoized Form JSX\n  const Block = useMemo(() => {\n    if (!initialState) {\n      return null\n    }\n    return (\n      <div data-block-drawer-slug={drawerSlug} style={{ display: 'contents' }}>\n        <Form\n          beforeSubmit={[\n            async ({ formState }) => {\n              // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n              return await onChange({ formState, submit: true })\n            },\n          ]}\n          el=\"div\"\n          fields={clientBlock?.fields ?? []}\n          initialState={initialState}\n          onChange={[onChange]}\n          onSubmit={(formState, newData) => {\n            // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n            newData.blockType = blockType\n            editor.update(\n              () => {\n                const node = $getNodeByKey(nodeKey)\n                if (node && $isBlockNode(node)) {\n                  node.setFields(newData as BlockFields, 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            toggleDrawer()\n          }}\n          submitted={submitted}\n          uuid={formUuid}\n        >\n          <BlockContent\n            baseClass={baseClass}\n            BlockDrawer={BlockDrawer}\n            Collapsible={BlockCollapsible}\n            CustomBlock={resolvedCustomBlock}\n            CustomLabel={resolvedCustomLabel}\n            EditButton={EditButton}\n            errorCount={errorCount}\n            formSchema={clientBlock?.fields ?? []}\n            initialState={initialState}\n            nodeKey={nodeKey}\n            RemoveButton={RemoveButton}\n          />\n        </Form>\n      </div>\n    )\n  }, [\n    BlockCollapsible,\n    BlockDrawer,\n    resolvedCustomBlock,\n    resolvedCustomLabel,\n    blockType,\n    drawerSlug,\n    RemoveButton,\n    EditButton,\n    baseClass,\n    editor,\n    errorCount,\n    toggleDrawer,\n    clientBlock?.fields,\n    formUuid,\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Collapsible","Drawer","EditDepthProvider","ErrorPill","Form","formatDrawerSlug","MoreIcon","Pill","Popup","PopupList","RenderFields","SectionTitle","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useFormSubmitted","useServerFunctions","useTranslation","XIcon","abortAndIgnore","$getNodeByKey","$getRoot","SKIP_DOM_SELECTION_TAG","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","RegisterFormSubmit","useDrawerSubmit","useLexicalDrawer","$isBlockNode","BlockContent","useBlockComponentContext","BlockReordering","removeEmptyArrayValues","BlockComponent","props","cacheBuster","className","baseClass","CustomBlock","CustomBlockFromProps","CustomLabel","CustomLabelFromProps","formData","nodeKey","submitted","id","collectionSlug","globalSlug","fieldProps","featureClientSchemaMap","field","parentLexicalRichTextField","initialLexicalFormState","schemaPath","uuidFromContext","fields","parentDocumentFields","onChangeAbortControllerRef","AbortController","editDepth","errorCount","setErrorCount","useState","config","drawerSlug","slug","depth","toggleDrawer","getDocPreferences","setDocFieldPreferences","editor","isEditable","blockType","componentMapRenderedBlockPath","clientSchemaMap","blocksField","blockOrSlug","blocks","clientBlock","blocksMap","getFormState","schemaFieldsPath","initialState","setInitialState","cachedFormState","formState","mergedState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","blockName","passesCondition","valid","hasMounted","prevCacheBuster","current","formUuid","setCustomLabel","undefined","customComponents","BlockLabel","setCustomBlock","Block","resolvedCustomBlock","_jsx","isEditor","isJSXConverter","resolvedCustomLabel","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","operation","readOnly","renderAllFields","signal","newFormStateData","update","node","newData","setFields","tag","_components","isCollapsed","setIsCollapsed","collapsed","i18n","t","onChange","prevFormState","submit","controller","newFormState","initialBlockFormState","setTimeout","rowErrorCount","formField","values","removeBlock","remove","rowIndex","setRowIndex","updateIndex","getEditorState","read","root","children","getChildren","blockCount","child","getKey","registerUpdateListener","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","collapsibleProps","disableBlockName","editButton","fieldHasErrors","Label","CustomPill","removeButton","showDragHandle","showRowNumber","isReordering","move","onBlur","onKeyDown","reorderInstructionsID","targetIndex","onKeyDownCapture","event","target","altKey","ctrlKey","metaKey","closest","parentElement","currentTarget","matches","key","_jsxs","actions","button","buttonClassName","caret","horizontalAlign","popupType","render","close","ButtonGroup","buttonSize","direction","filter","Boolean","join","collapsibleStyle","dragHandleProps","attributes","role","tabIndex","listeners","header","String","padStart","pillStyle","admin","path","count","withMessage","onToggle","incomingCollapsedState","AfterCollapsible","_Fragment","blockID","headerActions","submitRef","BlockDrawer","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","style","display","beforeSubmit","onSubmit","formSchema"],"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  MoreIcon,\n  Pill,\n  Popup,\n  PopupList,\n  RenderFields,\n  SectionTitle,\n  useConfig,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useFormSubmitted,\n  useServerFunctions,\n  useTranslation,\n  XIcon,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey, $getRoot, SKIP_DOM_SELECTION_TAG } from 'lexical'\nimport {\n  type BlocksFieldClient,\n  type ClientBlock,\n  type CollapsedPreferences,\n  type FormState,\n} from 'payload'\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { ViewMapBlockComponentProps } from '../../../../types/index.js'\nimport type { BlockFields } from '../../server/schema.js'\n\nimport './index.css'\nimport '../../../../utilities/fieldsDrawer/index.css'\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 { $isBlockNode } from '../nodes/BlocksNode.js'\nimport {\n  type BlockCollapsibleWithErrorProps,\n  BlockContent,\n  useBlockComponentContext,\n} from './BlockContent.js'\nimport { BlockReordering } from './BlockReordering/index.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\nexport type BlockComponentProps<TFormData extends Record<string, unknown> = BlockFields> = {\n  /**\n   * Can be modified by the node in order to trigger the re-fetch of the initial state based on the\n   * formData. This is useful when node.setFields() is explicitly called from outside of the form - in\n   * this case, the new field state is likely not reflected in the form state, so we need to re-fetch\n   */\n  readonly cacheBuster: number\n  readonly className: string\n  /**\n   * Custom block component from view map\n   * Will be rendered with useBlockComponentContext hook.\n   */\n  readonly CustomBlock?: React.FC<ViewMapBlockComponentProps>\n  /**\n   * Custom block label from view map\n   * Will be rendered with useBlockComponentContext hook.\n   */\n  readonly CustomLabel?: React.FC<ViewMapBlockComponentProps>\n  readonly formData: TFormData\n  readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<BlockComponentProps> = (props) => {\n  const {\n    cacheBuster,\n    className: baseClass,\n    CustomBlock: CustomBlockFromProps,\n    CustomLabel: CustomLabelFromProps,\n    formData,\n    nodeKey,\n  } = props\n\n  const submitted = useFormSubmitted()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const {\n    fieldProps: {\n      featureClientSchemaMap,\n      field: parentLexicalRichTextField,\n      initialLexicalFormState,\n      schemaPath,\n    },\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n\n  const { fields: parentDocumentFields } = useDocumentForm()\n  const onChangeAbortControllerRef = useRef(new AbortController())\n  const editDepth = useEditDepth()\n  const [errorCount, setErrorCount] = React.useState(0)\n\n  const { config } = useConfig()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-blocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug)\n\n  // Used for saving collapsed to preferences (and gettin' it from there again)\n  // Remember, these preferences are scoped to the whole document, not just this form. This\n  // is important to consider for the data path used in setDocFieldPreferences\n  const { getDocPreferences, setDocFieldPreferences } = useDocumentInfo()\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n\n  const blockType = formData.blockType\n\n  const 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 | undefined\n\n  const blockOrSlug = blocksField?.blocks?.[0]\n  const clientBlock: ClientBlock | undefined =\n    typeof blockOrSlug === 'string' ? config.blocksMap[blockOrSlug] : blockOrSlug\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 [formUuid] = React.useState(() => uuid())\n\n  // Server-rendered custom components (from admin.components, NOT viewMap).\n  // When viewMap components exist (CustomBlockFromProps/CustomLabelFromProps),\n  // we render them directly with formData instead, so these states are unused.\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  // When viewMap components exist, render directly with formData (always current from\n  // the lexical node). When they don't, fall back to server-rendered state.\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          useBlockComponentContext={useBlockComponentContext}\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          useBlockComponentContext={useBlockComponentContext}\n        />\n      )\n    }\n    return CustomLabel\n  }, [CustomLabelFromProps, baseClass, formData, nodeKey, CustomLabel])\n\n  // Initial state for newly created blocks\n  useEffect(() => {\n    const abortController = new AbortController()\n\n    const awaitInitialState = async () => {\n      /*\n       * This will only run if a new block is created. For all existing blocks that are loaded when the document is loaded, or when the form is saved,\n       * this is not run, as the lexical field RSC will fetch the state server-side and pass it to the client. That way, we avoid unnecessary client-side\n       * requests. Though for newly created blocks, we need to fetch the state client-side, as the server doesn't know about the block yet.\n       */\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        data: formData,\n        docPermissions: { fields: true },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        globalSlug,\n        initialBlockData: formData,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        state.blockName = {\n          initialValue: formData.blockName,\n          passesCondition: true,\n          valid: true,\n          value: formData.blockName,\n        }\n\n        const newFormStateData: BlockFields = reduceFieldsToValues(\n          deepCopyObjectSimpleWithoutReactComponents(state, { excludeFiles: true }),\n          true,\n        ) as BlockFields\n\n        // Things like default values may come back from the server => update the node with the new data\n        editor.update(\n          () => {\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          // 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 ?? undefined)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(state._components?.customComponents?.Block ?? undefined)\n        }\n      }\n    }\n\n    if (clientBlock && formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    schemaFieldsPath,\n    isEditable,\n    id,\n    CustomLabelFromProps,\n    CustomBlockFromProps,\n    formData,\n    editor,\n    nodeKey,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\n    blockType,\n    clientBlock,\n  ])\n\n  const [isCollapsed, setIsCollapsed] = React.useState<boolean>(\n    initialLexicalFormState?.[formData.id]?.collapsed ?? false,\n  )\n\n  const { i18n, t } = useTranslation<object, string>()\n\n  const onChange = useCallback(\n    async ({ formState: prevFormState, submit }: { formState: FormState; submit?: boolean }) => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state: newFormState } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields, {\n          excludeFiles: true,\n        }),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\n        operation: 'update',\n        readOnly: !isEditable,\n        renderAllFields: submit ? true : false,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!newFormState) {\n        return prevFormState\n      }\n\n      if (prevFormState.blockName) {\n        newFormState.blockName = prevFormState.blockName\n      }\n\n      const newFormStateData: BlockFields = reduceFieldsToValues(\n        removeEmptyArrayValues({\n          fields: deepCopyObjectSimpleWithoutReactComponents(newFormState, { excludeFiles: true }),\n        }),\n        true,\n      ) as BlockFields\n\n      setTimeout(() => {\n        editor.update(\n          () => {\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          // 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      }, 0)\n\n      if (submit) {\n        if (!CustomLabelFromProps) {\n          setCustomLabel(newFormState._components?.customComponents?.BlockLabel ?? undefined)\n        }\n        if (!CustomBlockFromProps) {\n          setCustomBlock(newFormState._components?.customComponents?.Block ?? undefined)\n        }\n\n        let rowErrorCount = 0\n        for (const formField of Object.values(newFormState)) {\n          if (formField?.valid === false) {\n            rowErrorCount++\n          }\n        }\n        setErrorCount(rowErrorCount)\n      }\n\n      return newFormState\n    },\n\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      globalSlug,\n      schemaFieldsPath,\n      blockType,\n      parentDocumentFields,\n      isEditable,\n      editor,\n      nodeKey,\n      CustomBlockFromProps,\n      CustomLabelFromProps,\n    ],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  const removeBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const [rowIndex, setRowIndex] = React.useState<number>(0)\n\n  useEffect(() => {\n    const updateIndex = () => {\n      editor.getEditorState().read(() => {\n        const root = $getRoot()\n        const children = root.getChildren()\n        let blockCount = 0\n        for (const child of children) {\n          if ($isBlockNode(child)) {\n            if (child.getKey() === nodeKey) {\n              setRowIndex(blockCount)\n              return\n            }\n            blockCount++\n          }\n        }\n      })\n    }\n    updateIndex()\n    return editor.registerUpdateListener(() => {\n      updateIndex()\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=\"ghost\"\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=\"medium\"\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=\"ghost\"\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      function BlockCollapsible({\n        Actions,\n        children,\n        className,\n        collapsibleProps,\n        disableBlockName,\n        editButton,\n        errorCount,\n        fieldHasErrors,\n        Label,\n        Pill: CustomPill,\n        removeButton,\n        showDragHandle = true,\n        showRowNumber = true,\n      }: BlockCollapsibleWithErrorProps) {\n        return (\n          <BlockReordering editor={editor} nodeKey={nodeKey}>\n            {({ isReordering, move, onBlur, onKeyDown, reorderInstructionsID, targetIndex }) => (\n              <div\n                className={`${baseClass}__container ${baseClass}-${blockType}`}\n                onKeyDownCapture={(event) => {\n                  const target = event.target as HTMLElement\n\n                  if (\n                    event.altKey ||\n                    event.ctrlKey ||\n                    event.metaKey ||\n                    target.closest('.collapsible')?.parentElement !== event.currentTarget\n                  ) {\n                    return\n                  }\n                  // Handle controls before Lexical consumes keys using its retained text selection.\n                  if (\n                    target.matches('.collapsible__drag') &&\n                    (event.key !== 'Escape' || isReordering) &&\n                    [' ', 'ArrowDown', 'ArrowUp', 'Enter', 'Escape', 'Tab'].includes(event.key)\n                  ) {\n                    onKeyDown(event)\n                    event.stopPropagation()\n                  } else if (event.key === 'Tab' && target.matches('.collapsible__toggle')) {\n                    event.stopPropagation()\n                  }\n                }}\n              >\n                <Collapsible\n                  actions={\n                    typeof Actions !== 'undefined' ? (\n                      Actions\n                    ) : isEditable ? (\n                      <Popup\n                        button={<MoreIcon />}\n                        buttonClassName={`${baseClass}__actions-button`}\n                        caret={false}\n                        horizontalAlign=\"right\"\n                        popupType=\"menu\"\n                        render={({ close }) => (\n                          <PopupList.ButtonGroup buttonSize=\"medium\">\n                            <PopupList.Button\n                              onClick={() => {\n                                close()\n                                move({ direction: -1 })\n                              }}\n                            >\n                              {t('general:moveUp')}\n                            </PopupList.Button>\n                            <PopupList.Button\n                              onClick={() => {\n                                close()\n                                move({ direction: 1 })\n                              }}\n                            >\n                              {t('general:moveDown')}\n                            </PopupList.Button>\n                            {((resolvedCustomBlock && editButton !== false) ||\n                              (!resolvedCustomBlock && editButton)) && (\n                              <PopupList.Button\n                                onClick={() => {\n                                  toggleDrawer()\n                                  close()\n                                }}\n                              >\n                                {t('general:edit')}\n                              </PopupList.Button>\n                            )}\n                            {removeButton !== false && (\n                              <PopupList.Button\n                                onClick={() => {\n                                  removeBlock()\n                                  close()\n                                }}\n                              >\n                                <XIcon />\n                                {t('general:remove')}\n                              </PopupList.Button>\n                            )}\n                          </PopupList.ButtonGroup>\n                        )}\n                        size=\"large\"\n                      />\n                    ) : null\n                  }\n                  className={[\n                    `${baseClass}__row`,\n                    fieldHasErrors\n                      ? `${baseClass}__row--has-errors`\n                      : `${baseClass}__row--no-errors`,\n                    className,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n                  dragHandleProps={\n                    showDragHandle && isEditable\n                      ? {\n                          id: nodeKey,\n                          attributes: {\n                            'aria-describedby': reorderInstructionsID,\n                            'aria-pressed': isReordering,\n                            role: 'button',\n                            tabIndex: 0,\n                          },\n                          listeners: { onBlur },\n                        }\n                      : undefined\n                  }\n                  header={\n                    <div className={`${baseClass}__block-header`}>\n                      {typeof Label !== 'undefined' ? (\n                        Label\n                      ) : typeof resolvedCustomLabel !== 'undefined' ? (\n                        resolvedCustomLabel\n                      ) : (\n                        <div className={`${baseClass}__block-label`}>\n                          {showRowNumber && (\n                            <span className={`${baseClass}__block-number`}>\n                              {String(rowIndex + 1).padStart(2, '0')}\n                            </span>\n                          )}\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                    </div>\n                  }\n                  isCollapsed={isCollapsed}\n                  key={0}\n                  onToggle={(incomingCollapsedState) => {\n                    onCollapsedChange(incomingCollapsedState)\n                    setIsCollapsed(incomingCollapsedState)\n                  }}\n                  {...(collapsibleProps || {})}\n                  AfterCollapsible={\n                    <>\n                      {collapsibleProps?.AfterCollapsible}\n                      <span className=\"sr-only\" role=\"status\">\n                        {isReordering ? `${t('general:order')}: ${(targetIndex ?? 0) + 1}` : ''}\n                      </span>\n                    </>\n                  }\n                >\n                  <span className=\"sr-only\" id={reorderInstructionsID}>\n                    Space / Enter · {t('general:moveUp')} ↑ · {t('general:moveDown')} ↓ ·{' '}\n                    {t('general:cancel')} Escape\n                  </span>\n                  {children}\n                </Collapsible>\n              </div>\n            )}\n          </BlockReordering>\n        )\n      },\n    [\n      editor,\n      resolvedCustomBlock,\n      resolvedCustomLabel,\n      blockDisplayName,\n      baseClass,\n      clientBlock?.admin?.disableBlockName,\n      blockType,\n      i18n,\n      isCollapsed,\n      onCollapsedChange,\n      isEditable,\n      nodeKey,\n      removeBlock,\n      rowIndex,\n      t,\n      toggleDrawer,\n    ],\n  )\n\n  const blockID = formData?.id\n\n  const { headerActions, submitRef } = useDrawerSubmit()\n\n  const BlockDrawer = useMemo(\n    () => () => (\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          headerActions={headerActions}\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            <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    ),\n    [\n      initialState,\n      drawerSlug,\n      blockID,\n      blockDisplayName,\n      t,\n      isEditable,\n      clientBlock?.fields,\n      schemaFieldsPath,\n      headerActions,\n      submitRef,\n      // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n    ],\n  )\n\n  // Memoized Form JSX\n  const Block = useMemo(() => {\n    if (!initialState) {\n      return null\n    }\n    return (\n      <div data-block-drawer-slug={drawerSlug} style={{ display: 'contents' }}>\n        <Form\n          beforeSubmit={[\n            async ({ formState }) => {\n              // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n              return await onChange({ formState, submit: true })\n            },\n          ]}\n          el=\"div\"\n          fields={clientBlock?.fields ?? []}\n          initialState={initialState}\n          onChange={[onChange]}\n          onSubmit={(formState, newData) => {\n            // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n            newData.blockType = blockType\n            editor.update(\n              () => {\n                const node = $getNodeByKey(nodeKey)\n                if (node && $isBlockNode(node)) {\n                  node.setFields(newData as BlockFields, 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            toggleDrawer()\n          }}\n          submitted={submitted}\n          uuid={formUuid}\n        >\n          <BlockContent\n            baseClass={baseClass}\n            BlockDrawer={BlockDrawer}\n            Collapsible={BlockCollapsible}\n            CustomBlock={resolvedCustomBlock}\n            CustomLabel={resolvedCustomLabel}\n            EditButton={EditButton}\n            errorCount={errorCount}\n            formSchema={clientBlock?.fields ?? []}\n            initialState={initialState}\n            nodeKey={nodeKey}\n            RemoveButton={RemoveButton}\n          />\n        </Form>\n      </div>\n    )\n  }, [\n    BlockCollapsible,\n    BlockDrawer,\n    resolvedCustomBlock,\n    resolvedCustomLabel,\n    blockType,\n    drawerSlug,\n    RemoveButton,\n    EditButton,\n    baseClass,\n    editor,\n    errorCount,\n    toggleDrawer,\n    clientBlock?.fields,\n    formUuid,\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"],"mappings":"AAAA;;;AAEA,SAASA,yBAAyB,QAAQ;AAC1C,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SACEC,MAAM,EACNC,WAAW,EACXC,MAAM,EACNC,iBAAiB,EACjBC,SAAS,EACTC,IAAI,EACJC,gBAAgB,EAChBC,QAAQ,EACRC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,YAAY,EACZC,SAAS,EACTC,eAAe,EACfC,eAAe,EACfC,YAAY,EACZC,gBAAgB,EAChBC,kBAAkB,EAClBC,cAAc,EACdC,KAAK,QACA;AACP,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,EAAEC,QAAQ,EAAEC,sBAAsB,QAAQ;AAOhE,SAASC,0CAA0C,EAAEC,oBAAoB,QAAQ;AACjF,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ;AAC/D,SAASC,EAAA,IAAMC,IAAI,QAAQ;AAK3B,OAAO;AACP,OAAO;AACP,SAASC,sBAAsB,QAAQ;AACvC,SACEC,kBAAkB,EAClBC,eAAe,QACV;AACP,SAASC,gBAAgB,QAAQ;AACjC,SAASC,YAAY,QAAQ;AAC7B,SAEEC,YAAY,EACZC,wBAAwB,QACnB;AACP,SAASC,eAAe,QAAQ;AAChC,SAASC,sBAAsB,QAAQ;AAwBvC,OAAO,MAAMC,cAAA,GAAiDC,KAAA;EAC5D,MAAM;IACJC,WAAW;IACXC,SAAA,EAAWC,SAAS;IACpBC,WAAA,EAAaC,oBAAoB;IACjCC,WAAA,EAAaC,oBAAoB;IACjCC,QAAQ;IACRC;EAAO,CACR,GAAGT,KAAA;EAEJ,MAAMU,SAAA,GAAYrC,gBAAA;EAClB,MAAM;IAAEsC,EAAE;IAAEC,cAAc;IAAEC;EAAU,CAAE,GAAG1C,eAAA;EAC3C,MAAM;IACJ2C,UAAA,EAAY;MACVC,sBAAsB;MACtBC,KAAA,EAAOC,0BAA0B;MACjCC,uBAAuB;MACvBC;IAAU,CACX;IACD9B,IAAA,EAAM+B;EAAe,CACtB,GAAG9B,sBAAA;EAEJ,MAAM;IAAE+B,MAAA,EAAQC;EAAoB,CAAE,GAAGpD,eAAA;EACzC,MAAMqD,0BAAA,GAA6BpC,MAAA,CAAO,IAAIqC,eAAA;EAC9C,MAAMC,SAAA,GAAYrD,YAAA;EAClB,MAAM,CAACsD,UAAA,EAAYC,aAAA,CAAc,GAAG5C,KAAA,CAAM6C,QAAQ,CAAC;EAEnD,MAAM;IAAEC;EAAM,CAAE,GAAG5D,SAAA;EAEnB,MAAM6D,UAAA,GAAapE,gBAAA,CAAiB;IAClCqE,IAAA,EAAM,yBAAyBX,eAAA,IAAmBZ,QAAA,CAASG,EAAE,EAAE;IAC/DqB,KAAA,EAAOP;EACT;EACA,MAAM;IAAEQ;EAAY,CAAE,GAAGxC,gBAAA,CAAiBqC,UAAA;EAE1C;EACA;EACA;EACA,MAAM;IAAEI,iBAAiB;IAAEC;EAAsB,CAAE,GAAGhE,eAAA;EACtD,MAAM,CAACiE,MAAA,CAAO,GAAGnF,yBAAA;EACjB,MAAMoF,UAAA,GAAanF,kBAAA;EAEnB,MAAMoF,SAAA,GAAY9B,QAAA,CAAS8B,SAAS;EAEpC,MAAMC,6BAAA,GAAgC,GAAGpB,UAAA,mDAA6DmB,SAAA,EAAW;EAEjH,MAAME,eAAA,GAAkBzB,sBAAsB,CAAC,SAAS;EAExD,MAAM0B,WAAA,GAA6CD,eAAA,GACjDD,6BAAA,CACD,GAAG,EAAE;EAEN,MAAMG,WAAA,GAAcD,WAAA,EAAaE,MAAA,GAAS,EAAE;EAC5C,MAAMC,WAAA,GACJ,OAAOF,WAAA,KAAgB,WAAWb,MAAA,CAAOgB,SAAS,CAACH,WAAA,CAAY,GAAGA,WAAA;EAEpE,MAAM;IAAEI;EAAY,CAAE,GAAGxE,kBAAA;EACzB,MAAMyE,gBAAA,GAAmB,GAAG5B,UAAA,mDAA6DmB,SAAA,SAAkB;EAE3G,MAAM,CAACU,YAAA,EAAcC,eAAA,CAAgB,GAAGlE,KAAA,CAAM6C,QAAQ,CAAgC;IACpF;IACA,MAAMsB,eAAA,GAAkBhC,uBAAA,GAA0BV,QAAA,CAASG,EAAE,CAAC,EAAEwC,SAAA;IAChE,IAAI,CAACD,eAAA,EAAiB;MACpB,OAAO;IACT;IAEA;IACA;IACA,MAAME,WAAA,GAAcC,MAAA,CAAOC,WAAW,CACpCD,MAAA,CAAOE,OAAO,CAACL,eAAA,EAAiBM,GAAG,CAAC,CAAC,CAACC,SAAA,EAAWC,UAAA,CAAW,KAAK,CAC/DD,SAAA,EACAA,SAAA,IAAajD,QAAA,GACT;MACE,GAAGkD,UAAU;MACbC,YAAA,EAAcnD,QAAQ,CAACiD,SAAA,CAAU;MACjCG,KAAA,EAAOpD,QAAQ,CAACiD,SAAA;IAClB,IACAC,UAAA,CACL;IAGH;IACAN,WAAA,CAAYS,SAAS,GAAG;MACtBF,YAAA,EAAcnD,QAAA,CAASqD,SAAS;MAChCC,eAAA,EAAiB;MACjBC,KAAA,EAAO;MACPH,KAAA,EAAOpD,QAAA,CAASqD;IAClB;IAEA,OAAOT,WAAA;EACT;EAEA,MAAMY,UAAA,GAAa7E,MAAA,CAAO;EAC1B,MAAM8E,eAAA,GAAkB9E,MAAA,CAAOc,WAAA;EAC/BhB,SAAA,CAAU;IACR,IAAI+E,UAAA,CAAWE,OAAO,EAAE;MACtB,IAAID,eAAA,CAAgBC,OAAO,KAAKjE,WAAA,EAAa;QAC3CgD,eAAA,CAAgB;MAClB;MACAgB,eAAA,CAAgBC,OAAO,GAAGjE,WAAA;IAC5B,OAAO;MACL+D,UAAA,CAAWE,OAAO,GAAG;IACvB;EACF,GAAG,CAACjE,WAAA,CAAY;EAEhB,MAAM,CAACkE,QAAA,CAAS,GAAGpF,KAAA,CAAM6C,QAAQ,CAAC,MAAMvC,IAAA;EAExC;EACA;EACA;EACA,MAAM,CAACiB,WAAA,EAAa8D,cAAA,CAAe,GAAGrF,KAAA,CAAM6C,QAAQ,CAA8B;IAChF,IAAIrB,oBAAA,EAAsB;MACxB,OAAO8D,SAAA;IACT;IACA;IACA,OAAOrB,YAAA,GAAe,cAAc,EAAEsB,gBAAA,EAAkBC,UAAA,IAAcF,SAAA;EACxE;EAEA,MAAM,CAACjE,WAAA,EAAaoE,cAAA,CAAe,GAAGzF,KAAA,CAAM6C,QAAQ,CAA8B;IAChF,IAAIvB,oBAAA,EAAsB;MACxB,OAAOgE,SAAA;IACT;IACA;IACA,OAAOrB,YAAA,GAAe,cAAc,EAAEsB,gBAAA,EAAkBG,KAAA,IAASJ,SAAA;EACnE;EAEA;EACA;EACA,MAAMK,mBAAA,GAAsBxF,OAAA,CAAQ;IAClC,IAAImB,oBAAA,EAAsB;MACxB,oBACEsE,IAAA,CAACtE,oBAAA;QACCH,SAAA,EAAWC,SAAA;QACXK,QAAA,EAAUA,QAAA;QACVoE,QAAA,EAAU;QACVC,cAAA,EAAgB;QAChBpE,OAAA,EAASA,OAAA;QACT;QACAb,wBAAA,EAA0BA;;IAGhC;IACA,OAAOQ,WAAA;EACT,GAAG,CAACC,oBAAA,EAAsBF,SAAA,EAAWK,QAAA,EAAUC,OAAA,EAASL,WAAA,CAAY;EAEpE,MAAM0E,mBAAA,GAAsB5F,OAAA,CAAQ;IAClC,IAAIqB,oBAAA,EAAsB;MACxB,oBACEoE,IAAA,CAACpE,oBAAA;QACCL,SAAA,EAAWC,SAAA;QACXK,QAAA,EAAUA,QAAA;QACVoE,QAAA,EAAU;QACVC,cAAA,EAAgB;QAChBpE,OAAA,EAASA,OAAA;QACT;QACAb,wBAAA,EAA0BA;;IAGhC;IACA,OAAOU,WAAA;EACT,GAAG,CAACC,oBAAA,EAAsBJ,SAAA,EAAWK,QAAA,EAAUC,OAAA,EAASH,WAAA,CAAY;EAEpE;EACArB,SAAA,CAAU;IACR,MAAM8F,eAAA,GAAkB,IAAIvD,eAAA;IAE5B,MAAMwD,iBAAA,GAAoB,MAAAA,CAAA;MACxB;;;;;MAKA,MAAM;QAAEC;MAAK,CAAE,GAAG,MAAMnC,YAAA,CAAa;QACnCnC,EAAA;QACAC,cAAA;QACAsE,IAAA,EAAM1E,QAAA;QACN2E,cAAA,EAAgB;UAAE9D,MAAA,EAAQ;QAAK;QAC/B+D,cAAA,EAAgB,MAAMlD,iBAAA;QACtBmD,iBAAA,EAAmBxG,0CAAA,CAA2CyC,oBAAA,EAAsB;UAClFgE,YAAA,EAAc;QAChB;QACAzE,UAAA;QACA0E,gBAAA,EAAkB/E,QAAA;QAClBgF,SAAA,EAAW;QACXC,QAAA,EAAU,CAACpD,UAAA;QACXqD,eAAA,EAAiB;QACjBvE,UAAA,EAAY4B,gBAAA;QACZ4C,MAAA,EAAQZ,eAAA,CAAgBY;MAC1B;MAEA,IAAIV,KAAA,EAAO;QACTA,KAAA,CAAMpB,SAAS,GAAG;UAChBF,YAAA,EAAcnD,QAAA,CAASqD,SAAS;UAChCC,eAAA,EAAiB;UACjBC,KAAA,EAAO;UACPH,KAAA,EAAOpD,QAAA,CAASqD;QAClB;QAEA,MAAM+B,gBAAA,GAAgC9G,oBAAA,CACpCD,0CAAA,CAA2CoG,KAAA,EAAO;UAAEK,YAAA,EAAc;QAAK,IACvE;QAGF;QACAlD,MAAA,CAAOyD,MAAM,CACX;UACE,MAAMC,IAAA,GAAOpH,aAAA,CAAc+B,OAAA;UAC3B,IAAIqF,IAAA,IAAQpG,YAAA,CAAaoG,IAAA,GAAO;YAC9B,MAAMC,OAAA,GAAUH,gBAAA;YAChBG,OAAA,CAAQzD,SAAS,GAAGA,SAAA;YAEpBwD,IAAA,CAAKE,SAAS,CAACD,OAAA,EAAS;UAC1B;QACF;QACA;QACA;QACA;UAAEE,GAAA,EAAKrH;QAAuB;QAGhCqE,eAAA,CAAgBgC,KAAA;QAChB,IAAI,CAAC1E,oBAAA,EAAsB;UACzB6D,cAAA,CAAea,KAAA,CAAMiB,WAAW,EAAE5B,gBAAA,EAAkBC,UAAA,IAAcF,SAAA;QACpE;QACA,IAAI,CAAChE,oBAAA,EAAsB;UACzBmE,cAAA,CAAeS,KAAA,CAAMiB,WAAW,EAAE5B,gBAAA,EAAkBG,KAAA,IAASJ,SAAA;QAC/D;MACF;IACF;IAEA,IAAIzB,WAAA,IAAepC,QAAA,IAAY,CAACwC,YAAA,EAAc;MAC5C,KAAKgC,iBAAA;IACP;IAEA,OAAO;MACLvG,cAAA,CAAesG,eAAA;IACjB;EACF,GAAG,CACDjC,YAAA,EACAC,gBAAA,EACAV,UAAA,EACA1B,EAAA,EACAJ,oBAAA,EACAF,oBAAA,EACAG,QAAA,EACA4B,MAAA,EACA3B,OAAA,EACAuC,YAAA,EACApC,cAAA,EACAC,UAAA,EACAqB,iBAAA,EACAZ,oBAAA,EACAgB,SAAA,EACAM,WAAA,CACD;EAED,MAAM,CAACuD,WAAA,EAAaC,cAAA,CAAe,GAAGrH,KAAA,CAAM6C,QAAQ,CAClDV,uBAAA,GAA0BV,QAAA,CAASG,EAAE,CAAC,EAAE0F,SAAA,IAAa;EAGvD,MAAM;IAAEC,IAAI;IAAEC;EAAC,CAAE,GAAGhI,cAAA;EAEpB,MAAMiI,QAAA,GAAWxH,WAAA,CACf,OAAO;IAAEmE,SAAA,EAAWsD,aAAa;IAAEC;EAAM,CAA8C;IACrFjI,cAAA,CAAe8C,0BAAA,CAA2B2C,OAAO;IAEjD,MAAMyC,UAAA,GAAa,IAAInF,eAAA;IACvBD,0BAAA,CAA2B2C,OAAO,GAAGyC,UAAA;IAErC,MAAM;MAAE1B,KAAA,EAAO2B;IAAY,CAAE,GAAG,MAAM9D,YAAA,CAAa;MACjDnC,EAAA;MACAC,cAAA;MACAuE,cAAA,EAAgB;QACd9D,MAAA,EAAQ;MACV;MACA+D,cAAA,EAAgB,MAAMlD,iBAAA;MACtBmD,iBAAA,EAAmBxG,0CAAA,CAA2CyC,oBAAA,EAAsB;QAClFgE,YAAA,EAAc;MAChB;MACAnC,SAAA,EAAWsD,aAAA;MACX5F,UAAA;MACAgG,qBAAA,EAAuBJ,aAAA;MACvBjB,SAAA,EAAW;MACXC,QAAA,EAAU,CAACpD,UAAA;MACXqD,eAAA,EAAiBgB,MAAA,GAAS,OAAO;MACjCvF,UAAA,EAAY4B,gBAAA;MACZ4C,MAAA,EAAQgB,UAAA,CAAWhB;IACrB;IAEA,IAAI,CAACiB,YAAA,EAAc;MACjB,OAAOH,aAAA;IACT;IAEA,IAAIA,aAAA,CAAc5C,SAAS,EAAE;MAC3B+C,YAAA,CAAa/C,SAAS,GAAG4C,aAAA,CAAc5C,SAAS;IAClD;IAEA,MAAM+B,kBAAA,GAAgC9G,oBAAA,CACpCgB,sBAAA,CAAuB;MACrBuB,MAAA,EAAQxC,0CAAA,CAA2C+H,YAAA,EAAc;QAAEtB,YAAA,EAAc;MAAK;IACxF,IACA;IAGFwB,UAAA,CAAW;MACT1E,MAAA,CAAOyD,MAAM,CACX;QACE,MAAMC,MAAA,GAAOpH,aAAA,CAAc+B,OAAA;QAC3B,IAAIqF,MAAA,IAAQpG,YAAA,CAAaoG,MAAA,GAAO;UAC9B,MAAMC,SAAA,GAAUH,kBAAA;UAChBG,SAAA,CAAQzD,SAAS,GAAGA,SAAA;UACpBwD,MAAA,CAAKE,SAAS,CAACD,SAAA,EAAS;QAC1B;MACF;MACA;MACA;MACA;QAAEE,GAAA,EAAKrH;MAAuB;IAElC,GAAG;IAEH,IAAI8H,MAAA,EAAQ;MACV,IAAI,CAACnG,oBAAA,EAAsB;QACzB6D,cAAA,CAAewC,YAAA,CAAaV,WAAW,EAAE5B,gBAAA,EAAkBC,UAAA,IAAcF,SAAA;MAC3E;MACA,IAAI,CAAChE,oBAAA,EAAsB;QACzBmE,cAAA,CAAeoC,YAAA,CAAaV,WAAW,EAAE5B,gBAAA,EAAkBG,KAAA,IAASJ,SAAA;MACtE;MAEA,IAAI0C,aAAA,GAAgB;MACpB,KAAK,MAAMC,SAAA,IAAa3D,MAAA,CAAO4D,MAAM,CAACL,YAAA,GAAe;QACnD,IAAII,SAAA,EAAWjD,KAAA,KAAU,OAAO;UAC9BgD,aAAA;QACF;MACF;MACApF,aAAA,CAAcoF,aAAA;IAChB;IAEA,OAAOH,YAAA;EACT,GAEA,CACE9D,YAAA,EACAnC,EAAA,EACAC,cAAA,EACAsB,iBAAA,EACArB,UAAA,EACAkC,gBAAA,EACAT,SAAA,EACAhB,oBAAA,EACAe,UAAA,EACAD,MAAA,EACA3B,OAAA,EACAJ,oBAAA,EACAE,oBAAA,CACD;EAGHtB,SAAA,CAAU;IACR,OAAO;MACLR,cAAA,CAAe8C,0BAAA,CAA2B2C,OAAO;IACnD;EACF,GAAG,EAAE;EAEL,MAAMgD,WAAA,GAAclI,WAAA,CAAY;IAC9BoD,MAAA,CAAOyD,MAAM,CAAC;MACZnH,aAAA,CAAc+B,OAAA,GAAU0G,MAAA;IAC1B;EACF,GAAG,CAAC/E,MAAA,EAAQ3B,OAAA,CAAQ;EAEpB,MAAM,CAAC2G,QAAA,EAAUC,WAAA,CAAY,GAAGtI,KAAA,CAAM6C,QAAQ,CAAS;EAEvD3C,SAAA,CAAU;IACR,MAAMqI,WAAA,GAAcA,CAAA;MAClBlF,MAAA,CAAOmF,cAAc,GAAGC,IAAI,CAAC;QAC3B,MAAMC,IAAA,GAAO9I,QAAA;QACb,MAAM+I,QAAA,GAAWD,IAAA,CAAKE,WAAW;QACjC,IAAIC,UAAA,GAAa;QACjB,KAAK,MAAMC,KAAA,IAASH,QAAA,EAAU;UAC5B,IAAIhI,YAAA,CAAamI,KAAA,GAAQ;YACvB,IAAIA,KAAA,CAAMC,MAAM,OAAOrH,OAAA,EAAS;cAC9B4G,WAAA,CAAYO,UAAA;cACZ;YACF;YACAA,UAAA;UACF;QACF;MACF;IACF;IACAN,WAAA;IACA,OAAOlF,MAAA,CAAO2F,sBAAsB,CAAC;MACnCT,WAAA;IACF;EACF,GAAG,CAAClF,MAAA,EAAQ3B,OAAA,CAAQ;EAEpB,MAAMuH,gBAAA,GAAmBpF,WAAA,EAAaqF,MAAA,EAAQC,QAAA,GAC1C/K,cAAA,CAAeyF,WAAA,CAAYqF,MAAM,CAACC,QAAQ,EAAE5B,IAAA,IAC5C1D,WAAA,EAAab,IAAA;EAEjB,MAAMoG,iBAAA,GAAoBnJ,WAAA,CACvBoJ,gBAAA;IACC,KAAKlG,iBAAA,GAAoBmG,IAAI,CAAEC,qBAAA;MAC7B,MAAMC,uBAAA,GACJD,qBAAA,EAAuBjH,MAAA,GAASJ,0BAAA,CAA2BuH,IAAI,CAAC;MAElE,MAAMC,cAAA,GAAiBF,uBAAA,EAAyBlC,SAAA;MAEhD,MAAMqC,YAAA,GACJD,cAAA,IAAkBA,cAAA,EAAgBE,MAAA,GAASF,cAAA,GAAiB,EAAE;MAEhE,IAAIL,gBAAA,EAAkB;QACpB,IAAI,CAACM,YAAA,CAAaE,QAAQ,CAACpI,QAAA,CAASG,EAAE,GAAG;UACvC+H,YAAA,CAAaG,IAAI,CAACrI,QAAA,CAASG,EAAE;QAC/B;MACF,OAAO;QACL,IAAI+H,YAAA,CAAaE,QAAQ,CAACpI,QAAA,CAASG,EAAE,GAAG;UACtC+H,YAAA,CAAaI,MAAM,CAACJ,YAAA,CAAaK,OAAO,CAACvI,QAAA,CAASG,EAAE,GAAG;QACzD;MACF;MAEAwB,sBAAA,CAAuBlB,0BAAA,CAA2BuH,IAAI,EAAE;QACtDnC,SAAA,EAAWqC,YAAA;QACXM,KAAA,EAAO;MACT;IACF;EACF,GACA,CAAC9G,iBAAA,EAAmBjB,0BAAA,CAA2BuH,IAAI,EAAErG,sBAAA,EAAwB3B,QAAA,CAASG,EAAE,CAAC;EAG3F,MAAMsI,UAAA,GAAa/J,OAAA,CACjB,MAAM,mBACJyF,IAAA,CAACvH,MAAA;IACC8L,WAAA,EAAY;IACZhJ,SAAA,EAAW,GAAGC,SAAA,cAAuB;IACrCgJ,QAAA,EAAU,CAAC9G,UAAA;IACX+G,EAAA,EAAG;IACHC,IAAA,EAAK;IACLC,OAAA,EAAUC,CAAA;MACRA,CAAA,CAAEC,cAAc;MAChBD,CAAA,CAAEE,eAAe;MACjBxH,YAAA;MACA,OAAO;IACT;IACAyH,WAAA,EAAcH,GAAA;MACZ;MACA;MACAA,GAAA,CAAEC,cAAc;IAClB;IACAG,KAAK;IACLC,IAAA,EAAK;IACLC,OAAA,EAAStD,CAAA,CAAE,oCAAoC;MAAEuD,KAAA,EAAO9B;IAAiB;MAG7E,CAAC7H,SAAA,EAAWkC,UAAA,EAAYkE,CAAA,EAAGyB,gBAAA,EAAkB/F,YAAA,CAAa;EAG5D,MAAM8H,YAAA,GAAe7K,OAAA,CACnB,MAAM,mBACJyF,IAAA,CAACvH,MAAA;IACC8L,WAAA,EAAY;IACZhJ,SAAA,EAAW,GAAGC,SAAA,gBAAyB;IACvCgJ,QAAA,EAAU,CAAC9G,UAAA;IACXgH,IAAA,EAAK;IACLC,OAAA,EAAUC,GAAA;MACRA,GAAA,CAAEC,cAAc;MAChBtC,WAAA;IACF;IACAyC,KAAK;IACLE,OAAA,EAAQ;MAGZ,CAAC1J,SAAA,EAAWkC,UAAA,EAAY6E,WAAA,CAAY;EAGtC,MAAM8C,gBAAA,GAAmB9K,OAAA,CACvB,MACE,SAAS8K,iBAAiB;IACxBC,OAAO;IACPvC,QAAQ,EAARA,UAAQ;IACRxH,SAAS;IACTgK,gBAAgB;IAChBC,gBAAgB;IAChBC,UAAU;IACV1I,UAAU,EAAVA,YAAU;IACV2I,cAAc;IACdC,KAAK;IACL1M,IAAA,EAAM2M,UAAU;IAChBC,YAAY;IACZC,cAAA,GAAiB,IAAI;IACrBC,aAAA,GAAgB;EAAI,CACW;IAC/B,oBACE/F,IAAA,CAAC9E,eAAA;MAAgBuC,MAAA,EAAQA,MAAA;MAAQ3B,OAAA,EAASA,OAAA;gBACvCiH,CAAC;QAAEiD,YAAY;QAAEC,IAAI;QAAEC,MAAM;QAAEC,SAAS;QAAEC,qBAAqB;QAAEC;MAAW,CAAE,kBAC7ErG,IAAA,CAAC;QACCzE,SAAA,EAAW,GAAGC,SAAA,eAAwBA,SAAA,IAAamC,SAAA,EAAW;QAC9D2I,gBAAA,EAAmBC,KAAA;UACjB,MAAMC,MAAA,GAASD,KAAA,CAAMC,MAAM;UAE3B,IACED,KAAA,CAAME,MAAM,IACZF,KAAA,CAAMG,OAAO,IACbH,KAAA,CAAMI,OAAO,IACbH,MAAA,CAAOI,OAAO,CAAC,iBAAiBC,aAAA,KAAkBN,KAAA,CAAMO,aAAa,EACrE;YACA;UACF;UACA;UACA,IACEN,MAAA,CAAOO,OAAO,CAAC,0BACdR,KAAA,CAAMS,GAAG,KAAK,YAAYhB,YAAW,KACtC,CAAC,KAAK,aAAa,WAAW,SAAS,UAAU,MAAM,CAAC/B,QAAQ,CAACsC,KAAA,CAAMS,GAAG,GAC1E;YACAb,SAAA,CAAUI,KAAA;YACVA,KAAA,CAAMzB,eAAe;UACvB,OAAO,IAAIyB,KAAA,CAAMS,GAAG,KAAK,SAASR,MAAA,CAAOO,OAAO,CAAC,yBAAyB;YACxER,KAAA,CAAMzB,eAAe;UACvB;QACF;kBAEA,aAAAmC,KAAA,CAACvO,WAAA;UACCwO,OAAA,EACE,OAAO5B,OAAA,KAAY,cACjBA,OAAA,GACE5H,UAAA,gBACFsC,IAAA,CAAC9G,KAAA;YACCiO,MAAA,eAAQnH,IAAA,CAAChH,QAAA;YACToO,eAAA,EAAiB,GAAG5L,SAAA,kBAA2B;YAC/C6L,KAAA,EAAO;YACPC,eAAA,EAAgB;YAChBC,SAAA,EAAU;YACVC,MAAA,EAAQA,CAAC;cAAEC;YAAK,CAAE,kBAChBR,KAAA,CAAC9N,SAAA,CAAUuO,WAAW;cAACC,UAAA,EAAW;sCAChC3H,IAAA,CAAC7G,SAAA,CAAUV,MAAM;gBACfkM,OAAA,EAASA,CAAA;kBACP8C,KAAA;kBACAxB,IAAA,CAAK;oBAAE2B,SAAA,EAAW,CAAC;kBAAE;gBACvB;0BAEChG,CAAA,CAAE;+BAEL5B,IAAA,CAAC7G,SAAA,CAAUV,MAAM;gBACfkM,OAAA,EAASA,CAAA;kBACP8C,KAAA;kBACAxB,IAAA,CAAK;oBAAE2B,SAAA,EAAW;kBAAE;gBACtB;0BAEChG,CAAA,CAAE;kBAEH,CAAA7B,mBAAC,IAAuB0F,UAAA,KAAe,SACtC,CAAC1F,mBAAA,IAAuB0F,UAAU,kBACnCzF,IAAA,CAAC7G,SAAA,CAAUV,MAAM;gBACfkM,OAAA,EAASA,CAAA;kBACPrH,YAAA;kBACAmK,KAAA;gBACF;0BAEC7F,CAAA,CAAE;kBAGNiE,YAAA,KAAiB,sBAChBoB,KAAA,CAAC9N,SAAA,CAAUV,MAAM;gBACfkM,OAAA,EAASA,CAAA;kBACPpC,WAAA;kBACAkF,KAAA;gBACF;wCAEAzH,IAAA,CAACnG,KAAA,OACA+H,CAAA,CAAE;;;YAKXqD,IAAA,EAAK;eAEL;UAEN1J,SAAA,EAAW,CACT,GAAGC,SAAA,OAAgB,EACnBkK,cAAA,GACI,GAAGlK,SAAA,mBAA4B,GAC/B,GAAGA,SAAA,kBAA2B,EAClCD,SAAA,CACD,CACEsM,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;UACRC,gBAAA,EAAkBtC,cAAA,GAAiB,UAAU;UAC7CuC,eAAA,EACEnC,cAAA,IAAkBpI,UAAA,GACd;YACE1B,EAAA,EAAIF,OAAA;YACJoM,UAAA,EAAY;cACV,oBAAoB9B,qBAAA;cACpB,gBAAgBJ,YAAA;cAChBmC,IAAA,EAAM;cACNC,QAAA,EAAU;YACZ;YACAC,SAAA,EAAW;cAAEnC;YAAO;UACtB,IACAxG,SAAA;UAEN4I,MAAA,eACEtI,IAAA,CAAC;YAAIzE,SAAA,EAAW,GAAGC,SAAA,gBAAyB;sBACzC,OAAOmK,KAAA,KAAU,cAChBA,KAAA,GACE,OAAOxF,mBAAA,KAAwB,cACjCA,mBAAA,gBAEA8G,KAAA,CAAC;cAAI1L,SAAA,EAAW,GAAGC,SAAA,eAAwB;yBACxCuK,aAAA,iBACC/F,IAAA,CAAC;gBAAKzE,SAAA,EAAW,GAAGC,SAAA,gBAAyB;0BAC1C+M,MAAA,CAAO9F,QAAA,GAAW,GAAG+F,QAAQ,CAAC,GAAG;kBAGrC,OAAO5C,UAAA,KAAe,cACrBA,UAAA,gBAEA5F,IAAA,CAAC/G,IAAA;gBACCsC,SAAA,EAAW,GAAGC,SAAA,gBAAyBA,SAAA,gBAAyBmC,SAAA,EAAW;gBAC3E8K,SAAA,EAAU;gBACVxD,IAAA,EAAK;0BAEJ5B,gBAAA,IAAoB1F;kBAGxB,CAAC6H,gBAAA,IAAoB,CAACvH,WAAA,EAAayK,KAAA,EAAOlD,gBAAA,iBACzCxF,IAAA,CAAC3G,YAAA;gBAAasP,IAAA,EAAK;gBAAY7H,QAAA,EAAU,CAACpD;kBAG3CgI,cAAA,iBACC1F,IAAA,CAACnH,SAAA;gBAAU+P,KAAA,EAAO7L,YAAA,IAAc;gBAAG4E,IAAA,EAAMA,IAAA;gBAAMkH,WAAW;;;;UAMpErH,WAAA,EAAaA,WAAA;UAEbsH,QAAA,EAAWC,sBAAA;YACTvF,iBAAA,CAAkBuF,sBAAA;YAClBtH,cAAA,CAAesH,sBAAA;UACjB;UACC,IAAIxD,gBAAA,IAAoB,CAAC,CAAC;UAC3ByD,gBAAA,eACE/B,KAAA,CAAAgC,SAAA;uBACG1D,gBAAA,EAAkByD,gBAAA,E,aACnBhJ,IAAA,CAAC;cAAKzE,SAAA,EAAU;cAAU4M,IAAA,EAAK;wBAC5BnC,YAAA,GAAe,GAAGpE,CAAA,CAAE,qBAAqB,CAACyE,WAAA,IAAe,KAAK,GAAG,GAAG;;;kCAK3EY,KAAA,CAAC;YAAK1L,SAAA,EAAU;YAAUS,EAAA,EAAIoK,qBAAA;uBAAuB,oBAClCxE,CAAA,CAAE,mBAAkB,SAAMA,CAAA,CAAE,qBAAoB,QAAK,KACrEA,CAAA,CAAE,mBAAkB;cAEtBmB,UAAA;WAnBI;;;EAyBjB,GACF,CACEtF,MAAA,EACAsC,mBAAA,EACAI,mBAAA,EACAkD,gBAAA,EACA7H,SAAA,EACAyC,WAAA,EAAayK,KAAA,EAAOlD,gBAAA,EACpB7H,SAAA,EACAgE,IAAA,EACAH,WAAA,EACAgC,iBAAA,EACA9F,UAAA,EACA5B,OAAA,EACAyG,WAAA,EACAE,QAAA,EACAb,CAAA,EACAtE,YAAA,CACD;EAGH,MAAM4L,OAAA,GAAUrN,QAAA,EAAUG,EAAA;EAE1B,MAAM;IAAEmN,aAAa;IAAEC;EAAS,CAAE,GAAGvO,eAAA;EAErC,MAAMwO,WAAA,GAAc9O,OAAA,CAClB,MAAM,mBACJyF,IAAA,CAACpH,iBAAA;cACC,aAAAoH,IAAA,CAACrH,MAAA;MACC4C,SAAA,EAAW;MACX4N,aAAA,EAAeA,aAAA;MACf/L,IAAA,EAAMD,UAAA;MACNmM,KAAA,EAAO1H,CAAA,CAAE,+BAA+BsH,OAAA,GAAU,SAAS,UAAU,EAAE;QACrE/D,KAAA,EAAO9B,gBAAA,IAAoBzB,CAAA,CAAE;MAC/B;gBAECvD,YAAA,gBACC4I,KAAA,CAAC;QAAI1L,SAAA,EAAU;gCACbyE,IAAA,CAAC5G,YAAA;UACCsD,MAAA,EAAQuB,WAAA,EAAavB,MAAA,IAAU,EAAE;UACjC6M,WAAW;UACXC,eAAA,EAAgB;UAChBC,UAAA,EAAW;UACXC,gBAAA,EAAkBtL,gBAAA;UAClBuL,WAAA,EAAa;UACb7I,QAAA,EAAU,CAACpD;yBAEbsC,IAAA,CAACpF,kBAAA;UAAmBwO,SAAA,EAAWA;;WAE/B;;MAIV,CACE/K,YAAA,EACAlB,UAAA,EACA+L,OAAA,EACA7F,gBAAA,EACAzB,CAAA,EACAlE,UAAA,EACAO,WAAA,EAAavB,MAAA,EACb0B,gBAAA,EACA+K,aAAA,EACAC,SAAA,CAED;EAGH;EACA,MAAMtJ,KAAA,GAAQvF,OAAA,CAAQ;IACpB,IAAI,CAAC8D,YAAA,EAAc;MACjB,OAAO;IACT;IACA,oBACE2B,IAAA,CAAC;MAAI,0BAAwB7C,UAAA;MAAYyM,KAAA,EAAO;QAAEC,OAAA,EAAS;MAAW;gBACpE,aAAA7J,IAAA,CAAClH,IAAA;QACCgR,YAAA,EAAc,CACZ,OAAO;UAAEtL;QAAS,CAAE;UAClB;UACA,OAAO,MAAMqD,QAAA,CAAS;YAAErD,SAAA;YAAWuD,MAAA,EAAQ;UAAK;QAClD,EACD;QACD0C,EAAA,EAAG;QACH/H,MAAA,EAAQuB,WAAA,EAAavB,MAAA,IAAU,EAAE;QACjC2B,YAAA,EAAcA,YAAA;QACdwD,QAAA,EAAU,CAACA,QAAA,CAAS;QACpBkI,QAAA,EAAUA,CAACvL,WAAA,EAAW4C,SAAA;UACpB;UACAA,SAAA,CAAQzD,SAAS,GAAGA,SAAA;UACpBF,MAAA,CAAOyD,MAAM,CACX;YACE,MAAMC,MAAA,GAAOpH,aAAA,CAAc+B,OAAA;YAC3B,IAAIqF,MAAA,IAAQpG,YAAA,CAAaoG,MAAA,GAAO;cAC9BA,MAAA,CAAKE,SAAS,CAACD,SAAA,EAAwB;YACzC;UACF;UACA;UACA;UACA;YAAEE,GAAA,EAAKrH;UAAuB;UAEhCqD,YAAA;QACF;QACAvB,SAAA,EAAWA,SAAA;QACXrB,IAAA,EAAM8E,QAAA;kBAEN,aAAAQ,IAAA,CAAChF,YAAA;UACCQ,SAAA,EAAWA,SAAA;UACX6N,WAAA,EAAaA,WAAA;UACb3Q,WAAA,EAAa2M,gBAAA;UACb5J,WAAA,EAAasE,mBAAA;UACbpE,WAAA,EAAawE,mBAAA;UACbmE,UAAA,EAAYA,UAAA;UACZvH,UAAA,EAAYA,UAAA;UACZiN,UAAA,EAAY/L,WAAA,EAAavB,MAAA,IAAU,EAAE;UACrC2B,YAAA,EAAcA,YAAA;UACdvC,OAAA,EAASA,OAAA;UACTsJ,YAAA,EAAcA;;;;EAKxB,GAAG,CACDC,gBAAA,EACAgE,WAAA,EACAtJ,mBAAA,EACAI,mBAAA,EACAxC,SAAA,EACAR,UAAA,EACAiI,YAAA,EACAd,UAAA,EACA9I,SAAA,EACAiC,MAAA,EACAV,UAAA,EACAO,YAAA,EACAW,WAAA,EAAavB,MAAA,EACb8C,QAAA,EACAnB,YAAA,EACAvC,OAAA,EACA+F,QAAA,EACA9F,SAAA,CACD;EAED,IAAI,CAACkC,WAAA,EAAa;IAChB,oBACE+B,IAAA,CAACqF,gBAAA;MAAiBG,gBAAA,EAAkB;MAAME,cAAA,EAAgB;gBACxD,aAAAuB,KAAA,CAAC;QAAI1L,SAAA,EAAW,GAAGC,SAAA,YAAqB;mBAAE,kBACzBmC,SAAA,EAAU;;;EAIjC;EAEA,OAAOmC,KAAA;AACT","ignoreList":[]}

package/dist/features/blocks/client/component/useBlockReordering.d.ts

@@ -0,0 +1,16 @@
+import type { LexicalEditor } from 'lexical';
+import type { KeyboardEvent } from 'react';
+export declare function useBlockReordering({ editor, nodeKey, }: {
+    editor: LexicalEditor;
+    nodeKey: string;
+}): {
+    isReordering: boolean;
+    move: ({ direction, index }: {
+        direction?: -1 | 1;
+        index?: number;
+    }) => void;
+    onBlur: () => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+    targetIndex: number | null;
+};
+//# sourceMappingURL=useBlockReordering.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBlockReordering.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/useBlockReordering.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAU1C,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,GACR,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;CAChB;;iCAmH0B;QAAE,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;;uBA8CrD,aAAa;;EAoDxB"}