payload-richtext-tiptap 0.0.73 → 0.0.74

package/dist/src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InsideLinksComponent.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.tsx"],"names":[],"mappings":"gCAIuB,GAAG;AAA1B,wBAkEE"}
+{"version":3,"file":"InsideLinksComponent.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.tsx"],"names":[],"mappings":"gCAIuB,GAAG;AAA1B,wBAmEE"}

package/dist/src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ExternalLinkIcon } from "@payloadcms/ui/graphics/ExternalLink";
 import { NodeViewContent, NodeViewWrapper } from "@tiptap/react";
-import { isRTL } from "../../lib/utils/isRtl.js";
+import i18next from "i18next";
 export default ((props)=>{
     return /*#__PURE__*/ _jsx(NodeViewWrapper, {
         className: "react-component",
@@ -59,12 +59,13 @@ export default ((props)=>{
                                     className: "text-black dark:text-white text-lg capitalize w-full",
                                     // href={`https://test-payload.trtglobal.tech/en${props?.node?.attrs?.url}` ?? ''}
                                     //@ts-ignore
-                                    dir: isRTL("بیشتر بخوانید" ?? "") ? "rtl" : "ltr",
+                                    // dir={isRTL("بیشتر بخوانید" ?? "") ? "rtl" : "ltr"}
+                                    dir: i18next.dir(),
                                     children: "بیشتر بخوانید"
                                 }),
                                 /*#__PURE__*/ _jsx("h3", {
                                     className: "text-2xl font-bold !mt-0 w-full",
-                                    dir: isRTL(props?.node?.attrs?.title ?? "") ? "rtl" : "ltr",
+                                    dir: i18next.dir(),
                                     children: props?.node?.attrs?.title
                                 })
                             ]

package/dist/src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.tsx"],"sourcesContent":["import { ExternalLinkIcon } from \"@payloadcms/ui/graphics/ExternalLink\";\nimport { NodeViewContent, NodeViewWrapper } from \"@tiptap/react\";\nimport { isRTL } from \"../../lib/utils/isRtl.js\";\n\nexport default (props: any) => {\n  return (\n    <NodeViewWrapper\n      className=\"react-component\"\n      onClick={() => {\n        props.editor.commands.setNodeSelection(props.getPos());\n      }}\n    >\n      <NodeViewContent contentEditable=\"false\" className=\"socialMediaContainer\">\n        {props?.node.type.spec.draggable ? (\n          <div draggable=\"true\" data-drag-handle=\"\" style={{ width: \"100%\" }}>\n            {/*@ts-ignore*/}\n            {!props?.node?.attrs?.id ?? \"\" ? (\n              <div\n                className=\"w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard\"\n                draggable=\"true\"\n                data-drag-handle=\"\"\n                contentEditable=\"false\"\n              >\n                <ExternalLinkIcon className=\"h-6 w-6\" />\n\n                <p\n                  className=\"w-full flex items-center justify-start mt-0\"\n                  style={{\n                    marginTop: 0,\n                  }}\n                >\n                  Add Internal Content Links\n                  {/* {text} */}\n                </p>\n              </div>\n            ) : (\n              <div className=\"flex justify-center items-center w-full  gap-x-6\">\n                <div className=\"flex justify-center items-center\">\n                  <div className=\"w-[32px] h-[64px] bg-blue-400\"></div>\n                  <img\n                    src={props?.node?.attrs?.thumbnail ?? \"\"}\n                    width={212}\n                    height={120}\n                    alt={\"\"}\n                    className=\"-ml-6 !w-[212px] !h-[120px] object-cover\"\n                  />\n                </div>\n                <div className=\"flex flex-col justidy-start items-start font-trt gap-y-2 \">\n                  <a\n                    className=\"text-black dark:text-white text-lg capitalize w-full\"\n                    // href={`https://test-payload.trtglobal.tech/en${props?.node?.attrs?.url}` ?? ''}\n                    //@ts-ignore\n                    dir={isRTL(\"بیشتر بخوانید\" ?? \"\") ? \"rtl\" : \"ltr\"}\n                  >\n                    بیشتر بخوانید\n                  </a>\n                  <h3\n                    className=\"text-2xl font-bold !mt-0 w-full\"\n                    dir={isRTL(props?.node?.attrs?.title ?? \"\") ? \"rtl\" : \"ltr\"}\n                  >\n                    {props?.node?.attrs?.title}\n                  </h3>\n                </div>\n              </div>\n            )}\n          </div>\n        ) : null}\n      </NodeViewContent>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["ExternalLinkIcon","NodeViewContent","NodeViewWrapper","isRTL","props","className","onClick","editor","commands","setNodeSelection","getPos","contentEditable","node","type","spec","draggable","div","data-drag-handle","style","width","attrs","id","p","marginTop","img","src","thumbnail","height","alt","a","dir","h3","title"],"mappings":";AAAA,SAASA,gBAAgB,QAAQ,uCAAuC;AACxE,SAASC,eAAe,EAAEC,eAAe,QAAQ,gBAAgB;AACjE,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,eAAe,CAAA,CAACC;IACd,qBACE,KAACF;QACCG,WAAU;QACVC,SAAS;YACPF,MAAMG,MAAM,CAACC,QAAQ,CAACC,gBAAgB,CAACL,MAAMM,MAAM;QACrD;kBAEA,cAAA,KAACT;YAAgBU,iBAAgB;YAAQN,WAAU;sBAChDD,OAAOQ,KAAKC,KAAKC,KAAKC,0BACrB,KAACC;gBAAID,WAAU;gBAAOE,oBAAiB;gBAAGC,OAAO;oBAAEC,OAAO;gBAAO;0BAE9D,CAACf,OAAOQ,MAAMQ,OAAOC,MAAM,mBAC1B,MAACL;oBACCX,WAAU;oBACVU,WAAU;oBACVE,oBAAiB;oBACjBN,iBAAgB;;sCAEhB,KAACX;4BAAiBK,WAAU;;sCAE5B,KAACiB;4BACCjB,WAAU;4BACVa,OAAO;gCACLK,WAAW;4BACb;sCACD;;;mCAMH,MAACP;oBAAIX,WAAU;;sCACb,MAACW;4BAAIX,WAAU;;8CACb,KAACW;oCAAIX,WAAU;;8CACf,KAACmB;oCACCC,KAAKrB,OAAOQ,MAAMQ,OAAOM,aAAa;oCACtCP,OAAO;oCACPQ,QAAQ;oCACRC,KAAK;oCACLvB,WAAU;;;;sCAGd,MAACW;4BAAIX,WAAU;;8CACb,KAACwB;oCACCxB,WAAU;oCACV,kFAAkF;oCAClF,YAAY;oCACZyB,KAAK3B,MAAM,mBAAmB,MAAM,QAAQ;8CAC7C;;8CAGD,KAAC4B;oCACC1B,WAAU;oCACVyB,KAAK3B,MAAMC,OAAOQ,MAAMQ,OAAOY,SAAS,MAAM,QAAQ;8CAErD5B,OAAOQ,MAAMQ,OAAOY;;;;;;iBAM7B;;;AAIZ,CAAA,EAAE"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.tsx"],"sourcesContent":["import { ExternalLinkIcon } from \"@payloadcms/ui/graphics/ExternalLink\";\nimport { NodeViewContent, NodeViewWrapper } from \"@tiptap/react\";\nimport i18next from \"i18next\";\n\nexport default (props: any) => {\n  return (\n    <NodeViewWrapper\n      className=\"react-component\"\n      onClick={() => {\n        props.editor.commands.setNodeSelection(props.getPos());\n      }}\n    >\n      <NodeViewContent contentEditable=\"false\" className=\"socialMediaContainer\">\n        {props?.node.type.spec.draggable ? (\n          <div draggable=\"true\" data-drag-handle=\"\" style={{ width: \"100%\" }}>\n            {/*@ts-ignore*/}\n            {!props?.node?.attrs?.id ?? \"\" ? (\n              <div\n                className=\"w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard\"\n                draggable=\"true\"\n                data-drag-handle=\"\"\n                contentEditable=\"false\"\n              >\n                <ExternalLinkIcon className=\"h-6 w-6\" />\n\n                <p\n                  className=\"w-full flex items-center justify-start mt-0\"\n                  style={{\n                    marginTop: 0,\n                  }}\n                >\n                  Add Internal Content Links\n                  {/* {text} */}\n                </p>\n              </div>\n            ) : (\n              <div className=\"flex justify-center items-center w-full  gap-x-6\">\n                <div className=\"flex justify-center items-center\">\n                  <div className=\"w-[32px] h-[64px] bg-blue-400\"></div>\n                  <img\n                    src={props?.node?.attrs?.thumbnail ?? \"\"}\n                    width={212}\n                    height={120}\n                    alt={\"\"}\n                    className=\"-ml-6 !w-[212px] !h-[120px] object-cover\"\n                  />\n                </div>\n                <div className=\"flex flex-col justidy-start items-start font-trt gap-y-2 \">\n                  <a\n                    className=\"text-black dark:text-white text-lg capitalize w-full\"\n                    // href={`https://test-payload.trtglobal.tech/en${props?.node?.attrs?.url}` ?? ''}\n                    //@ts-ignore\n                    // dir={isRTL(\"بیشتر بخوانید\" ?? \"\") ? \"rtl\" : \"ltr\"}\n                    dir={i18next.dir()}\n                  >\n                    بیشتر بخوانید\n                  </a>\n                  <h3\n                    className=\"text-2xl font-bold !mt-0 w-full\"\n                    dir={i18next.dir()}\n                  >\n                    {props?.node?.attrs?.title}\n                  </h3>\n                </div>\n              </div>\n            )}\n          </div>\n        ) : null}\n      </NodeViewContent>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["ExternalLinkIcon","NodeViewContent","NodeViewWrapper","i18next","props","className","onClick","editor","commands","setNodeSelection","getPos","contentEditable","node","type","spec","draggable","div","data-drag-handle","style","width","attrs","id","p","marginTop","img","src","thumbnail","height","alt","a","dir","h3","title"],"mappings":";AAAA,SAASA,gBAAgB,QAAQ,uCAAuC;AACxE,SAASC,eAAe,EAAEC,eAAe,QAAQ,gBAAgB;AACjE,OAAOC,aAAa,UAAU;AAE9B,eAAe,CAAA,CAACC;IACd,qBACE,KAACF;QACCG,WAAU;QACVC,SAAS;YACPF,MAAMG,MAAM,CAACC,QAAQ,CAACC,gBAAgB,CAACL,MAAMM,MAAM;QACrD;kBAEA,cAAA,KAACT;YAAgBU,iBAAgB;YAAQN,WAAU;sBAChDD,OAAOQ,KAAKC,KAAKC,KAAKC,0BACrB,KAACC;gBAAID,WAAU;gBAAOE,oBAAiB;gBAAGC,OAAO;oBAAEC,OAAO;gBAAO;0BAE9D,CAACf,OAAOQ,MAAMQ,OAAOC,MAAM,mBAC1B,MAACL;oBACCX,WAAU;oBACVU,WAAU;oBACVE,oBAAiB;oBACjBN,iBAAgB;;sCAEhB,KAACX;4BAAiBK,WAAU;;sCAE5B,KAACiB;4BACCjB,WAAU;4BACVa,OAAO;gCACLK,WAAW;4BACb;sCACD;;;mCAMH,MAACP;oBAAIX,WAAU;;sCACb,MAACW;4BAAIX,WAAU;;8CACb,KAACW;oCAAIX,WAAU;;8CACf,KAACmB;oCACCC,KAAKrB,OAAOQ,MAAMQ,OAAOM,aAAa;oCACtCP,OAAO;oCACPQ,QAAQ;oCACRC,KAAK;oCACLvB,WAAU;;;;sCAGd,MAACW;4BAAIX,WAAU;;8CACb,KAACwB;oCACCxB,WAAU;oCACV,kFAAkF;oCAClF,YAAY;oCACZ,qDAAqD;oCACrDyB,KAAK3B,QAAQ2B,GAAG;8CACjB;;8CAGD,KAACC;oCACC1B,WAAU;oCACVyB,KAAK3B,QAAQ2B,GAAG;8CAEf1B,OAAOQ,MAAMQ,OAAOY;;;;;;iBAM7B;;;AAIZ,CAAA,EAAE"}

package/dist/src/fields/TiptapEditor/extensions/extension-kit.d.ts

@@ -1,8 +1,7 @@
 import { openAssetHQType } from "../types.js";
 interface ExtensionKitProps {
-    dir?: "rtl" | "ltr";
     openAssetHQHandler: openAssetHQType;
 }
-export declare const ExtensionKit: ({ dir, openAssetHQHandler, }: ExtensionKitProps) => (import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Node<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-subscript").SubscriptExtensionOptions, any>)[];
+export declare const ExtensionKit: ({ openAssetHQHandler, }: ExtensionKitProps) => (import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Node<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-subscript").SubscriptExtensionOptions, any>)[];
 export default ExtensionKit;
 //# sourceMappingURL=extension-kit.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/extension-kit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extension-kit.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"names":[],"mappings":"AA+CA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,iBAAiB;IACzB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,kBAAkB,EAAE,eAAe,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,iCAGtB,iBAAiB,+LAqHnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"extension-kit.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"names":[],"mappings":"AA8CA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C,UAAU,iBAAiB;IACzB,kBAAkB,EAAE,eAAe,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,4BAEtB,iBAAiB,+LA2GjB,CAAC;AAEJ,eAAe,YAAY,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/extension-kit.js

@@ -1,10 +1,9 @@
 import { AICommand, AudioBlock, BlockquoteFigure, CharacterCount, Color, Document, Dropcursor, Facebook, Figcaption, FileHandler, Focus, FontFamily, FontSize, Heading, Highlight, HorizontalRule, ImageBlock, InsideLinks, Instagram, Link, Linkedin, Placeholder, Selection, SlashCommand, StarterKit, Subscript, Superscript, TaskItem, TaskList, TextAlign, TextStyle, Tiktok, TrailingNode, Twitter, Typography, Underline, VideoBlock, Youtube } from "./index.js";
-import TextDirection from "tiptap-text-direction";
 import { ImageUpload } from "./ImageUpload/ImageUpload.js";
 import History from "@tiptap/extension-history";
 import { Markdown } from "tiptap-markdown";
 import API from "../lib/api.js";
-export const ExtensionKit = ({ dir, openAssetHQHandler })=>[
+export const ExtensionKit = ({ openAssetHQHandler })=>[
         Markdown,
         Document,
         TaskList,
@@ -119,16 +118,6 @@ export const ExtensionKit = ({ dir, openAssetHQHandler })=>[
         Linkedin,
         Youtube,
         InsideLinks,
-        TextDirection.configure({
-            types: [
-                "heading",
-                "paragraph",
-                "orderedList",
-                "bulletList",
-                "listItem",
-                "blockquoteFigure"
-            ]
-        }),
         AICommand
     ];
 export default ExtensionKit;

package/dist/src/fields/TiptapEditor/extensions/extension-kit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"sourcesContent":["import {\n  AICommand,\n  AudioBlock,\n  BlockquoteFigure,\n  CharacterCount,\n  Color,\n  Document,\n  Dropcursor,\n  Facebook,\n  Figcaption,\n  FileHandler,\n  Focus,\n  FontFamily,\n  FontSize,\n  Heading,\n  Highlight,\n  HorizontalRule,\n  ImageBlock,\n  InsideLinks,\n  Instagram,\n  Link,\n  Linkedin,\n  Placeholder,\n  Selection,\n  SlashCommand,\n  StarterKit,\n  Subscript,\n  Superscript,\n  TaskItem,\n  TaskList,\n  TextAlign,\n  TextStyle,\n  Tiktok,\n  TrailingNode,\n  Twitter,\n  Typography,\n  Underline,\n  VideoBlock,\n  Youtube,\n} from \"./index.js\";\n\nimport TextDirection from \"tiptap-text-direction\";\nimport { ImageUpload } from \"./ImageUpload/ImageUpload.js\";\n\nimport History from \"@tiptap/extension-history\";\nimport { Markdown } from \"tiptap-markdown\";\nimport API from \"../lib/api.js\";\nimport { openAssetHQType } from \"../types.js\";\n\ninterface ExtensionKitProps {\n  dir?: \"rtl\" | \"ltr\";\n  openAssetHQHandler: openAssetHQType;\n}\n\nexport const ExtensionKit = ({\n  dir,\n  openAssetHQHandler,\n}: ExtensionKitProps) => [\n  Markdown,\n  Document,\n  TaskList,\n  TaskItem.configure({\n    nested: true,\n  }),\n  Selection,\n  Heading.configure({\n    levels: [1, 2, 3, 4, 5, 6],\n  }),\n  HorizontalRule,\n  StarterKit.configure({\n    document: false,\n    dropcursor: false,\n    heading: false,\n    horizontalRule: false,\n    blockquote: false,\n    history: false,\n    codeBlock: false,\n  }),\n  TextStyle,\n  FontSize,\n  FontFamily,\n  Color,\n  TrailingNode,\n  Link.configure({\n    openOnClick: false,\n  }),\n  Highlight.configure({ multicolor: true }),\n  Underline,\n  CharacterCount.configure({ limit: 50000 }),\n  ImageUpload.configure({\n    openAssetHQHandler,\n  }),\n  ImageBlock,\n  VideoBlock,\n  AudioBlock,\n  FileHandler.configure({\n    allowedMimeTypes: [\"image/png\", \"image/jpeg\", \"image/gif\", \"image/webp\"],\n    onDrop: (currentEditor, files, pos) => {\n      const file = files[0];\n      (async () => {\n        openAssetHQHandler(\n          (asset) => {\n            currentEditor\n              .chain()\n              .setImageBlockAt({ pos, src: asset.fullUrl })\n              .focus()\n              .run();\n          },\n          file,\n          \"image\"\n        );\n      })();\n    },\n    onPaste: (currentEditor, files) => {\n      files.forEach(async () => {\n        const url = await API.uploadImage();\n\n        return currentEditor\n          .chain()\n          .setImageBlockAt({\n            pos: currentEditor.state.selection.anchor,\n            src: url,\n          })\n          .focus()\n          .run();\n      });\n    },\n  }),\n  // Emoji.configure({\n  //   enableEmoticons: true,\n  //   suggestion: emojiSuggestion,\n  // }),\n  TextAlign.extend({\n    addKeyboardShortcuts() {\n      return {};\n    },\n  }).configure({\n    types: [\"heading\", \"paragraph\"],\n  }),\n  Subscript,\n  Superscript,\n  Typography,\n  Placeholder.configure({\n    includeChildren: true,\n    showOnlyCurrent: false,\n    placeholder: () => \"\",\n  }),\n  SlashCommand,\n  Focus,\n  Figcaption,\n  BlockquoteFigure,\n  Dropcursor.configure({\n    width: 2,\n    class: \"ProseMirror-dropcursor border-black\",\n  }),\n  History,\n  Twitter,\n  Tiktok,\n  Instagram,\n  Facebook,\n  Linkedin,\n  Youtube,\n  InsideLinks,\n  TextDirection.configure({\n    types: [\n      \"heading\",\n      \"paragraph\",\n      \"orderedList\",\n      \"bulletList\",\n      \"listItem\",\n      \"blockquoteFigure\",\n    ],\n  }),\n  AICommand,\n];\n\nexport default ExtensionKit;\n"],"names":["AICommand","AudioBlock","BlockquoteFigure","CharacterCount","Color","Document","Dropcursor","Facebook","Figcaption","FileHandler","Focus","FontFamily","FontSize","Heading","Highlight","HorizontalRule","ImageBlock","InsideLinks","Instagram","Link","Linkedin","Placeholder","Selection","SlashCommand","StarterKit","Subscript","Superscript","TaskItem","TaskList","TextAlign","TextStyle","Tiktok","TrailingNode","Twitter","Typography","Underline","VideoBlock","Youtube","TextDirection","ImageUpload","History","Markdown","API","ExtensionKit","dir","openAssetHQHandler","configure","nested","levels","document","dropcursor","heading","horizontalRule","blockquote","history","codeBlock","openOnClick","multicolor","limit","allowedMimeTypes","onDrop","currentEditor","files","pos","file","asset","chain","setImageBlockAt","src","fullUrl","focus","run","onPaste","forEach","url","uploadImage","state","selection","anchor","extend","addKeyboardShortcuts","types","includeChildren","showOnlyCurrent","placeholder","width","class"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"sourcesContent":["import {\n  AICommand,\n  AudioBlock,\n  BlockquoteFigure,\n  CharacterCount,\n  Color,\n  Document,\n  Dropcursor,\n  Facebook,\n  Figcaption,\n  FileHandler,\n  Focus,\n  FontFamily,\n  FontSize,\n  Heading,\n  Highlight,\n  HorizontalRule,\n  ImageBlock,\n  InsideLinks,\n  Instagram,\n  Link,\n  Linkedin,\n  Placeholder,\n  Selection,\n  SlashCommand,\n  StarterKit,\n  Subscript,\n  Superscript,\n  TaskItem,\n  TaskList,\n  TextAlign,\n  TextStyle,\n  Tiktok,\n  TrailingNode,\n  Twitter,\n  Typography,\n  Underline,\n  VideoBlock,\n  Youtube,\n} from \"./index.js\";\n\nimport { ImageUpload } from \"./ImageUpload/ImageUpload.js\";\n\nimport History from \"@tiptap/extension-history\";\nimport { Markdown } from \"tiptap-markdown\";\nimport API from \"../lib/api.js\";\nimport { openAssetHQType } from \"../types.js\";\nimport i18next from \"i18next\";\n\ninterface ExtensionKitProps {\n  openAssetHQHandler: openAssetHQType;\n}\n\nexport const ExtensionKit = ({\n  openAssetHQHandler,\n}: ExtensionKitProps) => [\n    Markdown,\n    Document,\n    TaskList,\n    TaskItem.configure({\n      nested: true,\n    }),\n    Selection,\n    Heading.configure({\n      levels: [1, 2, 3, 4, 5, 6],\n    }),\n    HorizontalRule,\n    StarterKit.configure({\n      document: false,\n      dropcursor: false,\n      heading: false,\n      horizontalRule: false,\n      blockquote: false,\n      history: false,\n      codeBlock: false,\n    }),\n    TextStyle,\n    FontSize,\n    FontFamily,\n    Color,\n    TrailingNode,\n    Link.configure({\n      openOnClick: false,\n    }),\n    Highlight.configure({ multicolor: true }),\n    Underline,\n    CharacterCount.configure({ limit: 50000 }),\n    ImageUpload.configure({\n      openAssetHQHandler,\n    }),\n    ImageBlock,\n    VideoBlock,\n    AudioBlock,\n    FileHandler.configure({\n      allowedMimeTypes: [\"image/png\", \"image/jpeg\", \"image/gif\", \"image/webp\"],\n      onDrop: (currentEditor, files, pos) => {\n        const file = files[0];\n        (async () => {\n          openAssetHQHandler(\n            (asset) => {\n              currentEditor\n                .chain()\n                .setImageBlockAt({ pos, src: asset.fullUrl })\n                .focus()\n                .run();\n            },\n            file,\n            \"image\"\n          );\n        })();\n      },\n      onPaste: (currentEditor, files) => {\n        files.forEach(async () => {\n          const url = await API.uploadImage();\n\n          return currentEditor\n            .chain()\n            .setImageBlockAt({\n              pos: currentEditor.state.selection.anchor,\n              src: url,\n            })\n            .focus()\n            .run();\n        });\n      },\n    }),\n    // Emoji.configure({\n    //   enableEmoticons: true,\n    //   suggestion: emojiSuggestion,\n    // }),\n    TextAlign.extend({\n      addKeyboardShortcuts() {\n        return {};\n      },\n    }).configure({\n      types: [\"heading\", \"paragraph\"],\n    }),\n    Subscript,\n    Superscript,\n    Typography,\n    Placeholder.configure({\n      includeChildren: true,\n      showOnlyCurrent: false,\n      placeholder: () => \"\",\n    }),\n    SlashCommand,\n    Focus,\n    Figcaption,\n    BlockquoteFigure,\n    Dropcursor.configure({\n      width: 2,\n      class: \"ProseMirror-dropcursor border-black\",\n    }),\n    History,\n    Twitter,\n    Tiktok,\n    Instagram,\n    Facebook,\n    Linkedin,\n    Youtube,\n    InsideLinks,\n    AICommand,\n  ];\n\nexport default ExtensionKit;\n"],"names":["AICommand","AudioBlock","BlockquoteFigure","CharacterCount","Color","Document","Dropcursor","Facebook","Figcaption","FileHandler","Focus","FontFamily","FontSize","Heading","Highlight","HorizontalRule","ImageBlock","InsideLinks","Instagram","Link","Linkedin","Placeholder","Selection","SlashCommand","StarterKit","Subscript","Superscript","TaskItem","TaskList","TextAlign","TextStyle","Tiktok","TrailingNode","Twitter","Typography","Underline","VideoBlock","Youtube","ImageUpload","History","Markdown","API","ExtensionKit","openAssetHQHandler","configure","nested","levels","document","dropcursor","heading","horizontalRule","blockquote","history","codeBlock","openOnClick","multicolor","limit","allowedMimeTypes","onDrop","currentEditor","files","pos","file","asset","chain","setImageBlockAt","src","fullUrl","focus","run","onPaste","forEach","url","uploadImage","state","selection","anchor","extend","addKeyboardShortcuts","types","includeChildren","showOnlyCurrent","placeholder","width","class"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAIhE,eAAO,MAAM,WAAW,kGAQrB,WAAW,GAAG;IACf,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC9B,gCAyFA,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"BlockEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAKhE,eAAO,MAAM,WAAW,kGAQrB,WAAW,GAAG;IACf,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC9B,gCA0FA,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.js

@@ -11,10 +11,10 @@ import { ColumnsMenu } from "../../extensions/MultiColumn/menus/ColumnsMenu.js";
 import { SocialMediaMenu } from "../../extensions/SocialMedia/menus/index.js";
 import VideoBlockMenu from "../../extensions/VideoBlock/components/VideoBlockMenu.js";
 import { useBlockEditor } from "../../hooks/useBlockEditor.js";
-import { isRTL } from "../../lib/utils/isRtl.js";
 import { ContentItemMenu } from "../menus/ContentItemMenu/ContentItemMenu.js";
 import { TextMenu } from "../menus/TextMenu/TextMenu.js";
 import { LinkMenu } from "../menus/index.js";
+import i18next from "i18next";
 const DEFAULT_LANG = "en";
 export const BlockEditor = ({ handleChange, content, openAssetHQHandler, additionalContext, isEditable = true, autoFocus = true, dir })=>{
     const menuContainerRef = useRef(null);
@@ -68,11 +68,12 @@ export const BlockEditor = ({ handleChange, content, openAssetHQHandler, additio
         children: /*#__PURE__*/ _jsx("div", {
             className: "flex h-full overflow-visible",
             ref: menuContainerRef,
-            dir: dir ?? (isRTL(editor.getText()) ? "rtl" : "ltr"),
+            dir: i18next.dir(),
             children: /*#__PURE__*/ _jsxs("div", {
                 className: "relative flex flex-col flex-1 h-full  justify-center items-center ",
                 children: [
                     /*#__PURE__*/ _jsx(EditorContent, {
+                        dir: i18next.dir(),
                         editor: editor,
                         ref: editorRef,
                         className: "flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0",
@@ -91,7 +92,7 @@ export const BlockEditor = ({ handleChange, content, openAssetHQHandler, additio
                             }),
                             /*#__PURE__*/ _jsx(TextMenu, {
                                 editor: editor,
-                                dir: dir ?? (isRTL(editor.getText()) ? "rtl" : "ltr")
+                                dir: i18next.dir()
                             }),
                             /*#__PURE__*/ _jsx(IframeMenu, {
                                 editor: editor,

package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"sourcesContent":["\"use client\";\nimport { EditorContent } from \"@tiptap/react\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport i18n from \"i18next\";\n\nimport { EditorContext } from \"../../context/EditorContext.js\";\nimport { IframeMenu } from \"../../extensions/Iframe/menus/index.js\";\nimport ImageBlockMenu from \"../../extensions/ImageBlock/components/ImageBlockMenu.js\";\nimport { InsideLinksMenu } from \"../../extensions/InsideLinks/menus/index.js\";\nimport { ColumnsMenu } from \"../../extensions/MultiColumn/menus/ColumnsMenu.js\";\nimport { SocialMediaMenu } from \"../../extensions/SocialMedia/menus/index.js\";\n\nimport VideoBlockMenu from \"../../extensions/VideoBlock/components/VideoBlockMenu.js\";\nimport { useBlockEditor } from \"../../hooks/useBlockEditor.js\";\nimport { isRTL } from \"../../lib/utils/isRtl.js\";\nimport { openAssetHQType } from \"../../types.js\";\nimport { ContentItemMenu } from \"../menus/ContentItemMenu/ContentItemMenu.js\";\nimport { TextMenu } from \"../menus/TextMenu/TextMenu.js\";\nimport { LinkMenu } from \"../menus/index.js\";\nimport { AdditionalContextType, TiptapProps } from \"./types.js\";\n\nconst DEFAULT_LANG = \"en\"\n\nexport const BlockEditor = ({\n  handleChange,\n  content,\n  openAssetHQHandler,\n  additionalContext,\n  isEditable = true,\n  autoFocus = true,\n  dir,\n}: TiptapProps & {\n  openAssetHQHandler?: openAssetHQType;\n  additionalContext?: AdditionalContextType;\n  autoFocus?: boolean;\n  isEditable?: boolean;\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}) => {\n  const menuContainerRef = useRef(null);\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  const { editor, users, characterCount, leftSidebar } = useBlockEditor({\n    content: content,\n    handleChange: handleChange,\n    openAssetHQHandler: openAssetHQHandler,\n    additionalContext: additionalContext,\n    autoFocus,\n    isEditable,\n  });\n\n  const displayedUsers = users.slice(0, 3);\n  const providerValue = useMemo(() => {\n    return {};\n  }, []);\n  useEffect(() => {\n    if (!additionalContext) {\n      i18n.init({\n        fallbackLng: DEFAULT_LANG,\n        lng: DEFAULT_LANG,\n        returnEmptyString: true,\n        resources: {},\n      });\n      return\n    }\n\n    if (additionalContext.language && additionalContext.translations) {\n      i18n.init({\n        fallbackLng: additionalContext.language,\n        lng: additionalContext.language,\n        returnEmptyString: true,\n        resources: {\n          [additionalContext.language]: {\n            translation: additionalContext.translations,\n          },\n        },\n      });\n      return\n    }\n    if (additionalContext.language) {\n      i18n.init({\n        fallbackLng: additionalContext?.language,\n        lng: additionalContext?.language,\n        returnEmptyString: true,\n        resources: {},\n      });\n    }\n  }, []);\n\n  return (\n    editor && (\n      <EditorContext.Provider value={providerValue}>\n        <div\n          className=\"flex h-full overflow-visible\"\n          ref={menuContainerRef}\n          dir={dir ?? (isRTL(editor.getText()) ? \"rtl\" : \"ltr\")}\n        >\n          <div className=\"relative flex flex-col flex-1 h-full  justify-center items-center \">\n            <EditorContent\n              editor={editor}\n              ref={editorRef}\n              className=\"flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0\"\n              style={{\n                outline: \"none\",\n              }}\n            />\n            {isEditable && (\n              <>\n                <ContentItemMenu editor={editor} />\n                <LinkMenu editor={editor} appendTo={menuContainerRef} />\n                <TextMenu\n                  editor={editor}\n                  dir={dir ?? (isRTL(editor.getText()) ? \"rtl\" : \"ltr\")}\n                />\n                <IframeMenu editor={editor} appendTo={menuContainerRef} />\n                <SocialMediaMenu editor={editor} appendTo={menuContainerRef} />\n                <InsideLinksMenu editor={editor} appendTo={menuContainerRef} />\n                <ColumnsMenu editor={editor} appendTo={menuContainerRef} />\n                <ImageBlockMenu editor={editor} appendTo={menuContainerRef} />\n                <VideoBlockMenu editor={editor} appendTo={menuContainerRef} />\n              </>\n            )}\n          </div>\n        </div>\n      </EditorContext.Provider>\n    )\n  );\n};\n\nexport default BlockEditor;\n"],"names":["EditorContent","useEffect","useMemo","useRef","i18n","EditorContext","IframeMenu","ImageBlockMenu","InsideLinksMenu","ColumnsMenu","SocialMediaMenu","VideoBlockMenu","useBlockEditor","isRTL","ContentItemMenu","TextMenu","LinkMenu","DEFAULT_LANG","BlockEditor","handleChange","content","openAssetHQHandler","additionalContext","isEditable","autoFocus","dir","menuContainerRef","editorRef","editor","users","characterCount","leftSidebar","displayedUsers","slice","providerValue","init","fallbackLng","lng","returnEmptyString","resources","language","translations","translation","Provider","value","div","className","ref","getText","style","outline","appendTo"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"sourcesContent":["\"use client\";\nimport { EditorContent } from \"@tiptap/react\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport i18n from \"i18next\";\n\nimport { EditorContext } from \"../../context/EditorContext.js\";\nimport { IframeMenu } from \"../../extensions/Iframe/menus/index.js\";\nimport ImageBlockMenu from \"../../extensions/ImageBlock/components/ImageBlockMenu.js\";\nimport { InsideLinksMenu } from \"../../extensions/InsideLinks/menus/index.js\";\nimport { ColumnsMenu } from \"../../extensions/MultiColumn/menus/ColumnsMenu.js\";\nimport { SocialMediaMenu } from \"../../extensions/SocialMedia/menus/index.js\";\n\nimport VideoBlockMenu from \"../../extensions/VideoBlock/components/VideoBlockMenu.js\";\nimport { useBlockEditor } from \"../../hooks/useBlockEditor.js\";\nimport { openAssetHQType } from \"../../types.js\";\nimport { ContentItemMenu } from \"../menus/ContentItemMenu/ContentItemMenu.js\";\nimport { TextMenu } from \"../menus/TextMenu/TextMenu.js\";\nimport { LinkMenu } from \"../menus/index.js\";\nimport { AdditionalContextType, TiptapProps } from \"./types.js\";\nimport i18next from \"i18next\";\n\nconst DEFAULT_LANG = \"en\"\n\nexport const BlockEditor = ({\n  handleChange,\n  content,\n  openAssetHQHandler,\n  additionalContext,\n  isEditable = true,\n  autoFocus = true,\n  dir,\n}: TiptapProps & {\n  openAssetHQHandler?: openAssetHQType;\n  additionalContext?: AdditionalContextType;\n  autoFocus?: boolean;\n  isEditable?: boolean;\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}) => {\n  const menuContainerRef = useRef(null);\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  const { editor, users, characterCount, leftSidebar } = useBlockEditor({\n    content: content,\n    handleChange: handleChange,\n    openAssetHQHandler: openAssetHQHandler,\n    additionalContext: additionalContext,\n    autoFocus,\n    isEditable,\n  });\n\n  const displayedUsers = users.slice(0, 3);\n  const providerValue = useMemo(() => {\n    return {};\n  }, []);\n  useEffect(() => {\n    if (!additionalContext) {\n      i18n.init({\n        fallbackLng: DEFAULT_LANG,\n        lng: DEFAULT_LANG,\n        returnEmptyString: true,\n        resources: {},\n      });\n      return\n    }\n\n    if (additionalContext.language && additionalContext.translations) {\n      i18n.init({\n        fallbackLng: additionalContext.language,\n        lng: additionalContext.language,\n        returnEmptyString: true,\n        resources: {\n          [additionalContext.language]: {\n            translation: additionalContext.translations,\n          },\n        },\n      });\n      return\n    }\n    if (additionalContext.language) {\n      i18n.init({\n        fallbackLng: additionalContext?.language,\n        lng: additionalContext?.language,\n        returnEmptyString: true,\n        resources: {},\n      });\n    }\n  }, []);\n\n  return (\n    editor && (\n      <EditorContext.Provider value={providerValue}>\n        <div\n          className=\"flex h-full overflow-visible\"\n          ref={menuContainerRef}\n          dir={i18next.dir()}\n        >\n          <div className=\"relative flex flex-col flex-1 h-full  justify-center items-center \">\n            <EditorContent\n              dir={i18next.dir()}\n              editor={editor}\n              ref={editorRef}\n              className=\"flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0\"\n              style={{\n                outline: \"none\",\n              }}\n            />\n            {isEditable && (\n              <>\n                <ContentItemMenu editor={editor} />\n                <LinkMenu editor={editor} appendTo={menuContainerRef} />\n                <TextMenu\n                  editor={editor}\n                  dir={i18next.dir()}\n                />\n                <IframeMenu editor={editor} appendTo={menuContainerRef} />\n                <SocialMediaMenu editor={editor} appendTo={menuContainerRef} />\n                <InsideLinksMenu editor={editor} appendTo={menuContainerRef} />\n                <ColumnsMenu editor={editor} appendTo={menuContainerRef} />\n                <ImageBlockMenu editor={editor} appendTo={menuContainerRef} />\n                <VideoBlockMenu editor={editor} appendTo={menuContainerRef} />\n              </>\n            )}\n          </div>\n        </div>\n      </EditorContext.Provider>\n    )\n  );\n};\n\nexport default BlockEditor;\n"],"names":["EditorContent","useEffect","useMemo","useRef","i18n","EditorContext","IframeMenu","ImageBlockMenu","InsideLinksMenu","ColumnsMenu","SocialMediaMenu","VideoBlockMenu","useBlockEditor","ContentItemMenu","TextMenu","LinkMenu","i18next","DEFAULT_LANG","BlockEditor","handleChange","content","openAssetHQHandler","additionalContext","isEditable","autoFocus","dir","menuContainerRef","editorRef","editor","users","characterCount","leftSidebar","displayedUsers","slice","providerValue","init","fallbackLng","lng","returnEmptyString","resources","language","translations","translation","Provider","value","div","className","ref","style","outline","appendTo"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AICommandPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,EAEL,KAAK,EACN,MAAM,uDAAuD,CAAC;AAY/D,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,KAAK,EAAE,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,qFAiV1B,CAAC"}
+{"version":3,"file":"AICommandPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,EAEL,KAAK,EACN,MAAM,uDAAuD,CAAC;AAW/D,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,KAAK,EAAE,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,qFAiV1B,CAAC"}

package/dist/src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.js

@@ -7,7 +7,6 @@ import Markdown from "react-markdown";
 import TextareaAutosize from "react-textarea-autosize";
 import { useLocale } from "@payloadcms/ui/providers/Locale";
 import { getPrevText } from "../../../lib/utils/index.js";
-import { isRTL } from "../../../lib/utils/isRtl.js";
 import CrazySpinner from "../../ui/crazy-spinner.js";
 import { DropdownButton } from "../../ui/Dropdown/Dropdown.js";
 import { Icon } from "../../ui/Icon.js";
@@ -192,7 +191,7 @@ export const AICommandPanel = /*#__PURE__*/ forwardRef(({ editor, onOpenChange,
                             className: "flex  w-full",
                             children: /*#__PURE__*/ _jsx(ScrollArea, {
                                 className: "h-72 prose p-2 px-4 prose-sm w-full max-w-none",
-                                dir: isRTL(completion) ? "rtl" : "ltr",
+                                dir: i18next.dir(),
                                 children: /*#__PURE__*/ _jsx(Markdown, {
                                     className: "w-full",
                                     children: completion

package/dist/src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCompletion } from \"ai/react\";\nimport { ArrowUpCircle, Sparkles } from \"lucide-react\";\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\nimport Markdown from \"react-markdown\";\nimport TextareaAutosize from \"react-textarea-autosize\";\n\nimport { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { Editor } from \"@tiptap/react\";\n\nimport {\n  Command,\n  Group,\n} from \"src/fields/TiptapEditor/extensions/AICommand/types.js\";\nimport { getPrevText } from \"../../../lib/utils/index.js\";\nimport { isRTL } from \"../../../lib/utils/isRtl.js\";\nimport CrazySpinner from \"../../ui/crazy-spinner.js\";\nimport { DropdownButton } from \"../../ui/Dropdown/Dropdown.js\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { ScrollArea } from \"../../ui/scroll-area.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\nimport AISelectorCommands from \"../../menus/TextMenu/components/ai-selector-commands.js\";\nimport i18next from \"i18next\";\n\nexport type AICommandPanelProps = {\n  editor: Editor;\n  userPrompt?: string;\n  onOpenChange: (value: boolean) => void;\n  items: Group[];\n};\n\nexport const AICommandPanel = forwardRef(\n  (\n    {\n      editor,\n      onOpenChange,\n      userPrompt,\n      items,\n      ...restProps\n    }: AICommandPanelProps,\n    ref\n  ) => {\n    const [inputValue, setInputValue] = useState(userPrompt ?? \"\");\n    const { code } = useLocale();\n    const { view } = editor;\n    const scrollContainer = useRef<HTMLDivElement>(null);\n    const activeItem = useRef<HTMLButtonElement>(null);\n    const [selectedGroupIndex, setSelectedGroupIndex] = useState(0);\n    const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);\n\n    const editorNode = view.dom as HTMLElement;\n    const boundigClient = editorNode.getBoundingClientRect();\n    const inputRef = useRef<HTMLTextAreaElement>(null);\n\n    // const { status, messages, input, submitMessage, handleInputChange } = useAssistant({\n    //   // id: \"novel\",\n    //   api: \"/api/assistant\",\n    //   onResponse: (response) => {\n    //     if (response.status === 429) {\n    //       toast.error(\"You have reached your request limit for the day.\");\n    //       return;\n    //     }\n    //   },\n    //   onError: (e) => {\n    //     toast.error(e.message);\n    //   },\n    // });\n\n    const { completion, complete, isLoading } = useCompletion({\n      // id: \"novel\",\n      api: \"/api/generate\",\n      onResponse: (response) => {\n        if (response.status === 429) {\n          console.log(\"You have reached your request limit for the day.\");\n\n          return;\n        }\n      },\n\n      onError: (e) => {\n        console.log(\"ERROR\", e.message);\n      },\n    });\n\n    const hasCompletion = completion.length > 0;\n    const handleClick = useCallback(() => {\n      if (completion) {\n        return complete(completion, {\n          body: { option: \"zap\", command: inputValue, language: code ?? \"en\" },\n        }).then(() => setInputValue(\"\"));\n      }\n      const text = getPrevText(editor, { chars: 5000 });\n\n      complete(text, {\n        body: {\n          option: \"zap\",\n          command:\n            (editor.storage.aiCommand.title\n              ? \"Context Title:\" + editor.storage.aiCommand.title + \";\\n\"\n              : \"\") +\n            (editor.storage.aiCommand.language\n              ? \"Context language:\" + editor.storage.aiCommand.language + \";\\n\"\n              : \"\") +\n            inputValue,\n          language: editor.storage.aiCommand.language ?? code ?? \"en\",\n        },\n      }).then(() => setInputValue(\"\"));\n    }, [code, inputValue]);\n\n    useEffect(() => {\n      if (userPrompt) setInputValue(userPrompt);\n    }, [userPrompt]);\n    useEffect(() => {\n      editor.storage.aiCommand.completion = completion;\n      // if (!isLoading && completion) {\n      // const selection = editor.state.selection;\n      // editor\n      //   .chain()\n      //   .focus()\n      //   .insertContentAt(selection.to - 1, completion)\n      //   .insertContentAt(selection.to, \" \")\n      //   .run();\n\n      // }\n    }, [completion, isLoading]);\n\n    // Anytime the groups change, i.e. the user types to narrow it down, we want to\n    // reset the current selection to the first menu item\n    useEffect(() => {\n      setSelectedGroupIndex(0);\n      setSelectedCommandIndex(0);\n    }, [items]);\n\n    const selectItem = useCallback(\n      (groupIndex: number, commandIndex: number) => {\n        const command = items[groupIndex].commands[commandIndex];\n\n        setInputValue(command.action(editor));\n        // props.command(command);\n      },\n      [items, editor]\n    );\n\n    useImperativeHandle(ref, () => ({\n      onKeyDown: ({ event }: { event: React.KeyboardEvent }) => {\n        if (event.key === \"ArrowDown\") {\n          if (!items.length) {\n            return false;\n          }\n\n          const commands = items[selectedGroupIndex].commands;\n\n          let newCommandIndex = selectedCommandIndex + 1;\n          let newGroupIndex = selectedGroupIndex;\n\n          if (commands.length - 1 < newCommandIndex) {\n            newCommandIndex = 0;\n            newGroupIndex = selectedGroupIndex + 1;\n          }\n\n          if (items.length - 1 < newGroupIndex) {\n            newGroupIndex = 0;\n          }\n\n          setSelectedCommandIndex(newCommandIndex);\n          setSelectedGroupIndex(newGroupIndex);\n\n          return true;\n        }\n\n        if (event.key === \"ArrowUp\") {\n          if (!items.length) {\n            return false;\n          }\n\n          let newCommandIndex = selectedCommandIndex - 1;\n          let newGroupIndex = selectedGroupIndex;\n\n          if (newCommandIndex < 0) {\n            newGroupIndex = selectedGroupIndex - 1;\n            newCommandIndex = items[newGroupIndex]?.commands.length - 1 || 0;\n          }\n\n          if (newGroupIndex < 0) {\n            newGroupIndex = items.length - 1;\n            newCommandIndex = items[newGroupIndex].commands.length - 1;\n          }\n\n          setSelectedCommandIndex(newCommandIndex);\n          setSelectedGroupIndex(newGroupIndex);\n\n          return true;\n        }\n\n        if (event.key === \"Enter\") {\n          if (\n            !items.length ||\n            selectedGroupIndex === -1 ||\n            selectedCommandIndex === -1\n          ) {\n            return false;\n          }\n\n          selectItem(selectedGroupIndex, selectedCommandIndex);\n\n          return true;\n        }\n\n        return false;\n      },\n    }));\n\n    useEffect(() => {\n      if (activeItem.current && scrollContainer.current) {\n        const offsetTop = activeItem.current.offsetTop;\n        const offsetHeight = activeItem.current.offsetHeight;\n\n        scrollContainer.current.scrollTop = offsetTop - offsetHeight;\n      }\n    }, [selectedCommandIndex, selectedGroupIndex]);\n\n    const createCommandClickHandler = useCallback(\n      (groupIndex: number, commandIndex: number) => {\n        return () => {\n          selectItem(groupIndex, commandIndex);\n        };\n      },\n      [selectItem]\n    );\n\n    return (\n      <>\n        <Surface\n          className={`p-2 min-w-[20rem] flex  flex-col gap-2 w-full ${hasCompletion ? \"-mt-72\" : \"\"\n            }`}\n          style={{\n            width: boundigClient?.width,\n          }}\n        >\n          <>\n            {hasCompletion && (\n              <div className=\"flex  w-full\">\n                <ScrollArea\n                  className=\"h-72 prose p-2 px-4 prose-sm w-full max-w-none\"\n                  dir={isRTL(completion) ? \"rtl\" : \"ltr\"}\n                >\n                  <Markdown className=\"w-full\">{completion}</Markdown>\n                </ScrollArea>\n              </div>\n            )}\n\n            {isLoading && (\n              <div\n                className=\"flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-blue-500\"\n                style={{\n                  width: boundigClient?.width,\n                }}\n              >\n                <Sparkles className=\"mr-2 h-4 w-4 shrink-0  \" />\n                AI is thinking\n                <div className=\"ml-2 mt-1\">\n                  <CrazySpinner />\n                </div>\n              </div>\n            )}\n\n            {!isLoading && (\n              <>\n                <div className=\"flex justify-between items-center \">\n                  {/* <CommandInput\n                value={inputValue}\n                onValueChange={setInputValue}\n                autoFocus\n                placeholder={\n                  hasCompletion ? 'Tell AI what to do next' : 'Ask AI to edit or generate...'\n                }\n                // onFocus={() => addAIHighlight(editor)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') handleClick()\n                }}\n              /> */}\n                  <Sparkles className=\"mr-2 h-4 w-4 shrink-0 text-blue-500 \" />\n                  <TextareaAutosize\n                    ref={inputRef}\n                    style={{ resize: \"none\" }}\n                    className=\"w-full p-2 text-black bg-white  rounded dark:bg-black dark:text-white focus:outline-none outline-none border-0 \"\n                    value={inputValue}\n                    onChange={(e) => {\n                      editor.storage.aiCommand.userPrompt = e.target.value;\n\n                      setInputValue(e.target.value);\n                    }}\n                    placeholder={\n                      hasCompletion\n                        ? i18next.t(\"tellAiPlaceholder\") || \"Tell AI what to do next\"\n                        : i18next.t(\"askAiPlaceholder\") || \"Ask AI to edit or generate...\"\n                    }\n                    autoFocus\n                    // onFocus={() => {\n                    //   addAIHighlight(editor)}}\n\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\") handleClick();\n                    }}\n                  />\n                  <Toolbar.Button\n                    // size=\"icon\"\n\n                    // className=\"absolute right-2 top-1/2 h-6 w-6 -translate-y-1/2 rounded-full  bg-zinc-100 hover:bg-zinc-150\"\n                    onClick={handleClick}\n                  >\n                    <ArrowUpCircle />\n                  </Toolbar.Button>\n                </div>\n              </>\n            )}\n          </>\n        </Surface>\n        {!isLoading && (\n          <Surface\n            ref={scrollContainer}\n            className=\"text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2\"\n          >\n            <div className=\"grid grid-cols-1 gap-0.5\">\n              {hasCompletion ? (\n                <AISelectorCommands\n                  editor={editor}\n                  messages={completion}\n                  onSelect={(value, options) => {\n                    complete(value, { body: options });\n                  }}\n                />\n              ) : (\n                items.map((group, groupIndex: number) => (\n                  <React.Fragment key={`${group.title}-wrapper`}>\n                    <div\n                      className=\"text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5\"\n                      key={`${group.title}`}\n                    >\n                      {group.title}\n                    </div>\n                    {group.commands.map(\n                      (command: Command, commandIndex: number) => (\n                        <DropdownButton\n                          key={`${command.label}`}\n                          isActive={\n                            selectedGroupIndex === groupIndex &&\n                            selectedCommandIndex === commandIndex\n                          }\n                          onClick={createCommandClickHandler(\n                            groupIndex,\n                            commandIndex\n                          )}\n                        >\n                          <Icon icon={command.icon} className=\"mr-1\" />\n                          {command.label}\n                        </DropdownButton>\n                      )\n                    )}\n                  </React.Fragment>\n                ))\n              )}\n            </div>\n          </Surface>\n        )}\n      </>\n    );\n  }\n);\n"],"names":["useCompletion","ArrowUpCircle","Sparkles","React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","useState","Markdown","TextareaAutosize","useLocale","getPrevText","isRTL","CrazySpinner","DropdownButton","Icon","ScrollArea","Surface","Toolbar","AISelectorCommands","i18next","AICommandPanel","editor","onOpenChange","userPrompt","items","restProps","ref","inputValue","setInputValue","code","view","scrollContainer","activeItem","selectedGroupIndex","setSelectedGroupIndex","selectedCommandIndex","setSelectedCommandIndex","editorNode","dom","boundigClient","getBoundingClientRect","inputRef","completion","complete","isLoading","api","onResponse","response","status","console","log","onError","e","message","hasCompletion","length","handleClick","body","option","command","language","then","text","chars","storage","aiCommand","title","selectItem","groupIndex","commandIndex","commands","action","onKeyDown","event","key","newCommandIndex","newGroupIndex","current","offsetTop","offsetHeight","scrollTop","createCommandClickHandler","className","style","width","div","dir","resize","value","onChange","target","placeholder","t","autoFocus","Button","onClick","messages","onSelect","options","map","group","Fragment","isActive","icon","label"],"mappings":"AAAA;;AAEA,SAASA,aAAa,QAAQ,WAAW;AACzC,SAASC,aAAa,EAAEC,QAAQ,QAAQ,eAAe;AACvD,OAAOC,SACLC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,mBAAmB,EACnBC,MAAM,EACNC,QAAQ,QACH,QAAQ;AACf,OAAOC,cAAc,iBAAiB;AACtC,OAAOC,sBAAsB,0BAA0B;AAEvD,SAASC,SAAS,QAAQ,kCAAkC;AAO5D,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,KAAK,QAAQ,8BAA8B;AACpD,OAAOC,kBAAkB,4BAA4B;AACrD,SAASC,cAAc,QAAQ,gCAAgC;AAC/D,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,OAAOC,wBAAwB,0DAA0D;AACzF,OAAOC,aAAa,UAAU;AAS9B,OAAO,MAAMC,+BAAiBnB,WAC5B,CACE,EACEoB,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,KAAK,EACL,GAAGC,WACiB,EACtBC;IAEA,MAAM,CAACC,YAAYC,cAAc,GAAGtB,SAASiB,cAAc;IAC3D,MAAM,EAAEM,IAAI,EAAE,GAAGpB;IACjB,MAAM,EAAEqB,IAAI,EAAE,GAAGT;IACjB,MAAMU,kBAAkB1B,OAAuB;IAC/C,MAAM2B,aAAa3B,OAA0B;IAC7C,MAAM,CAAC4B,oBAAoBC,sBAAsB,GAAG5B,SAAS;IAC7D,MAAM,CAAC6B,sBAAsBC,wBAAwB,GAAG9B,SAAS;IAEjE,MAAM+B,aAAaP,KAAKQ,GAAG;IAC3B,MAAMC,gBAAgBF,WAAWG,qBAAqB;IACtD,MAAMC,WAAWpC,OAA4B;IAE7C,uFAAuF;IACvF,oBAAoB;IACpB,2BAA2B;IAC3B,gCAAgC;IAChC,qCAAqC;IACrC,yEAAyE;IACzE,gBAAgB;IAChB,QAAQ;IACR,OAAO;IACP,sBAAsB;IACtB,8BAA8B;IAC9B,OAAO;IACP,MAAM;IAEN,MAAM,EAAEqC,UAAU,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAG/C,cAAc;QACxD,eAAe;QACfgD,KAAK;QACLC,YAAY,CAACC;YACX,IAAIA,SAASC,MAAM,KAAK,KAAK;gBAC3BC,QAAQC,GAAG,CAAC;gBAEZ;YACF;QACF;QAEAC,SAAS,CAACC;YACRH,QAAQC,GAAG,CAAC,SAASE,EAAEC,OAAO;QAChC;IACF;IAEA,MAAMC,gBAAgBZ,WAAWa,MAAM,GAAG;IAC1C,MAAMC,cAActD,YAAY;QAC9B,IAAIwC,YAAY;YACd,OAAOC,SAASD,YAAY;gBAC1Be,MAAM;oBAAEC,QAAQ;oBAAOC,SAAShC;oBAAYiC,UAAU/B,QAAQ;gBAAK;YACrE,GAAGgC,IAAI,CAAC,IAAMjC,cAAc;QAC9B;QACA,MAAMkC,OAAOpD,YAAYW,QAAQ;YAAE0C,OAAO;QAAK;QAE/CpB,SAASmB,MAAM;YACbL,MAAM;gBACJC,QAAQ;gBACRC,SACE,AAACtC,CAAAA,OAAO2C,OAAO,CAACC,SAAS,CAACC,KAAK,GAC3B,mBAAmB7C,OAAO2C,OAAO,CAACC,SAAS,CAACC,KAAK,GAAG,QACpD,EAAC,IACJ7C,CAAAA,OAAO2C,OAAO,CAACC,SAAS,CAACL,QAAQ,GAC9B,sBAAsBvC,OAAO2C,OAAO,CAACC,SAAS,CAACL,QAAQ,GAAG,QAC1D,EAAC,IACLjC;gBACFiC,UAAUvC,OAAO2C,OAAO,CAACC,SAAS,CAACL,QAAQ,IAAI/B,QAAQ;YACzD;QACF,GAAGgC,IAAI,CAAC,IAAMjC,cAAc;IAC9B,GAAG;QAACC;QAAMF;KAAW;IAErBxB,UAAU;QACR,IAAIoB,YAAYK,cAAcL;IAChC,GAAG;QAACA;KAAW;IACfpB,UAAU;QACRkB,OAAO2C,OAAO,CAACC,SAAS,CAACvB,UAAU,GAAGA;IACtC,kCAAkC;IAClC,4CAA4C;IAC5C,SAAS;IACT,aAAa;IACb,aAAa;IACb,mDAAmD;IACnD,wCAAwC;IACxC,YAAY;IAEZ,IAAI;IACN,GAAG;QAACA;QAAYE;KAAU;IAE1B,+EAA+E;IAC/E,qDAAqD;IACrDzC,UAAU;QACR+B,sBAAsB;QACtBE,wBAAwB;IAC1B,GAAG;QAACZ;KAAM;IAEV,MAAM2C,aAAajE,YACjB,CAACkE,YAAoBC;QACnB,MAAMV,UAAUnC,KAAK,CAAC4C,WAAW,CAACE,QAAQ,CAACD,aAAa;QAExDzC,cAAc+B,QAAQY,MAAM,CAAClD;IAC7B,0BAA0B;IAC5B,GACA;QAACG;QAAOH;KAAO;IAGjBjB,oBAAoBsB,KAAK,IAAO,CAAA;YAC9B8C,WAAW,CAAC,EAAEC,KAAK,EAAkC;gBACnD,IAAIA,MAAMC,GAAG,KAAK,aAAa;oBAC7B,IAAI,CAAClD,MAAM+B,MAAM,EAAE;wBACjB,OAAO;oBACT;oBAEA,MAAMe,WAAW9C,KAAK,CAACS,mBAAmB,CAACqC,QAAQ;oBAEnD,IAAIK,kBAAkBxC,uBAAuB;oBAC7C,IAAIyC,gBAAgB3C;oBAEpB,IAAIqC,SAASf,MAAM,GAAG,IAAIoB,iBAAiB;wBACzCA,kBAAkB;wBAClBC,gBAAgB3C,qBAAqB;oBACvC;oBAEA,IAAIT,MAAM+B,MAAM,GAAG,IAAIqB,eAAe;wBACpCA,gBAAgB;oBAClB;oBAEAxC,wBAAwBuC;oBACxBzC,sBAAsB0C;oBAEtB,OAAO;gBACT;gBAEA,IAAIH,MAAMC,GAAG,KAAK,WAAW;oBAC3B,IAAI,CAAClD,MAAM+B,MAAM,EAAE;wBACjB,OAAO;oBACT;oBAEA,IAAIoB,kBAAkBxC,uBAAuB;oBAC7C,IAAIyC,gBAAgB3C;oBAEpB,IAAI0C,kBAAkB,GAAG;wBACvBC,gBAAgB3C,qBAAqB;wBACrC0C,kBAAkBnD,KAAK,CAACoD,cAAc,EAAEN,SAASf,SAAS,KAAK;oBACjE;oBAEA,IAAIqB,gBAAgB,GAAG;wBACrBA,gBAAgBpD,MAAM+B,MAAM,GAAG;wBAC/BoB,kBAAkBnD,KAAK,CAACoD,cAAc,CAACN,QAAQ,CAACf,MAAM,GAAG;oBAC3D;oBAEAnB,wBAAwBuC;oBACxBzC,sBAAsB0C;oBAEtB,OAAO;gBACT;gBAEA,IAAIH,MAAMC,GAAG,KAAK,SAAS;oBACzB,IACE,CAAClD,MAAM+B,MAAM,IACbtB,uBAAuB,CAAC,KACxBE,yBAAyB,CAAC,GAC1B;wBACA,OAAO;oBACT;oBAEAgC,WAAWlC,oBAAoBE;oBAE/B,OAAO;gBACT;gBAEA,OAAO;YACT;QACF,CAAA;IAEAhC,UAAU;QACR,IAAI6B,WAAW6C,OAAO,IAAI9C,gBAAgB8C,OAAO,EAAE;YACjD,MAAMC,YAAY9C,WAAW6C,OAAO,CAACC,SAAS;YAC9C,MAAMC,eAAe/C,WAAW6C,OAAO,CAACE,YAAY;YAEpDhD,gBAAgB8C,OAAO,CAACG,SAAS,GAAGF,YAAYC;QAClD;IACF,GAAG;QAAC5C;QAAsBF;KAAmB;IAE7C,MAAMgD,4BAA4B/E,YAChC,CAACkE,YAAoBC;QACnB,OAAO;YACLF,WAAWC,YAAYC;QACzB;IACF,GACA;QAACF;KAAW;IAGd,qBACE;;0BACE,KAACnD;gBACCkE,WAAW,CAAC,8CAA8C,EAAE5B,gBAAgB,WAAW,IACnF;gBACJ6B,OAAO;oBACLC,OAAO7C,eAAe6C;gBACxB;0BAEA,cAAA;;wBACG9B,+BACC,KAAC+B;4BAAIH,WAAU;sCACb,cAAA,KAACnE;gCACCmE,WAAU;gCACVI,KAAK3E,MAAM+B,cAAc,QAAQ;0CAEjC,cAAA,KAACnC;oCAAS2E,WAAU;8CAAUxC;;;;wBAKnCE,2BACC,MAACyC;4BACCH,WAAU;4BACVC,OAAO;gCACLC,OAAO7C,eAAe6C;4BACxB;;8CAEA,KAACrF;oCAASmF,WAAU;;gCAA4B;8CAEhD,KAACG;oCAAIH,WAAU;8CACb,cAAA,KAACtE;;;;wBAKN,CAACgC,2BACA;sCACE,cAAA,MAACyC;gCAAIH,WAAU;;kDAab,KAACnF;wCAASmF,WAAU;;kDACpB,KAAC1E;wCACCkB,KAAKe;wCACL0C,OAAO;4CAAEI,QAAQ;wCAAO;wCACxBL,WAAU;wCACVM,OAAO7D;wCACP8D,UAAU,CAACrC;4CACT/B,OAAO2C,OAAO,CAACC,SAAS,CAAC1C,UAAU,GAAG6B,EAAEsC,MAAM,CAACF,KAAK;4CAEpD5D,cAAcwB,EAAEsC,MAAM,CAACF,KAAK;wCAC9B;wCACAG,aACErC,gBACInC,QAAQyE,CAAC,CAAC,wBAAwB,4BAClCzE,QAAQyE,CAAC,CAAC,uBAAuB;wCAEvCC,SAAS;wCACT,mBAAmB;wCACnB,6BAA6B;wCAE7BrB,WAAW,CAACpB;4CACV,IAAIA,EAAEsB,GAAG,KAAK,SAASlB;wCACzB;;kDAEF,KAACvC,QAAQ6E,MAAM;wCACb,cAAc;wCAEd,4GAA4G;wCAC5GC,SAASvC;kDAET,cAAA,KAAC1D;;;;;;;;YAOZ,CAAC8C,2BACA,KAAC5B;gBACCU,KAAKK;gBACLmD,WAAU;0BAEV,cAAA,KAACG;oBAAIH,WAAU;8BACZ5B,8BACC,KAACpC;wBACCG,QAAQA;wBACR2E,UAAUtD;wBACVuD,UAAU,CAACT,OAAOU;4BAChBvD,SAAS6C,OAAO;gCAAE/B,MAAMyC;4BAAQ;wBAClC;yBAGF1E,MAAM2E,GAAG,CAAC,CAACC,OAAOhC,2BAChB,MAACpE,MAAMqG,QAAQ;;8CACb,KAAChB;oCACCH,WAAU;8CAGTkB,MAAMlC,KAAK;mCAFP,GAAGkC,MAAMlC,KAAK,EAAE;gCAItBkC,MAAM9B,QAAQ,CAAC6B,GAAG,CACjB,CAACxC,SAAkBU,6BACjB,MAACxD;wCAECyF,UACErE,uBAAuBmC,cACvBjC,yBAAyBkC;wCAE3B0B,SAASd,0BACPb,YACAC;;0DAGF,KAACvD;gDAAKyF,MAAM5C,QAAQ4C,IAAI;gDAAErB,WAAU;;4CACnCvB,QAAQ6C,KAAK;;uCAXT,GAAG7C,QAAQ6C,KAAK,EAAE;;2BAVV,GAAGJ,MAAMlC,KAAK,CAAC,QAAQ,CAAC;;;;;AAiC7D,GACA"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCompletion } from \"ai/react\";\nimport { ArrowUpCircle, Sparkles } from \"lucide-react\";\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\nimport Markdown from \"react-markdown\";\nimport TextareaAutosize from \"react-textarea-autosize\";\n\nimport { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { Editor } from \"@tiptap/react\";\n\nimport {\n  Command,\n  Group,\n} from \"src/fields/TiptapEditor/extensions/AICommand/types.js\";\nimport { getPrevText } from \"../../../lib/utils/index.js\";\nimport CrazySpinner from \"../../ui/crazy-spinner.js\";\nimport { DropdownButton } from \"../../ui/Dropdown/Dropdown.js\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { ScrollArea } from \"../../ui/scroll-area.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\nimport AISelectorCommands from \"../../menus/TextMenu/components/ai-selector-commands.js\";\nimport i18next from \"i18next\";\n\nexport type AICommandPanelProps = {\n  editor: Editor;\n  userPrompt?: string;\n  onOpenChange: (value: boolean) => void;\n  items: Group[];\n};\n\nexport const AICommandPanel = forwardRef(\n  (\n    {\n      editor,\n      onOpenChange,\n      userPrompt,\n      items,\n      ...restProps\n    }: AICommandPanelProps,\n    ref\n  ) => {\n    const [inputValue, setInputValue] = useState(userPrompt ?? \"\");\n    const { code } = useLocale();\n    const { view } = editor;\n    const scrollContainer = useRef<HTMLDivElement>(null);\n    const activeItem = useRef<HTMLButtonElement>(null);\n    const [selectedGroupIndex, setSelectedGroupIndex] = useState(0);\n    const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);\n\n    const editorNode = view.dom as HTMLElement;\n    const boundigClient = editorNode.getBoundingClientRect();\n    const inputRef = useRef<HTMLTextAreaElement>(null);\n\n    // const { status, messages, input, submitMessage, handleInputChange } = useAssistant({\n    //   // id: \"novel\",\n    //   api: \"/api/assistant\",\n    //   onResponse: (response) => {\n    //     if (response.status === 429) {\n    //       toast.error(\"You have reached your request limit for the day.\");\n    //       return;\n    //     }\n    //   },\n    //   onError: (e) => {\n    //     toast.error(e.message);\n    //   },\n    // });\n\n    const { completion, complete, isLoading } = useCompletion({\n      // id: \"novel\",\n      api: \"/api/generate\",\n      onResponse: (response) => {\n        if (response.status === 429) {\n          console.log(\"You have reached your request limit for the day.\");\n\n          return;\n        }\n      },\n\n      onError: (e) => {\n        console.log(\"ERROR\", e.message);\n      },\n    });\n\n    const hasCompletion = completion.length > 0;\n    const handleClick = useCallback(() => {\n      if (completion) {\n        return complete(completion, {\n          body: { option: \"zap\", command: inputValue, language: code ?? \"en\" },\n        }).then(() => setInputValue(\"\"));\n      }\n      const text = getPrevText(editor, { chars: 5000 });\n\n      complete(text, {\n        body: {\n          option: \"zap\",\n          command:\n            (editor.storage.aiCommand.title\n              ? \"Context Title:\" + editor.storage.aiCommand.title + \";\\n\"\n              : \"\") +\n            (editor.storage.aiCommand.language\n              ? \"Context language:\" + editor.storage.aiCommand.language + \";\\n\"\n              : \"\") +\n            inputValue,\n          language: editor.storage.aiCommand.language ?? code ?? \"en\",\n        },\n      }).then(() => setInputValue(\"\"));\n    }, [code, inputValue]);\n\n    useEffect(() => {\n      if (userPrompt) setInputValue(userPrompt);\n    }, [userPrompt]);\n    useEffect(() => {\n      editor.storage.aiCommand.completion = completion;\n      // if (!isLoading && completion) {\n      // const selection = editor.state.selection;\n      // editor\n      //   .chain()\n      //   .focus()\n      //   .insertContentAt(selection.to - 1, completion)\n      //   .insertContentAt(selection.to, \" \")\n      //   .run();\n\n      // }\n    }, [completion, isLoading]);\n\n    // Anytime the groups change, i.e. the user types to narrow it down, we want to\n    // reset the current selection to the first menu item\n    useEffect(() => {\n      setSelectedGroupIndex(0);\n      setSelectedCommandIndex(0);\n    }, [items]);\n\n    const selectItem = useCallback(\n      (groupIndex: number, commandIndex: number) => {\n        const command = items[groupIndex].commands[commandIndex];\n\n        setInputValue(command.action(editor));\n        // props.command(command);\n      },\n      [items, editor]\n    );\n\n    useImperativeHandle(ref, () => ({\n      onKeyDown: ({ event }: { event: React.KeyboardEvent }) => {\n        if (event.key === \"ArrowDown\") {\n          if (!items.length) {\n            return false;\n          }\n\n          const commands = items[selectedGroupIndex].commands;\n\n          let newCommandIndex = selectedCommandIndex + 1;\n          let newGroupIndex = selectedGroupIndex;\n\n          if (commands.length - 1 < newCommandIndex) {\n            newCommandIndex = 0;\n            newGroupIndex = selectedGroupIndex + 1;\n          }\n\n          if (items.length - 1 < newGroupIndex) {\n            newGroupIndex = 0;\n          }\n\n          setSelectedCommandIndex(newCommandIndex);\n          setSelectedGroupIndex(newGroupIndex);\n\n          return true;\n        }\n\n        if (event.key === \"ArrowUp\") {\n          if (!items.length) {\n            return false;\n          }\n\n          let newCommandIndex = selectedCommandIndex - 1;\n          let newGroupIndex = selectedGroupIndex;\n\n          if (newCommandIndex < 0) {\n            newGroupIndex = selectedGroupIndex - 1;\n            newCommandIndex = items[newGroupIndex]?.commands.length - 1 || 0;\n          }\n\n          if (newGroupIndex < 0) {\n            newGroupIndex = items.length - 1;\n            newCommandIndex = items[newGroupIndex].commands.length - 1;\n          }\n\n          setSelectedCommandIndex(newCommandIndex);\n          setSelectedGroupIndex(newGroupIndex);\n\n          return true;\n        }\n\n        if (event.key === \"Enter\") {\n          if (\n            !items.length ||\n            selectedGroupIndex === -1 ||\n            selectedCommandIndex === -1\n          ) {\n            return false;\n          }\n\n          selectItem(selectedGroupIndex, selectedCommandIndex);\n\n          return true;\n        }\n\n        return false;\n      },\n    }));\n\n    useEffect(() => {\n      if (activeItem.current && scrollContainer.current) {\n        const offsetTop = activeItem.current.offsetTop;\n        const offsetHeight = activeItem.current.offsetHeight;\n\n        scrollContainer.current.scrollTop = offsetTop - offsetHeight;\n      }\n    }, [selectedCommandIndex, selectedGroupIndex]);\n\n    const createCommandClickHandler = useCallback(\n      (groupIndex: number, commandIndex: number) => {\n        return () => {\n          selectItem(groupIndex, commandIndex);\n        };\n      },\n      [selectItem]\n    );\n\n    return (\n      <>\n        <Surface\n          className={`p-2 min-w-[20rem] flex  flex-col gap-2 w-full ${hasCompletion ? \"-mt-72\" : \"\"\n            }`}\n          style={{\n            width: boundigClient?.width,\n          }}\n        >\n          <>\n            {hasCompletion && (\n              <div className=\"flex  w-full\">\n                <ScrollArea\n                  className=\"h-72 prose p-2 px-4 prose-sm w-full max-w-none\"\n                  dir={i18next.dir()}\n                >\n                  <Markdown className=\"w-full\">{completion}</Markdown>\n                </ScrollArea>\n              </div>\n            )}\n\n            {isLoading && (\n              <div\n                className=\"flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-blue-500\"\n                style={{\n                  width: boundigClient?.width,\n                }}\n              >\n                <Sparkles className=\"mr-2 h-4 w-4 shrink-0  \" />\n                AI is thinking\n                <div className=\"ml-2 mt-1\">\n                  <CrazySpinner />\n                </div>\n              </div>\n            )}\n\n            {!isLoading && (\n              <>\n                <div className=\"flex justify-between items-center \">\n                  {/* <CommandInput\n                value={inputValue}\n                onValueChange={setInputValue}\n                autoFocus\n                placeholder={\n                  hasCompletion ? 'Tell AI what to do next' : 'Ask AI to edit or generate...'\n                }\n                // onFocus={() => addAIHighlight(editor)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') handleClick()\n                }}\n              /> */}\n                  <Sparkles className=\"mr-2 h-4 w-4 shrink-0 text-blue-500 \" />\n                  <TextareaAutosize\n                    ref={inputRef}\n                    style={{ resize: \"none\" }}\n                    className=\"w-full p-2 text-black bg-white  rounded dark:bg-black dark:text-white focus:outline-none outline-none border-0 \"\n                    value={inputValue}\n                    onChange={(e) => {\n                      editor.storage.aiCommand.userPrompt = e.target.value;\n\n                      setInputValue(e.target.value);\n                    }}\n                    placeholder={\n                      hasCompletion\n                        ? i18next.t(\"tellAiPlaceholder\") || \"Tell AI what to do next\"\n                        : i18next.t(\"askAiPlaceholder\") || \"Ask AI to edit or generate...\"\n                    }\n                    autoFocus\n                    // onFocus={() => {\n                    //   addAIHighlight(editor)}}\n\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\") handleClick();\n                    }}\n                  />\n                  <Toolbar.Button\n                    // size=\"icon\"\n\n                    // className=\"absolute right-2 top-1/2 h-6 w-6 -translate-y-1/2 rounded-full  bg-zinc-100 hover:bg-zinc-150\"\n                    onClick={handleClick}\n                  >\n                    <ArrowUpCircle />\n                  </Toolbar.Button>\n                </div>\n              </>\n            )}\n          </>\n        </Surface>\n        {!isLoading && (\n          <Surface\n            ref={scrollContainer}\n            className=\"text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2\"\n          >\n            <div className=\"grid grid-cols-1 gap-0.5\">\n              {hasCompletion ? (\n                <AISelectorCommands\n                  editor={editor}\n                  messages={completion}\n                  onSelect={(value, options) => {\n                    complete(value, { body: options });\n                  }}\n                />\n              ) : (\n                items.map((group, groupIndex: number) => (\n                  <React.Fragment key={`${group.title}-wrapper`}>\n                    <div\n                      className=\"text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5\"\n                      key={`${group.title}`}\n                    >\n                      {group.title}\n                    </div>\n                    {group.commands.map(\n                      (command: Command, commandIndex: number) => (\n                        <DropdownButton\n                          key={`${command.label}`}\n                          isActive={\n                            selectedGroupIndex === groupIndex &&\n                            selectedCommandIndex === commandIndex\n                          }\n                          onClick={createCommandClickHandler(\n                            groupIndex,\n                            commandIndex\n                          )}\n                        >\n                          <Icon icon={command.icon} className=\"mr-1\" />\n                          {command.label}\n                        </DropdownButton>\n                      )\n                    )}\n                  </React.Fragment>\n                ))\n              )}\n            </div>\n          </Surface>\n        )}\n      </>\n    );\n  }\n);\n"],"names":["useCompletion","ArrowUpCircle","Sparkles","React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","useState","Markdown","TextareaAutosize","useLocale","getPrevText","CrazySpinner","DropdownButton","Icon","ScrollArea","Surface","Toolbar","AISelectorCommands","i18next","AICommandPanel","editor","onOpenChange","userPrompt","items","restProps","ref","inputValue","setInputValue","code","view","scrollContainer","activeItem","selectedGroupIndex","setSelectedGroupIndex","selectedCommandIndex","setSelectedCommandIndex","editorNode","dom","boundigClient","getBoundingClientRect","inputRef","completion","complete","isLoading","api","onResponse","response","status","console","log","onError","e","message","hasCompletion","length","handleClick","body","option","command","language","then","text","chars","storage","aiCommand","title","selectItem","groupIndex","commandIndex","commands","action","onKeyDown","event","key","newCommandIndex","newGroupIndex","current","offsetTop","offsetHeight","scrollTop","createCommandClickHandler","className","style","width","div","dir","resize","value","onChange","target","placeholder","t","autoFocus","Button","onClick","messages","onSelect","options","map","group","Fragment","isActive","icon","label"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/features/panels/AIEditorPanel/AIEditorPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AIEditorPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/AIEditorPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAgBvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,aAAa,6BAA8B,kBAAkB,gCAuJzE,CAAC"}
+{"version":3,"file":"AIEditorPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/AIEditorPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAevC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,aAAa,6BAA8B,kBAAkB,gCAuJzE,CAAC"}

package/dist/src/fields/TiptapEditor/features/panels/AIEditorPanel/AIEditorPanel.js

@@ -7,7 +7,6 @@ import { useCallback, useRef, useState } from "react";
 import TextareaAutosize from "react-textarea-autosize";
 import Markdown from "react-markdown";
 import { getPrevText } from "../../../lib/utils/index.js";
-import { isRTL } from "../../../lib/utils/isRtl.js";
 import AICompletionCommands from "../../menus/TextMenu/components/ai-completion-command.js";
 import AISelectorCommands from "../../menus/TextMenu/components/ai-selector-commands.js";
 import { Surface } from "../../ui/Surface.js";
@@ -85,7 +84,7 @@ export const AIEditorPanel = ({ editor, onOpenChange })=>{
                     children: /*#__PURE__*/ _jsx(ScrollArea, {
                         children: /*#__PURE__*/ _jsx("div", {
                             className: "prose p-2 px-4 prose-sm",
-                            dir: isRTL(completion) ? "rtl" : "ltr",
+                            dir: i18next.dir(),
                             children: /*#__PURE__*/ _jsx(Markdown, {
                                 children: completion
                             })

package/dist/src/fields/TiptapEditor/features/panels/AIEditorPanel/AIEditorPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/AIEditorPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { Editor } from \"@tiptap/react\";\nimport { useCompletion } from \"ai/react\";\nimport { ArrowRight, Sparkles } from \"lucide-react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport TextareaAutosize from \"react-textarea-autosize\";\n\nimport Markdown from \"react-markdown\";\nimport { getPrevText } from \"../../../lib/utils/index.js\";\nimport { isRTL } from \"../../../lib/utils/isRtl.js\";\nimport AICompletionCommands from \"../../menus/TextMenu/components/ai-completion-command.js\";\nimport AISelectorCommands from \"../../menus/TextMenu/components/ai-selector-commands.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\nimport CrazySpinner from \"../../ui/crazy-spinner.js\";\nimport { ScrollArea } from \"../../ui/scroll-area.js\";\nimport i18next from \"i18next\";\nexport type AIEditorPanelProps = {\n  editor: Editor;\n  onOpenChange: (value: boolean) => void;\n};\n\nexport const AIEditorPanel = ({ editor, onOpenChange }: AIEditorPanelProps) => {\n  const [inputValue, setInputValue] = useState(\"\");\n  const { code } = useLocale();\n  const { view } = editor;\n\n  const editorNode = view.dom as HTMLElement;\n  const boundigClient = editorNode.getBoundingClientRect();\n  const inputRef = useRef<HTMLTextAreaElement>(null);\n\n  // const { status, messages, input, submitMessage, handleInputChange } = useAssistant({\n  //   // id: \"novel\",\n  //   api: \"/api/assistant\",\n  //   onResponse: (response) => {\n  //     if (response.status === 429) {\n  //       toast.error(\"You have reached your request limit for the day.\");\n  //       return;\n  //     }\n  //   },\n  //   onError: (e) => {\n  //     toast.error(e.message);\n  //   },\n  // });\n\n  const { completion, complete, isLoading } = useCompletion({\n    // id: \"novel\",\n    api: \"/api/generate\",\n    onResponse: (response) => {\n      if (response.status === 429) {\n        console.log(\"You have reached your request limit for the day.\");\n\n        return;\n      }\n    },\n    onError: (e) => {\n      console.log(\"ERROR\", e.message);\n    },\n  });\n\n  const hasCompletion = completion.length > 0;\n  const handleClick = useCallback(() => {\n    if (completion) {\n      return complete(completion, {\n        body: { option: \"zap\", command: inputValue, language: code ?? \"en\" },\n      }).then(() => setInputValue(\"\"));\n    }\n    const text = getPrevText(editor, { chars: 5000 });\n\n    complete(text, {\n      body: { option: \"zap\", command: inputValue, language: code ?? \"en\" },\n    }).then(() => setInputValue(\"\"));\n  }, [code, inputValue]);\n\n  return (\n    <Surface\n      className={`p-2 min-w-[20rem] `}\n      style={{\n        width: boundigClient?.width,\n      }}\n    >\n      <>\n        {hasCompletion && (\n          <div className=\"flex  w-full\">\n            <ScrollArea>\n              <div\n                className=\"prose p-2 px-4 prose-sm\"\n                dir={isRTL(completion) ? \"rtl\" : \"ltr\"}\n              >\n                <Markdown>{completion}</Markdown>\n              </div>\n            </ScrollArea>\n          </div>\n        )}\n\n        {isLoading && (\n          <div className=\"flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-blue-500\">\n            <Sparkles className=\"mr-2 h-4 w-4 shrink-0  \" />\n            AI is thinking\n            <div className=\"ml-2 mt-1\">\n              <CrazySpinner />\n            </div>\n          </div>\n        )}\n\n        {!isLoading && (\n          <>\n            <div className=\"flex justify-between items-center\">\n              {/* <CommandInput\n                value={inputValue}\n                onValueChange={setInputValue}\n                autoFocus\n                placeholder={\n                  hasCompletion ? 'Tell AI what to do next' : 'Ask AI to edit or generate...'\n                }\n                // onFocus={() => addAIHighlight(editor)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') handleClick()\n                }}\n              /> */}\n              <Sparkles className=\"mr-2 h-4 w-4 shrink-0 text-blue-500 \" />\n              <TextareaAutosize\n                ref={inputRef}\n                className=\"w-full p-2 text-black bg-white  rounded dark:bg-black dark:text-white focus:outline-none\"\n                value={inputValue}\n                onChange={(e) => {\n                  setInputValue(e.target.value);\n                }}\n                placeholder={\n                  hasCompletion\n                    ? i18next.t(\"tellAiPlaceholder\") || \"Tell AI what to do next\"\n                    : i18next.t(\"askAiPlaceholder\") || \"Ask AI to edit or generate...\"\n                }\n                autoFocus\n                // onFocus={() => {\n                //   addAIHighlight(editor)}}\n\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\") handleClick();\n                }}\n              />\n              <Toolbar.Button\n                // size=\"icon\"\n\n                // className=\"absolute right-2 top-1/2 h-6 w-6 -translate-y-1/2 rounded-full  bg-zinc-100 hover:bg-zinc-150\"\n                onClick={handleClick}\n              >\n                <ArrowRight />\n              </Toolbar.Button>\n            </div>\n            {hasCompletion ? (\n              <AICompletionCommands\n                editor={editor}\n                onDiscard={() => {\n                  editor.chain().unsetHighlight().focus().run();\n                  onOpenChange(false);\n                }}\n                completion={completion}\n              />\n            ) : (\n              <AISelectorCommands\n                messages={completion}\n                editor={editor}\n                onSelect={(value, options) => {\n                  complete(value, { body: options });\n                }}\n              />\n            )}\n          </>\n        )}\n      </>\n    </Surface>\n  );\n};\n"],"names":["useLocale","useCompletion","ArrowRight","Sparkles","useCallback","useRef","useState","TextareaAutosize","Markdown","getPrevText","isRTL","AICompletionCommands","AISelectorCommands","Surface","Toolbar","CrazySpinner","ScrollArea","i18next","AIEditorPanel","editor","onOpenChange","inputValue","setInputValue","code","view","editorNode","dom","boundigClient","getBoundingClientRect","inputRef","completion","complete","isLoading","api","onResponse","response","status","console","log","onError","e","message","hasCompletion","length","handleClick","body","option","command","language","then","text","chars","className","style","width","div","dir","ref","value","onChange","target","placeholder","t","autoFocus","onKeyDown","key","Button","onClick","onDiscard","chain","unsetHighlight","focus","run","messages","onSelect","options"],"mappings":"AAAA;;AAEA,SAASA,SAAS,QAAQ,kCAAkC;AAE5D,SAASC,aAAa,QAAQ,WAAW;AACzC,SAASC,UAAU,EAAEC,QAAQ,QAAQ,eAAe;AACpD,SAASC,WAAW,EAAaC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AACjE,OAAOC,sBAAsB,0BAA0B;AAEvD,OAAOC,cAAc,iBAAiB;AACtC,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,KAAK,QAAQ,8BAA8B;AACpD,OAAOC,0BAA0B,2DAA2D;AAC5F,OAAOC,wBAAwB,0DAA0D;AACzF,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,OAAOC,kBAAkB,4BAA4B;AACrD,SAASC,UAAU,QAAQ,0BAA0B;AACrD,OAAOC,aAAa,UAAU;AAM9B,OAAO,MAAMC,gBAAgB,CAAC,EAAEC,MAAM,EAAEC,YAAY,EAAsB;IACxE,MAAM,CAACC,YAAYC,cAAc,GAAGhB,SAAS;IAC7C,MAAM,EAAEiB,IAAI,EAAE,GAAGvB;IACjB,MAAM,EAAEwB,IAAI,EAAE,GAAGL;IAEjB,MAAMM,aAAaD,KAAKE,GAAG;IAC3B,MAAMC,gBAAgBF,WAAWG,qBAAqB;IACtD,MAAMC,WAAWxB,OAA4B;IAE7C,uFAAuF;IACvF,oBAAoB;IACpB,2BAA2B;IAC3B,gCAAgC;IAChC,qCAAqC;IACrC,yEAAyE;IACzE,gBAAgB;IAChB,QAAQ;IACR,OAAO;IACP,sBAAsB;IACtB,8BAA8B;IAC9B,OAAO;IACP,MAAM;IAEN,MAAM,EAAEyB,UAAU,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAG/B,cAAc;QACxD,eAAe;QACfgC,KAAK;QACLC,YAAY,CAACC;YACX,IAAIA,SAASC,MAAM,KAAK,KAAK;gBAC3BC,QAAQC,GAAG,CAAC;gBAEZ;YACF;QACF;QACAC,SAAS,CAACC;YACRH,QAAQC,GAAG,CAAC,SAASE,EAAEC,OAAO;QAChC;IACF;IAEA,MAAMC,gBAAgBZ,WAAWa,MAAM,GAAG;IAC1C,MAAMC,cAAcxC,YAAY;QAC9B,IAAI0B,YAAY;YACd,OAAOC,SAASD,YAAY;gBAC1Be,MAAM;oBAAEC,QAAQ;oBAAOC,SAAS1B;oBAAY2B,UAAUzB,QAAQ;gBAAK;YACrE,GAAG0B,IAAI,CAAC,IAAM3B,cAAc;QAC9B;QACA,MAAM4B,OAAOzC,YAAYU,QAAQ;YAAEgC,OAAO;QAAK;QAE/CpB,SAASmB,MAAM;YACbL,MAAM;gBAAEC,QAAQ;gBAAOC,SAAS1B;gBAAY2B,UAAUzB,QAAQ;YAAK;QACrE,GAAG0B,IAAI,CAAC,IAAM3B,cAAc;IAC9B,GAAG;QAACC;QAAMF;KAAW;IAErB,qBACE,KAACR;QACCuC,WAAW,CAAC,kBAAkB,CAAC;QAC/BC,OAAO;YACLC,OAAO3B,eAAe2B;QACxB;kBAEA,cAAA;;gBACGZ,+BACC,KAACa;oBAAIH,WAAU;8BACb,cAAA,KAACpC;kCACC,cAAA,KAACuC;4BACCH,WAAU;4BACVI,KAAK9C,MAAMoB,cAAc,QAAQ;sCAEjC,cAAA,KAACtB;0CAAUsB;;;;;gBAMlBE,2BACC,MAACuB;oBAAIH,WAAU;;sCACb,KAACjD;4BAASiD,WAAU;;wBAA4B;sCAEhD,KAACG;4BAAIH,WAAU;sCACb,cAAA,KAACrC;;;;gBAKN,CAACiB,2BACA;;sCACE,MAACuB;4BAAIH,WAAU;;8CAab,KAACjD;oCAASiD,WAAU;;8CACpB,KAAC7C;oCACCkD,KAAK5B;oCACLuB,WAAU;oCACVM,OAAOrC;oCACPsC,UAAU,CAACnB;wCACTlB,cAAckB,EAAEoB,MAAM,CAACF,KAAK;oCAC9B;oCACAG,aACEnB,gBACIzB,QAAQ6C,CAAC,CAAC,wBAAwB,4BAClC7C,QAAQ6C,CAAC,CAAC,uBAAuB;oCAEvCC,SAAS;oCACT,mBAAmB;oCACnB,6BAA6B;oCAE7BC,WAAW,CAACxB;wCACV,IAAIA,EAAEyB,GAAG,KAAK,SAASrB;oCACzB;;8CAEF,KAAC9B,QAAQoD,MAAM;oCACb,cAAc;oCAEd,4GAA4G;oCAC5GC,SAASvB;8CAET,cAAA,KAAC1C;;;;wBAGJwC,8BACC,KAAC/B;4BACCQ,QAAQA;4BACRiD,WAAW;gCACTjD,OAAOkD,KAAK,GAAGC,cAAc,GAAGC,KAAK,GAAGC,GAAG;gCAC3CpD,aAAa;4BACf;4BACAU,YAAYA;2CAGd,KAAClB;4BACC6D,UAAU3C;4BACVX,QAAQA;4BACRuD,UAAU,CAAChB,OAAOiB;gCAChB5C,SAAS2B,OAAO;oCAAEb,MAAM8B;gCAAQ;4BAClC;;;;;;;AAQhB,EAAE"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/AIEditorPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { Editor } from \"@tiptap/react\";\nimport { useCompletion } from \"ai/react\";\nimport { ArrowRight, Sparkles } from \"lucide-react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport TextareaAutosize from \"react-textarea-autosize\";\n\nimport Markdown from \"react-markdown\";\nimport { getPrevText } from \"../../../lib/utils/index.js\";\nimport AICompletionCommands from \"../../menus/TextMenu/components/ai-completion-command.js\";\nimport AISelectorCommands from \"../../menus/TextMenu/components/ai-selector-commands.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\nimport CrazySpinner from \"../../ui/crazy-spinner.js\";\nimport { ScrollArea } from \"../../ui/scroll-area.js\";\nimport i18next from \"i18next\";\nexport type AIEditorPanelProps = {\n  editor: Editor;\n  onOpenChange: (value: boolean) => void;\n};\n\nexport const AIEditorPanel = ({ editor, onOpenChange }: AIEditorPanelProps) => {\n  const [inputValue, setInputValue] = useState(\"\");\n  const { code } = useLocale();\n  const { view } = editor;\n\n  const editorNode = view.dom as HTMLElement;\n  const boundigClient = editorNode.getBoundingClientRect();\n  const inputRef = useRef<HTMLTextAreaElement>(null);\n\n  // const { status, messages, input, submitMessage, handleInputChange } = useAssistant({\n  //   // id: \"novel\",\n  //   api: \"/api/assistant\",\n  //   onResponse: (response) => {\n  //     if (response.status === 429) {\n  //       toast.error(\"You have reached your request limit for the day.\");\n  //       return;\n  //     }\n  //   },\n  //   onError: (e) => {\n  //     toast.error(e.message);\n  //   },\n  // });\n\n  const { completion, complete, isLoading } = useCompletion({\n    // id: \"novel\",\n    api: \"/api/generate\",\n    onResponse: (response) => {\n      if (response.status === 429) {\n        console.log(\"You have reached your request limit for the day.\");\n\n        return;\n      }\n    },\n    onError: (e) => {\n      console.log(\"ERROR\", e.message);\n    },\n  });\n\n  const hasCompletion = completion.length > 0;\n  const handleClick = useCallback(() => {\n    if (completion) {\n      return complete(completion, {\n        body: { option: \"zap\", command: inputValue, language: code ?? \"en\" },\n      }).then(() => setInputValue(\"\"));\n    }\n    const text = getPrevText(editor, { chars: 5000 });\n\n    complete(text, {\n      body: { option: \"zap\", command: inputValue, language: code ?? \"en\" },\n    }).then(() => setInputValue(\"\"));\n  }, [code, inputValue]);\n\n  return (\n    <Surface\n      className={`p-2 min-w-[20rem] `}\n      style={{\n        width: boundigClient?.width,\n      }}\n    >\n      <>\n        {hasCompletion && (\n          <div className=\"flex  w-full\">\n            <ScrollArea>\n              <div\n                className=\"prose p-2 px-4 prose-sm\"\n                dir={i18next.dir()}\n              >\n                <Markdown>{completion}</Markdown>\n              </div>\n            </ScrollArea>\n          </div>\n        )}\n\n        {isLoading && (\n          <div className=\"flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-blue-500\">\n            <Sparkles className=\"mr-2 h-4 w-4 shrink-0  \" />\n            AI is thinking\n            <div className=\"ml-2 mt-1\">\n              <CrazySpinner />\n            </div>\n          </div>\n        )}\n\n        {!isLoading && (\n          <>\n            <div className=\"flex justify-between items-center\">\n              {/* <CommandInput\n                value={inputValue}\n                onValueChange={setInputValue}\n                autoFocus\n                placeholder={\n                  hasCompletion ? 'Tell AI what to do next' : 'Ask AI to edit or generate...'\n                }\n                // onFocus={() => addAIHighlight(editor)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') handleClick()\n                }}\n              /> */}\n              <Sparkles className=\"mr-2 h-4 w-4 shrink-0 text-blue-500 \" />\n              <TextareaAutosize\n                ref={inputRef}\n                className=\"w-full p-2 text-black bg-white  rounded dark:bg-black dark:text-white focus:outline-none\"\n                value={inputValue}\n                onChange={(e) => {\n                  setInputValue(e.target.value);\n                }}\n                placeholder={\n                  hasCompletion\n                    ? i18next.t(\"tellAiPlaceholder\") || \"Tell AI what to do next\"\n                    : i18next.t(\"askAiPlaceholder\") || \"Ask AI to edit or generate...\"\n                }\n                autoFocus\n                // onFocus={() => {\n                //   addAIHighlight(editor)}}\n\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\") handleClick();\n                }}\n              />\n              <Toolbar.Button\n                // size=\"icon\"\n\n                // className=\"absolute right-2 top-1/2 h-6 w-6 -translate-y-1/2 rounded-full  bg-zinc-100 hover:bg-zinc-150\"\n                onClick={handleClick}\n              >\n                <ArrowRight />\n              </Toolbar.Button>\n            </div>\n            {hasCompletion ? (\n              <AICompletionCommands\n                editor={editor}\n                onDiscard={() => {\n                  editor.chain().unsetHighlight().focus().run();\n                  onOpenChange(false);\n                }}\n                completion={completion}\n              />\n            ) : (\n              <AISelectorCommands\n                messages={completion}\n                editor={editor}\n                onSelect={(value, options) => {\n                  complete(value, { body: options });\n                }}\n              />\n            )}\n          </>\n        )}\n      </>\n    </Surface>\n  );\n};\n"],"names":["useLocale","useCompletion","ArrowRight","Sparkles","useCallback","useRef","useState","TextareaAutosize","Markdown","getPrevText","AICompletionCommands","AISelectorCommands","Surface","Toolbar","CrazySpinner","ScrollArea","i18next","AIEditorPanel","editor","onOpenChange","inputValue","setInputValue","code","view","editorNode","dom","boundigClient","getBoundingClientRect","inputRef","completion","complete","isLoading","api","onResponse","response","status","console","log","onError","e","message","hasCompletion","length","handleClick","body","option","command","language","then","text","chars","className","style","width","div","dir","ref","value","onChange","target","placeholder","t","autoFocus","onKeyDown","key","Button","onClick","onDiscard","chain","unsetHighlight","focus","run","messages","onSelect","options"],"mappings":"AAAA;;AAEA,SAASA,SAAS,QAAQ,kCAAkC;AAE5D,SAASC,aAAa,QAAQ,WAAW;AACzC,SAASC,UAAU,EAAEC,QAAQ,QAAQ,eAAe;AACpD,SAASC,WAAW,EAAaC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AACjE,OAAOC,sBAAsB,0BAA0B;AAEvD,OAAOC,cAAc,iBAAiB;AACtC,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,OAAOC,0BAA0B,2DAA2D;AAC5F,OAAOC,wBAAwB,0DAA0D;AACzF,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,OAAOC,kBAAkB,4BAA4B;AACrD,SAASC,UAAU,QAAQ,0BAA0B;AACrD,OAAOC,aAAa,UAAU;AAM9B,OAAO,MAAMC,gBAAgB,CAAC,EAAEC,MAAM,EAAEC,YAAY,EAAsB;IACxE,MAAM,CAACC,YAAYC,cAAc,GAAGf,SAAS;IAC7C,MAAM,EAAEgB,IAAI,EAAE,GAAGtB;IACjB,MAAM,EAAEuB,IAAI,EAAE,GAAGL;IAEjB,MAAMM,aAAaD,KAAKE,GAAG;IAC3B,MAAMC,gBAAgBF,WAAWG,qBAAqB;IACtD,MAAMC,WAAWvB,OAA4B;IAE7C,uFAAuF;IACvF,oBAAoB;IACpB,2BAA2B;IAC3B,gCAAgC;IAChC,qCAAqC;IACrC,yEAAyE;IACzE,gBAAgB;IAChB,QAAQ;IACR,OAAO;IACP,sBAAsB;IACtB,8BAA8B;IAC9B,OAAO;IACP,MAAM;IAEN,MAAM,EAAEwB,UAAU,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAG9B,cAAc;QACxD,eAAe;QACf+B,KAAK;QACLC,YAAY,CAACC;YACX,IAAIA,SAASC,MAAM,KAAK,KAAK;gBAC3BC,QAAQC,GAAG,CAAC;gBAEZ;YACF;QACF;QACAC,SAAS,CAACC;YACRH,QAAQC,GAAG,CAAC,SAASE,EAAEC,OAAO;QAChC;IACF;IAEA,MAAMC,gBAAgBZ,WAAWa,MAAM,GAAG;IAC1C,MAAMC,cAAcvC,YAAY;QAC9B,IAAIyB,YAAY;YACd,OAAOC,SAASD,YAAY;gBAC1Be,MAAM;oBAAEC,QAAQ;oBAAOC,SAAS1B;oBAAY2B,UAAUzB,QAAQ;gBAAK;YACrE,GAAG0B,IAAI,CAAC,IAAM3B,cAAc;QAC9B;QACA,MAAM4B,OAAOxC,YAAYS,QAAQ;YAAEgC,OAAO;QAAK;QAE/CpB,SAASmB,MAAM;YACbL,MAAM;gBAAEC,QAAQ;gBAAOC,SAAS1B;gBAAY2B,UAAUzB,QAAQ;YAAK;QACrE,GAAG0B,IAAI,CAAC,IAAM3B,cAAc;IAC9B,GAAG;QAACC;QAAMF;KAAW;IAErB,qBACE,KAACR;QACCuC,WAAW,CAAC,kBAAkB,CAAC;QAC/BC,OAAO;YACLC,OAAO3B,eAAe2B;QACxB;kBAEA,cAAA;;gBACGZ,+BACC,KAACa;oBAAIH,WAAU;8BACb,cAAA,KAACpC;kCACC,cAAA,KAACuC;4BACCH,WAAU;4BACVI,KAAKvC,QAAQuC,GAAG;sCAEhB,cAAA,KAAC/C;0CAAUqB;;;;;gBAMlBE,2BACC,MAACuB;oBAAIH,WAAU;;sCACb,KAAChD;4BAASgD,WAAU;;wBAA4B;sCAEhD,KAACG;4BAAIH,WAAU;sCACb,cAAA,KAACrC;;;;gBAKN,CAACiB,2BACA;;sCACE,MAACuB;4BAAIH,WAAU;;8CAab,KAAChD;oCAASgD,WAAU;;8CACpB,KAAC5C;oCACCiD,KAAK5B;oCACLuB,WAAU;oCACVM,OAAOrC;oCACPsC,UAAU,CAACnB;wCACTlB,cAAckB,EAAEoB,MAAM,CAACF,KAAK;oCAC9B;oCACAG,aACEnB,gBACIzB,QAAQ6C,CAAC,CAAC,wBAAwB,4BAClC7C,QAAQ6C,CAAC,CAAC,uBAAuB;oCAEvCC,SAAS;oCACT,mBAAmB;oCACnB,6BAA6B;oCAE7BC,WAAW,CAACxB;wCACV,IAAIA,EAAEyB,GAAG,KAAK,SAASrB;oCACzB;;8CAEF,KAAC9B,QAAQoD,MAAM;oCACb,cAAc;oCAEd,4GAA4G;oCAC5GC,SAASvB;8CAET,cAAA,KAACzC;;;;wBAGJuC,8BACC,KAAC/B;4BACCQ,QAAQA;4BACRiD,WAAW;gCACTjD,OAAOkD,KAAK,GAAGC,cAAc,GAAGC,KAAK,GAAGC,GAAG;gCAC3CpD,aAAa;4BACf;4BACAU,YAAYA;2CAGd,KAAClB;4BACC6D,UAAU3C;4BACVX,QAAQA;4BACRuD,UAAU,CAAChB,OAAOiB;gCAChB5C,SAAS2B,OAAO;oCAAEb,MAAM8B;gCAAQ;4BAClC;;;;;;;AAQhB,EAAE"}