@payloadcms/richtext-lexical 4.0.0-internal.cd47d20 → 4.0.0-internal.ce66a41

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

@@ -9,12 +9,13 @@ import { abortAndIgnore } from '@payloadcms/ui/shared';
 import { $getNodeByKey, SKIP_DOM_SELECTION_TAG } from 'lexical';
 import './index.css';
 import '../../../../utilities/fieldsDrawer/index.css';
-import { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared';
+import { deepCopyObjectSimpleWithoutReactComponents } from 'payload/shared';
 import React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react';
 import { v4 as uuid } from 'uuid';
 import { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js';
 import { RegisterFormSubmit, useDrawerSubmit } from '../../../../utilities/fieldsDrawer/useDrawerSubmit.js';
 import { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js';
+import { getCachedFormStateIfDataMatches, reduceFormStateToBlockData } from '../getCachedFormStateIfDataMatches.js';
 import { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js';
 const InlineBlockComponentContext = /*#__PURE__*/createContext({
   initialState: false
@@ -53,19 +54,23 @@ export const InlineBlockComponent = props => {
   } = useServerFunctions();
   const editDepth = useEditDepth();
   const firstTimeDrawer = useRef(false);
+  const blockType = formData.blockType;
+  const formDataRef = useRef(formData);
+  formDataRef.current = formData;
+  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${blockType}.fields`;
   const [initialState, setInitialState] = React.useState(() => {
     // Initial form state that was calculated server-side. May have stale values
-    const cachedFormState = initialLexicalFormState?.[formData.id]?.formState;
+    const cachedState = initialLexicalFormState?.[formData.id];
+    const cachedFormState = cachedState?.formState;
     if (!cachedFormState) {
       return false;
     }
-    // Merge current formData values into the cached form state
-    // This ensures that when the component remounts (e.g., due to view changes), we don't lose user edits
-    return Object.fromEntries(Object.entries(cachedFormState).map(([fieldName, fieldState]) => [fieldName, fieldName in formData ? {
-      ...fieldState,
-      initialValue: formData[fieldName],
-      value: formData[fieldName]
-    } : fieldState]));
+    return getCachedFormStateIfDataMatches({
+      cachedFormState,
+      cachedSchemaPath: cachedState.schemaPath,
+      currentSchemaPath: schemaFieldsPath,
+      formData
+    });
   });
   const hasMounted = useRef(false);
   const prevCacheBuster = useRef(cacheBuster);
@@ -141,7 +146,7 @@ export const InlineBlockComponent = props => {
   const {
     config
   } = useConfig();
-  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${formData.blockType}`;
+  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${blockType}`;
   const clientSchemaMap = featureClientSchemaMap['blocks'];
   const blocksField = clientSchemaMap?.[componentMapRenderedBlockPath]?.[0];
   const blockOrSlug = blocksField?.blocks?.[0];
@@ -165,7 +170,6 @@ export const InlineBlockComponent = props => {
   }, [editor, nodeKey]);
   const blockDisplayName = clientBlock?.labels?.singular ? getTranslation(clientBlock?.labels.singular, i18n) : clientBlock?.slug;
   const onChangeAbortControllerRef = useRef(new AbortController());
-  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${clientBlock?.slug}.fields`;
   // Initial state for newly created blocks
   useEffect(() => {
     const abortController = new AbortController();
@@ -190,7 +194,6 @@ export const InlineBlockComponent = props => {
         }),
         globalSlug,
         initialBlockData: formData,
-        initialBlockFormState: formData,
         operation: 'update',
         readOnly: !isEditable,
         renderAllFields: true,
@@ -198,9 +201,9 @@ export const InlineBlockComponent = props => {
         signal: abortController.signal
       });
       if (state) {
-        const newFormStateData = reduceFieldsToValues(deepCopyObjectSimpleWithoutReactComponents(state, {
+        const newFormStateData = reduceFormStateToBlockData(deepCopyObjectSimpleWithoutReactComponents(state, {
           excludeFiles: true
-        }), true);
+        }));
         // Things like default values may come back from the server => update the node with the new data
         editor.update(() => {
           const node = $getNodeByKey(nodeKey);
@@ -224,13 +227,13 @@ export const InlineBlockComponent = props => {
         }
       }
     };
-    if (formData && !initialState) {
+    if (clientBlock && formData && !initialState) {
       void awaitInitialState();
     }
     return () => {
       abortAndIgnore(abortController);
     };
-  }, [getFormState, editor, nodeKey, isEditable, CustomLabelFromProps, CustomBlockFromProps, schemaFieldsPath, id, formData, initialState, collectionSlug, globalSlug, getDocPreferences, parentDocumentFields]);
+  }, [getFormState, editor, nodeKey, isEditable, CustomLabelFromProps, CustomBlockFromProps, schemaFieldsPath, id, formData, initialState, collectionSlug, globalSlug, getDocPreferences, parentDocumentFields, clientBlock]);
   /**
   * HANDLE ONCHANGE
   */
@@ -241,11 +244,15 @@ export const InlineBlockComponent = props => {
     abortAndIgnore(onChangeAbortControllerRef.current);
     const controller = new AbortController();
     onChangeAbortControllerRef.current = controller;
+    const blockData = reduceFormStateToBlockData(deepCopyObjectSimpleWithoutReactComponents(prevFormState, {
+      excludeFiles: true
+    }), formDataRef.current);
     const {
       state: state_0
     } = await getFormState({
       id,
       collectionSlug,
+      data: blockData,
       docPermissions: {
         fields: true
       },
@@ -255,7 +262,7 @@ export const InlineBlockComponent = props => {
       }),
       formState: prevFormState,
       globalSlug,
-      initialBlockFormState: prevFormState,
+      initialBlockData: blockData,
       operation: 'update',
       readOnly: !isEditable,
       renderAllFields: submit ? true : false,
@@ -293,8 +300,9 @@ export const InlineBlockComponent = props => {
   /**
   * HANDLE FORM SUBMIT
   */
-  const onFormSubmit = useCallback((formState, newData_0) => {
-    newData_0.blockType = formData.blockType;
+  const onFormSubmit = useCallback(formState => {
+    const newData_0 = reduceFormStateToBlockData(formState, formDataRef.current);
+    newData_0.blockType = blockType;
     editor.update(() => {
       const node_0 = $getNodeByKey(nodeKey);
       if (node_0 && $isInlineBlockNode(node_0)) {
@@ -306,7 +314,7 @@ export const InlineBlockComponent = props => {
     {
       tag: SKIP_DOM_SELECTION_TAG
     });
-  }, [editor, nodeKey, formData]);
+  }, [blockType, editor, nodeKey]);
   const {
     headerActions,
     submitRef
@@ -396,8 +404,8 @@ export const InlineBlockComponent = props => {
     fields: clientBlock?.fields,
     initialState: initialState || {},
     onChange: [onChange],
-    onSubmit: (formState_1, data) => {
-      onFormSubmit(formState_1, data);
+    onSubmit: formState_1 => {
+      onFormSubmit(formState_1);
       toggleDrawer();
     },
     uuid: formUuid,

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"getCachedFormStateIfDataMatches.js","names":["dequal","reduceFieldsToValues","getCachedFormStateIfDataMatches","cachedFormState","cachedSchemaPath","currentSchemaPath","formData","cachedData","reduceFormStateToBlockData","currentData","normalizeData","data","rowFieldPaths","getRowFieldPaths","withoutSystemBlockFields","formState","formStateWithoutRowCounts","Object","fromEntries","entries","map","path","fieldState","Array","isArray","rows","value","undefined","disableFormData","isModified","length","getValueAtPath","Set","split","reduce","pathSegment","filter","parentPath","normalizedData","key","normalizedValue","normalizeValue","has","item","index","getPrototypeOf","prototype","blockName","_blockName","blockType","_blockType"],"sources":["../../../../src/features/blocks/client/getCachedFormStateIfDataMatches.ts"],"sourcesContent":["import type { Data, FormState } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport { reduceFieldsToValues } from 'payload/shared'\n\nexport const getCachedFormStateIfDataMatches = ({\n  cachedFormState,\n  cachedSchemaPath,\n  currentSchemaPath,\n  formData,\n}: {\n  cachedFormState: FormState\n  cachedSchemaPath?: string\n  currentSchemaPath?: string\n  formData: Data\n}): false | FormState => {\n  if (cachedSchemaPath !== currentSchemaPath) {\n    return false\n  }\n\n  const cachedData = reduceFormStateToBlockData(cachedFormState)\n  const currentData = normalizeData({\n    data: formData,\n    rowFieldPaths: getRowFieldPaths(cachedFormState),\n  })\n\n  return dequal(withoutSystemBlockFields(cachedData), withoutSystemBlockFields(currentData))\n    ? cachedFormState\n    : false\n}\n\nexport const reduceFormStateToBlockData = (formState: FormState, currentData?: Data): Data => {\n  const formStateWithoutRowCounts = Object.fromEntries(\n    Object.entries(formState).map(([path, fieldState]) => {\n      if (!fieldState || !Array.isArray(fieldState.rows)) {\n        return [path, fieldState]\n      }\n\n      if (\n        fieldState.value === undefined ||\n        (fieldState.disableFormData !== false &&\n          fieldState.isModified !== true &&\n          fieldState.rows.length === 0 &&\n          getValueAtPath(currentData, path) === null)\n      ) {\n        return [path, { ...fieldState, value: null }]\n      }\n\n      return [\n        path,\n        fieldState.value === null ? fieldState : { ...fieldState, disableFormData: true },\n      ]\n    }),\n  ) as FormState\n\n  return normalizeData({\n    data: reduceFieldsToValues(formStateWithoutRowCounts, true),\n    rowFieldPaths: new Set(),\n  })\n}\n\nconst getValueAtPath = (data: Data | undefined, path: string): unknown =>\n  path.split('.').reduce<unknown>((value, pathSegment) => {\n    if (!value || typeof value !== 'object') {\n      return undefined\n    }\n\n    return (value as Record<string, unknown>)[pathSegment]\n  }, data)\n\nconst getRowFieldPaths = (formState: FormState): Set<string> =>\n  new Set(\n    Object.entries(formState)\n      .filter(\n        ([, fieldState]) =>\n          Array.isArray(fieldState?.rows) &&\n          fieldState.value !== null &&\n          fieldState.value !== undefined,\n      )\n      .map(([path]) => path),\n  )\n\nconst normalizeData = ({\n  data,\n  parentPath = '',\n  rowFieldPaths,\n}: {\n  data: Data\n  parentPath?: string\n  rowFieldPaths: Set<string>\n}): Data => {\n  const normalizedData: Data = {}\n\n  for (const [key, value] of Object.entries(data)) {\n    const path = parentPath ? `${parentPath}.${key}` : key\n    const normalizedValue = normalizeValue({ parentPath: path, rowFieldPaths, value })\n\n    if (normalizedValue !== undefined) {\n      normalizedData[key] = normalizedValue\n    }\n  }\n\n  return normalizedData\n}\n\nconst normalizeValue = ({\n  parentPath,\n  rowFieldPaths,\n  value,\n}: {\n  parentPath: string\n  rowFieldPaths: Set<string>\n  value: unknown\n}): unknown => {\n  if (\n    value === undefined ||\n    (Array.isArray(value) && value.length === 0 && rowFieldPaths.has(parentPath))\n  ) {\n    return undefined\n  }\n\n  if (Array.isArray(value)) {\n    return value.map((item, index) =>\n      item && typeof item === 'object' && !Array.isArray(item)\n        ? normalizeData({\n            data: item as Data,\n            parentPath: `${parentPath}.${index}`,\n            rowFieldPaths,\n          })\n        : item,\n    )\n  }\n\n  if (value && typeof value === 'object' && Object.getPrototypeOf(value) === Object.prototype) {\n    return normalizeData({ data: value as Data, parentPath, rowFieldPaths })\n  }\n\n  return value\n}\n\nconst withoutSystemBlockFields = ({\n  blockName: _blockName,\n  blockType: _blockType,\n  ...data\n}: Data): Data => data\n"],"mappings":"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","ignoreList":[]}

package/dist/features/converters/lexicalToHtml/async/converters/upload.js

@@ -29,7 +29,7 @@ export const UploadHTMLConverterAsync = {
       return `<a${providedStyleTag} href="${url}" rel="noopener noreferrer">${escapeHTML(uploadDoc.filename ?? '')}</a>`;
     }
     // 2) If image has no different sizes, return a simple <img />
-    if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {
+    if (!uploadDoc.variants || !Object.keys(uploadDoc.variants).length) {
       return `
         <img${providedStyleTag}
           alt="${alt}"
@@ -41,8 +41,8 @@ export const UploadHTMLConverterAsync = {
     }
     // 3) If image has different sizes, build a <picture> element with <source> tags
     let pictureHTML = '';
-    for (const size in uploadDoc.sizes) {
-      const imageSize = uploadDoc.sizes[size];
+    for (const size in uploadDoc.variants) {
+      const imageSize = uploadDoc.variants[size];
       if (!imageSize || !imageSize.width || !imageSize.height || !imageSize.mimeType || !imageSize.filesize || !imageSize.filename || !imageSize.url) {
         continue;
       }

package/dist/features/converters/lexicalToHtml/async/converters/upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload.js","names":["escapeHTML","UploadHTMLConverterAsync","upload","node","populate","providedStyleTag","uploadNode","uploadDoc","undefined","value","id","collectionSlug","relationTo","alt","fields","url","mimeType","startsWith","filename","sizes","Object","keys","length","String","height","width","pictureHTML","size","imageSize","filesize"],"sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/upload.ts"],"sourcesContent":["import type { FileData, FileSize, TypeWithID } from 'payload'\n\nimport escapeHTML from 'escape-html'\n\nimport type { SerializedUploadNode } from '../../../../../types/nodeTypes.js'\nimport type { UploadDataImproved } from '../../../../upload/server/schema.js'\nimport type { HTMLConvertersAsync } from '../types.js'\n\nexport const UploadHTMLConverterAsync: HTMLConvertersAsync<SerializedUploadNode> = {\n  upload: async ({ node, populate, providedStyleTag }) => {\n    const uploadNode = node as UploadDataImproved\n\n    let uploadDoc: (FileData & TypeWithID) | undefined = undefined\n\n    // If there's no valid upload data, populate return an empty string\n    if (typeof uploadNode.value !== 'object') {\n      if (!populate) {\n        return ''\n      }\n      uploadDoc = await populate<FileData & TypeWithID>({\n        id: uploadNode.value,\n        collectionSlug: uploadNode.relationTo,\n      })\n    } else {\n      uploadDoc = uploadNode.value as unknown as FileData & TypeWithID\n    }\n\n    if (!uploadDoc) {\n      return ''\n    }\n\n    const alt = escapeHTML(\n      (node.fields?.alt as string) || (uploadDoc as { alt?: string })?.alt || '',\n    )\n\n    const url = escapeHTML(uploadDoc.url ?? '')\n\n    // 1) If upload is NOT an image, return a link\n    if (!uploadDoc.mimeType.startsWith('image')) {\n      return `<a${providedStyleTag} href=\"${url}\" rel=\"noopener noreferrer\">${escapeHTML(uploadDoc.filename ?? '')}</a>`\n    }\n\n    // 2) If image has no different sizes, return a simple <img />\n    if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {\n      return `\n        <img${providedStyleTag}\n          alt=\"${alt}\"\n          height=\"${escapeHTML(String(uploadDoc.height ?? ''))}\"\n          src=\"${url}\"\n          width=\"${escapeHTML(String(uploadDoc.width ?? ''))}\"\n        />\n      `\n    }\n\n    // 3) If image has different sizes, build a <picture> element with <source> tags\n    let pictureHTML = ''\n\n    for (const size in uploadDoc.sizes) {\n      const imageSize = uploadDoc.sizes[size] as FileSize\n\n      if (\n        !imageSize ||\n        !imageSize.width ||\n        !imageSize.height ||\n        !imageSize.mimeType ||\n        !imageSize.filesize ||\n        !imageSize.filename ||\n        !imageSize.url\n      ) {\n        continue\n      }\n\n      pictureHTML += `\n        <source\n          media=\"(max-width: ${escapeHTML(String(imageSize.width))}px)\"\n          srcset=\"${escapeHTML(imageSize.url)}\"\n          type=\"${escapeHTML(imageSize.mimeType)}\"\n        />\n      `\n    }\n\n    pictureHTML += `\n      <img\n        alt=\"${alt}\"\n        height=\"${escapeHTML(String(uploadDoc.height ?? ''))}\"\n        src=\"${url}\"\n        width=\"${escapeHTML(String(uploadDoc.width ?? ''))}\"\n      />\n    `\n\n    return `<picture${providedStyleTag}>${pictureHTML}</picture>`\n  },\n}\n"],"mappings":"AAEA,OAAOA,UAAA,MAAgB;AAMvB,OAAO,MAAMC,wBAAA,GAAsE;EACjFC,MAAA,EAAQ,MAAAA,CAAO;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAgB,CAAE;IACjD,MAAMC,UAAA,GAAaH,IAAA;IAEnB,IAAII,SAAA,GAAiDC,SAAA;IAErD;IACA,IAAI,OAAOF,UAAA,CAAWG,KAAK,KAAK,UAAU;MACxC,IAAI,CAACL,QAAA,EAAU;QACb,OAAO;MACT;MACAG,SAAA,GAAY,MAAMH,QAAA,CAAgC;QAChDM,EAAA,EAAIJ,UAAA,CAAWG,KAAK;QACpBE,cAAA,EAAgBL,UAAA,CAAWM;MAC7B;IACF,OAAO;MACLL,SAAA,GAAYD,UAAA,CAAWG,KAAK;IAC9B;IAEA,IAAI,CAACF,SAAA,EAAW;MACd,OAAO;IACT;IAEA,MAAMM,GAAA,GAAMb,UAAA,CACVG,IAAC,CAAKW,MAAM,EAAED,GAAA,IAAmBN,SAAA,EAAgCM,GAAA,IAAO;IAG1E,MAAME,GAAA,GAAMf,UAAA,CAAWO,SAAA,CAAUQ,GAAG,IAAI;IAExC;IACA,IAAI,CAACR,SAAA,CAAUS,QAAQ,CAACC,UAAU,CAAC,UAAU;MAC3C,OAAO,KAAKZ,gBAAA,UAA0BU,GAAA,+BAAkCf,UAAA,CAAWO,SAAA,CAAUW,QAAQ,IAAI,SAAS;IACpH;IAEA;IACA,IAAI,CAACX,SAAA,CAAUY,KAAK,IAAI,CAACC,MAAA,CAAOC,IAAI,CAACd,SAAA,CAAUY,KAAK,EAAEG,MAAM,EAAE;MAC5D,OAAO;cACCjB,gBAAA;iBACGQ,GAAA;oBACGb,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUiB,MAAM,IAAI;iBACzCT,GAAA;mBACEf,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUkB,KAAK,IAAI;;OAEjD;IACH;IAEA;IACA,IAAIC,WAAA,GAAc;IAElB,KAAK,MAAMC,IAAA,IAAQpB,SAAA,CAAUY,KAAK,EAAE;MAClC,MAAMS,SAAA,GAAYrB,SAAA,CAAUY,KAAK,CAACQ,IAAA,CAAK;MAEvC,IACE,CAACC,SAAA,IACD,CAACA,SAAA,CAAUH,KAAK,IAChB,CAACG,SAAA,CAAUJ,MAAM,IACjB,CAACI,SAAA,CAAUZ,QAAQ,IACnB,CAACY,SAAA,CAAUC,QAAQ,IACnB,CAACD,SAAA,CAAUV,QAAQ,IACnB,CAACU,SAAA,CAAUb,GAAG,EACd;QACA;MACF;MAEAW,WAAA,IAAe;;+BAEU1B,UAAA,CAAWuB,MAAA,CAAOK,SAAA,CAAUH,KAAK;oBAC5CzB,UAAA,CAAW4B,SAAA,CAAUb,GAAG;kBAC1Bf,UAAA,CAAW4B,SAAA,CAAUZ,QAAQ;;OAExC;IACH;IAEAU,WAAA,IAAe;;eAEJb,GAAA;kBACGb,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUiB,MAAM,IAAI;eACzCT,GAAA;iBACEf,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUkB,KAAK,IAAI;;KAEjD;IAED,OAAO,WAAWpB,gBAAA,IAAoBqB,WAAA,YAAuB;EAC/D;AACF","ignoreList":[]}
+{"version":3,"file":"upload.js","names":["escapeHTML","UploadHTMLConverterAsync","upload","node","populate","providedStyleTag","uploadNode","uploadDoc","undefined","value","id","collectionSlug","relationTo","alt","fields","url","mimeType","startsWith","filename","variants","Object","keys","length","String","height","width","pictureHTML","size","imageSize","filesize"],"sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/upload.ts"],"sourcesContent":["import type { FileData, FileSize, TypeWithID } from 'payload'\n\nimport escapeHTML from 'escape-html'\n\nimport type { SerializedUploadNode } from '../../../../../types/nodeTypes.js'\nimport type { UploadDataImproved } from '../../../../upload/server/schema.js'\nimport type { HTMLConvertersAsync } from '../types.js'\n\nexport const UploadHTMLConverterAsync: HTMLConvertersAsync<SerializedUploadNode> = {\n  upload: async ({ node, populate, providedStyleTag }) => {\n    const uploadNode = node as UploadDataImproved\n\n    let uploadDoc: (FileData & TypeWithID) | undefined = undefined\n\n    // If there's no valid upload data, populate return an empty string\n    if (typeof uploadNode.value !== 'object') {\n      if (!populate) {\n        return ''\n      }\n      uploadDoc = await populate<FileData & TypeWithID>({\n        id: uploadNode.value,\n        collectionSlug: uploadNode.relationTo,\n      })\n    } else {\n      uploadDoc = uploadNode.value as unknown as FileData & TypeWithID\n    }\n\n    if (!uploadDoc) {\n      return ''\n    }\n\n    const alt = escapeHTML(\n      (node.fields?.alt as string) || (uploadDoc as { alt?: string })?.alt || '',\n    )\n\n    const url = escapeHTML(uploadDoc.url ?? '')\n\n    // 1) If upload is NOT an image, return a link\n    if (!uploadDoc.mimeType.startsWith('image')) {\n      return `<a${providedStyleTag} href=\"${url}\" rel=\"noopener noreferrer\">${escapeHTML(uploadDoc.filename ?? '')}</a>`\n    }\n\n    // 2) If image has no different sizes, return a simple <img />\n    if (!uploadDoc.variants || !Object.keys(uploadDoc.variants).length) {\n      return `\n        <img${providedStyleTag}\n          alt=\"${alt}\"\n          height=\"${escapeHTML(String(uploadDoc.height ?? ''))}\"\n          src=\"${url}\"\n          width=\"${escapeHTML(String(uploadDoc.width ?? ''))}\"\n        />\n      `\n    }\n\n    // 3) If image has different sizes, build a <picture> element with <source> tags\n    let pictureHTML = ''\n\n    for (const size in uploadDoc.variants) {\n      const imageSize = uploadDoc.variants[size] as FileSize\n\n      if (\n        !imageSize ||\n        !imageSize.width ||\n        !imageSize.height ||\n        !imageSize.mimeType ||\n        !imageSize.filesize ||\n        !imageSize.filename ||\n        !imageSize.url\n      ) {\n        continue\n      }\n\n      pictureHTML += `\n        <source\n          media=\"(max-width: ${escapeHTML(String(imageSize.width))}px)\"\n          srcset=\"${escapeHTML(imageSize.url)}\"\n          type=\"${escapeHTML(imageSize.mimeType)}\"\n        />\n      `\n    }\n\n    pictureHTML += `\n      <img\n        alt=\"${alt}\"\n        height=\"${escapeHTML(String(uploadDoc.height ?? ''))}\"\n        src=\"${url}\"\n        width=\"${escapeHTML(String(uploadDoc.width ?? ''))}\"\n      />\n    `\n\n    return `<picture${providedStyleTag}>${pictureHTML}</picture>`\n  },\n}\n"],"mappings":"AAEA,OAAOA,UAAA,MAAgB;AAMvB,OAAO,MAAMC,wBAAA,GAAsE;EACjFC,MAAA,EAAQ,MAAAA,CAAO;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAgB,CAAE;IACjD,MAAMC,UAAA,GAAaH,IAAA;IAEnB,IAAII,SAAA,GAAiDC,SAAA;IAErD;IACA,IAAI,OAAOF,UAAA,CAAWG,KAAK,KAAK,UAAU;MACxC,IAAI,CAACL,QAAA,EAAU;QACb,OAAO;MACT;MACAG,SAAA,GAAY,MAAMH,QAAA,CAAgC;QAChDM,EAAA,EAAIJ,UAAA,CAAWG,KAAK;QACpBE,cAAA,EAAgBL,UAAA,CAAWM;MAC7B;IACF,OAAO;MACLL,SAAA,GAAYD,UAAA,CAAWG,KAAK;IAC9B;IAEA,IAAI,CAACF,SAAA,EAAW;MACd,OAAO;IACT;IAEA,MAAMM,GAAA,GAAMb,UAAA,CACVG,IAAC,CAAKW,MAAM,EAAED,GAAA,IAAmBN,SAAA,EAAgCM,GAAA,IAAO;IAG1E,MAAME,GAAA,GAAMf,UAAA,CAAWO,SAAA,CAAUQ,GAAG,IAAI;IAExC;IACA,IAAI,CAACR,SAAA,CAAUS,QAAQ,CAACC,UAAU,CAAC,UAAU;MAC3C,OAAO,KAAKZ,gBAAA,UAA0BU,GAAA,+BAAkCf,UAAA,CAAWO,SAAA,CAAUW,QAAQ,IAAI,SAAS;IACpH;IAEA;IACA,IAAI,CAACX,SAAA,CAAUY,QAAQ,IAAI,CAACC,MAAA,CAAOC,IAAI,CAACd,SAAA,CAAUY,QAAQ,EAAEG,MAAM,EAAE;MAClE,OAAO;cACCjB,gBAAA;iBACGQ,GAAA;oBACGb,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUiB,MAAM,IAAI;iBACzCT,GAAA;mBACEf,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUkB,KAAK,IAAI;;OAEjD;IACH;IAEA;IACA,IAAIC,WAAA,GAAc;IAElB,KAAK,MAAMC,IAAA,IAAQpB,SAAA,CAAUY,QAAQ,EAAE;MACrC,MAAMS,SAAA,GAAYrB,SAAA,CAAUY,QAAQ,CAACQ,IAAA,CAAK;MAE1C,IACE,CAACC,SAAA,IACD,CAACA,SAAA,CAAUH,KAAK,IAChB,CAACG,SAAA,CAAUJ,MAAM,IACjB,CAACI,SAAA,CAAUZ,QAAQ,IACnB,CAACY,SAAA,CAAUC,QAAQ,IACnB,CAACD,SAAA,CAAUV,QAAQ,IACnB,CAACU,SAAA,CAAUb,GAAG,EACd;QACA;MACF;MAEAW,WAAA,IAAe;;+BAEU1B,UAAA,CAAWuB,MAAA,CAAOK,SAAA,CAAUH,KAAK;oBAC5CzB,UAAA,CAAW4B,SAAA,CAAUb,GAAG;kBAC1Bf,UAAA,CAAW4B,SAAA,CAAUZ,QAAQ;;OAExC;IACH;IAEAU,WAAA,IAAe;;eAEJb,GAAA;kBACGb,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUiB,MAAM,IAAI;eACzCT,GAAA;iBACEf,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUkB,KAAK,IAAI;;KAEjD;IAED,OAAO,WAAWpB,gBAAA,IAAoBqB,WAAA,YAAuB;EAC/D;AACF","ignoreList":[]}

package/dist/features/converters/lexicalToHtml/sync/converters/upload.js

@@ -22,7 +22,7 @@ export const UploadHTMLConverter = {
       return `<a${providedStyleTag} href="${url}" rel="noopener noreferrer">${escapeHTML(uploadDoc.filename ?? '')}</a>`;
     }
     // 2) If image has no different sizes, return a simple <img />
-    if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {
+    if (!uploadDoc.variants || !Object.keys(uploadDoc.variants).length) {
       return `
         <img${providedStyleTag}
           alt="${alt}"
@@ -34,8 +34,8 @@ export const UploadHTMLConverter = {
     }
     // 3) If image has different sizes, build a <picture> element with <source> tags
     let pictureHTML = '';
-    for (const size in uploadDoc.sizes) {
-      const imageSize = uploadDoc.sizes[size];
+    for (const size in uploadDoc.variants) {
+      const imageSize = uploadDoc.variants[size];
       if (!imageSize || !imageSize.width || !imageSize.height || !imageSize.mimeType || !imageSize.filesize || !imageSize.filename || !imageSize.url) {
         continue;
       }

package/dist/features/converters/lexicalToHtml/sync/converters/upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload.js","names":["escapeHTML","UploadHTMLConverter","upload","node","providedStyleTag","uploadNode","uploadDoc","undefined","value","alt","fields","url","mimeType","startsWith","filename","sizes","Object","keys","length","String","height","width","pictureHTML","size","imageSize","filesize"],"sources":["../../../../../../src/features/converters/lexicalToHtml/sync/converters/upload.ts"],"sourcesContent":["import type { FileData, FileSize, TypeWithID } from 'payload'\n\nimport escapeHTML from 'escape-html'\n\nimport type { SerializedUploadNode } from '../../../../../types/nodeTypes.js'\nimport type { UploadDataImproved } from '../../../../upload/server/schema.js'\nimport type { HTMLConverters } from '../types.js'\n\nexport const UploadHTMLConverter: HTMLConverters<SerializedUploadNode> = {\n  upload: ({ node, providedStyleTag }) => {\n    const uploadNode = node as UploadDataImproved\n\n    let uploadDoc: (FileData & TypeWithID) | undefined = undefined\n\n    // If there's no valid upload data, populate return an empty string\n    if (typeof uploadNode.value !== 'object') {\n      return ''\n    } else {\n      uploadDoc = uploadNode.value as unknown as FileData & TypeWithID\n    }\n\n    if (!uploadDoc) {\n      return ''\n    }\n\n    const alt = escapeHTML(\n      (node.fields?.alt as string) || (uploadDoc as { alt?: string })?.alt || '',\n    )\n\n    const url = escapeHTML(uploadDoc.url ?? '')\n\n    // 1) If upload is NOT an image, return a link\n    if (!uploadDoc.mimeType.startsWith('image')) {\n      return `<a${providedStyleTag} href=\"${url}\" rel=\"noopener noreferrer\">${escapeHTML(uploadDoc.filename ?? '')}</a>`\n    }\n\n    // 2) If image has no different sizes, return a simple <img />\n    if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {\n      return `\n        <img${providedStyleTag}\n          alt=\"${alt}\"\n          height=\"${escapeHTML(String(uploadDoc.height ?? ''))}\"\n          src=\"${url}\"\n          width=\"${escapeHTML(String(uploadDoc.width ?? ''))}\"\n        />\n      `\n    }\n\n    // 3) If image has different sizes, build a <picture> element with <source> tags\n    let pictureHTML = ''\n\n    for (const size in uploadDoc.sizes) {\n      const imageSize = uploadDoc.sizes[size] as FileSize\n\n      if (\n        !imageSize ||\n        !imageSize.width ||\n        !imageSize.height ||\n        !imageSize.mimeType ||\n        !imageSize.filesize ||\n        !imageSize.filename ||\n        !imageSize.url\n      ) {\n        continue\n      }\n\n      pictureHTML += `\n        <source\n          media=\"(max-width: ${escapeHTML(String(imageSize.width))}px)\"\n          srcset=\"${escapeHTML(imageSize.url)}\"\n          type=\"${escapeHTML(imageSize.mimeType)}\"\n        />\n      `\n    }\n\n    pictureHTML += `\n      <img\n        alt=\"${alt}\"\n        height=\"${escapeHTML(String(uploadDoc.height ?? ''))}\"\n        src=\"${url}\"\n        width=\"${escapeHTML(String(uploadDoc.width ?? ''))}\"\n      />\n    `\n\n    return `<picture${providedStyleTag}>${pictureHTML}</picture>`\n  },\n}\n"],"mappings":"AAEA,OAAOA,UAAA,MAAgB;AAMvB,OAAO,MAAMC,mBAAA,GAA4D;EACvEC,MAAA,EAAQA,CAAC;IAAEC,IAAI;IAAEC;EAAgB,CAAE;IACjC,MAAMC,UAAA,GAAaF,IAAA;IAEnB,IAAIG,SAAA,GAAiDC,SAAA;IAErD;IACA,IAAI,OAAOF,UAAA,CAAWG,KAAK,KAAK,UAAU;MACxC,OAAO;IACT,OAAO;MACLF,SAAA,GAAYD,UAAA,CAAWG,KAAK;IAC9B;IAEA,IAAI,CAACF,SAAA,EAAW;MACd,OAAO;IACT;IAEA,MAAMG,GAAA,GAAMT,UAAA,CACVG,IAAC,CAAKO,MAAM,EAAED,GAAA,IAAmBH,SAAA,EAAgCG,GAAA,IAAO;IAG1E,MAAME,GAAA,GAAMX,UAAA,CAAWM,SAAA,CAAUK,GAAG,IAAI;IAExC;IACA,IAAI,CAACL,SAAA,CAAUM,QAAQ,CAACC,UAAU,CAAC,UAAU;MAC3C,OAAO,KAAKT,gBAAA,UAA0BO,GAAA,+BAAkCX,UAAA,CAAWM,SAAA,CAAUQ,QAAQ,IAAI,SAAS;IACpH;IAEA;IACA,IAAI,CAACR,SAAA,CAAUS,KAAK,IAAI,CAACC,MAAA,CAAOC,IAAI,CAACX,SAAA,CAAUS,KAAK,EAAEG,MAAM,EAAE;MAC5D,OAAO;cACCd,gBAAA;iBACGK,GAAA;oBACGT,UAAA,CAAWmB,MAAA,CAAOb,SAAA,CAAUc,MAAM,IAAI;iBACzCT,GAAA;mBACEX,UAAA,CAAWmB,MAAA,CAAOb,SAAA,CAAUe,KAAK,IAAI;;OAEjD;IACH;IAEA;IACA,IAAIC,WAAA,GAAc;IAElB,KAAK,MAAMC,IAAA,IAAQjB,SAAA,CAAUS,KAAK,EAAE;MAClC,MAAMS,SAAA,GAAYlB,SAAA,CAAUS,KAAK,CAACQ,IAAA,CAAK;MAEvC,IACE,CAACC,SAAA,IACD,CAACA,SAAA,CAAUH,KAAK,IAChB,CAACG,SAAA,CAAUJ,MAAM,IACjB,CAACI,SAAA,CAAUZ,QAAQ,IACnB,CAACY,SAAA,CAAUC,QAAQ,IACnB,CAACD,SAAA,CAAUV,QAAQ,IACnB,CAACU,SAAA,CAAUb,GAAG,EACd;QACA;MACF;MAEAW,WAAA,IAAe;;+BAEUtB,UAAA,CAAWmB,MAAA,CAAOK,SAAA,CAAUH,KAAK;oBAC5CrB,UAAA,CAAWwB,SAAA,CAAUb,GAAG;kBAC1BX,UAAA,CAAWwB,SAAA,CAAUZ,QAAQ;;OAExC;IACH;IAEAU,WAAA,IAAe;;eAEJb,GAAA;kBACGT,UAAA,CAAWmB,MAAA,CAAOb,SAAA,CAAUc,MAAM,IAAI;eACzCT,GAAA;iBACEX,UAAA,CAAWmB,MAAA,CAAOb,SAAA,CAAUe,KAAK,IAAI;;KAEjD;IAED,OAAO,WAAWjB,gBAAA,IAAoBkB,WAAA,YAAuB;EAC/D;AACF","ignoreList":[]}
+{"version":3,"file":"upload.js","names":["escapeHTML","UploadHTMLConverter","upload","node","providedStyleTag","uploadNode","uploadDoc","undefined","value","alt","fields","url","mimeType","startsWith","filename","variants","Object","keys","length","String","height","width","pictureHTML","size","imageSize","filesize"],"sources":["../../../../../../src/features/converters/lexicalToHtml/sync/converters/upload.ts"],"sourcesContent":["import type { FileData, FileSize, TypeWithID } from 'payload'\n\nimport escapeHTML from 'escape-html'\n\nimport type { SerializedUploadNode } from '../../../../../types/nodeTypes.js'\nimport type { UploadDataImproved } from '../../../../upload/server/schema.js'\nimport type { HTMLConverters } from '../types.js'\n\nexport const UploadHTMLConverter: HTMLConverters<SerializedUploadNode> = {\n  upload: ({ node, providedStyleTag }) => {\n    const uploadNode = node as UploadDataImproved\n\n    let uploadDoc: (FileData & TypeWithID) | undefined = undefined\n\n    // If there's no valid upload data, populate return an empty string\n    if (typeof uploadNode.value !== 'object') {\n      return ''\n    } else {\n      uploadDoc = uploadNode.value as unknown as FileData & TypeWithID\n    }\n\n    if (!uploadDoc) {\n      return ''\n    }\n\n    const alt = escapeHTML(\n      (node.fields?.alt as string) || (uploadDoc as { alt?: string })?.alt || '',\n    )\n\n    const url = escapeHTML(uploadDoc.url ?? '')\n\n    // 1) If upload is NOT an image, return a link\n    if (!uploadDoc.mimeType.startsWith('image')) {\n      return `<a${providedStyleTag} href=\"${url}\" rel=\"noopener noreferrer\">${escapeHTML(uploadDoc.filename ?? '')}</a>`\n    }\n\n    // 2) If image has no different sizes, return a simple <img />\n    if (!uploadDoc.variants || !Object.keys(uploadDoc.variants).length) {\n      return `\n        <img${providedStyleTag}\n          alt=\"${alt}\"\n          height=\"${escapeHTML(String(uploadDoc.height ?? ''))}\"\n          src=\"${url}\"\n          width=\"${escapeHTML(String(uploadDoc.width ?? ''))}\"\n        />\n      `\n    }\n\n    // 3) If image has different sizes, build a <picture> element with <source> tags\n    let pictureHTML = ''\n\n    for (const size in uploadDoc.variants) {\n      const imageSize = uploadDoc.variants[size] as FileSize\n\n      if (\n        !imageSize ||\n        !imageSize.width ||\n        !imageSize.height ||\n        !imageSize.mimeType ||\n        !imageSize.filesize ||\n        !imageSize.filename ||\n        !imageSize.url\n      ) {\n        continue\n      }\n\n      pictureHTML += `\n        <source\n          media=\"(max-width: ${escapeHTML(String(imageSize.width))}px)\"\n          srcset=\"${escapeHTML(imageSize.url)}\"\n          type=\"${escapeHTML(imageSize.mimeType)}\"\n        />\n      `\n    }\n\n    pictureHTML += `\n      <img\n        alt=\"${alt}\"\n        height=\"${escapeHTML(String(uploadDoc.height ?? ''))}\"\n        src=\"${url}\"\n        width=\"${escapeHTML(String(uploadDoc.width ?? ''))}\"\n      />\n    `\n\n    return `<picture${providedStyleTag}>${pictureHTML}</picture>`\n  },\n}\n"],"mappings":"AAEA,OAAOA,UAAA,MAAgB;AAMvB,OAAO,MAAMC,mBAAA,GAA4D;EACvEC,MAAA,EAAQA,CAAC;IAAEC,IAAI;IAAEC;EAAgB,CAAE;IACjC,MAAMC,UAAA,GAAaF,IAAA;IAEnB,IAAIG,SAAA,GAAiDC,SAAA;IAErD;IACA,IAAI,OAAOF,UAAA,CAAWG,KAAK,KAAK,UAAU;MACxC,OAAO;IACT,OAAO;MACLF,SAAA,GAAYD,UAAA,CAAWG,KAAK;IAC9B;IAEA,IAAI,CAACF,SAAA,EAAW;MACd,OAAO;IACT;IAEA,MAAMG,GAAA,GAAMT,UAAA,CACVG,IAAC,CAAKO,MAAM,EAAED,GAAA,IAAmBH,SAAA,EAAgCG,GAAA,IAAO;IAG1E,MAAME,GAAA,GAAMX,UAAA,CAAWM,SAAA,CAAUK,GAAG,IAAI;IAExC;IACA,IAAI,CAACL,SAAA,CAAUM,QAAQ,CAACC,UAAU,CAAC,UAAU;MAC3C,OAAO,KAAKT,gBAAA,UAA0BO,GAAA,+BAAkCX,UAAA,CAAWM,SAAA,CAAUQ,QAAQ,IAAI,SAAS;IACpH;IAEA;IACA,IAAI,CAACR,SAAA,CAAUS,QAAQ,IAAI,CAACC,MAAA,CAAOC,IAAI,CAACX,SAAA,CAAUS,QAAQ,EAAEG,MAAM,EAAE;MAClE,OAAO;cACCd,gBAAA;iBACGK,GAAA;oBACGT,UAAA,CAAWmB,MAAA,CAAOb,SAAA,CAAUc,MAAM,IAAI;iBACzCT,GAAA;mBACEX,UAAA,CAAWmB,MAAA,CAAOb,SAAA,CAAUe,KAAK,IAAI;;OAEjD;IACH;IAEA;IACA,IAAIC,WAAA,GAAc;IAElB,KAAK,MAAMC,IAAA,IAAQjB,SAAA,CAAUS,QAAQ,EAAE;MACrC,MAAMS,SAAA,GAAYlB,SAAA,CAAUS,QAAQ,CAACQ,IAAA,CAAK;MAE1C,IACE,CAACC,SAAA,IACD,CAACA,SAAA,CAAUH,KAAK,IAChB,CAACG,SAAA,CAAUJ,MAAM,IACjB,CAACI,SAAA,CAAUZ,QAAQ,IACnB,CAACY,SAAA,CAAUC,QAAQ,IACnB,CAACD,SAAA,CAAUV,QAAQ,IACnB,CAACU,SAAA,CAAUb,GAAG,EACd;QACA;MACF;MAEAW,WAAA,IAAe;;+BAEUtB,UAAA,CAAWmB,MAAA,CAAOK,SAAA,CAAUH,KAAK;oBAC5CrB,UAAA,CAAWwB,SAAA,CAAUb,GAAG;kBAC1BX,UAAA,CAAWwB,SAAA,CAAUZ,QAAQ;;OAExC;IACH;IAEAU,WAAA,IAAe;;eAEJb,GAAA;kBACGT,UAAA,CAAWmB,MAAA,CAAOb,SAAA,CAAUc,MAAM,IAAI;eACzCT,GAAA;iBACEX,UAAA,CAAWmB,MAAA,CAAOb,SAAA,CAAUe,KAAK,IAAI;;KAEjD;IAED,OAAO,WAAWjB,gBAAA,IAAoBkB,WAAA,YAAuB;EAC/D;AACF","ignoreList":[]}

package/dist/features/converters/lexicalToJSX/converter/converters/upload.js

@@ -24,7 +24,7 @@ export const UploadJSXConverter = {
     /**
     * If the upload is a simple image with no different sizes, return a simple img tag
     */
-    if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {
+    if (!uploadDoc.variants || !Object.keys(uploadDoc.variants).length) {
       return /*#__PURE__*/_jsx("img", {
         alt: alt,
         height: uploadDoc.height,
@@ -36,9 +36,9 @@ export const UploadJSXConverter = {
     * If the upload is an image with different sizes, return a picture element
     */
     const pictureJSX = [];
-    // Iterate through each size in the data.sizes object
-    for (const size in uploadDoc.sizes) {
-      const imageSize = uploadDoc.sizes[size];
+    // Iterate through each size in the data.variants object
+    for (const size in uploadDoc.variants) {
+      const imageSize = uploadDoc.variants[size];
       // Skip if any property of the size object is null
       if (!imageSize || !imageSize.width || !imageSize.height || !imageSize.mimeType || !imageSize.filesize || !imageSize.filename || !imageSize.url) {
         continue;

package/dist/features/converters/lexicalToJSX/converter/converters/upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload.js","names":["UploadJSXConverter","upload","node","uploadNode","value","uploadDoc","alt","fields","url","mimeType","startsWith","_jsx","href","rel","filename","sizes","Object","keys","length","height","src","width","pictureJSX","size","imageSize","filesize","imageSizeURL","push","media","srcSet","type"],"sources":["../../../../../../src/features/converters/lexicalToJSX/converter/converters/upload.tsx"],"sourcesContent":["import type { FileData, FileSize, TypeWithID } from 'payload'\n\nimport type { SerializedUploadNode } from '../../../../../types/nodeTypes.js'\nimport type { UploadDataImproved } from '../../../../upload/server/schema.js'\nimport type { JSXConverters } from '../types.js'\n\nexport const UploadJSXConverter: JSXConverters<SerializedUploadNode> = {\n  upload: ({ node }) => {\n    // TO-DO (v4): SerializedUploadNode should use UploadData_P4\n    const uploadNode = node as UploadDataImproved\n    if (typeof uploadNode.value !== 'object') {\n      return null\n    }\n\n    const uploadDoc = uploadNode.value as FileData & TypeWithID\n\n    const alt = (uploadNode.fields?.alt as string) || (uploadDoc as { alt?: string })?.alt || ''\n\n    const url = uploadDoc.url\n\n    /**\n     * If the upload is not an image, return a link to the upload\n     */\n    if (!uploadDoc.mimeType.startsWith('image')) {\n      return (\n        <a href={url} rel=\"noopener noreferrer\">\n          {uploadDoc.filename}\n        </a>\n      )\n    }\n\n    /**\n     * If the upload is a simple image with no different sizes, return a simple img tag\n     */\n    if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {\n      return <img alt={alt} height={uploadDoc.height} src={url} width={uploadDoc.width} />\n    }\n\n    /**\n     * If the upload is an image with different sizes, return a picture element\n     */\n    const pictureJSX: React.ReactNode[] = []\n\n    // Iterate through each size in the data.sizes object\n    for (const size in uploadDoc.sizes) {\n      const imageSize = uploadDoc.sizes[size] as FileSize\n\n      // Skip if any property of the size object is null\n      if (\n        !imageSize ||\n        !imageSize.width ||\n        !imageSize.height ||\n        !imageSize.mimeType ||\n        !imageSize.filesize ||\n        !imageSize.filename ||\n        !imageSize.url\n      ) {\n        continue\n      }\n      const imageSizeURL = imageSize?.url\n\n      pictureJSX.push(\n        <source\n          key={size}\n          media={`(max-width: ${imageSize.width}px)`}\n          srcSet={imageSizeURL}\n          type={imageSize.mimeType}\n        />,\n      )\n    }\n\n    // Add the default img tag\n    pictureJSX.push(\n      <img alt={alt} height={uploadDoc?.height} key={'image'} src={url} width={uploadDoc?.width} />,\n    )\n    return <picture>{pictureJSX}</picture>\n  },\n}\n"],"mappings":";AAMA,OAAO,MAAMA,kBAAA,GAA0D;EACrEC,MAAA,EAAQA,CAAC;IAAEC;EAAI,CAAE;IACf;IACA,MAAMC,UAAA,GAAaD,IAAA;IACnB,IAAI,OAAOC,UAAA,CAAWC,KAAK,KAAK,UAAU;MACxC,OAAO;IACT;IAEA,MAAMC,SAAA,GAAYF,UAAA,CAAWC,KAAK;IAElC,MAAME,GAAA,GAAMH,UAAC,CAAWI,MAAM,EAAED,GAAA,IAAmBD,SAAA,EAAgCC,GAAA,IAAO;IAE1F,MAAME,GAAA,GAAMH,SAAA,CAAUG,GAAG;IAEzB;;;IAGA,IAAI,CAACH,SAAA,CAAUI,QAAQ,CAACC,UAAU,CAAC,UAAU;MAC3C,oBACEC,IAAA,CAAC;QAAEC,IAAA,EAAMJ,GAAA;QAAKK,GAAA,EAAI;kBACfR,SAAA,CAAUS;;IAGjB;IAEA;;;IAGA,IAAI,CAACT,SAAA,CAAUU,KAAK,IAAI,CAACC,MAAA,CAAOC,IAAI,CAACZ,SAAA,CAAUU,KAAK,EAAEG,MAAM,EAAE;MAC5D,oBAAOP,IAAA,CAAC;QAAIL,GAAA,EAAKA,GAAA;QAAKa,MAAA,EAAQd,SAAA,CAAUc,MAAM;QAAEC,GAAA,EAAKZ,GAAA;QAAKa,KAAA,EAAOhB,SAAA,CAAUgB;;IAC7E;IAEA;;;IAGA,MAAMC,UAAA,GAAgC,EAAE;IAExC;IACA,KAAK,MAAMC,IAAA,IAAQlB,SAAA,CAAUU,KAAK,EAAE;MAClC,MAAMS,SAAA,GAAYnB,SAAA,CAAUU,KAAK,CAACQ,IAAA,CAAK;MAEvC;MACA,IACE,CAACC,SAAA,IACD,CAACA,SAAA,CAAUH,KAAK,IAChB,CAACG,SAAA,CAAUL,MAAM,IACjB,CAACK,SAAA,CAAUf,QAAQ,IACnB,CAACe,SAAA,CAAUC,QAAQ,IACnB,CAACD,SAAA,CAAUV,QAAQ,IACnB,CAACU,SAAA,CAAUhB,GAAG,EACd;QACA;MACF;MACA,MAAMkB,YAAA,GAAeF,SAAA,EAAWhB,GAAA;MAEhCc,UAAA,CAAWK,IAAI,cACbhB,IAAA,CAAC;QAECiB,KAAA,EAAO,eAAeJ,SAAA,CAAUH,KAAK,KAAK;QAC1CQ,MAAA,EAAQH,YAAA;QACRI,IAAA,EAAMN,SAAA,CAAUf;SAHXc,IAAA;IAMX;IAEA;IACAD,UAAA,CAAWK,IAAI,cACbhB,IAAA,CAAC;MAAIL,GAAA,EAAKA,GAAA;MAAKa,MAAA,EAAQd,SAAA,EAAWc,MAAA;MAAsBC,GAAA,EAAKZ,GAAA;MAAKa,KAAA,EAAOhB,SAAA,EAAWgB;OAArC;IAEjD,oBAAOV,IAAA,CAAC;gBAASW;;EACnB;AACF","ignoreList":[]}
+{"version":3,"file":"upload.js","names":["UploadJSXConverter","upload","node","uploadNode","value","uploadDoc","alt","fields","url","mimeType","startsWith","_jsx","href","rel","filename","variants","Object","keys","length","height","src","width","pictureJSX","size","imageSize","filesize","imageSizeURL","push","media","srcSet","type"],"sources":["../../../../../../src/features/converters/lexicalToJSX/converter/converters/upload.tsx"],"sourcesContent":["import type { FileData, FileSize, TypeWithID } from 'payload'\n\nimport type { SerializedUploadNode } from '../../../../../types/nodeTypes.js'\nimport type { UploadDataImproved } from '../../../../upload/server/schema.js'\nimport type { JSXConverters } from '../types.js'\n\nexport const UploadJSXConverter: JSXConverters<SerializedUploadNode> = {\n  upload: ({ node }) => {\n    // TO-DO (v4): SerializedUploadNode should use UploadData_P4\n    const uploadNode = node as UploadDataImproved\n    if (typeof uploadNode.value !== 'object') {\n      return null\n    }\n\n    const uploadDoc = uploadNode.value as FileData & TypeWithID\n\n    const alt = (uploadNode.fields?.alt as string) || (uploadDoc as { alt?: string })?.alt || ''\n\n    const url = uploadDoc.url\n\n    /**\n     * If the upload is not an image, return a link to the upload\n     */\n    if (!uploadDoc.mimeType.startsWith('image')) {\n      return (\n        <a href={url} rel=\"noopener noreferrer\">\n          {uploadDoc.filename}\n        </a>\n      )\n    }\n\n    /**\n     * If the upload is a simple image with no different sizes, return a simple img tag\n     */\n    if (!uploadDoc.variants || !Object.keys(uploadDoc.variants).length) {\n      return <img alt={alt} height={uploadDoc.height} src={url} width={uploadDoc.width} />\n    }\n\n    /**\n     * If the upload is an image with different sizes, return a picture element\n     */\n    const pictureJSX: React.ReactNode[] = []\n\n    // Iterate through each size in the data.variants object\n    for (const size in uploadDoc.variants) {\n      const imageSize = uploadDoc.variants[size] as FileSize\n\n      // Skip if any property of the size object is null\n      if (\n        !imageSize ||\n        !imageSize.width ||\n        !imageSize.height ||\n        !imageSize.mimeType ||\n        !imageSize.filesize ||\n        !imageSize.filename ||\n        !imageSize.url\n      ) {\n        continue\n      }\n      const imageSizeURL = imageSize?.url\n\n      pictureJSX.push(\n        <source\n          key={size}\n          media={`(max-width: ${imageSize.width}px)`}\n          srcSet={imageSizeURL}\n          type={imageSize.mimeType}\n        />,\n      )\n    }\n\n    // Add the default img tag\n    pictureJSX.push(\n      <img alt={alt} height={uploadDoc?.height} key={'image'} src={url} width={uploadDoc?.width} />,\n    )\n    return <picture>{pictureJSX}</picture>\n  },\n}\n"],"mappings":";AAMA,OAAO,MAAMA,kBAAA,GAA0D;EACrEC,MAAA,EAAQA,CAAC;IAAEC;EAAI,CAAE;IACf;IACA,MAAMC,UAAA,GAAaD,IAAA;IACnB,IAAI,OAAOC,UAAA,CAAWC,KAAK,KAAK,UAAU;MACxC,OAAO;IACT;IAEA,MAAMC,SAAA,GAAYF,UAAA,CAAWC,KAAK;IAElC,MAAME,GAAA,GAAMH,UAAC,CAAWI,MAAM,EAAED,GAAA,IAAmBD,SAAA,EAAgCC,GAAA,IAAO;IAE1F,MAAME,GAAA,GAAMH,SAAA,CAAUG,GAAG;IAEzB;;;IAGA,IAAI,CAACH,SAAA,CAAUI,QAAQ,CAACC,UAAU,CAAC,UAAU;MAC3C,oBACEC,IAAA,CAAC;QAAEC,IAAA,EAAMJ,GAAA;QAAKK,GAAA,EAAI;kBACfR,SAAA,CAAUS;;IAGjB;IAEA;;;IAGA,IAAI,CAACT,SAAA,CAAUU,QAAQ,IAAI,CAACC,MAAA,CAAOC,IAAI,CAACZ,SAAA,CAAUU,QAAQ,EAAEG,MAAM,EAAE;MAClE,oBAAOP,IAAA,CAAC;QAAIL,GAAA,EAAKA,GAAA;QAAKa,MAAA,EAAQd,SAAA,CAAUc,MAAM;QAAEC,GAAA,EAAKZ,GAAA;QAAKa,KAAA,EAAOhB,SAAA,CAAUgB;;IAC7E;IAEA;;;IAGA,MAAMC,UAAA,GAAgC,EAAE;IAExC;IACA,KAAK,MAAMC,IAAA,IAAQlB,SAAA,CAAUU,QAAQ,EAAE;MACrC,MAAMS,SAAA,GAAYnB,SAAA,CAAUU,QAAQ,CAACQ,IAAA,CAAK;MAE1C;MACA,IACE,CAACC,SAAA,IACD,CAACA,SAAA,CAAUH,KAAK,IAChB,CAACG,SAAA,CAAUL,MAAM,IACjB,CAACK,SAAA,CAAUf,QAAQ,IACnB,CAACe,SAAA,CAAUC,QAAQ,IACnB,CAACD,SAAA,CAAUV,QAAQ,IACnB,CAACU,SAAA,CAAUhB,GAAG,EACd;QACA;MACF;MACA,MAAMkB,YAAA,GAAeF,SAAA,EAAWhB,GAAA;MAEhCc,UAAA,CAAWK,IAAI,cACbhB,IAAA,CAAC;QAECiB,KAAA,EAAO,eAAeJ,SAAA,CAAUH,KAAK,KAAK;QAC1CQ,MAAA,EAAQH,YAAA;QACRI,IAAA,EAAMN,SAAA,CAAUf;SAHXc,IAAA;IAMX;IAEA;IACAD,UAAA,CAAWK,IAAI,cACbhB,IAAA,CAAC;MAAIL,GAAA,EAAKA,GAAA;MAAKa,MAAA,EAAQd,SAAA,EAAWc,MAAA;MAAsBC,GAAA,EAAKZ,GAAA;MAAKa,KAAA,EAAOhB,SAAA,EAAWgB;OAArC;IAEjD,oBAAOV,IAAA,CAAC;gBAASW;;EACnB;AACF","ignoreList":[]}

package/dist/features/indent/client/IndentPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IndentPlugin.d.ts","sourceRoot":"","sources":["../../../../src/features/indent/client/IndentPlugin.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAE5D,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,kBAAkB,CAmE5D,CAAA"}
+{"version":3,"file":"IndentPlugin.d.ts","sourceRoot":"","sources":["../../../../src/features/indent/client/IndentPlugin.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAE5D,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,kBAAkB,CAmO5D,CAAA"}