@ai-stack/payloadcms 3.0.0-beta.104

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { Collection, Endpoint, Field, GroupField } from 'payload'\nimport { CSSProperties, MouseEventHandler } from 'react'\nimport { LexicalBaseNode } from './ai/schemas/lexical.schema.js'\n\nexport interface PluginConfig {\n  collections: {\n    [key: string]: boolean\n  }\n  fields?: Field[]\n  globals?: string[]\n  interfaceName?: string\n  editorConfig?: { nodes: (typeof LexicalBaseNode)[] }\n  debugging?: boolean\n  generatePromptOnInit?: boolean\n}\n\nexport interface GenerationModel {\n  fields: string[]\n  handler?: (payload: any, options: any) => Promise<any>\n  id: string\n  name: string\n  output: 'audio' | 'file' | 'image' | 'json' | 'text' | 'video'\n  settings?: GroupField\n  supportsPromptOptimization?: boolean\n}\n\nexport interface GenerationConfig {\n  models: GenerationModel[]\n  provider: string\n}\n\nexport type GenerateTextarea<T = any> = (args: {\n  doc: T\n  locale?: string\n  options?: any\n}) => Promise<string> | string\n\nexport interface Instructions {\n  'collection-slug': string\n  id: string\n  'model-id': string\n  prompt: string\n}\n\nexport interface Endpoints {\n  textarea: Omit<Endpoint, 'root'>\n  upload: Omit<Endpoint, 'root'>\n}\n\nexport type ActionMenuItems =\n  | 'Compose'\n  | 'Expand'\n  | 'Proofread'\n  | 'Rephrase'\n  | 'Settings'\n  | 'Simplify'\n  | 'Summarize'\n  | 'Tone'\n  | 'Translate'\n\nexport type ActionMenuEvents =\n  | 'onCompose'\n  | 'onExpand'\n  | 'onProofread'\n  | 'onRephrase'\n  | 'onSettings'\n  | 'onSimplify'\n  | 'onSummarize'\n  | 'onTone'\n  | 'onTranslate'\n\nexport type UseMenuEvents = {\n  [key in ActionMenuEvents]?: (data?: unknown) => void\n}\n\nexport type BaseItemProps<T = any> = {\n  children?: React.ReactNode\n  disabled?: boolean\n  hideIcon?: boolean\n  onClick: (data?: unknown) => void\n  onMouseEnter?: MouseEventHandler<T> | undefined\n  onMouseLeave?: MouseEventHandler<T> | undefined\n  style?: CSSProperties | undefined\n  isMenu?: boolean\n  isActive?: boolean\n}\n\n/**\n * This interface was referenced by `Config`'s JSON-Schema\n * via the `definition` \"plugin-ai-instructions\".\n */\nexport interface PluginAiInstruction {\n  id: string\n  'schema-path'?: string | null\n  'field-type'?: ('text' | 'textarea' | 'upload' | 'richText') | null\n  'model-id'?: ('openai-gpt-text' | 'dall-e' | 'tts' | 'openai-gpt-object') | null\n  prompt?: string | null\n  'openai-gpt-text-settings'?: {\n    model?: ('gpt-4o' | 'gpt-4-turbo' | 'gpt-4o-mini' | 'gpt-3.5-turbo') | null\n  }\n  'dalle-e-settings'?: {\n    version?: ('dall-e-3' | 'dall-e-2') | null\n    size?: ('256x256' | '512x512' | '1024x1024' | '1792x1024' | '1024x1792') | null\n    style?: ('vivid' | 'natural') | null\n    'enable-prompt-optimization'?: boolean | null\n  }\n  'openai-tts-settings'?: {\n    voice?: ('alloy' | 'echo' | 'fable' | 'onyx' | 'nova' | 'shimmer') | null\n    model?: ('tts-1' | 'tts-1-hd') | null\n    response_format?: ('mp3' | 'opus' | 'aac' | 'flac' | 'wav' | 'pcm') | null\n    speed?: number | null\n  }\n  'openai-gpt-object-settings'?: {\n    model?: ('gpt-4o' | 'gpt-4-turbo' | 'gpt-4o-mini' | 'gpt-4o-2024-08-06') | null\n    system?: string | null\n    layout?: string | null\n  }\n  updatedAt: string\n  createdAt: string\n}\n"],"names":[],"mappings":"AAuFA;;;CAGC,GACD,WA4BC"}

package/dist/ui/Compose/Compose.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { FieldDescriptionClientProps } from 'payload';
+type ComposeProps = {
+    descriptionProps?: FieldDescriptionClientProps;
+    instructionId: string;
+};
+export declare const Compose: FC<ComposeProps>;
+export {};
+//# sourceMappingURL=Compose.d.ts.map

package/dist/ui/Compose/Compose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Compose.d.ts","sourceRoot":"","sources":["../../../src/ui/Compose/Compose.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAA;AAS3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAiBrD,KAAK,YAAY,GAAG;IAClB,gBAAgB,CAAC,EAAE,2BAA2B,CAAA;IAC9C,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAgJpC,CAAA"}

package/dist/ui/Compose/Compose.js

