@gravity-ui/markdown-editor 14.12.3 → 15.0.0

package/build/esm/extensions/additional/GPT/MarkupGpt/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/MarkupGpt/plugin.ts"],"names":[],"mappings":"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","sourcesContent":["import {WidgetType} from '@codemirror/view';\n\nimport type {GptWidgetOptions} from '../../..';\nimport {\n    Decoration,\n    type DecorationSet,\n    type EditorView,\n    type PluginValue,\n    ViewPlugin,\n    type ViewUpdate,\n} from '../../../../cm/view';\nimport {ReactRendererFacet} from '../../../../markup';\nimport type {CommonAnswer} from '../ErrorScreen/types';\nimport {WIDGET_DECO_CLASS_NAME} from '../constants';\nimport {isEmptyGptPrompts} from '../utils';\n\nimport {hideMarkupGpt} from './commands';\nimport {HideMarkupGptEffect, ShowMarkupGptEffect} from './effects';\nimport {renderPopup} from './popup';\n\nclass SpanWidget extends WidgetType {\n    private className = '';\n    private textContent = '';\n\n    constructor(className: string, textContent: string) {\n        super();\n        this.className = className;\n        this.textContent = textContent;\n    }\n\n    toDOM() {\n        const spanElem = document.createElement('span');\n        spanElem.className = this.className;\n        spanElem.textContent = this.textContent;\n        return spanElem;\n    }\n}\n\nexport function mGptPlugin<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>(gptProps: GptWidgetOptions<AnswerData, PromptData>) {\n    return ViewPlugin.fromClass(\n        class implements PluginValue {\n            readonly _view: EditorView;\n            readonly _renderItem;\n\n            _anchor: Element | null = null;\n\n            decos: DecorationSet = Decoration.none;\n            disablePromptPresets = true;\n            markup: string | null = null;\n\n            selectedPosition = {\n                from: 0,\n                to: 0,\n            };\n\n            constructor(view: EditorView) {\n                this._view = view;\n                this._renderItem = view.state\n                    .facet(ReactRendererFacet)\n                    .createItem('gpt-in-markup-mode', () => this.renderPopup());\n            }\n\n            update(update: ViewUpdate) {\n                if (update.docChanged || update.selectionSet) {\n                    this.decos = Decoration.none;\n                    return;\n                }\n\n                this.decos = this.decos.map(update.changes);\n\n                const {from, to} = update.state.selection.main;\n\n                this.selectedPosition.from = from;\n                this.selectedPosition.to = to;\n\n                for (const tr of update.transactions) {\n                    for (const eff of tr.effects) {\n                        if (eff.is(ShowMarkupGptEffect)) {\n                            this._setSelectedText(this._getDecorationText(update, from, to));\n\n                            if (from === to) {\n                                this.disablePromptPresets = true;\n\n                                if (isEmptyGptPrompts(gptProps, true)) return;\n\n                                const decorationWidget = Decoration.widget({\n                                    widget: new SpanWidget(WIDGET_DECO_CLASS_NAME, ' '),\n                                });\n\n                                this.decos = Decoration.set([decorationWidget.range(from)]);\n\n                                return;\n                            }\n\n                            this.disablePromptPresets = false;\n\n                            if (isEmptyGptPrompts(gptProps, false)) return;\n\n                            this.decos = Decoration.set([\n                                {\n                                    from,\n                                    to,\n                                    value: Decoration.mark({class: WIDGET_DECO_CLASS_NAME}),\n                                },\n                            ]);\n                        }\n\n                        if (eff.is(HideMarkupGptEffect)) {\n                            this.decos = Decoration.none;\n                        }\n                    }\n                }\n            }\n\n            docViewUpdate() {\n                this._anchor = this._view.dom\n                    .getElementsByClassName(WIDGET_DECO_CLASS_NAME)\n                    .item(0);\n                this._renderItem.rerender();\n            }\n\n            destroy() {\n                this._clearSelectedText();\n                this._renderItem.remove();\n            }\n\n            renderPopup() {\n                if (!this._anchor || this.markup === null) {\n                    return null;\n                }\n\n                return renderPopup(this._anchor as HTMLElement, {\n                    ...gptProps,\n                    disablePromptPresets: this.disablePromptPresets,\n                    onClose: () => hideMarkupGpt(this._view),\n                    markup: this.markup,\n                    onApplyResult: (changedMarkup) => this._onApplyResult(changedMarkup),\n                });\n            }\n\n            _getDecorationText(update: ViewUpdate, from: number, to: number): string {\n                return update.state.doc.sliceString(from, to);\n            }\n\n            _clearSelectedText() {\n                this.markup = null;\n            }\n\n            _setSelectedText(str: string) {\n                this.markup = str;\n            }\n\n            _onApplyResult(changedMarkup: string) {\n                const {from, to} = this.selectedPosition;\n                const changes = [{from: from, to: to, insert: changedMarkup}];\n\n                const transaction = this._view.state.update({\n                    changes: changes,\n                    effects: [HideMarkupGptEffect.of(null)],\n                });\n\n                this._view.dispatch(transaction);\n            }\n        },\n        {\n            decorations: (value) => value.decos,\n        },\n    );\n}\n"]}

package/build/esm/extensions/additional/GPT/MarkupGpt/popup.d.ts

@@ -1,12 +1,10 @@
-/// <reference types="react" />
-import { PopupProps } from '@gravity-ui/uikit';
-import { CommonAnswer } from '../ErrorScreen/types';
-import { GptDialogProps } from '../GptDialog/GptDialog';
-declare type Props<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {
+import type { CommonAnswer } from "../ErrorScreen/types.js";
+import { type GptDialogProps } from "../GptDialog/GptDialog.js";
+type Props<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {
     onClose: () => void;
     markup: string;
     onConfirmOk?: () => void;
     onConfirmCancel?: () => void;
-} & GptDialogProps<AnswerData, PromptData> & Pick<PopupProps, 'anchorRef' | 'container'>;
+} & GptDialogProps<AnswerData, PromptData>;
 export declare function renderPopup<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>(anchor: HTMLElement, props: Props<AnswerData, PromptData>): JSX.Element;
 export {};

package/build/esm/extensions/additional/GPT/MarkupGpt/popup.js

@@ -1,9 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Popup } from '@gravity-ui/uikit';
-import { GptDialog } from '../GptDialog/GptDialog';
-import { cnGptPopup } from '../gptExtension/view';
+import { GptDialog } from "../GptDialog/GptDialog.js";
+import { cnGptPopup } from "../gptExtension/view.js";
 export function renderPopup(anchor, props) {
-    const handleUpdate = (result) => { var _a; return (_a = props.onUpdate) === null || _a === void 0 ? void 0 : _a.call(props, result); };
-    return (React.createElement(Popup, { className: cnGptPopup(), contentClassName: cnGptPopup('content'), open: true, anchorRef: { current: anchor }, onOutsideClick: props.onClose, focusTrap: true, strategy: "absolute", onEscapeKeyDown: props.onClose },
-        React.createElement(GptDialog, { markup: props.markup, answerRender: props.answerRender, promptPresets: props.promptPresets, disablePromptPresets: props.disablePromptPresets, customPromptPlaceholder: props.customPromptPlaceholder, disabledPromptPlaceholder: props.disabledPromptPlaceholder, onApplyResult: props.onApplyResult, onCustomPromptApply: props.onCustomPromptApply, onPromptPresetClick: props.onPromptPresetClick, onTryAgain: props.onTryAgain, onLike: props.onLike, onDislike: props.onDislike, onClose: props.onClose, onUpdate: handleUpdate, gptAlertProps: props.gptAlertProps })));
+    return (_jsx(Popup, { className: cnGptPopup(), open: true, strategy: "absolute", onOpenChange: (open) => {
+            if (!open)
+                props.onClose();
+        }, anchorElement: anchor, children: _jsx("div", { className: cnGptPopup('content'), children: _jsx(GptDialog, { markup: props.markup, answerRender: props.answerRender, promptPresets: props.promptPresets, disablePromptPresets: props.disablePromptPresets, customPromptPlaceholder: props.customPromptPlaceholder, disabledPromptPlaceholder: props.disabledPromptPlaceholder, onApplyResult: props.onApplyResult, onCustomPromptApply: props.onCustomPromptApply, onPromptPresetClick: props.onPromptPresetClick, onTryAgain: props.onTryAgain, onLike: props.onLike, onDislike: props.onDislike, onClose: props.onClose, onUpdate: props.onUpdate, gptAlertProps: props.gptAlertProps }) }) }));
 }
