@ai-stack/payloadcms/dist/fields/LexicalEditor/ComposeFeatureComponent.jsx

<p align="center"> <img alt="Payload AI Plugin" src="assets/payload-ai-intro.gif" width="100%" /> </p>

import React from 'react';
import { FieldProvider } from '../../providers/FieldProvider/FieldProvider.js';
import { useInstructions } from '../../providers/InstructionsProvider/useInstructions.js';
import { Compose } from '../../ui/Compose/Compose.js';
export const ComposeFeatureComponent = (props) => {
    const { id: instructionId, disabled, isConfigAllowed, } = useInstructions({
        schemaPath: props?.clientProps?.schemaPath,
    });
    if (!instructionId || disabled) {
        return null;
    }
    return (<FieldProvider context={{
            field: props?.clientProps?.field,
            path: props?.clientProps?.path,
            schemaPath: props?.clientProps?.schemaPath,
        }}>
      <Compose descriptionProps={{
            field: props?.clientProps?.field,
            path: props?.clientProps?.path,
            schemaPath: props?.clientProps?.schemaPath,
            ...props?.clientProps,
        }} instructionId={instructionId} isConfigAllowed={isConfigAllowed}/>
    </FieldProvider>);
};