@@ -0,0 +1,176 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditorConfigContext } from '@payloadcms/richtext-lexical/client';
+import { FieldDescription, Popup, useDocumentDrawer, useField, useFieldProps } from '@payloadcms/ui';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { PLUGIN_INSTRUCTIONS_TABLE } from '../../defaults.js';
+import { setSafeLexicalState } from '../../utilities/setSafeLexicalState.js';
+import { PluginIcon } from '../Icons/Icons.js';
+import { UndoRedoActions } from './UndoRedoActions.js';
+import styles from './compose.module.scss';
+import { useMenu } from './hooks/menu/useMenu.js';
+import { useGenerate } from './hooks/useGenerate.js';
+function findParentWithClass(element, className) {
+    // Base case: if the element is null or we've reached the top of the DOM
+    if (!element || element === document.body) {
+        return null;
+    }
+    // Check if the current element has the class we're looking for
+    if (element.classList.contains(className)) {
+        return element;
+    }
+    // Recursively call the function on the parent element
+    return findParentWithClass(element.parentElement, className);
+}
+export const Compose = (props)=>{
+    const [DocumentDrawer, _, { closeDrawer, openDrawer }] = useDocumentDrawer({
+        id: props.instructionId,
+        collectionSlug: PLUGIN_INSTRUCTIONS_TABLE
+    });
+    const { type: fieldType, path: pathFromContext, schemaPath } = useFieldProps();
+    const { editor: lexicalEditor, editorContainerRef } = useEditorConfigContext();
+    // Below snippet is used to show/hide the actions menu on AI enabled fields
+    const [input, setInput] = useState(null);
+    const actionsRef = useRef(null);
+    // Set input element for current field
+    useEffect(()=>{
+        if (!actionsRef.current) return;
+        const fieldId = `field-${pathFromContext.replace(/\./g, '__')}`;
+        const inputElement = document.getElementById(fieldId);
+        if (!inputElement && fieldType === 'richText') {
+            setInput(editorContainerRef.current);
+        } else {
+            actionsRef.current.setAttribute('for', fieldId);
+            setInput(inputElement);
+        }
+    }, [
+        pathFromContext,
+        schemaPath,
+        actionsRef,
+        editorContainerRef
+    ]);
+    // Show or hide actions menu on field
+    useEffect(()=>{
+        if (!input || !actionsRef.current) return;
+        actionsRef.current.classList.add(styles.actions_hidden);
+        input.addEventListener('click', (event)=>{
+            document.querySelectorAll('.ai-plugin-active')?.forEach((element)=>{
+                const actionElement = element.querySelector(`.${styles.actions}`);
+                if (actionElement) {
+                    actionElement.classList.add(styles.actions_hidden);
+                    element.classList.remove('ai-plugin-active');
+                }
+            });
+            actionsRef.current.classList.remove(styles.actions_hidden);
+            const parentWithClass = findParentWithClass(event.target, 'field-type');
+            parentWithClass.classList.add('ai-plugin-active');
+        });
+    }, [
+        input,
+        actionsRef
+    ]);
+    const [isProcessing, setIsProcessing] = useState(false);
+    const { generate, isLoading } = useGenerate();
+    const { ActiveComponent, Menu } = useMenu({
+        onCompose: async ()=>{
+            console.log('Composing...');
+            setIsProcessing(true);
+            await generate({
+                action: 'Compose'
+            }).finally(()=>{
+                setIsProcessing(false);
+            });
+        },
+        onExpand: async ()=>{
+            console.log('Expanding...');
+            await generate({
+                action: 'Expand'
+            });
+        },
+        onProofread: async ()=>{
+            console.log('Proofreading...');
+            await generate({
+                action: 'Proofread'
+            });
+        },
+        onRephrase: async ()=>{
+            console.log('Rephrasing...');
+            await generate({
+                action: 'Rephrase'
+            });
+        },
+        onSettings: openDrawer,
+        onSimplify: async ()=>{
+            console.log('Simplifying...');
+            await generate({
+                action: 'Simplify'
+            });
+        },
+        onSummarize: async ()=>{
+            console.log('Summarizing...');
+            await generate({
+                action: 'Summarize'
+            });
+        },
+        onTranslate: async (data)=>{
+            console.log('Translating...');
+            await generate({
+                action: 'Translate',
+                params: data
+            });
+        }
+    });
+    const { setValue } = useField({
+        path: pathFromContext
+    });
+    const setIfValueIsLexicalState = useCallback((val)=>{
+        if (val.root && lexicalEditor) {
+            setSafeLexicalState(JSON.stringify(val), lexicalEditor);
+        }
+    // DO NOT PROVIDE lexicalEditor as a dependency, it freaks out and does not update the editor after first undo/redo
+    }, []);
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("label", {
+                className: `${styles.actions}`,
+                onClick: (e)=>e.preventDefault(),
+                ref: actionsRef,
+                children: [
+                    /*#__PURE__*/ _jsx(DocumentDrawer, {
+                        onSave: ()=>{
+                            closeDrawer();
+                        }
+                    }),
+                    /*#__PURE__*/ _jsx(Popup, {
+                        button: /*#__PURE__*/ _jsx(PluginIcon, {
+                            isLoading: isProcessing || isLoading
+                        }),
+                        render: ({ close })=>{
+                            return /*#__PURE__*/ _jsx(Menu, {
+                                isLoading: isProcessing || isLoading,
+                                onClose: close
+                            });
+                        },
+                        verticalAlign: "bottom"
+                    }),
+                    /*#__PURE__*/ _jsx(ActiveComponent, {
+                        isLoading: isProcessing || isLoading
+                    }),
+                    /*#__PURE__*/ _jsx(UndoRedoActions, {
+                        onChange: (val)=>{
+                            setValue(val);
+                            setIfValueIsLexicalState(val);
+                        }
+                    })
+                ]
+            }),
+            props.descriptionProps ? /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx(FieldDescription, {
+                    ...props.descriptionProps
+                })
+            }) : null
+        ]
+    });
+};
+
+//# sourceMappingURL=Compose.js.map