+//# sourceMappingURL=popup.js.map

package/build/esm/extensions/additional/GPT/MarkupGpt/popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/MarkupGpt/popup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAC,SAAS,EAAsB,kCAA+B;AACtE,OAAO,EAAC,UAAU,EAAC,gCAA6B;AAShD,MAAM,UAAU,WAAW,CAGzB,MAAmB,EAAE,KAAoC;IACvD,OAAO,CACH,KAAC,KAAK,IACF,SAAS,EAAE,UAAU,EAAE,EACvB,IAAI,QACJ,QAAQ,EAAC,UAAU,EACnB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACnB,IAAI,CAAC,IAAI;gBAAE,KAAK,CAAC,OAAO,EAAE,CAAC;QAC/B,CAAC,EACD,aAAa,EAAE,MAAM,YAErB,cAAK,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,YACjC,KAAC,SAAS,IACN,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAChD,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,yBAAyB,EAAE,KAAK,CAAC,yBAAyB,EAC1D,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,aAAa,EAAE,KAAK,CAAC,aAAa,GACpC,GACA,GACF,CACX,CAAC;AACN,CAAC","sourcesContent":["import {Popup} from '@gravity-ui/uikit';\n\nimport type {CommonAnswer} from '../ErrorScreen/types';\nimport {GptDialog, type GptDialogProps} from '../GptDialog/GptDialog';\nimport {cnGptPopup} from '../gptExtension/view';\n\ntype Props<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {\n    onClose: () => void;\n    markup: string;\n    onConfirmOk?: () => void;\n    onConfirmCancel?: () => void;\n} & GptDialogProps<AnswerData, PromptData>;\n\nexport function renderPopup<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>(anchor: HTMLElement, props: Props<AnswerData, PromptData>) {\n    return (\n        <Popup\n            className={cnGptPopup()}\n            open\n            strategy=\"absolute\"\n            onOpenChange={(open) => {\n                if (!open) props.onClose();\n            }}\n            anchorElement={anchor}\n        >\n            <div className={cnGptPopup('content')}>\n                <GptDialog\n                    markup={props.markup}\n                    answerRender={props.answerRender}\n                    promptPresets={props.promptPresets}\n                    disablePromptPresets={props.disablePromptPresets}\n                    customPromptPlaceholder={props.customPromptPlaceholder}\n                    disabledPromptPlaceholder={props.disabledPromptPlaceholder}\n                    onApplyResult={props.onApplyResult}\n                    onCustomPromptApply={props.onCustomPromptApply}\n                    onPromptPresetClick={props.onPromptPresetClick}\n                    onTryAgain={props.onTryAgain}\n                    onLike={props.onLike}\n                    onDislike={props.onDislike}\n                    onClose={props.onClose}\n                    onUpdate={props.onUpdate}\n                    gptAlertProps={props.gptAlertProps}\n                />\n            </div>\n        </Popup>\n    );\n}\n"]}

package/build/esm/extensions/additional/GPT/MarkupGpt/toolbar.d.ts

@@ -1,2 +1,2 @@
-import { type MToolbarSingleItemData } from '../../../../bundle/toolbar/types';
+import { type MToolbarSingleItemData } from "../../../../bundle/toolbar/types.js";
 export declare const mGptToolbarItem: MToolbarSingleItemData;

package/build/esm/extensions/additional/GPT/MarkupGpt/toolbar.js