package/dist/ui/Compose/Compose.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/Compose/Compose.tsx"],"sourcesContent":["'use client'\n\nimport { useEditorConfigContext } from '@payloadcms/richtext-lexical/client'\nimport { FieldDescription, Popup, useDocumentDrawer, useField, useFieldProps } from '@payloadcms/ui'\nimport React, { FC, useCallback, useEffect, useRef, useState } from 'react'\n\nimport { PLUGIN_INSTRUCTIONS_TABLE } from '../../defaults.js'\nimport { setSafeLexicalState } from '../../utilities/setSafeLexicalState.js'\nimport { PluginIcon } from '../Icons/Icons.js'\nimport { UndoRedoActions } from './UndoRedoActions.js'\nimport styles from './compose.module.scss'\nimport { useMenu } from './hooks/menu/useMenu.js'\nimport { useGenerate } from './hooks/useGenerate.js'\nimport { FieldDescriptionClientProps } from 'payload'\n\nfunction findParentWithClass(element, className) {\n  // Base case: if the element is null or we've reached the top of the DOM\n  if (!element || element === document.body) {\n    return null\n  }\n\n  // Check if the current element has the class we're looking for\n  if (element.classList.contains(className)) {\n    return element\n  }\n\n  // Recursively call the function on the parent element\n  return findParentWithClass(element.parentElement, className)\n}\n\ntype ComposeProps = {\n  descriptionProps?: FieldDescriptionClientProps\n  instructionId: string\n}\n\nexport const Compose: FC<ComposeProps> = (props) => {\n  const [DocumentDrawer, _, { closeDrawer, openDrawer }] = useDocumentDrawer({\n    id: props.instructionId,\n    collectionSlug: PLUGIN_INSTRUCTIONS_TABLE,\n  })\n\n  const { type: fieldType, path: pathFromContext, schemaPath } = useFieldProps()\n  const { editor: lexicalEditor, editorContainerRef } = useEditorConfigContext()\n\n  // Below snippet is used to show/hide the actions menu on AI enabled fields\n  const [input, setInput] = useState(null)\n  const actionsRef = useRef(null)\n\n  // Set input element for current field\n  useEffect(() => {\n    if (!actionsRef.current) return\n\n    const fieldId = `field-${pathFromContext.replace(/\\./g, '__')}`\n    const inputElement = document.getElementById(fieldId)\n\n    if (!inputElement && fieldType === 'richText') {\n      setInput(editorContainerRef.current)\n    } else {\n      actionsRef.current.setAttribute('for', fieldId)\n      setInput(inputElement)\n    }\n  }, [pathFromContext, schemaPath, actionsRef, editorContainerRef])\n\n  // Show or hide actions menu on field\n  useEffect(() => {\n    if (!input || !actionsRef.current) return\n\n    actionsRef.current.classList.add(styles.actions_hidden)\n    input.addEventListener('click', (event) => {\n      document.querySelectorAll('.ai-plugin-active')?.forEach((element) => {\n        const actionElement = element.querySelector(`.${styles.actions}`)\n        if (actionElement) {\n          actionElement.classList.add(styles.actions_hidden)\n          element.classList.remove('ai-plugin-active')\n        }\n      })\n\n      actionsRef.current.classList.remove(styles.actions_hidden)\n      const parentWithClass = findParentWithClass(event.target, 'field-type')\n      parentWithClass.classList.add('ai-plugin-active')\n    })\n  }, [input, actionsRef])\n\n  const [isProcessing, setIsProcessing] = useState(false)\n  const { generate, isLoading } = useGenerate()\n\n  const { ActiveComponent, Menu } = useMenu({\n    onCompose: async () => {\n      console.log('Composing...')\n      setIsProcessing(true)\n      await generate({\n        action: 'Compose',\n      }).finally(() => {\n        setIsProcessing(false)\n      })\n    },\n    onExpand: async () => {\n      console.log('Expanding...')\n      await generate({\n        action: 'Expand',\n      })\n    },\n    onProofread: async () => {\n      console.log('Proofreading...')\n      await generate({\n        action: 'Proofread',\n      })\n    },\n    onRephrase: async () => {\n      console.log('Rephrasing...')\n      await generate({\n        action: 'Rephrase',\n      })\n    },\n    onSettings: openDrawer,\n    onSimplify: async () => {\n      console.log('Simplifying...')\n      await generate({\n        action: 'Simplify',\n      })\n    },\n    onSummarize: async () => {\n      console.log('Summarizing...')\n      await generate({\n        action: 'Summarize',\n      })\n    },\n    onTranslate: async (data) => {\n      console.log('Translating...')\n      await generate({\n        action: 'Translate',\n        params: data,\n      })\n    },\n  })\n\n  const { setValue } = useField<string>({\n    path: pathFromContext,\n  })\n\n  const setIfValueIsLexicalState = useCallback((val: any) => {\n    if (val.root && lexicalEditor) {\n      setSafeLexicalState(JSON.stringify(val), lexicalEditor)\n    }\n\n    // DO NOT PROVIDE lexicalEditor as a dependency, it freaks out and does not update the editor after first undo/redo\n  }, [])\n\n  return (\n    <React.Fragment>\n      <label className={`${styles.actions}`} onClick={(e) => e.preventDefault()} ref={actionsRef}>\n        <DocumentDrawer\n          onSave={() => {\n            closeDrawer()\n          }}\n        />\n        <Popup\n          button={<PluginIcon isLoading={isProcessing || isLoading} />}\n          render={({ close }) => {\n            return <Menu isLoading={isProcessing || isLoading} onClose={close} />\n          }}\n          verticalAlign=\"bottom\"\n        />\n        <ActiveComponent isLoading={isProcessing || isLoading} />\n        <UndoRedoActions\n          onChange={(val) => {\n            setValue(val)\n            setIfValueIsLexicalState(val)\n          }}\n        />\n      </label>\n      {/*Render incoming description field*/}\n      {props.descriptionProps ? (\n        <div>\n          <FieldDescription {...props.descriptionProps} />\n        </div>\n      ) : null}\n    </React.Fragment>\n  )\n}\n"],"names":["useEditorConfigContext","FieldDescription","Popup","useDocumentDrawer","useField","useFieldProps","React","useCallback","useEffect","useRef","useState","PLUGIN_INSTRUCTIONS_TABLE","setSafeLexicalState","PluginIcon","UndoRedoActions","styles","useMenu","useGenerate","findParentWithClass","element","className","document","body","classList","contains","parentElement","Compose","props","DocumentDrawer","_","closeDrawer","openDrawer","id","instructionId","collectionSlug","type","fieldType","path","pathFromContext","schemaPath","editor","lexicalEditor","editorContainerRef","input","setInput","actionsRef","current","fieldId","replace","inputElement","getElementById","setAttribute","add","actions_hidden","addEventListener","event","querySelectorAll","forEach","actionElement","querySelector","actions","remove","parentWithClass","target","isProcessing","setIsProcessing","generate","isLoading","ActiveComponent","Menu","onCompose","console","log","action","finally","onExpand","onProofread","onRephrase","onSettings","onSimplify","onSummarize","onTranslate","data","params","setValue","setIfValueIsLexicalState","val","root","JSON","stringify","Fragment","label","onClick","e","preventDefault","ref","onSave","button","render","close","onClose","verticalAlign","onChange","descriptionProps","div"],"mappings":"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"}

package/dist/ui/Compose/UndoRedoActions.d.ts

@@ -0,0 +1,4 @@
+export declare const UndoRedoActions: ({ onChange }: {
+    onChange: (val: unknown) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UndoRedoActions.d.ts.map

package/dist/ui/Compose/UndoRedoActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UndoRedoActions.d.ts","sourceRoot":"","sources":["../../../src/ui/Compose/UndoRedoActions.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,iBAAkB;IAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,4CA0DjF,CAAA"}

package/dist/ui/Compose/UndoRedoActions.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useHistory } from './hooks/useHistory.js';
+import React, { useCallback, useEffect, useState } from 'react';
+export const UndoRedoActions = ({ onChange })=>{
+    const { canRedo, canUndo, redo, undo } = useHistory();
+    const redoHistoryValue = useCallback((event)=>{
+        event.stopPropagation();
+        const value = redo();
+        if (value) {
+            onChange(value);
+        }
+    }, [
+        redo
+    ]);
+    const undoHistoryValue = useCallback((event)=>{
+        event.stopPropagation();
+        const value = undo();
+        if (value) {
+            onChange(value);
+        }
+    }, [
+        undo
+    ]);
+    // Delay rendering until the client-side hydration is complete
+    const [isMounted, setIsMounted] = useState(false);
+    useEffect(()=>{
+        setIsMounted(true);
+    }, []);
+    if (!isMounted || !canUndo && !canRedo) return null;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("button", {
+                onClick: undoHistoryValue,
+                type: "button",
+                disabled: !canUndo,
+                className: `btn btn--size-small btn--style-secondary ${!canUndo && 'btn--disabled'}`,
+                style: {
+                    marginBlock: 0
+                },
+                children: "Undo"
+            }),
+            /*#__PURE__*/ _jsx("button", {
+                onClick: redoHistoryValue,
+                type: "button",
+                disabled: !canRedo,
+                className: `btn btn--size-small btn--style-secondary ${!canRedo && 'btn--disabled'}`,
+                style: {
+                    marginBlock: 0
+                },
+                children: "Redo"
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=UndoRedoActions.js.map

package/dist/ui/Compose/UndoRedoActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/Compose/UndoRedoActions.tsx"],"sourcesContent":["import { useHistory } from './hooks/useHistory.js'\nimport React, { MouseEventHandler, useCallback, useEffect, useState } from 'react'\n\nexport const UndoRedoActions = ({ onChange }: { onChange: (val: unknown) => void }) => {\n  const { canRedo, canUndo, redo, undo } = useHistory()\n\n  const redoHistoryValue = useCallback<MouseEventHandler>(\n    (event) => {\n      event.stopPropagation()\n\n      const value = redo()\n      if (value) {\n        onChange(value)\n      }\n    },\n    [redo],\n  )\n\n  const undoHistoryValue = useCallback<MouseEventHandler>(\n    (event) => {\n      event.stopPropagation()\n\n      const value = undo()\n      if (value) {\n        onChange(value)\n      }\n    },\n    [undo],\n  )\n\n  // Delay rendering until the client-side hydration is complete\n  const [isMounted, setIsMounted] = useState(false)\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  if (!isMounted || (!canUndo && !canRedo)) return null\n\n  return (\n    <>\n      <button\n        onClick={undoHistoryValue}\n        type=\"button\"\n        disabled={!canUndo}\n        className={`btn btn--size-small btn--style-secondary ${!canUndo && 'btn--disabled'}`}\n        style={{ marginBlock: 0 }}\n      >\n        Undo\n      </button>\n      <button\n        onClick={redoHistoryValue}\n        type=\"button\"\n        disabled={!canRedo}\n        className={`btn btn--size-small btn--style-secondary ${!canRedo && 'btn--disabled'}`}\n        style={{ marginBlock: 0 }}\n      >\n        Redo\n      </button>\n    </>\n  )\n}\n"],"names":["useHistory","React","useCallback","useEffect","useState","UndoRedoActions","onChange","canRedo","canUndo","redo","undo","redoHistoryValue","event","stopPropagation","value","undoHistoryValue","isMounted","setIsMounted","button","onClick","type","disabled","className","style","marginBlock"],"mappings":";AAAA,SAASA,UAAU,QAAQ,wBAAuB;AAClD,OAAOC,SAA4BC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAElF,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAwC;IAChF,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAGV;IAEzC,MAAMW,mBAAmBT,YACvB,CAACU;QACCA,MAAMC,eAAe;QAErB,MAAMC,QAAQL;QACd,IAAIK,OAAO;YACTR,SAASQ;QACX;IACF,GACA;QAACL;KAAK;IAGR,MAAMM,mBAAmBb,YACvB,CAACU;QACCA,MAAMC,eAAe;QAErB,MAAMC,QAAQJ;QACd,IAAII,OAAO;YACTR,SAASQ;QACX;IACF,GACA;QAACJ;KAAK;IAGR,8DAA8D;IAC9D,MAAM,CAACM,WAAWC,aAAa,GAAGb,SAAS;IAE3CD,UAAU;QACRc,aAAa;IACf,GAAG,EAAE;IAEL,IAAI,CAACD,aAAc,CAACR,WAAW,CAACD,SAAU,OAAO;IAEjD,qBACE;;0BACE,KAACW;gBACCC,SAASJ;gBACTK,MAAK;gBACLC,UAAU,CAACb;gBACXc,WAAW,CAAC,yCAAyC,EAAE,CAACd,WAAW,gBAAgB,CAAC;gBACpFe,OAAO;oBAAEC,aAAa;gBAAE;0BACzB;;0BAGD,KAACN;gBACCC,SAASR;gBACTS,MAAK;gBACLC,UAAU,CAACd;gBACXe,WAAW,CAAC,yCAAyC,EAAE,CAACf,WAAW,gBAAgB,CAAC;gBACpFgB,OAAO;oBAAEC,aAAa;gBAAE;0BACzB;;;;AAKP,EAAC"}

package/dist/ui/Compose/compose.module.scss

@@ -0,0 +1,19 @@
+.actions {
+  position: relative;
+  margin: 5px 0;
+  display: flex;
+  gap: 10px;
+  padding: 5px 0;
+  transition: all 0.3s ease;
+  max-height: 100px;
+  opacity: 1;
+  align-items: center;
+
+  &_hidden {
+    max-height: 0;
+    overflow: hidden;
+    padding: 0 5px;
+    margin: 0;
+    opacity: 0;
+  }
+}

package/dist/ui/Compose/hooks/menu/Item.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { BaseItemProps } from '../../../../types.js';
+export declare const Item: React.FC<BaseItemProps>;
+export declare const createMenuItem: (IconComponent: any, initialText: any) => React.MemoExoticComponent<({ children, disabled, hideIcon, onClick, isMenu, ...rest }: BaseItemProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=Item.d.ts.map

package/dist/ui/Compose/hooks/menu/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Compose/hooks/menu/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAA;AAEnC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAKzD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAaxC,CAAA;AAED,eAAO,MAAM,cAAc,mIACyC,aAAa,6CAM7E,CAAA"}

package/dist/ui/Compose/hooks/menu/Item.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { memo } from 'react';
+import { ArrowIcon } from '../../../Icons/Icons.js';
+import styles from './menu.module.scss';
+export const Item = /*#__PURE__*/ memo(({ children, disabled, onClick, isActive, ...rest })=>/*#__PURE__*/ _jsx("span", {
+        className: styles.generate_button + ' ' + (isActive ? styles.active : ''),
+        "data-disabled": disabled,
+        onClick: !disabled ? onClick : null,
+        onKeyDown: !disabled ? onClick : null,
+        role: "presentation",
+        ...rest,
+        children: children
+    }));
+export const createMenuItem = (IconComponent, initialText)=>/*#__PURE__*/ memo(({ children, disabled, hideIcon, onClick, isMenu, ...rest })=>/*#__PURE__*/ _jsxs(Item, {
+            disabled: disabled,
+            onClick: onClick,
+            ...rest,
+            children: [
+                hideIcon || /*#__PURE__*/ _jsx(IconComponent, {
+                    size: 18
+                }),
+                children || /*#__PURE__*/ _jsx("span", {
+                    className: styles.text,
+                    children: initialText
+                }),
+                isMenu && /*#__PURE__*/ _jsx(ArrowIcon, {
+                    size: 18
+                })
+            ]
+        }));
+
+//# sourceMappingURL=Item.js.map

package/dist/ui/Compose/hooks/menu/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/Compose/hooks/menu/Item.tsx"],"sourcesContent":["import React, { memo } from 'react'\n\nimport type { BaseItemProps } from '../../../../types.js'\n\nimport { ArrowIcon } from '../../../Icons/Icons.js'\nimport styles from './menu.module.scss'\n\nexport const Item: React.FC<BaseItemProps> = memo(\n  ({ children, disabled, onClick, isActive, ...rest }) => (\n    <span\n      className={styles.generate_button + ' ' + (isActive ? styles.active : '')}\n      data-disabled={disabled}\n      onClick={!disabled ? onClick : null}\n      onKeyDown={!disabled ? onClick : null}\n      role=\"presentation\"\n      {...rest}\n    >\n      {children}\n    </span>\n  ),\n)\n\nexport const createMenuItem = (IconComponent, initialText) =>\n  memo(({ children, disabled, hideIcon, onClick, isMenu, ...rest }: BaseItemProps) => (\n    <Item disabled={disabled} onClick={onClick} {...rest}>\n      {hideIcon || <IconComponent size={18} />}\n      {children || <span className={styles.text}>{initialText}</span>}\n      {isMenu && <ArrowIcon size={18} />}\n    </Item>\n  ))\n"],"names":["React","memo","ArrowIcon","styles","Item","children","disabled","onClick","isActive","rest","span","className","generate_button","active","data-disabled","onKeyDown","role","createMenuItem","IconComponent","initialText","hideIcon","isMenu","size","text"],"mappings":";AAAA,OAAOA,SAASC,IAAI,QAAQ,QAAO;AAInC,SAASC,SAAS,QAAQ,0BAAyB;AACnD,OAAOC,YAAY,qBAAoB;AAEvC,OAAO,MAAMC,qBAAgCH,KAC3C,CAAC,EAAEI,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,MAAM,iBACjD,KAACC;QACCC,WAAWR,OAAOS,eAAe,GAAG,MAAOJ,CAAAA,WAAWL,OAAOU,MAAM,GAAG,EAAC;QACvEC,iBAAeR;QACfC,SAAS,CAACD,WAAWC,UAAU;QAC/BQ,WAAW,CAACT,WAAWC,UAAU;QACjCS,MAAK;QACJ,GAAGP,IAAI;kBAEPJ;QAGN;AAED,OAAO,MAAMY,iBAAiB,CAACC,eAAeC,4BAC5ClB,KAAK,CAAC,EAAEI,QAAQ,EAAEC,QAAQ,EAAEc,QAAQ,EAAEb,OAAO,EAAEc,MAAM,EAAE,GAAGZ,MAAqB,iBAC7E,MAACL;YAAKE,UAAUA;YAAUC,SAASA;YAAU,GAAGE,IAAI;;gBACjDW,0BAAY,KAACF;oBAAcI,MAAM;;gBACjCjB,0BAAY,KAACK;oBAAKC,WAAWR,OAAOoB,IAAI;8BAAGJ;;gBAC3CE,wBAAU,KAACnB;oBAAUoB,MAAM;;;YAE9B"}

package/dist/ui/Compose/hooks/menu/TranslateMenu.d.ts

@@ -0,0 +1,4 @@
+export declare const TranslateMenu: ({ onClick }: {
+    onClick: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TranslateMenu.d.ts.map

package/dist/ui/Compose/hooks/menu/TranslateMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslateMenu.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Compose/hooks/menu/TranslateMenu.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa;;6CA0EzB,CAAA"}

package/dist/ui/Compose/hooks/menu/TranslateMenu.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import locales from 'locale-codes';
+import { Translate } from './items.js';
+import { Item } from './Item.js';
+import styles from './menu.module.scss';
+export const TranslateMenu = ({ onClick })=>{
+    const [show, setShow] = useState(false);
+    const filteredLocales = locales.all.filter((a)=>{
+        return a.tag && a.location;
+    });
+    const [languages, setLanguages] = useState(filteredLocales);
+    const [inputFocus, setInputFocus] = useState(false);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: styles.menu,
+        onMouseLeave: ()=>{
+            if (!inputFocus) {
+                setShow(false);
+            }
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Translate, {
+                onClick: ()=>{
+                    setShow(!show);
+                },
+                onMouseEnter: ()=>setShow(true),
+                isMenu: true,
+                isActive: show
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.hoverMenu,
+                "data-show": show,
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: `${styles.menu} ${styles.subMenu}`,
+                    children: [
+                        /*#__PURE__*/ _jsx(Item, {
+                            onClick: ()=>{},
+                            style: {
+                                position: 'sticky',
+                                top: 0,
+                                padding: '0 0 5px 0',
+                                background: 'transparent'
+                            },
+                            children: /*#__PURE__*/ _jsx("input", {
+                                className: styles.menuInput,
+                                placeholder: 'Search...',
+                                onFocus: ()=>setInputFocus(true),
+                                onBlur: ()=>setInputFocus(false),
+                                onChange: (event)=>{
+                                    const value = event.target.value;
+                                    setLanguages(filteredLocales.filter((l)=>{
+                                        const lowerCaseValue = value.toLowerCase();
+                                        return l.name.toLowerCase().startsWith(lowerCaseValue) || l.location.toLowerCase().startsWith(lowerCaseValue) || l.tag.toLowerCase().startsWith(lowerCaseValue);
+                                    }));
+                                }
+                            })
+                        }),
+                        languages.map((locale)=>{
+                            return /*#__PURE__*/ _jsx(Item, {
+                                onClick: ()=>{
+                                    onClick({
+                                        locale: locale.tag
+                                    });
+                                },
+                                children: /*#__PURE__*/ _jsx("span", {
+                                    className: styles.ellipsis,
+                                    children: `${locale.location} (${locale.tag})`
+                                })
+                            }, locale.tag);
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=TranslateMenu.js.map

package/dist/ui/Compose/hooks/menu/TranslateMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/Compose/hooks/menu/TranslateMenu.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport locales from 'locale-codes'\n\nimport { Translate } from './items.js'\nimport { Item } from './Item.js'\nimport styles from './menu.module.scss'\n\nexport const TranslateMenu = ({ onClick }) => {\n  const [show, setShow] = useState(false)\n\n  const filteredLocales = locales.all.filter((a) => {\n    return a.tag && a.location\n  })\n\n  const [languages, setLanguages] = useState(filteredLocales)\n  const [inputFocus, setInputFocus] = useState(false)\n\n  return (\n    <div\n      className={styles.menu}\n      onMouseLeave={() => {\n        if (!inputFocus) {\n          setShow(false)\n        }\n      }}\n    >\n      <Translate\n        onClick={() => {\n          setShow(!show)\n        }}\n        onMouseEnter={() => setShow(true)}\n        isMenu={true}\n        isActive={show}\n      ></Translate>\n      <div className={styles.hoverMenu} data-show={show}>\n        <div className={`${styles.menu} ${styles.subMenu}`}>\n          <Item\n            onClick={() => {}}\n            style={{\n              position: 'sticky',\n              top: 0,\n              padding: '0 0 5px 0',\n              background: 'transparent',\n            }}\n          >\n            <input\n              className={styles.menuInput}\n              placeholder={'Search...'}\n              onFocus={() => setInputFocus(true)}\n              onBlur={() => setInputFocus(false)}\n              onChange={(event) => {\n                const value = event.target.value\n                setLanguages(\n                  filteredLocales.filter((l) => {\n                    const lowerCaseValue = value.toLowerCase()\n                    return (\n                      l.name.toLowerCase().startsWith(lowerCaseValue) ||\n                      l.location.toLowerCase().startsWith(lowerCaseValue) ||\n                      l.tag.toLowerCase().startsWith(lowerCaseValue)\n                    )\n                  }),\n                )\n              }}\n            />\n          </Item>\n          {languages.map((locale) => {\n            return (\n              <Item\n                key={locale.tag}\n                onClick={() => {\n                  onClick({ locale: locale.tag })\n                }}\n              >\n                <span className={styles.ellipsis}>{`${locale.location} (${locale.tag})`}</span>\n              </Item>\n            )\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","useState","locales","Translate","Item","styles","TranslateMenu","onClick","show","setShow","filteredLocales","all","filter","a","tag","location","languages","setLanguages","inputFocus","setInputFocus","div","className","menu","onMouseLeave","onMouseEnter","isMenu","isActive","hoverMenu","data-show","subMenu","style","position","top","padding","background","input","menuInput","placeholder","onFocus","onBlur","onChange","event","value","target","l","lowerCaseValue","toLowerCase","name","startsWith","map","locale","span","ellipsis"],"mappings":";AAAA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AACvC,OAAOC,aAAa,eAAc;AAElC,SAASC,SAAS,QAAQ,aAAY;AACtC,SAASC,IAAI,QAAQ,YAAW;AAChC,OAAOC,YAAY,qBAAoB;AAEvC,OAAO,MAAMC,gBAAgB,CAAC,EAAEC,OAAO,EAAE;IACvC,MAAM,CAACC,MAAMC,QAAQ,GAAGR,SAAS;IAEjC,MAAMS,kBAAkBR,QAAQS,GAAG,CAACC,MAAM,CAAC,CAACC;QAC1C,OAAOA,EAAEC,GAAG,IAAID,EAAEE,QAAQ;IAC5B;IAEA,MAAM,CAACC,WAAWC,aAAa,GAAGhB,SAASS;IAC3C,MAAM,CAACQ,YAAYC,cAAc,GAAGlB,SAAS;IAE7C,qBACE,MAACmB;QACCC,WAAWhB,OAAOiB,IAAI;QACtBC,cAAc;YACZ,IAAI,CAACL,YAAY;gBACfT,QAAQ;YACV;QACF;;0BAEA,KAACN;gBACCI,SAAS;oBACPE,QAAQ,CAACD;gBACX;gBACAgB,cAAc,IAAMf,QAAQ;gBAC5BgB,QAAQ;gBACRC,UAAUlB;;0BAEZ,KAACY;gBAAIC,WAAWhB,OAAOsB,SAAS;gBAAEC,aAAWpB;0BAC3C,cAAA,MAACY;oBAAIC,WAAW,CAAC,EAAEhB,OAAOiB,IAAI,CAAC,CAAC,EAAEjB,OAAOwB,OAAO,CAAC,CAAC;;sCAChD,KAACzB;4BACCG,SAAS,KAAO;4BAChBuB,OAAO;gCACLC,UAAU;gCACVC,KAAK;gCACLC,SAAS;gCACTC,YAAY;4BACd;sCAEA,cAAA,KAACC;gCACCd,WAAWhB,OAAO+B,SAAS;gCAC3BC,aAAa;gCACbC,SAAS,IAAMnB,cAAc;gCAC7BoB,QAAQ,IAAMpB,cAAc;gCAC5BqB,UAAU,CAACC;oCACT,MAAMC,QAAQD,MAAME,MAAM,CAACD,KAAK;oCAChCzB,aACEP,gBAAgBE,MAAM,CAAC,CAACgC;wCACtB,MAAMC,iBAAiBH,MAAMI,WAAW;wCACxC,OACEF,EAAEG,IAAI,CAACD,WAAW,GAAGE,UAAU,CAACH,mBAChCD,EAAE7B,QAAQ,CAAC+B,WAAW,GAAGE,UAAU,CAACH,mBACpCD,EAAE9B,GAAG,CAACgC,WAAW,GAAGE,UAAU,CAACH;oCAEnC;gCAEJ;;;wBAGH7B,UAAUiC,GAAG,CAAC,CAACC;4BACd,qBACE,KAAC9C;gCAECG,SAAS;oCACPA,QAAQ;wCAAE2C,QAAQA,OAAOpC,GAAG;oCAAC;gCAC/B;0CAEA,cAAA,KAACqC;oCAAK9B,WAAWhB,OAAO+C,QAAQ;8CAAG,CAAC,EAAEF,OAAOnC,QAAQ,CAAC,EAAE,EAAEmC,OAAOpC,GAAG,CAAC,CAAC,CAAC;;+BALlEoC,OAAOpC,GAAG;wBAQrB;;;;;;AAKV,EAAC"}

package/dist/ui/Compose/hooks/menu/items.d.ts

@@ -0,0 +1,9 @@
+export declare const Proofread: import("react").MemoExoticComponent<({ children, disabled, hideIcon, onClick, isMenu, ...rest }: import("../../../../types.js").BaseItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Rephrase: import("react").MemoExoticComponent<({ children, disabled, hideIcon, onClick, isMenu, ...rest }: import("../../../../types.js").BaseItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Translate: import("react").MemoExoticComponent<({ children, disabled, hideIcon, onClick, isMenu, ...rest }: import("../../../../types.js").BaseItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Expand: import("react").MemoExoticComponent<({ children, disabled, hideIcon, onClick, isMenu, ...rest }: import("../../../../types.js").BaseItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Summarize: import("react").MemoExoticComponent<({ children, disabled, hideIcon, onClick, isMenu, ...rest }: import("../../../../types.js").BaseItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Simplify: import("react").MemoExoticComponent<({ children, disabled, hideIcon, onClick, isMenu, ...rest }: import("../../../../types.js").BaseItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Compose: import("react").MemoExoticComponent<({ children, disabled, hideIcon, onClick, isMenu, ...rest }: import("../../../../types.js").BaseItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Settings: import("react").MemoExoticComponent<({ children, disabled, hideIcon, onClick, isMenu, ...rest }: import("../../../../types.js").BaseItemProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=items.d.ts.map

package/dist/ui/Compose/hooks/menu/items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Compose/hooks/menu/items.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS,4LAA8C,CAAA;AACpE,eAAO,MAAM,QAAQ,4LAA2C,CAAA;AAChE,eAAO,MAAM,SAAS,4LAA6C,CAAA;AACnE,eAAO,MAAM,MAAM,4LAA0C,CAAA;AAC7D,eAAO,MAAM,SAAS,4LAA6C,CAAA;AACnE,eAAO,MAAM,QAAQ,4LAA0C,CAAA;AAC/D,eAAO,MAAM,OAAO,4LAA4C,CAAA;AAChE,eAAO,MAAM,QAAQ,4LAAuC,CAAA"}

package/dist/ui/Compose/hooks/menu/items.js

@@ -0,0 +1,12 @@
+import { DocsAddOnIcon, EditNoteIcon, SegmentIcon, SpellCheckIcon, StylusNoteIcon, SummarizeIcon, TranslateIcon, TuneIcon } from '../../../Icons/Icons.js';
+import { createMenuItem } from './Item.js';
+export const Proofread = createMenuItem(SpellCheckIcon, 'Proofread');
+export const Rephrase = createMenuItem(EditNoteIcon, 'Rephrase');
+export const Translate = createMenuItem(TranslateIcon, 'Translate');
+export const Expand = createMenuItem(DocsAddOnIcon, 'Expand');
+export const Summarize = createMenuItem(SummarizeIcon, 'Summarize');
+export const Simplify = createMenuItem(SegmentIcon, 'Simplify');
+export const Compose = createMenuItem(StylusNoteIcon, 'Compose');
+export const Settings = createMenuItem(TuneIcon, 'Settings');
+
+//# sourceMappingURL=items.js.map

package/dist/ui/Compose/hooks/menu/items.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/Compose/hooks/menu/items.tsx"],"sourcesContent":["import {\n  DocsAddOnIcon,\n  EditNoteIcon,\n  SegmentIcon,\n  SpellCheckIcon,\n  StylusNoteIcon,\n  SummarizeIcon,\n  TranslateIcon,\n  TuneIcon,\n} from '../../../Icons/Icons.js'\nimport { createMenuItem } from './Item.js'\n\nexport const Proofread = createMenuItem(SpellCheckIcon, 'Proofread')\nexport const Rephrase = createMenuItem(EditNoteIcon, 'Rephrase')\nexport const Translate = createMenuItem(TranslateIcon, 'Translate')\nexport const Expand = createMenuItem(DocsAddOnIcon, 'Expand')\nexport const Summarize = createMenuItem(SummarizeIcon, 'Summarize')\nexport const Simplify = createMenuItem(SegmentIcon, 'Simplify')\nexport const Compose = createMenuItem(StylusNoteIcon, 'Compose')\nexport const Settings = createMenuItem(TuneIcon, 'Settings')\n"],"names":["DocsAddOnIcon","EditNoteIcon","SegmentIcon","SpellCheckIcon","StylusNoteIcon","SummarizeIcon","TranslateIcon","TuneIcon","createMenuItem","Proofread","Rephrase","Translate","Expand","Summarize","Simplify","Compose","Settings"],"mappings":"AAAA,SACEA,aAAa,EACbC,YAAY,EACZC,WAAW,EACXC,cAAc,EACdC,cAAc,EACdC,aAAa,EACbC,aAAa,EACbC,QAAQ,QACH,0BAAyB;AAChC,SAASC,cAAc,QAAQ,YAAW;AAE1C,OAAO,MAAMC,YAAYD,eAAeL,gBAAgB,aAAY;AACpE,OAAO,MAAMO,WAAWF,eAAeP,cAAc,YAAW;AAChE,OAAO,MAAMU,YAAYH,eAAeF,eAAe,aAAY;AACnE,OAAO,MAAMM,SAASJ,eAAeR,eAAe,UAAS;AAC7D,OAAO,MAAMa,YAAYL,eAAeH,eAAe,aAAY;AACnE,OAAO,MAAMS,WAAWN,eAAeN,aAAa,YAAW;AAC/D,OAAO,MAAMa,UAAUP,eAAeJ,gBAAgB,WAAU;AAChE,OAAO,MAAMY,WAAWR,eAAeD,UAAU,YAAW"}

package/dist/ui/Compose/hooks/menu/itemsMap.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { ActionMenuItems, BaseItemProps } from '../../../../types.js';
+type MenuItemsMapType = {
+    component: React.FC<BaseItemProps>;
+    excludedFor?: string[];
+    loadingText?: string;
+    name: ActionMenuItems;
+};
+export declare const menuItemsMap: MenuItemsMapType[];
+export {};
+//# sourceMappingURL=itemsMap.d.ts.map

package/dist/ui/Compose/hooks/menu/itemsMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"itemsMap.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Compose/hooks/menu/itemsMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAK1E,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,eAAe,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,gBAAgB,EAoB1C,CAAA"}

package/dist/ui/Compose/hooks/menu/itemsMap.js

@@ -0,0 +1,68 @@
+import React from 'react';
+import { Compose, Expand, Proofread, Rephrase, Settings, Simplify, Summarize } from './items.js';
+import { TranslateMenu } from './TranslateMenu.js';
+export const menuItemsMap = [
+    {
+        name: 'Proofread',
+        component: Proofread,
+        excludedFor: [
+            'upload'
+        ],
+        loadingText: 'Proofreading'
+    },
+    {
+        name: 'Rephrase',
+        component: Rephrase,
+        excludedFor: [
+            'upload'
+        ],
+        loadingText: 'Rephrasing'
+    },
+    {
+        name: 'Translate',
+        component: TranslateMenu,
+        excludedFor: [
+            'upload'
+        ],
+        loadingText: 'Translating'
+    },
+    {
+        name: 'Expand',
+        component: Expand,
+        excludedFor: [
+            'upload',
+            'text'
+        ],
+        loadingText: 'Expanding'
+    },
+    {
+        // Turned off - WIP
+        name: 'Summarize',
+        component: Summarize,
+        excludedFor: [
+            'upload',
+            'text',
+            'richText'
+        ],
+        loadingText: 'Summarizing'
+    },
+    {
+        name: 'Simplify',
+        component: Simplify,
+        excludedFor: [
+            'upload'
+        ],
+        loadingText: 'Simplifying'
+    },
+    {
+        name: 'Compose',
+        component: Compose,
+        loadingText: 'Composing'
+    },
+    {
+        name: 'Settings',
+        component: Settings
+    }
+];
+
+//# sourceMappingURL=itemsMap.js.map

package/dist/ui/Compose/hooks/menu/itemsMap.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/Compose/hooks/menu/itemsMap.ts"],"sourcesContent":["import React from 'react'\n\nimport type { ActionMenuItems, BaseItemProps } from '../../../../types.js'\n\nimport { Compose, Expand, Proofread, Rephrase, Settings, Simplify, Summarize } from './items.js'\nimport { TranslateMenu } from './TranslateMenu.js'\n\ntype MenuItemsMapType = {\n  component: React.FC<BaseItemProps>\n  excludedFor?: string[]\n  loadingText?: string\n  name: ActionMenuItems\n}\n\nexport const menuItemsMap: MenuItemsMapType[] = [\n  { name: 'Proofread', component: Proofread, excludedFor: ['upload'], loadingText: 'Proofreading' },\n  { name: 'Rephrase', component: Rephrase, excludedFor: ['upload'], loadingText: 'Rephrasing' },\n  {\n    name: 'Translate',\n    component: TranslateMenu,\n    excludedFor: ['upload'],\n    loadingText: 'Translating',\n  },\n  { name: 'Expand', component: Expand, excludedFor: ['upload', 'text'], loadingText: 'Expanding' },\n  {\n    // Turned off - WIP\n    name: 'Summarize',\n    component: Summarize,\n    excludedFor: ['upload', 'text', 'richText'],\n    loadingText: 'Summarizing',\n  },\n  { name: 'Simplify', component: Simplify, excludedFor: ['upload'], loadingText: 'Simplifying' },\n  { name: 'Compose', component: Compose, loadingText: 'Composing' },\n  { name: 'Settings', component: Settings },\n]\n"],"names":["React","Compose","Expand","Proofread","Rephrase","Settings","Simplify","Summarize","TranslateMenu","menuItemsMap","name","component","excludedFor","loadingText"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,OAAO,EAAEC,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,aAAY;AAChG,SAASC,aAAa,QAAQ,qBAAoB;AASlD,OAAO,MAAMC,eAAmC;IAC9C;QAAEC,MAAM;QAAaC,WAAWR;QAAWS,aAAa;YAAC;SAAS;QAAEC,aAAa;IAAe;IAChG;QAAEH,MAAM;QAAYC,WAAWP;QAAUQ,aAAa;YAAC;SAAS;QAAEC,aAAa;IAAa;IAC5F;QACEH,MAAM;QACNC,WAAWH;QACXI,aAAa;YAAC;SAAS;QACvBC,aAAa;IACf;IACA;QAAEH,MAAM;QAAUC,WAAWT;QAAQU,aAAa;YAAC;YAAU;SAAO;QAAEC,aAAa;IAAY;IAC/F;QACE,mBAAmB;QACnBH,MAAM;QACNC,WAAWJ;QACXK,aAAa;YAAC;YAAU;YAAQ;SAAW;QAC3CC,aAAa;IACf;IACA;QAAEH,MAAM;QAAYC,WAAWL;QAAUM,aAAa;YAAC;SAAS;QAAEC,aAAa;IAAc;IAC7F;QAAEH,MAAM;QAAWC,WAAWV;QAASY,aAAa;IAAY;IAChE;QAAEH,MAAM;QAAYC,WAAWN;IAAS;CACzC,CAAA"}