@@ -1,8 +1,8 @@
-import { ToolbarDataType } from '../../../../bundle/toolbar/types';
-import { i18n } from '../../../../i18n/gpt/extension';
-import { GPTIcon } from '../../../../icons';
-import { gptHotKeys } from '../constants';
-import { showMarkupGpt } from './commands';
+import { ToolbarDataType } from "../../../../bundle/toolbar/types.js";
+import { i18n } from "../../../../i18n/gpt/extension/index.js";
+import { GPTIcon } from "../../../../icons/index.js";
+import { gptHotKeys } from "../constants.js";
+import { showMarkupGpt } from "./commands.js";
 export const mGptToolbarItem = {
     id: 'gpt',
     type: ToolbarDataType.SingleButton,
@@ -13,3 +13,4 @@ export const mGptToolbarItem = {
     isActive: () => false,
     isEnable: () => true,
 };
+//# sourceMappingURL=toolbar.js.map

package/build/esm/extensions/additional/GPT/MarkupGpt/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/MarkupGpt/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,eAAe,EAAC,4CAAyC;AAC9F,OAAO,EAAC,IAAI,EAAC,gDAAuC;AACpD,OAAO,EAAC,OAAO,EAAC,mCAA0B;AAC1C,OAAO,EAAC,UAAU,EAAC,wBAAqB;AAExC,OAAO,EAAC,aAAa,EAAC,sBAAmB;AAEzC,MAAM,CAAC,MAAM,eAAe,GAA2B;IACnD,EAAE,EAAE,KAAK;IACT,IAAI,EAAE,eAAe,CAAC,YAAY;IAClC,MAAM,EAAE,UAAU,CAAC,iBAAiB;IACpC,KAAK,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAAE;IACxC,IAAI,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC;IACrB,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;IACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;CACvB,CAAC","sourcesContent":["import {type MToolbarSingleItemData, ToolbarDataType} from '../../../../bundle/toolbar/types';\nimport {i18n} from '../../../../i18n/gpt/extension';\nimport {GPTIcon} from '../../../../icons';\nimport {gptHotKeys} from '../constants';\n\nimport {showMarkupGpt} from './commands';\n\nexport const mGptToolbarItem: MToolbarSingleItemData = {\n    id: 'gpt',\n    type: ToolbarDataType.SingleButton,\n    hotkey: gptHotKeys.openGptKeyTooltip,\n    title: () => `${i18n('help-with-text')}`,\n    icon: {data: GPTIcon},\n    exec: (e) => showMarkupGpt(e.cm),\n    isActive: () => false,\n    isEnable: () => true,\n};\n"]}

package/build/esm/extensions/additional/GPT/PresetList/PresetList.d.ts

@@ -1,7 +1,7 @@
-import { CommonAnswer } from '../ErrorScreen/types';
-import type { GptDialogProps } from '../GptDialog/GptDialog';
-import './Presetlist.css';
-export declare type PresetListProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {
+import type { CommonAnswer } from "../ErrorScreen/types.js";
+import type { GptDialogProps } from "../GptDialog/GptDialog.js";
+import "./Presetlist.css";
+export type PresetListProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {
     disablePromptPresets: GptDialogProps<AnswerData, PromptData>['disablePromptPresets'];
     promptPresets: GptDialogProps<AnswerData, PromptData>['promptPresets'];
     onPresetClick: (data?: PromptData) => void;

package/build/esm/extensions/additional/GPT/PresetList/PresetList.js

@@ -1,25 +1,23 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ActionTooltip, Button, DropdownMenu } from '@gravity-ui/uikit';
-import { cn } from '../../../../classname';
-import { i18n } from '../../../../i18n/gpt/dialog';
-import { gptHotKeys } from '../constants';
-import { useGptHotKeys } from '../hooks/useGptHotKeys';
-import { usePresetList } from '../hooks/usePresetList';
-import './Presetlist.css';
+import { cn } from "../../../../classname.js";
+import { i18n } from "../../../../i18n/gpt/dialog/index.js";
+import { gptHotKeys } from "../constants.js";
+import { useGptHotKeys } from "../hooks/useGptHotKeys.js";
+import { usePresetList } from "../hooks/usePresetList.js";
+import "./Presetlist.css";
 export const cnGptDialogPresetList = cn('gpt-dialog-preset-list');
 const PresetItem = ({ preset, onPresetClick, disablePromptPresets, hotKey, }) => {
     useGptHotKeys(hotKey, () => {
         onPresetClick(preset.data);
     }, { enableOnFormTags: true, enableOnContentEditable: true });
-    return (React.createElement(ActionTooltip, { title: preset.display, hotkey: hotKey },
-        React.createElement(Button, { className: cnGptDialogPresetList('preset'), view: "normal", size: "m", disabled: disablePromptPresets, onClick: () => onPresetClick(preset.data) }, preset.display)));
+    return (_jsx(ActionTooltip, { title: preset.display, hotkey: hotKey, children: _jsx(Button, { className: cnGptDialogPresetList('preset'), view: "normal", size: "m", disabled: disablePromptPresets, onClick: () => onPresetClick(preset.data), children: preset.display }) }));
 };
 export const PresetList = ({ disablePromptPresets, promptPresets, onPresetClick, }) => {
     const { presetsContainerRef, visiblePresets, hiddenPresets, showMoreButton, measured } = usePresetList({
         promptPresets,
         onPresetClick,
     });
-    return (React.createElement("div", { className: cnGptDialogPresetList({ measured }), ref: presetsContainerRef },
-        visiblePresets.map((preset, index) => (React.createElement(PresetItem, { preset: preset, key: preset.display, hotKey: preset.hotKey || gptHotKeys.presetsKey(String(index + 1)), disablePromptPresets: disablePromptPresets, onPresetClick: onPresetClick }))),
-        showMoreButton && (React.createElement(DropdownMenu, { switcherWrapperClassName: cnGptDialogPresetList('more-button-wrapper'), switcher: React.createElement(Button, { className: cnGptDialogPresetList('more-button'), view: "normal", size: "m" }, i18n('more')), items: hiddenPresets }))));
+    return (_jsxs("div", { className: cnGptDialogPresetList({ measured }), ref: presetsContainerRef, children: [visiblePresets.map((preset, index) => (_jsx(PresetItem, { preset: preset, hotKey: preset.hotKey || gptHotKeys.presetsKey(String(index + 1)), disablePromptPresets: disablePromptPresets, onPresetClick: onPresetClick }, preset.display))), showMoreButton && (_jsx(DropdownMenu, { switcherWrapperClassName: cnGptDialogPresetList('more-button-wrapper'), switcher: _jsx(Button, { className: cnGptDialogPresetList('more-button'), view: "normal", size: "m", children: i18n('more') }), items: hiddenPresets }))] }));
 };
+//# sourceMappingURL=PresetList.js.map

package/build/esm/extensions/additional/GPT/PresetList/PresetList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresetList.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/PresetList/PresetList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAEtE,OAAO,EAAC,EAAE,EAAC,iCAA8B;AACzC,OAAO,EAAC,IAAI,EAAC,6CAAoC;AAGjD,OAAO,EAAC,UAAU,EAAC,wBAAqB;AACxC,OAAO,EAAC,aAAa,EAAC,kCAA+B;AACrD,OAAO,EAAC,aAAa,EAAC,kCAA+B;AAErD,0BAA2B;AAqB3B,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAElE,MAAM,UAAU,GAAG,CAGjB,EACE,MAAM,EACN,aAAa,EACb,oBAAoB,EACpB,MAAM,GAC+B,EAAE,EAAE;IACzC,aAAa,CACT,MAAM,EACN,GAAG,EAAE;QACD,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EACD,EAAC,gBAAgB,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,EAAC,CAC1D,CAAC;IAEF,OAAO,CACH,KAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,YAChD,KAAC,MAAM,IACH,SAAS,EAAE,qBAAqB,CAAC,QAAQ,CAAC,EAC1C,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,YAExC,MAAM,CAAC,OAAO,GACV,GACG,CACnB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAGxB,EACE,oBAAoB,EACpB,aAAa,EACb,aAAa,GACyB,EAAE,EAAE;IAC1C,MAAM,EAAC,mBAAmB,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAC,GAChF,aAAa,CAAyB;QAClC,aAAa;QACb,aAAa;KAChB,CAAC,CAAC;IAEP,OAAO,CACH,eAAK,SAAS,EAAE,qBAAqB,CAAC,EAAC,QAAQ,EAAC,CAAC,EAAE,GAAG,EAAE,mBAAmB,aACtE,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,KAAC,UAAU,IACP,MAAM,EAAE,MAAM,EAEd,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EACjE,oBAAoB,EAAE,oBAAoB,EAC1C,aAAa,EAAE,aAAa,IAHvB,MAAM,CAAC,OAAO,CAIrB,CACL,CAAC,EACD,cAAc,IAAI,CACf,KAAC,YAAY,IACT,wBAAwB,EAAE,qBAAqB,CAAC,qBAAqB,CAAC,EACtE,QAAQ,EACJ,KAAC,MAAM,IACH,SAAS,EAAE,qBAAqB,CAAC,aAAa,CAAC,EAC/C,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,GAAG,YAEP,IAAI,CAAC,MAAM,CAAC,GACR,EAEb,KAAK,EAAE,aAAa,GACtB,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {ActionTooltip, Button, DropdownMenu} from '@gravity-ui/uikit';\n\nimport {cn} from '../../../../classname';\nimport {i18n} from '../../../../i18n/gpt/dialog';\nimport type {CommonAnswer, PromptPreset} from '../ErrorScreen/types';\nimport type {GptDialogProps} from '../GptDialog/GptDialog';\nimport {gptHotKeys} from '../constants';\nimport {useGptHotKeys} from '../hooks/useGptHotKeys';\nimport {usePresetList} from '../hooks/usePresetList';\n\nimport './Presetlist.scss';\n\nexport type PresetListProps<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = {\n    disablePromptPresets: GptDialogProps<AnswerData, PromptData>['disablePromptPresets'];\n    promptPresets: GptDialogProps<AnswerData, PromptData>['promptPresets'];\n    onPresetClick: (data?: PromptData) => void;\n};\n\ntype PresetItemType<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = {\n    preset: PromptPreset<PromptData>;\n    onPresetClick: PresetListProps<AnswerData, PromptData>['onPresetClick'];\n    disablePromptPresets?: PresetListProps['disablePromptPresets'];\n    hotKey: string;\n};\n\nexport const cnGptDialogPresetList = cn('gpt-dialog-preset-list');\n\nconst PresetItem = <\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>({\n    preset,\n    onPresetClick,\n    disablePromptPresets,\n    hotKey,\n}: PresetItemType<AnswerData, PromptData>) => {\n    useGptHotKeys(\n        hotKey,\n        () => {\n            onPresetClick(preset.data);\n        },\n        {enableOnFormTags: true, enableOnContentEditable: true},\n    );\n\n    return (\n        <ActionTooltip title={preset.display} hotkey={hotKey}>\n            <Button\n                className={cnGptDialogPresetList('preset')}\n                view=\"normal\"\n                size=\"m\"\n                disabled={disablePromptPresets}\n                onClick={() => onPresetClick(preset.data)}\n            >\n                {preset.display}\n            </Button>\n        </ActionTooltip>\n    );\n};\n\nexport const PresetList = <\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>({\n    disablePromptPresets,\n    promptPresets,\n    onPresetClick,\n}: PresetListProps<AnswerData, PromptData>) => {\n    const {presetsContainerRef, visiblePresets, hiddenPresets, showMoreButton, measured} =\n        usePresetList<AnswerData, PromptData>({\n            promptPresets,\n            onPresetClick,\n        });\n\n    return (\n        <div className={cnGptDialogPresetList({measured})} ref={presetsContainerRef}>\n            {visiblePresets.map((preset, index) => (\n                <PresetItem\n                    preset={preset}\n                    key={preset.display}\n                    hotKey={preset.hotKey || gptHotKeys.presetsKey(String(index + 1))}\n                    disablePromptPresets={disablePromptPresets}\n                    onPresetClick={onPresetClick}\n                />\n            ))}\n            {showMoreButton && (\n                <DropdownMenu\n                    switcherWrapperClassName={cnGptDialogPresetList('more-button-wrapper')}\n                    switcher={\n                        <Button\n                            className={cnGptDialogPresetList('more-button')}\n                            view=\"normal\"\n                            size=\"m\"\n                        >\n                            {i18n('more')}\n                        </Button>\n                    }\n                    items={hiddenPresets}\n                />\n            )}\n        </div>\n    );\n};\n"]}

package/build/esm/extensions/additional/GPT/actions.d.ts

@@ -1,2 +1,2 @@
-import type { ActionSpec, ExtensionDeps } from '../../../core';
+import type { ActionSpec, ExtensionDeps } from "../../../core/index.js";
 export declare const showGptWidget: (deps: ExtensionDeps) => ActionSpec;

package/build/esm/extensions/additional/GPT/actions.js

@@ -1,4 +1,4 @@
-import { runGpt } from './commands';
+import { runGpt } from "./commands.js";
 export const showGptWidget = (_deps) => ({
     isActive() {
         return false;
@@ -8,3 +8,4 @@ export const showGptWidget = (_deps) => ({
     },
     run: runGpt,
 });
+//# sourceMappingURL=actions.js.map

package/build/esm/extensions/additional/GPT/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"../../../../../src","sources":["extensions/additional/GPT/actions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAC,sBAAmB;AAElC,MAAM,CAAC,MAAM,aAAa,GAAwC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC1E,QAAQ;QACJ,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,QAAQ;QACJ,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,GAAG,EAAE,MAAM;CACd,CAAC,CAAC","sourcesContent":["import type {ActionSpec, ExtensionDeps} from '../../../core';\n\nimport {runGpt} from './commands';\n\nexport const showGptWidget: (deps: ExtensionDeps) => ActionSpec = (_deps) => ({\n    isActive() {\n        return false;\n    },\n    isEnable() {\n        return true;\n    },\n    run: runGpt,\n});\n"]}

package/build/esm/extensions/additional/GPT/commands.d.ts

@@ -1,2 +1,2 @@
-import { Command } from 'prosemirror-state';
+import { type Command } from 'prosemirror-state';
 export declare const runGpt: Command;

package/build/esm/extensions/additional/GPT/commands.js

@@ -1,9 +1,10 @@
 import { TextSelection } from 'prosemirror-state';
-import { pluginKey } from './plugin';
+import { pluginKey } from "./plugin.js";
 export const runGpt = (state, dispatch) => {
     const { selection: sel } = state;
     const meta = { action: 'show', from: sel.from, to: sel.to };
     const tr = state.tr.setMeta(pluginKey, meta);
-    dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr.setSelection(TextSelection.create(tr.doc, sel.to)));
+    dispatch?.(tr.setSelection(TextSelection.create(tr.doc, sel.to)));
     return true;
 };
+//# sourceMappingURL=commands.js.map

package/build/esm/extensions/additional/GPT/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sourceRoot":"../../../../../src","sources":["extensions/additional/GPT/commands.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAqB,SAAS,EAAC,oBAAiB;AAEvD,MAAM,CAAC,MAAM,MAAM,GAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;IAC/C,MAAM,EAAC,SAAS,EAAE,GAAG,EAAC,GAAG,KAAK,CAAC;IAE/B,MAAM,IAAI,GAAkB,EAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,EAAC,CAAC;IACzE,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAE7C,QAAQ,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAElE,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC","sourcesContent":["import {type Command, TextSelection} from 'prosemirror-state';\n\nimport {type GptWidgetMeta, pluginKey} from './plugin';\n\nexport const runGpt: Command = (state, dispatch) => {\n    const {selection: sel} = state;\n\n    const meta: GptWidgetMeta = {action: 'show', from: sel.from, to: sel.to};\n    const tr = state.tr.setMeta(pluginKey, meta);\n\n    dispatch?.(tr.setSelection(TextSelection.create(tr.doc, sel.to)));\n\n    return true;\n};\n"]}

package/build/esm/extensions/additional/GPT/constants.d.ts

@@ -1,7 +1,7 @@
-import type { PopupProps } from '@gravity-ui/uikit/build/esm/components/Popup/Popup';
+import type { PopupPlacement } from '@gravity-ui/uikit';
 export declare const WIDGET_DECO_CLASS_NAME = "g-md-gpt-widget-deco";
 export declare const WIDGET_DECO_SPEC_FLAG = "gpt_widget_deco";
-export declare const gptPopupPlacement: PopupProps['placement'];
+export declare const gptPopupPlacement: PopupPlacement;
 export declare const gptHotKeys: {
     openGptKey: string;
     openGptKeyTooltip: string;

package/build/esm/extensions/additional/GPT/constants.js

@@ -10,3 +10,4 @@ export const gptHotKeys = {
     applyResultGpt: 'Enter',
     closeGpt: 'Escape',
 };
+//# sourceMappingURL=constants.js.map

package/build/esm/extensions/additional/GPT/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../../../../src","sources":["extensions/additional/GPT/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAG,sBAAsB,CAAC;AAC7D,MAAM,CAAC,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;AACvD,MAAM,CAAC,MAAM,iBAAiB,GAAmB,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,UAAU,EAAE,OAAO;IACnB,iBAAiB,EAAE,OAAO;IAC1B,UAAU,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,WAAW,GAAG,EAAE;IAC7C,WAAW,EAAE,WAAW;IACxB,aAAa,EAAE,WAAW;IAC1B,cAAc,EAAE,OAAO;IACvB,QAAQ,EAAE,QAAQ;CACrB,CAAC","sourcesContent":["import type {PopupPlacement} from '@gravity-ui/uikit';\n\nexport const WIDGET_DECO_CLASS_NAME = 'g-md-gpt-widget-deco';\nexport const WIDGET_DECO_SPEC_FLAG = 'gpt_widget_deco';\nexport const gptPopupPlacement: PopupPlacement = ['bottom-start', 'top-start'];\n\nexport const gptHotKeys = {\n    openGptKey: 'Mod-h',\n    openGptKeyTooltip: 'Mod+h',\n    presetsKey: (key: string) => `Control+${key}`,\n    tryAgainGpt: 'Control+t',\n    freshStartGpt: 'Control+r',\n    applyResultGpt: 'Enter',\n    closeGpt: 'Escape',\n};\n"]}

package/build/esm/extensions/additional/GPT/gptExtension/gptExtension.d.ts

@@ -1,8 +1,8 @@
-import { Action, ExtensionBuilder } from '../../../../core';
-import type { CommonAnswer } from '../ErrorScreen/types';
-import type { GptWidgetDecoViewParams } from './view';
+import type { Action, ExtensionBuilder } from "../../../../core/index.js";
+import type { CommonAnswer } from "../ErrorScreen/types.js";
+import type { GptWidgetDecoViewParams } from "./view.js";
 export declare const gptActionName = "addGptWidget";
-export declare type GptWidgetOptions<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Pick<GptWidgetDecoViewParams<AnswerData, PromptData>, 'gptPopupContainer' | 'answerRender' | 'onApplyResult' | 'promptPresets' | 'customPromptPlaceholder' | 'disabledPromptPlaceholder' | 'onCustomPromptApply' | 'onPromptPresetClick' | 'onTryAgain' | 'onLike' | 'onDislike' | 'onClose' | 'onUpdate' | 'gptAlertProps'>;
+export type GptWidgetOptions<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Pick<GptWidgetDecoViewParams<AnswerData, PromptData>, 'answerRender' | 'onApplyResult' | 'promptPresets' | 'customPromptPlaceholder' | 'disabledPromptPlaceholder' | 'onCustomPromptApply' | 'onPromptPresetClick' | 'onTryAgain' | 'onLike' | 'onDislike' | 'onClose' | 'onUpdate' | 'gptAlertProps'>;
 export declare const gptExtension: <AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>(builder: ExtensionBuilder, options: GptWidgetOptions<AnswerData, PromptData>) => void;
 declare global {
     namespace WysiwygEditor {

package/build/esm/extensions/additional/GPT/gptExtension/gptExtension.js

@@ -1,14 +1,19 @@
-import { showGptWidget } from '../actions';
-import { runGpt } from '../commands';
-import { gptHotKeys } from '../constants';
-import { gptWidgetPlugin } from '../plugin';
+import { showGptWidget } from "../actions.js";
+import { runGpt } from "../commands.js";
+import { gptHotKeys } from "../constants.js";
+import { gptWidgetPlugin } from "../plugin.js";
 export const gptActionName = 'addGptWidget';
 export const gptExtension = (builder, options) => {
     builder.addAction(gptActionName, showGptWidget);
     builder.addPlugin(({ serializer, markupParser }) => {
-        return gptWidgetPlugin(Object.assign(Object.assign({}, options), { serializer, parser: markupParser }));
+        return gptWidgetPlugin({
+            ...options,
+            serializer,
+            parser: markupParser,
+        });
     });
     builder.addKeymap(() => ({
         [gptHotKeys.openGptKey]: runGpt,
     }), builder.Priority.VeryLow);
 };
+//# sourceMappingURL=gptExtension.js.map

package/build/esm/extensions/additional/GPT/gptExtension/gptExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gptExtension.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/gptExtension/gptExtension.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,sBAAmB;AACzC,OAAO,EAAC,MAAM,EAAC,uBAAoB;AACnC,OAAO,EAAC,UAAU,EAAC,wBAAqB;AACxC,OAAO,EAAC,eAAe,EAAC,qBAAkB;AAI1C,MAAM,CAAC,MAAM,aAAa,GAAG,cAAc,CAAC;AAsB5C,MAAM,CAAC,MAAM,YAAY,GAAG,CAIxB,OAAyB,EACzB,OAAiD,EACnD,EAAE;IACA,OAAO,CAAC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAChD,OAAO,CAAC,SAAS,CAAC,CAAC,EAAC,UAAU,EAAE,YAAY,EAAC,EAAE,EAAE;QAC7C,OAAO,eAAe,CAAC;YACnB,GAAG,OAAO;YACV,UAAU;YACV,MAAM,EAAE,YAAY;SACvB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,CAAC;QACH,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,MAAM;KAClC,CAAC,EACF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAC3B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import type {Action, ExtensionBuilder} from '../../../../core';\nimport type {CommonAnswer} from '../ErrorScreen/types';\nimport {showGptWidget} from '../actions';\nimport {runGpt} from '../commands';\nimport {gptHotKeys} from '../constants';\nimport {gptWidgetPlugin} from '../plugin';\n\nimport type {GptWidgetDecoViewParams} from './view';\n\nexport const gptActionName = 'addGptWidget';\n\nexport type GptWidgetOptions<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = Pick<\n    GptWidgetDecoViewParams<AnswerData, PromptData>,\n    | 'answerRender'\n    | 'onApplyResult'\n    | 'promptPresets'\n    | 'customPromptPlaceholder'\n    | 'disabledPromptPlaceholder'\n    | 'onCustomPromptApply'\n    | 'onPromptPresetClick'\n    | 'onTryAgain'\n    | 'onLike'\n    | 'onDislike'\n    | 'onClose'\n    | 'onUpdate'\n    | 'gptAlertProps'\n>;\n\nexport const gptExtension = <\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>(\n    builder: ExtensionBuilder,\n    options: GptWidgetOptions<AnswerData, PromptData>,\n) => {\n    builder.addAction(gptActionName, showGptWidget);\n    builder.addPlugin(({serializer, markupParser}) => {\n        return gptWidgetPlugin({\n            ...options,\n            serializer,\n            parser: markupParser,\n        });\n    });\n    builder.addKeymap(\n        () => ({\n            [gptHotKeys.openGptKey]: runGpt,\n        }),\n        builder.Priority.VeryLow,\n    );\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [gptActionName]: Action<{}>;\n        }\n    }\n}\n"]}

package/build/esm/extensions/additional/GPT/gptExtension/view.d.ts

@@ -1,17 +1,15 @@
-import type { PopupProps } from '@gravity-ui/uikit';
 import type { EditorState, PluginView } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import type { Parser, Serializer } from '../../../../core';
-import type { CommonAnswer } from '../ErrorScreen/types';
-import type { GptDialogProps } from '../GptDialog/GptDialog';
-import './view.css';
+import type { EditorView } from 'prosemirror-view';
+import type { Parser, Serializer } from "../../../../core/index.js";
+import type { CommonAnswer } from "../ErrorScreen/types.js";
+import type { GptDialogProps } from "../GptDialog/GptDialog.js";
+import "./view.css";
 export declare const cnGptPopup: import("@bem-react/classname").ClassNameFormatter;
-export declare type GptWidgetDecoViewParams<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Omit<GptDialogProps<AnswerData, PromptData>, 'markup' | 'onApplyResult'> & {
+export type GptWidgetDecoViewParams<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Omit<GptDialogProps<AnswerData, PromptData>, 'markup' | 'onApplyResult'> & {
     serializer: Serializer;
     parser: Parser;
 } & {
     onApplyResult?: GptDialogProps['onApplyResult'];
-    gptPopupContainer?: PopupProps['container'];
 };
 export declare class GptWidgetDecoView<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> implements Required<PluginView> {
     private readonly _view;

package/build/esm/extensions/additional/GPT/gptExtension/view.js

@@ -1,65 +1,25 @@
-import React, { useCallback } from 'react';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { Popup } from '@gravity-ui/uikit';
 import { Slice } from 'prosemirror-model';
 import { TextSelection } from 'prosemirror-state';
 import { useMount } from 'react-use';
-import { cn } from '../../../../classname';
-import { getReactRendererFromState } from '../../../behavior';
-import { GptDialog } from '../GptDialog/GptDialog';
-import { WIDGET_DECO_CLASS_NAME, WIDGET_DECO_SPEC_FLAG, gptPopupPlacement } from '../constants';
-import { pluginKey } from '../plugin';
-import './view.css';
+import { cn } from "../../../../classname.js";
+import { getReactRendererFromState } from "../../../behavior/index.js";
+import { GptDialog } from "../GptDialog/GptDialog.js";
+import { WIDGET_DECO_CLASS_NAME, WIDGET_DECO_SPEC_FLAG, gptPopupPlacement } from "../constants.js";
+import { pluginKey } from "../plugin.js";
+import "./view.css";
 export const cnGptPopup = cn('gpt-popup');
 export class GptWidgetDecoView {
+    _view;
+    _renderer;
+    _decoElem = null;
+    _params;
+    _serializer;
+    _parser;
+    _confirmOpen;
     constructor(view, params) {
-        this._decoElem = null;
-        this._onConfirmCancel = () => {
-            this._confirmOpen = false;
-            this._renderer.rerender();
-        };
-        this._onConfirmOk = () => {
-            this._onClose();
-        };
-        this._onGptAnswerUpdate = (answer) => {
-            var _a, _b;
-            (_b = (_a = this._params).onUpdate) === null || _b === void 0 ? void 0 : _b.call(_a, answer);
-        };
-        this._onSubmit = (answer) => {
-            var _a, _b;
-            const deco = this._getCurrentDecoration();
-            if (!deco)
-                return;
-            const { from, to } = deco;
-            const answerNode = this._parser.parse(answer);
-            const tr = this._view.state.tr;
-            const meta = { action: 'hide' };
-            tr.setMeta(pluginKey, meta);
-            tr.replace(from, to, new Slice(answerNode.content, 1, 1));
-            tr.setSelection(TextSelection.create(tr.doc, tr.mapping.map(to)));
-            this._view.dispatch(tr);
-            setTimeout(() => {
-                this._view.focus();
-            }, 0);
-            (_b = (_a = this._params).onApplyResult) === null || _b === void 0 ? void 0 : _b.call(_a, answer);
-            this._resetState();
-        };
-        this._onClose = () => {
-            var _a, _b;
-            const deco = this._getCurrentDecoration();
-            if (!deco) {
-                return;
-            }
-            const tr = this._view.state.tr;
-            const meta = { action: 'hide' };
-            tr.setSelection(TextSelection.create(tr.doc, deco.from, deco.to));
-            tr.setMeta(pluginKey, meta);
-            this._view.dispatch(tr);
-            setTimeout(() => {
-                this._view.focus();
-            }, 0);
-            (_b = (_a = this._params).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
-            this._resetState();
-        };
         this._view = view;
         this._params = params;
         this._serializer = params.serializer;
@@ -68,7 +28,6 @@ export class GptWidgetDecoView {
         this._renderer = getReactRendererFromState(view.state).createItem('gpt-widget-view', this._render.bind(this));
     }
     update(view, prevState) {
-        var _a;
         const { state, dispatch } = view;
         if (this._decoElem && !state.selection.eq(prevState.selection)) {
             const transaction = state.tr;
@@ -78,7 +37,7 @@ export class GptWidgetDecoView {
             return;
         }
         const decoElements = Array.from(view.dom.querySelectorAll(`.${WIDGET_DECO_CLASS_NAME}`));
-        this._decoElem = (_a = decoElements.at(-1)) !== null && _a !== void 0 ? _a : null;
+        this._decoElem = decoElements.at(-1) ?? null;
         this._renderer.rerender();
     }
     destroy() {
@@ -89,6 +48,13 @@ export class GptWidgetDecoView {
         this._decoElem = null;
         this._confirmOpen = false;
     }
+    _onConfirmCancel = () => {
+        this._confirmOpen = false;
+        this._renderer.rerender();
+    };
+    _onConfirmOk = () => {
+        this._onClose();
+    };
     _render() {
         if (!this._decoElem)
             return null;
@@ -96,36 +62,52 @@ export class GptWidgetDecoView {
         if (markup === undefined) {
             return null;
         }
-        return (React.createElement(Widget, { markup: markup, anchorRef: { current: this._decoElem }, answerRender: this._params.answerRender, promptPresets: this._params.promptPresets, disablePromptPresets: this._params.disablePromptPresets, customPromptPlaceholder: this._params.customPromptPlaceholder, disabledPromptPlaceholder: this._params.disabledPromptPlaceholder, gptAlertProps: this._params.gptAlertProps, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onApplyResult: this._onSubmit, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onCustomPromptApply: this._params.onCustomPromptApply, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onPromptPresetClick: this._params.onPromptPresetClick, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onTryAgain: this._params.onTryAgain, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onLike: this._params.onLike, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onDislike: this._params.onDislike, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onClose: this._onClose, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onUpdate: this._onGptAnswerUpdate, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            confirmOpen: this._confirmOpen, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onConfirmOk: this._onConfirmOk, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onConfirmCancel: this._onConfirmCancel, container: this._params.gptPopupContainer }));
+        return (_jsx(Widget, { markup: markup, anchorElement: this._decoElem, answerRender: this._params.answerRender, promptPresets: this._params.promptPresets, disablePromptPresets: this._params.disablePromptPresets, customPromptPlaceholder: this._params.customPromptPlaceholder, disabledPromptPlaceholder: this._params.disabledPromptPlaceholder, gptAlertProps: this._params.gptAlertProps, onApplyResult: this._onSubmit, onCustomPromptApply: this._params.onCustomPromptApply, onPromptPresetClick: this._params.onPromptPresetClick, onTryAgain: this._params.onTryAgain, onLike: this._params.onLike, onDislike: this._params.onDislike, onClose: this._onClose, onUpdate: this._onGptAnswerUpdate, confirmOpen: this._confirmOpen, onConfirmOk: this._onConfirmOk, onConfirmCancel: this._onConfirmCancel }));
     }
+    _onGptAnswerUpdate = (answer) => {
+        this._params.onUpdate?.(answer);
+    };
+    _onSubmit = (answer) => {
+        const deco = this._getCurrentDecoration();
+        if (!deco)
+            return;
+        const { from, to } = deco;
+        const answerNode = this._parser.parse(answer);
+        const tr = this._view.state.tr;
+        const meta = { action: 'hide' };
+        tr.setMeta(pluginKey, meta);
+        tr.replace(from, to, new Slice(answerNode.content, 1, 1));
+        tr.setSelection(TextSelection.create(tr.doc, tr.mapping.map(to)));
+        this._view.dispatch(tr);
+        setTimeout(() => {
+            this._view.focus();
+        }, 0);
+        this._params.onApplyResult?.(answer);
+        this._resetState();
+    };
+    _onClose = () => {
+        const deco = this._getCurrentDecoration();
+        if (!deco) {
+            return;
+        }
+        const tr = this._view.state.tr;
+        const meta = { action: 'hide' };
+        tr.setSelection(TextSelection.create(tr.doc, deco.from, deco.to));
+        tr.setMeta(pluginKey, meta);
+        this._view.dispatch(tr);
+        setTimeout(() => {
+            this._view.focus();
+        }, 0);
+        this._params.onClose?.();
+        this._resetState();
+    };
     _getContentOfDecoration() {
         const deco = this._getCurrentDecoration();
         if (!deco)
             return undefined;
         const { from, to } = deco;
         try {
+            // FIXME: Verify and use Node instead of Fragment
             const fragment = this._view.state.doc.slice(from, to, true).content;
             const yfmMarkup = this._serializer.serialize(fragment);
             return yfmMarkup;
@@ -136,8 +118,7 @@ export class GptWidgetDecoView {
         }
     }
     _getCurrentDecoration() {
-        var _a;
-        return (_a = this._getPluginState()) === null || _a === void 0 ? void 0 : _a.find(undefined, undefined, 
+        return this._getPluginState()?.find(undefined, undefined, 
         // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return
         (spec) => spec[WIDGET_DECO_SPEC_FLAG])[0];
     }
@@ -145,19 +126,21 @@ export class GptWidgetDecoView {
         return pluginKey.getState(this._view.state);
     }
 }
-function Widget({ markup, anchorRef, answerRender, promptPresets, disablePromptPresets, customPromptPlaceholder, disabledPromptPlaceholder, onCustomPromptApply, onApplyResult, onPromptPresetClick, onTryAgain, onLike, onDislike, onClose, onUpdate, container, gptAlertProps, }) {
+function Widget({ markup, anchorElement, answerRender, promptPresets, disablePromptPresets, customPromptPlaceholder, disabledPromptPlaceholder, onCustomPromptApply, onApplyResult, onPromptPresetClick, onTryAgain, onLike, onDislike, onClose, onUpdate, gptAlertProps, }) {
     useMount(() => {
-        if ((anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current) && 'scrollIntoView' in anchorRef.current) {
-            anchorRef.current.scrollIntoView({
+        if (anchorElement && 'scrollIntoView' in anchorElement) {
+            anchorElement.scrollIntoView({
                 behavior: 'smooth',
                 block: 'center',
             });
         }
     });
     const handleUpdate = useCallback((result) => {
-        onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(result);
+        onUpdate?.(result);
     }, [onUpdate]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Popup, { className: cnGptPopup(), contentClassName: cnGptPopup('content'), open: true, anchorRef: anchorRef, placement: gptPopupPlacement, onOutsideClick: onClose, focusTrap: true, autoFocus: !onCustomPromptApply && true, strategy: "absolute", container: container, onEscapeKeyDown: onClose },
-            React.createElement(GptDialog, { markup: markup, answerRender: answerRender, promptPresets: promptPresets, disablePromptPresets: disablePromptPresets, customPromptPlaceholder: customPromptPlaceholder, disabledPromptPlaceholder: disabledPromptPlaceholder, onApplyResult: onApplyResult, onCustomPromptApply: onCustomPromptApply, onPromptPresetClick: onPromptPresetClick, onTryAgain: onTryAgain, onLike: onLike, onDislike: onDislike, onClose: onClose, onUpdate: handleUpdate, gptAlertProps: gptAlertProps }))));
+    return (_jsx(_Fragment, { children: _jsx(Popup, { className: cnGptPopup(), open: true, anchorElement: anchorElement, placement: gptPopupPlacement, onOpenChange: (open) => {
+                if (!open)
+                    onClose();
+            }, strategy: "absolute", children: _jsx("div", { className: cnGptPopup('content'), children: _jsx(GptDialog, { markup: markup, answerRender: answerRender, promptPresets: promptPresets, disablePromptPresets: disablePromptPresets, customPromptPlaceholder: customPromptPlaceholder, disabledPromptPlaceholder: disabledPromptPlaceholder, onApplyResult: onApplyResult, onCustomPromptApply: onCustomPromptApply, onPromptPresetClick: onPromptPresetClick, onTryAgain: onTryAgain, onLike: onLike, onDislike: onDislike, onClose: onClose, onUpdate: handleUpdate, gptAlertProps: gptAlertProps }) }) }) }));
 }
+//# sourceMappingURL=view.js.map

package/build/esm/extensions/additional/GPT/gptExtension/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/gptExtension/view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAElC,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAC;AAEnC,OAAO,EAAC,EAAE,EAAC,iCAA8B;AAEzC,OAAO,EAAC,yBAAyB,EAAC,mCAA0B;AAG5D,OAAO,EAAC,SAAS,EAAC,kCAA+B;AACjD,OAAO,EAAC,sBAAsB,EAAE,qBAAqB,EAAE,iBAAiB,EAAC,wBAAqB;AAE9F,OAAO,EAAC,SAAS,EAAC,qBAAkB;AAEpC,oBAAqB;AAErB,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC;AAY1C,MAAM,OAAO,iBAAiB;IAKT,KAAK,CAAC;IACN,SAAS,CAAC;IAEnB,SAAS,GAAmB,IAAI,CAAC;IACjC,OAAO,CAAkD;IACzD,WAAW,CAAa;IACxB,OAAO,CAAS;IAChB,YAAY,CAAU;IAE9B,YAAY,IAAgB,EAAE,MAAuD;QACjF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAElB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;QACrC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAE1B,IAAI,CAAC,SAAS,GAAG,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAC7D,iBAAiB,EACjB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAC1B,CAAC;IACN,CAAC;IAED,MAAM,CAAC,IAAgB,EAAE,SAAsB;QAC3C,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC;QAE/B,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC;YAC7D,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE,CAAC;YAC7B,MAAM,IAAI,GAAkB,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC;YAE7C,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;YAC/C,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YAEnB,OAAO;QACX,CAAC;QAED,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,sBAAsB,EAAE,CAAC,CAAC,CAAC;QAEzF,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;QAC7C,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;IAC9B,CAAC;IAED,OAAO;QACH,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;IAC5B,CAAC;IAEO,WAAW;QACf,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAEO,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC,CAAC;IAEM,OAAO;QACX,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO,IAAI,CAAC;QAEjC,MAAM,MAAM,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAE9C,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,CACH,KAAC,MAAM,IACH,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,IAAI,CAAC,SAAS,EAC7B,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,EACvC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,EACzC,oBAAoB,EAAE,IAAI,CAAC,OAAO,CAAC,oBAAoB,EACvD,uBAAuB,EAAE,IAAI,CAAC,OAAO,CAAC,uBAAuB,EAC7D,yBAAyB,EAAE,IAAI,CAAC,OAAO,CAAC,yBAAyB,EACjE,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,EACzC,aAAa,EAAE,IAAI,CAAC,SAAS,EAC7B,mBAAmB,EAAE,IAAI,CAAC,OAAO,CAAC,mBAAmB,EACrD,mBAAmB,EAAE,IAAI,CAAC,OAAO,CAAC,mBAAmB,EACrD,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,EACnC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAC3B,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EACjC,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EACjC,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,eAAe,EAAE,IAAI,CAAC,gBAAgB,GACxC,CACL,CAAC;IACN,CAAC;IAEO,kBAAkB,GAAiE,CACvF,MAAM,EACR,EAAE;QACA,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,CAAC;IAEM,SAAS,GAA8C,CAAC,MAAc,EAAE,EAAE;QAC9E,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAE1C,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,MAAM,EAAC,IAAI,EAAE,EAAE,EAAC,GAAG,IAAI,CAAC;QAExB,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAE9C,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,MAAM,IAAI,GAAkB,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC;QAE7C,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC5B,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAC1D,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAElE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAExB,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACvB,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,CAAC;QAErC,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC,CAAC;IAEM,QAAQ,GAAG,GAAG,EAAE;QACpB,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAE1C,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QAED,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,MAAM,IAAI,GAAkB,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC;QAE7C,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QAElE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAE5B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAExB,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACvB,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;QAEzB,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC,CAAC;IAEM,uBAAuB;QAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAE1C,IAAI,CAAC,IAAI;YAAE,OAAO,SAAS,CAAC;QAE5B,MAAM,EAAC,IAAI,EAAE,EAAE,EAAC,GAAG,IAAI,CAAC;QAExB,IAAI,CAAC;YACD,iDAAiD;YACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC;YACpE,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,QAAe,CAAC,CAAC;YAE9D,OAAO,SAAS,CAAC;QACrB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAErB,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;QAChE,CAAC;IACL,CAAC;IAEO,qBAAqB;QACzB,OAAO,IAAI,CAAC,eAAe,EAAE,EAAE,IAAI,CAC/B,SAAS,EACT,SAAS;QACT,2GAA2G;QAC3G,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,CACxC,CAAC,CAAC,CAAC,CAAC;IACT,CAAC;IAEO,eAAe;QACnB,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC;CACJ;AAaD,SAAS,MAAM,CAGb,EACE,MAAM,EACN,aAAa,EACb,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,yBAAyB,EACzB,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,MAAM,EACN,SAAS,EACT,OAAO,EACP,QAAQ,EACR,aAAa,GACqB;IAClC,QAAQ,CAAC,GAAG,EAAE;QACV,IAAI,aAAa,IAAI,gBAAgB,IAAI,aAAa,EAAE,CAAC;YACrD,aAAa,CAAC,cAAc,CAAC;gBACzB,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,QAAQ;aAClB,CAAC,CAAC;QACP,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,MAAmB,EAAE,EAAE;QACpB,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,4BACI,KAAC,KAAK,IACF,SAAS,EAAE,UAAU,EAAE,EACvB,IAAI,QACJ,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,iBAAiB,EAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;gBACnB,IAAI,CAAC,IAAI;oBAAE,OAAO,EAAE,CAAC;YACzB,CAAC,EACD,QAAQ,EAAC,UAAU,YAEnB,cAAK,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,YACjC,KAAC,SAAS,IACN,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,uBAAuB,EAAE,uBAAuB,EAChD,yBAAyB,EAAE,yBAAyB,EACpD,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,aAAa,GAC9B,GACA,GACF,GACT,CACN,CAAC;AACN,CAAC","sourcesContent":["import {useCallback} from 'react';\n\nimport {Popup} from '@gravity-ui/uikit';\nimport type {PopupProps} from '@gravity-ui/uikit';\nimport {Slice} from 'prosemirror-model';\nimport type {EditorState, PluginView} from 'prosemirror-state';\nimport {TextSelection} from 'prosemirror-state';\nimport type {EditorView} from 'prosemirror-view';\nimport {useMount} from 'react-use';\n\nimport {cn} from '../../../../classname';\nimport type {Parser, Serializer} from '../../../../core';\nimport {getReactRendererFromState} from '../../../behavior';\nimport type {CommonAnswer} from '../ErrorScreen/types';\nimport type {GptDialogProps} from '../GptDialog/GptDialog';\nimport {GptDialog} from '../GptDialog/GptDialog';\nimport {WIDGET_DECO_CLASS_NAME, WIDGET_DECO_SPEC_FLAG, gptPopupPlacement} from '../constants';\nimport type {GptWidgetMeta} from '../plugin';\nimport {pluginKey} from '../plugin';\n\nimport './view.scss';\n\nexport const cnGptPopup = cn('gpt-popup');\n\nexport type GptWidgetDecoViewParams<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = Omit<GptDialogProps<AnswerData, PromptData>, 'markup' | 'onApplyResult'> & {\n    serializer: Serializer;\n    parser: Parser;\n} & {\n    onApplyResult?: GptDialogProps['onApplyResult'];\n};\n\nexport class GptWidgetDecoView<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> implements Required<PluginView>\n{\n    private readonly _view;\n    private readonly _renderer;\n\n    private _decoElem: Element | null = null;\n    private _params: GptWidgetDecoViewParams<AnswerData, PromptData>;\n    private _serializer: Serializer;\n    private _parser: Parser;\n    private _confirmOpen: boolean;\n\n    constructor(view: EditorView, params: GptWidgetDecoViewParams<AnswerData, PromptData>) {\n        this._view = view;\n\n        this._params = params;\n        this._serializer = params.serializer;\n        this._parser = params.parser;\n        this._confirmOpen = false;\n\n        this._renderer = getReactRendererFromState(view.state).createItem(\n            'gpt-widget-view',\n            this._render.bind(this),\n        );\n    }\n\n    update(view: EditorView, prevState: EditorState): void {\n        const {state, dispatch} = view;\n\n        if (this._decoElem && !state.selection.eq(prevState.selection)) {\n            const transaction = state.tr;\n            const meta: GptWidgetMeta = {action: 'hide'};\n\n            dispatch(transaction.setMeta(pluginKey, meta));\n            this._view.focus();\n\n            return;\n        }\n\n        const decoElements = Array.from(view.dom.querySelectorAll(`.${WIDGET_DECO_CLASS_NAME}`));\n\n        this._decoElem = decoElements.at(-1) ?? null;\n        this._renderer.rerender();\n    }\n\n    destroy(): void {\n        this._resetState();\n\n        this._renderer.remove();\n    }\n\n    private _resetState() {\n        this._decoElem = null;\n        this._confirmOpen = false;\n    }\n\n    private _onConfirmCancel = () => {\n        this._confirmOpen = false;\n\n        this._renderer.rerender();\n    };\n\n    private _onConfirmOk = () => {\n        this._onClose();\n    };\n\n    private _render() {\n        if (!this._decoElem) return null;\n\n        const markup = this._getContentOfDecoration();\n\n        if (markup === undefined) {\n            return null;\n        }\n\n        return (\n            <Widget\n                markup={markup}\n                anchorElement={this._decoElem}\n                answerRender={this._params.answerRender}\n                promptPresets={this._params.promptPresets}\n                disablePromptPresets={this._params.disablePromptPresets}\n                customPromptPlaceholder={this._params.customPromptPlaceholder}\n                disabledPromptPlaceholder={this._params.disabledPromptPlaceholder}\n                gptAlertProps={this._params.gptAlertProps}\n                onApplyResult={this._onSubmit}\n                onCustomPromptApply={this._params.onCustomPromptApply}\n                onPromptPresetClick={this._params.onPromptPresetClick}\n                onTryAgain={this._params.onTryAgain}\n                onLike={this._params.onLike}\n                onDislike={this._params.onDislike}\n                onClose={this._onClose}\n                onUpdate={this._onGptAnswerUpdate}\n                confirmOpen={this._confirmOpen}\n                onConfirmOk={this._onConfirmOk}\n                onConfirmCancel={this._onConfirmCancel}\n            />\n        );\n    }\n\n    private _onGptAnswerUpdate: NonNullable<WidgetProps<AnswerData, PromptData>['onUpdate']> = (\n        answer,\n    ) => {\n        this._params.onUpdate?.(answer);\n    };\n\n    private _onSubmit: NonNullable<WidgetProps['onApplyResult']> = (answer: string) => {\n        const deco = this._getCurrentDecoration();\n\n        if (!deco) return;\n\n        const {from, to} = deco;\n\n        const answerNode = this._parser.parse(answer);\n\n        const tr = this._view.state.tr;\n        const meta: GptWidgetMeta = {action: 'hide'};\n\n        tr.setMeta(pluginKey, meta);\n        tr.replace(from, to, new Slice(answerNode.content, 1, 1));\n        tr.setSelection(TextSelection.create(tr.doc, tr.mapping.map(to)));\n\n        this._view.dispatch(tr);\n\n        setTimeout(() => {\n            this._view.focus();\n        }, 0);\n\n        this._params.onApplyResult?.(answer);\n\n        this._resetState();\n    };\n\n    private _onClose = () => {\n        const deco = this._getCurrentDecoration();\n\n        if (!deco) {\n            return;\n        }\n\n        const tr = this._view.state.tr;\n        const meta: GptWidgetMeta = {action: 'hide'};\n\n        tr.setSelection(TextSelection.create(tr.doc, deco.from, deco.to));\n\n        tr.setMeta(pluginKey, meta);\n\n        this._view.dispatch(tr);\n\n        setTimeout(() => {\n            this._view.focus();\n        }, 0);\n\n        this._params.onClose?.();\n\n        this._resetState();\n    };\n\n    private _getContentOfDecoration(): string | undefined {\n        const deco = this._getCurrentDecoration();\n\n        if (!deco) return undefined;\n\n        const {from, to} = deco;\n\n        try {\n            // FIXME: Verify and use Node instead of Fragment\n            const fragment = this._view.state.doc.slice(from, to, true).content;\n            const yfmMarkup = this._serializer.serialize(fragment as any);\n\n            return yfmMarkup;\n        } catch (error) {\n            console.error(error);\n\n            return this._view.state.doc.textBetween(from, to, '\\n', '');\n        }\n    }\n\n    private _getCurrentDecoration() {\n        return this._getPluginState()?.find(\n            undefined,\n            undefined,\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return\n            (spec) => spec[WIDGET_DECO_SPEC_FLAG],\n        )[0];\n    }\n\n    private _getPluginState() {\n        return pluginKey.getState(this._view.state);\n    }\n}\n\ntype WidgetProps<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = Pick<PopupProps, 'anchorElement'> & {\n    markup: string;\n    onClose: () => void;\n    confirmOpen: boolean;\n    onConfirmOk: () => void;\n    onConfirmCancel: () => void;\n} & GptDialogProps<AnswerData, PromptData>;\n\nfunction Widget<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>({\n    markup,\n    anchorElement,\n    answerRender,\n    promptPresets,\n    disablePromptPresets,\n    customPromptPlaceholder,\n    disabledPromptPlaceholder,\n    onCustomPromptApply,\n    onApplyResult,\n    onPromptPresetClick,\n    onTryAgain,\n    onLike,\n    onDislike,\n    onClose,\n    onUpdate,\n    gptAlertProps,\n}: WidgetProps<AnswerData, PromptData>) {\n    useMount(() => {\n        if (anchorElement && 'scrollIntoView' in anchorElement) {\n            anchorElement.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n            });\n        }\n    });\n\n    const handleUpdate = useCallback(\n        (result?: AnswerData) => {\n            onUpdate?.(result);\n        },\n        [onUpdate],\n    );\n\n    return (\n        <>\n            <Popup\n                className={cnGptPopup()}\n                open\n                anchorElement={anchorElement}\n                placement={gptPopupPlacement}\n                onOpenChange={(open) => {\n                    if (!open) onClose();\n                }}\n                strategy=\"absolute\"\n            >\n                <div className={cnGptPopup('content')}>\n                    <GptDialog\n                        markup={markup}\n                        answerRender={answerRender}\n                        promptPresets={promptPresets}\n                        disablePromptPresets={disablePromptPresets}\n                        customPromptPlaceholder={customPromptPlaceholder}\n                        disabledPromptPlaceholder={disabledPromptPlaceholder}\n                        onApplyResult={onApplyResult}\n                        onCustomPromptApply={onCustomPromptApply}\n                        onPromptPresetClick={onPromptPresetClick}\n                        onTryAgain={onTryAgain}\n                        onLike={onLike}\n                        onDislike={onDislike}\n                        onClose={onClose}\n                        onUpdate={handleUpdate}\n                        gptAlertProps={gptAlertProps}\n                    />\n                </div>\n            </Popup>\n        </>\n    );\n}\n"]}

package/build/esm/extensions/additional/GPT/hooks/useGpt.d.ts

@@ -1,6 +1,6 @@
-import type { CommonAnswer, GptRequestData } from '../ErrorScreen/types';
-import type { GptDialogProps } from '../GptDialog/GptDialog';
-declare type UseGptProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Pick<GptDialogProps<AnswerData, PromptData>, 'markup' | 'promptPresets' | 'onCustomPromptApply' | 'onPromptPresetClick' | 'onTryAgain' | 'onLike' | 'onDislike' | 'onApplyResult' | 'onUpdate'>;
+import type { CommonAnswer, GptRequestData } from "../ErrorScreen/types.js";
+import type { GptDialogProps } from "../GptDialog/GptDialog.js";
+type UseGptProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Pick<GptDialogProps<AnswerData, PromptData>, 'markup' | 'promptPresets' | 'onCustomPromptApply' | 'onPromptPresetClick' | 'onTryAgain' | 'onLike' | 'onDislike' | 'onApplyResult' | 'onUpdate'>;
 export declare const useGpt: <AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>({ markup, promptPresets, onCustomPromptApply, onPromptPresetClick, onTryAgain, onLike, onDislike, onApplyResult, onUpdate, }: UseGptProps<AnswerData, PromptData>) => {
     answer: AnswerData | undefined;
     customPrompt: string;