payload-richtext-tiptap 0.0.1

package/dist/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuContentTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuContentTypes.ts"],"sourcesContent":["import { Editor } from \"@tiptap/react\";\nimport { useMemo } from \"react\";\nimport { ContentPickerOptions } from \"../components/ContentTypePicker.jsx\";\nimport {\n  Pilcrow,\n  Heading1,\n  Heading2,\n  Heading3,\n  List,\n  ListOrdered,\n  ListTodo,\n} from \"lucide-react\";\n\nexport const useTextmenuContentTypes = (editor: Editor) => {\n  const options = useMemo<ContentPickerOptions>(() => {\n    return [\n      {\n        type: \"category\",\n        label: \"Hierarchy\",\n        id: \"hierarchy\",\n      },\n      {\n        icon: Pilcrow,\n        onClick: () =>\n          editor\n            .chain()\n            .focus()\n            .lift(\"taskItem\")\n            .liftListItem(\"listItem\")\n            .setParagraph()\n            .run(),\n        id: \"paragraph\",\n        disabled: () => !editor.can().setParagraph(),\n        isActive: () =>\n          editor.isActive(\"paragraph\") &&\n          !editor.isActive(\"orderedList\") &&\n          !editor.isActive(\"bulletList\") &&\n          !editor.isActive(\"taskList\"),\n        label: \"Paragraph\",\n        type: \"option\",\n      },\n      {\n        icon: Heading1,\n        onClick: () =>\n          editor\n            .chain()\n            .focus()\n            .lift(\"taskItem\")\n            .liftListItem(\"listItem\")\n            .setHeading({ level: 1 })\n            .run(),\n        id: \"heading1\",\n        disabled: () => !editor.can().setHeading({ level: 1 }),\n        isActive: () => editor.isActive(\"heading\", { level: 1 }),\n        label: \"Heading 1\",\n        type: \"option\",\n      },\n      {\n        icon: Heading2,\n        onClick: () =>\n          editor\n            .chain()\n            .focus()\n            .lift(\"taskItem\")\n            .liftListItem(\"listItem\")\n            .setHeading({ level: 2 })\n            .run(),\n        id: \"heading2\",\n        disabled: () => !editor.can().setHeading({ level: 2 }),\n        isActive: () => editor.isActive(\"heading\", { level: 2 }),\n        label: \"Heading 2\",\n        type: \"option\",\n      },\n      {\n        icon: Heading3,\n        onClick: () =>\n          editor\n            .chain()\n            .focus()\n            .lift(\"taskItem\")\n            .liftListItem(\"listItem\")\n            .setHeading({ level: 3 })\n            .run(),\n        id: \"heading3\",\n        disabled: () => !editor.can().setHeading({ level: 3 }),\n        isActive: () => editor.isActive(\"heading\", { level: 3 }),\n        label: \"Heading 3\",\n        type: \"option\",\n      },\n      {\n        type: \"category\",\n        label: \"Lists\",\n        id: \"lists\",\n      },\n      {\n        icon: List,\n        onClick: () => editor.chain().focus().toggleBulletList().run(),\n        id: \"bulletList\",\n        disabled: () => !editor.can().toggleBulletList(),\n        isActive: () => editor.isActive(\"bulletList\"),\n        label: \"Bullet list\",\n        type: \"option\",\n      },\n      {\n        icon: ListOrdered,\n        onClick: () => editor.chain().focus().toggleOrderedList().run(),\n        id: \"orderedList\",\n        disabled: () => !editor.can().toggleOrderedList(),\n        isActive: () => editor.isActive(\"orderedList\"),\n        label: \"Numbered list\",\n        type: \"option\",\n      },\n      // {\n      //   icon: ListTodo,\n      //   onClick: () => editor.chain().focus().toggleTaskList().run(),\n      //   id: 'todoList',\n      //   disabled: () => !editor.can().toggleTaskList(),\n      //   isActive: () => editor.isActive('taskList'),\n      //   label: 'Todo list',\n      //   type: 'option',\n      // },\n    ];\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor, editor.state]);\n\n  return options;\n};\n"],"names":["useMemo","Pilcrow","Heading1","Heading2","Heading3","List","ListOrdered","useTextmenuContentTypes","editor","options","type","label","id","icon","onClick","chain","focus","lift","liftListItem","setParagraph","run","disabled","can","isActive","setHeading","level","toggleBulletList","toggleOrderedList","state"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AACA,SAASA,OAAO,QAAQ,QAAQ;AAEhC,SACEC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,WAAW,QAEN,eAAe;AAEtB,OAAO,MAAMC,0BAA0B,CAACC;IACtC,MAAMC,UAAUT,QAA8B;QAC5C,OAAO;YACL;gBACEU,MAAM;gBACNC,OAAO;gBACPC,IAAI;YACN;YACA;gBACEC,MAAMZ;gBACNa,SAAS,IACPN,OACGO,KAAK,GACLC,KAAK,GACLC,IAAI,CAAC,YACLC,YAAY,CAAC,YACbC,YAAY,GACZC,GAAG;gBACRR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGH,YAAY;gBAC1CI,UAAU,IACRf,OAAOe,QAAQ,CAAC,gBAChB,CAACf,OAAOe,QAAQ,CAAC,kBACjB,CAACf,OAAOe,QAAQ,CAAC,iBACjB,CAACf,OAAOe,QAAQ,CAAC;gBACnBZ,OAAO;gBACPD,MAAM;YACR;YACA;gBACEG,MAAMX;gBACNY,SAAS,IACPN,OACGO,KAAK,GACLC,KAAK,GACLC,IAAI,CAAC,YACLC,YAAY,CAAC,YACbM,UAAU,CAAC;wBAAEC,OAAO;oBAAE,GACtBL,GAAG;gBACRR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGE,UAAU,CAAC;wBAAEC,OAAO;oBAAE;gBACpDF,UAAU,IAAMf,OAAOe,QAAQ,CAAC,WAAW;wBAAEE,OAAO;oBAAE;gBACtDd,OAAO;gBACPD,MAAM;YACR;YACA;gBACEG,MAAMV;gBACNW,SAAS,IACPN,OACGO,KAAK,GACLC,KAAK,GACLC,IAAI,CAAC,YACLC,YAAY,CAAC,YACbM,UAAU,CAAC;wBAAEC,OAAO;oBAAE,GACtBL,GAAG;gBACRR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGE,UAAU,CAAC;wBAAEC,OAAO;oBAAE;gBACpDF,UAAU,IAAMf,OAAOe,QAAQ,CAAC,WAAW;wBAAEE,OAAO;oBAAE;gBACtDd,OAAO;gBACPD,MAAM;YACR;YACA;gBACEG,MAAMT;gBACNU,SAAS,IACPN,OACGO,KAAK,GACLC,KAAK,GACLC,IAAI,CAAC,YACLC,YAAY,CAAC,YACbM,UAAU,CAAC;wBAAEC,OAAO;oBAAE,GACtBL,GAAG;gBACRR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGE,UAAU,CAAC;wBAAEC,OAAO;oBAAE;gBACpDF,UAAU,IAAMf,OAAOe,QAAQ,CAAC,WAAW;wBAAEE,OAAO;oBAAE;gBACtDd,OAAO;gBACPD,MAAM;YACR;YACA;gBACEA,MAAM;gBACNC,OAAO;gBACPC,IAAI;YACN;YACA;gBACEC,MAAMR;gBACNS,SAAS,IAAMN,OAAOO,KAAK,GAAGC,KAAK,GAAGU,gBAAgB,GAAGN,GAAG;gBAC5DR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGI,gBAAgB;gBAC9CH,UAAU,IAAMf,OAAOe,QAAQ,CAAC;gBAChCZ,OAAO;gBACPD,MAAM;YACR;YACA;gBACEG,MAAMP;gBACNQ,SAAS,IAAMN,OAAOO,KAAK,GAAGC,KAAK,GAAGW,iBAAiB,GAAGP,GAAG;gBAC7DR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGK,iBAAiB;gBAC/CJ,UAAU,IAAMf,OAAOe,QAAQ,CAAC;gBAChCZ,OAAO;gBACPD,MAAM;YACR;SAUD;IACD,uDAAuD;IACzD,GAAG;QAACF;QAAQA,OAAOoB,KAAK;KAAC;IAEzB,OAAOnB;AACT,EAAE"}

package/dist/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuStates.js

@@ -0,0 +1,52 @@
+import { useCallback } from "react";
+import { isCustomNodeSelected, isTextSelected } from "../../../../lib/utils/index.js";
+import { supportedSocialMedia } from "src/fields/TiptapEditor/extensions/SocialMedia/menus/constants.js";
+export const useTextmenuStates = (editor)=>{
+    const shouldShow = useCallback(({ view, from })=>{
+        const isInSocialMedia = supportedSocialMedia?.some((socialMedia)=>{
+            return editor.isActive(socialMedia);
+        });
+        if (!view || isInSocialMedia || editor.isActive("insideLinks")) {
+            return false;
+        }
+        const domAtPos = view.domAtPos(from || 0).node;
+        const nodeDOM = view.nodeDOM(from || 0);
+        const node = nodeDOM || domAtPos;
+        if (isCustomNodeSelected(editor, node)) {
+            return false;
+        }
+        return isTextSelected({
+            editor
+        });
+    }, [
+        editor
+    ]);
+    return {
+        isBold: editor.isActive("bold"),
+        isItalic: editor.isActive("italic"),
+        isStrike: editor.isActive("strike"),
+        isUnderline: editor.isActive("underline"),
+        isCode: editor.isActive("code"),
+        isSubscript: editor.isActive("subscript"),
+        isSuperscript: editor.isActive("superscript"),
+        isAlignLeft: editor.isActive({
+            textAlign: "left"
+        }),
+        isAlignCenter: editor.isActive({
+            textAlign: "center"
+        }),
+        isAlignRight: editor.isActive({
+            textAlign: "right"
+        }),
+        isAlignJustify: editor.isActive({
+            textAlign: "justify"
+        }),
+        currentColor: editor.getAttributes("textStyle")?.color || undefined,
+        currentHighlight: editor.getAttributes("highlight")?.color || undefined,
+        currentFont: editor.getAttributes("textStyle")?.fontFamily || undefined,
+        currentSize: editor.getAttributes("textStyle")?.fontSize || undefined,
+        shouldShow
+    };
+};
+
+//# sourceMappingURL=useTextmenuStates.js.map

package/dist/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuStates.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuStates.ts"],"sourcesContent":["import { Editor } from \"@tiptap/react\";\nimport { useCallback, useMemo } from \"react\";\nimport { ShouldShowProps } from \"../../types.js\";\nimport {\n  isCustomNodeSelected,\n  isTextSelected,\n} from \"../../../../lib/utils/index.js\";\nimport { supportedSocialMedia } from \"src/fields/TiptapEditor/extensions/SocialMedia/menus/constants.js\";\n\nexport const useTextmenuStates = (editor: Editor) => {\n  const shouldShow = useCallback(\n    ({ view, from }: ShouldShowProps) => {\n      const isInSocialMedia = supportedSocialMedia?.some((socialMedia) => {\n        return editor.isActive(socialMedia);\n      });\n      if (!view || isInSocialMedia || editor.isActive(\"insideLinks\")) {\n        return false;\n      }\n\n      const domAtPos = view.domAtPos(from || 0).node as HTMLElement;\n      const nodeDOM = view.nodeDOM(from || 0) as HTMLElement;\n      const node = nodeDOM || domAtPos;\n\n      if (isCustomNodeSelected(editor, node)) {\n        return false;\n      }\n\n      return isTextSelected({ editor });\n    },\n    [editor]\n  );\n\n  return {\n    isBold: editor.isActive(\"bold\"),\n    isItalic: editor.isActive(\"italic\"),\n    isStrike: editor.isActive(\"strike\"),\n    isUnderline: editor.isActive(\"underline\"),\n    isCode: editor.isActive(\"code\"),\n    isSubscript: editor.isActive(\"subscript\"),\n    isSuperscript: editor.isActive(\"superscript\"),\n    isAlignLeft: editor.isActive({ textAlign: \"left\" }),\n    isAlignCenter: editor.isActive({ textAlign: \"center\" }),\n    isAlignRight: editor.isActive({ textAlign: \"right\" }),\n    isAlignJustify: editor.isActive({ textAlign: \"justify\" }),\n    currentColor: editor.getAttributes(\"textStyle\")?.color || undefined,\n    currentHighlight: editor.getAttributes(\"highlight\")?.color || undefined,\n    currentFont: editor.getAttributes(\"textStyle\")?.fontFamily || undefined,\n    currentSize: editor.getAttributes(\"textStyle\")?.fontSize || undefined,\n    shouldShow,\n  };\n};\n"],"names":["useCallback","isCustomNodeSelected","isTextSelected","supportedSocialMedia","useTextmenuStates","editor","shouldShow","view","from","isInSocialMedia","some","socialMedia","isActive","domAtPos","node","nodeDOM","isBold","isItalic","isStrike","isUnderline","isCode","isSubscript","isSuperscript","isAlignLeft","textAlign","isAlignCenter","isAlignRight","isAlignJustify","currentColor","getAttributes","color","undefined","currentHighlight","currentFont","fontFamily","currentSize","fontSize"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AACA,SAASA,WAAW,QAAiB,QAAQ;AAE7C,SACEC,oBAAoB,EACpBC,cAAc,QACT,iCAAiC;AACxC,SAASC,oBAAoB,QAAQ,oEAAoE;AAEzG,OAAO,MAAMC,oBAAoB,CAACC;IAChC,MAAMC,aAAaN,YACjB,CAAC,EAAEO,IAAI,EAAEC,IAAI,EAAmB;QAC9B,MAAMC,kBAAkBN,sBAAsBO,KAAK,CAACC;YAClD,OAAON,OAAOO,QAAQ,CAACD;QACzB;QACA,IAAI,CAACJ,QAAQE,mBAAmBJ,OAAOO,QAAQ,CAAC,gBAAgB;YAC9D,OAAO;QACT;QAEA,MAAMC,WAAWN,KAAKM,QAAQ,CAACL,QAAQ,GAAGM,IAAI;QAC9C,MAAMC,UAAUR,KAAKQ,OAAO,CAACP,QAAQ;QACrC,MAAMM,OAAOC,WAAWF;QAExB,IAAIZ,qBAAqBI,QAAQS,OAAO;YACtC,OAAO;QACT;QAEA,OAAOZ,eAAe;YAAEG;QAAO;IACjC,GACA;QAACA;KAAO;IAGV,OAAO;QACLW,QAAQX,OAAOO,QAAQ,CAAC;QACxBK,UAAUZ,OAAOO,QAAQ,CAAC;QAC1BM,UAAUb,OAAOO,QAAQ,CAAC;QAC1BO,aAAad,OAAOO,QAAQ,CAAC;QAC7BQ,QAAQf,OAAOO,QAAQ,CAAC;QACxBS,aAAahB,OAAOO,QAAQ,CAAC;QAC7BU,eAAejB,OAAOO,QAAQ,CAAC;QAC/BW,aAAalB,OAAOO,QAAQ,CAAC;YAAEY,WAAW;QAAO;QACjDC,eAAepB,OAAOO,QAAQ,CAAC;YAAEY,WAAW;QAAS;QACrDE,cAAcrB,OAAOO,QAAQ,CAAC;YAAEY,WAAW;QAAQ;QACnDG,gBAAgBtB,OAAOO,QAAQ,CAAC;YAAEY,WAAW;QAAU;QACvDI,cAAcvB,OAAOwB,aAAa,CAAC,cAAcC,SAASC;QAC1DC,kBAAkB3B,OAAOwB,aAAa,CAAC,cAAcC,SAASC;QAC9DE,aAAa5B,OAAOwB,aAAa,CAAC,cAAcK,cAAcH;QAC9DI,aAAa9B,OAAOwB,aAAa,CAAC,cAAcO,YAAYL;QAC5DzB;IACF;AACF,EAAE"}

package/dist/fields/TiptapEditor/features/menus/TextMenu/index.js

@@ -0,0 +1,3 @@
+export * from "./TextMenu.jsx";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/features/menus/TextMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/index.tsx"],"sourcesContent":["export * from \"./TextMenu.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,iBAAiB"}

package/dist/fields/TiptapEditor/features/menus/index.js

@@ -0,0 +1,5 @@
+export * from "./LinkMenu/index.jsx";
+export * from "./TextMenu/index.jsx";
+export * from "./ContentItemMenu/index.jsx";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/features/menus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/menus/index.ts"],"sourcesContent":["export * from \"./LinkMenu/index.jsx\";\nexport * from \"./TextMenu/index.jsx\";\nexport * from \"./ContentItemMenu/index.jsx\";\n"],"names":[],"rangeMappings":";;","mappings":"AAAA,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,8BAA8B"}

package/dist/fields/TiptapEditor/features/menus/types.js

@@ -0,0 +1,3 @@
+import React from 'react';
+
+//# sourceMappingURL=types.js.map

package/dist/fields/TiptapEditor/features/menus/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/menus/types.ts"],"sourcesContent":["import React from 'react'\nimport { Editor as CoreEditor } from '@tiptap/core'\nimport { Editor } from '@tiptap/react'\nimport { EditorState } from '@tiptap/pm/state'\nimport { EditorView } from '@tiptap/pm/view'\n\nexport interface MenuProps {\n  editor: Editor\n  appendTo?: React.RefObject<any>\n  shouldHide?: boolean\n}\n\nexport interface ShouldShowProps {\n  editor?: CoreEditor\n  view: EditorView\n  state?: EditorState\n  oldState?: EditorState\n  from?: number\n  to?: number\n}\n"],"names":["React"],"rangeMappings":"","mappings":"AAAA,OAAOA,WAAW,QAAO"}

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

@@ -0,0 +1,147 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useLocale } from "@payloadcms/ui/providers/Locale";
+import { useCompletion } from "ai/react";
+import { ArrowRight, Sparkles } from "lucide-react";
+import { useCallback, useState } from "react";
+import Markdown from "react-markdown";
+import { getPrevText } from "src/fields/TiptapEditor/lib/utils/index.js";
+import { isRTL } from "src/fields/TiptapEditor/lib/utils/isRtl.js";
+import AICompletionCommands from "../../menus/TextMenu/components/ai-completion-command.jsx";
+import AISelectorCommands from "../../menus/TextMenu/components/ai-selector-commands.jsx";
+import { Surface } from "../../ui/Surface.jsx";
+import { Toolbar } from "../../ui/Toolbar.jsx";
+import CrazySpinner from "../../ui/crazy-spinner.jsx";
+import { ScrollArea } from "../../ui/scroll-area.jsx";
+export const AIEditorPanel = ({ editor, onOpenChange })=>{
+    const [inputValue, setInputValue] = useState("");
+    const { code } = useLocale();
+    // const { status, messages, input, submitMessage, handleInputChange } = useAssistant({
+    //   // id: "novel",
+    //   api: "/api/assistant",
+    //   onResponse: (response) => {
+    //     if (response.status === 429) {
+    //       toast.error("You have reached your request limit for the day.");
+    //       return;
+    //     }
+    //   },
+    //   onError: (e) => {
+    //     toast.error(e.message);
+    //   },
+    // });
+    const { completion, complete, isLoading } = useCompletion({
+        // id: "novel",
+        api: "/api/generate",
+        onResponse: (response)=>{
+            if (response.status === 429) {
+                console.log("You have reached your request limit for the day.");
+                return;
+            }
+        },
+        onError: (e)=>{
+            console.log("ERROR", e.message);
+        }
+    });
+    const hasCompletion = completion.length > 0;
+    const handleClick = useCallback(()=>{
+        if (completion) return complete(completion, {
+            body: {
+                option: "zap",
+                command: inputValue,
+                language: code ?? "en"
+            }
+        }).then(()=>setInputValue(""));
+        const text = getPrevText(editor, {
+            chars: 5000
+        });
+        complete(text, {
+            body: {
+                option: "zap",
+                command: inputValue,
+                language: code ?? "en"
+            }
+        }).then(()=>setInputValue(""));
+    }, [
+        code
+    ]);
+    return /*#__PURE__*/ _jsx(Surface, {
+        className: "p-2 min-w-[20rem]",
+        children: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                hasCompletion && /*#__PURE__*/ _jsx("div", {
+                    className: "flex max-h-[400px]",
+                    children: /*#__PURE__*/ _jsx(ScrollArea, {
+                        children: /*#__PURE__*/ _jsx("div", {
+                            className: "prose p-2 px-4 prose-sm",
+                            dir: isRTL(completion) ? "rtl" : "ltr",
+                            children: /*#__PURE__*/ _jsx(Markdown, {
+                                children: completion
+                            })
+                        })
+                    })
+                }),
+                isLoading && /*#__PURE__*/ _jsxs("div", {
+                    className: "flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-blue-500",
+                    children: [
+                        /*#__PURE__*/ _jsx(Sparkles, {
+                            className: "mr-2 h-4 w-4 shrink-0  "
+                        }),
+                        "AI is thinking",
+                        /*#__PURE__*/ _jsx("div", {
+                            className: "ml-2 mt-1",
+                            children: /*#__PURE__*/ _jsx(CrazySpinner, {})
+                        })
+                    ]
+                }),
+                !isLoading && /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "flex justify-between items-center",
+                            children: [
+                                /*#__PURE__*/ _jsx(Sparkles, {
+                                    className: "mr-2 h-4 w-4 shrink-0 text-blue-500 "
+                                }),
+                                /*#__PURE__*/ _jsx("input", {
+                                    className: "w-full p-2 text-black bg-white  rounded dark:bg-black dark:text-white focus:outline-none",
+                                    value: inputValue,
+                                    onChange: (e)=>{
+                                        setInputValue(e.target.value);
+                                    },
+                                    placeholder: hasCompletion ? "Tell AI what to do next" : "Ask AI to edit or generate...",
+                                    autoFocus: true,
+                                    // onFocus={() => addAIHighlight(editor)}
+                                    onKeyDown: (e)=>{
+                                        if (e.key === "Enter") handleClick();
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsx(Toolbar.Button, {
+                                    // size="icon"
+                                    // className="absolute right-2 top-1/2 h-6 w-6 -translate-y-1/2 rounded-full  bg-zinc-100 hover:bg-zinc-150"
+                                    onClick: handleClick,
+                                    children: /*#__PURE__*/ _jsx(ArrowRight, {})
+                                })
+                            ]
+                        }),
+                        hasCompletion ? /*#__PURE__*/ _jsx(AICompletionCommands, {
+                            editor: editor,
+                            onDiscard: ()=>{
+                                editor.chain().unsetHighlight().focus().run();
+                                onOpenChange(false);
+                            },
+                            completion: completion
+                        }) : /*#__PURE__*/ _jsx(AISelectorCommands, {
+                            editor: editor,
+                            onSelect: (value, options)=>{
+                                complete(value, {
+                                    body: options
+                                });
+                            }
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+//# sourceMappingURL=AIEditorPanel.js.map

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

@@ -0,0 +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, useState } from \"react\";\nimport Markdown from \"react-markdown\";\nimport { getPrevText } from \"src/fields/TiptapEditor/lib/utils/index.js\";\nimport { isRTL } from \"src/fields/TiptapEditor/lib/utils/isRtl.js\";\nimport AICompletionCommands from \"../../menus/TextMenu/components/ai-completion-command.jsx\";\nimport AISelectorCommands from \"../../menus/TextMenu/components/ai-selector-commands.jsx\";\nimport { Surface } from \"../../ui/Surface.jsx\";\nimport { Toolbar } from \"../../ui/Toolbar.jsx\";\nimport CrazySpinner from \"../../ui/crazy-spinner.jsx\";\nimport { ScrollArea } from \"../../ui/scroll-area.jsx\";\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\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    const text = getPrevText(editor, { chars: 5000 });\n\n    complete(text, {\n      body: { option: \"zap\", command: inputValue, language: code ?? \"en\" },\n    }).then(() => setInputValue(\"\"));\n  }, [code]);\n  return (\n    <Surface className=\"p-2 min-w-[20rem]\">\n      <>\n        {hasCompletion && (\n          <div className=\"flex max-h-[400px]\">\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              <input\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                    ? \"Tell AI what to do next\"\n                    : \"Ask AI to edit or generate...\"\n                }\n                autoFocus\n                // onFocus={() => 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                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","useState","Markdown","getPrevText","isRTL","AICompletionCommands","AISelectorCommands","Surface","Toolbar","CrazySpinner","ScrollArea","AIEditorPanel","editor","onOpenChange","inputValue","setInputValue","code","completion","complete","isLoading","api","onResponse","response","status","console","log","onError","e","message","hasCompletion","length","handleClick","body","option","command","language","then","text","chars","className","div","dir","input","value","onChange","target","placeholder","autoFocus","onKeyDown","key","Button","onClick","onDiscard","chain","unsetHighlight","focus","run","onSelect","options"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -0,0 +1,3 @@
+export * from "./AIEditorPanel.jsx";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/index.tsx"],"sourcesContent":["export * from \"./AIEditorPanel.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,sBAAsB"}

package/dist/fields/TiptapEditor/features/panels/Colorpicker/ColorButton.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { memo, useCallback } from "react";
+import { cn } from "../../../lib/utils/index.js";
+export const ColorButton = /*#__PURE__*/ memo(({ color, active, onColorChange })=>{
+    const wrapperClassName = cn("flex items-center justify-center px-1.5 py-1.5 rounded group", !active && "hover:bg-neutral-100", active && "bg-neutral-100");
+    const bubbleClassName = cn("w-4 h-4 rounded bg-slate-100 shadow-sm ring-offset-2 ring-current", !active && `hover:ring-1`, active && `ring-1`);
+    const handleClick = useCallback(()=>{
+        if (onColorChange) {
+            onColorChange(color || "");
+        }
+    }, [
+        onColorChange,
+        color
+    ]);
+    return /*#__PURE__*/ _jsx("button", {
+        type: "button",
+        onClick: handleClick,
+        className: wrapperClassName,
+        children: /*#__PURE__*/ _jsx("div", {
+            style: {
+                backgroundColor: color,
+                color: color
+            },
+            className: bubbleClassName
+        })
+    });
+});
+ColorButton.displayName = "ColorButton";
+
+//# sourceMappingURL=ColorButton.js.map

package/dist/fields/TiptapEditor/features/panels/Colorpicker/ColorButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/panels/Colorpicker/ColorButton.tsx"],"sourcesContent":["import React, { memo, useCallback } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport type ColorButtonProps = {\n  color?: string;\n  active?: boolean;\n  onColorChange?: (color: string) => void; // eslint-disable-line no-unused-vars\n};\n\nexport const ColorButton = memo(\n  ({ color, active, onColorChange }: ColorButtonProps) => {\n    const wrapperClassName = cn(\n      \"flex items-center justify-center px-1.5 py-1.5 rounded group\",\n      !active && \"hover:bg-neutral-100\",\n      active && \"bg-neutral-100\"\n    );\n    const bubbleClassName = cn(\n      \"w-4 h-4 rounded bg-slate-100 shadow-sm ring-offset-2 ring-current\",\n      !active && `hover:ring-1`,\n      active && `ring-1`\n    );\n\n    const handleClick = useCallback(() => {\n      if (onColorChange) {\n        onColorChange(color || \"\");\n      }\n    }, [onColorChange, color]);\n\n    return (\n      <button type=\"button\" onClick={handleClick} className={wrapperClassName}>\n        <div\n          style={{ backgroundColor: color, color: color }}\n          className={bubbleClassName}\n        ></div>\n      </button>\n    );\n  }\n);\n\nColorButton.displayName = \"ColorButton\";\n"],"names":["React","memo","useCallback","cn","ColorButton","color","active","onColorChange","wrapperClassName","bubbleClassName","handleClick","button","type","onClick","className","div","style","backgroundColor","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,IAAI,EAAEC,WAAW,QAAQ,QAAQ;AACjD,SAASC,EAAE,QAAQ,8BAA8B;AAQjD,OAAO,MAAMC,4BAAcH,KACzB,CAAC,EAAEI,KAAK,EAAEC,MAAM,EAAEC,aAAa,EAAoB;IACjD,MAAMC,mBAAmBL,GACvB,gEACA,CAACG,UAAU,wBACXA,UAAU;IAEZ,MAAMG,kBAAkBN,GACtB,qEACA,CAACG,UAAU,CAAC,YAAY,CAAC,EACzBA,UAAU,CAAC,MAAM,CAAC;IAGpB,MAAMI,cAAcR,YAAY;QAC9B,IAAIK,eAAe;YACjBA,cAAcF,SAAS;QACzB;IACF,GAAG;QAACE;QAAeF;KAAM;IAEzB,qBACE,KAACM;QAAOC,MAAK;QAASC,SAASH;QAAaI,WAAWN;kBACrD,cAAA,KAACO;YACCC,OAAO;gBAAEC,iBAAiBZ;gBAAOA,OAAOA;YAAM;YAC9CS,WAAWL;;;AAInB,GACA;AAEFL,YAAYc,WAAW,GAAG"}

package/dist/fields/TiptapEditor/features/panels/Colorpicker/Colorpicker.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useState } from "react";
+import { HexColorPicker } from "react-colorful";
+import { ColorButton } from "./ColorButton.jsx";
+import { Toolbar } from "../../ui/Toolbar.jsx";
+import { Icon } from "../../ui/Icon.jsx";
+import { themeColors } from "../../../lib/constants.jsx";
+import { Undo } from "lucide-react";
+export const ColorPicker = ({ color, onChange, onClear })=>{
+    const [colorInputValue, setColorInputValue] = useState(color || "");
+    const handleColorUpdate = useCallback((event)=>{
+        setColorInputValue(event.target.value);
+    }, []);
+    const handleColorChange = useCallback(()=>{
+        const isCorrectColor = /^#([0-9A-F]{3}){1,2}$/i.test(colorInputValue);
+        if (!isCorrectColor) {
+            if (onChange) {
+                onChange("");
+            }
+            return;
+        }
+        if (onChange) {
+            onChange(colorInputValue);
+        }
+    }, [
+        colorInputValue,
+        onChange
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col gap-2",
+        children: [
+            /*#__PURE__*/ _jsx(HexColorPicker, {
+                className: "w-full",
+                color: color || "",
+                onChange: onChange
+            }),
+            /*#__PURE__*/ _jsx("input", {
+                type: "text",
+                className: "w-full p-2 text-black bg-white border rounded dark:bg-black dark:text-white border-neutral-200 dark:border-neutral-800 focus:outline-1 focus:ring-0 focus:outline-neutral-300 dark:focus:outline-neutral-700",
+                placeholder: "#000000",
+                value: colorInputValue,
+                onChange: handleColorUpdate,
+                onBlur: handleColorChange
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-wrap items-center gap-1 max-w-[15rem]",
+                children: [
+                    themeColors.map((currentColor)=>/*#__PURE__*/ _jsx(ColorButton, {
+                            active: currentColor === color,
+                            color: currentColor,
+                            onColorChange: onChange
+                        }, currentColor)),
+                    /*#__PURE__*/ _jsx(Toolbar.Button, {
+                        tooltip: "Reset color to default",
+                        onClick: onClear,
+                        children: /*#__PURE__*/ _jsx(Icon, {
+                            icon: Undo
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=Colorpicker.js.map

package/dist/fields/TiptapEditor/features/panels/Colorpicker/Colorpicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/panels/Colorpicker/Colorpicker.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { HexColorPicker } from \"react-colorful\";\nimport { ColorButton } from \"./ColorButton.jsx\";\nimport { Toolbar } from \"../../ui/Toolbar.jsx\";\nimport { Icon } from \"../../ui/Icon.jsx\";\nimport { themeColors } from \"../../../lib/constants.jsx\";\nimport { Undo } from \"lucide-react\";\n\nexport type ColorPickerProps = {\n  color?: string;\n  onChange?: (color: string) => void;\n  onClear?: () => void;\n};\n\nexport const ColorPicker = ({ color, onChange, onClear }: ColorPickerProps) => {\n  const [colorInputValue, setColorInputValue] = useState(color || \"\");\n\n  const handleColorUpdate = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setColorInputValue(event.target.value);\n    },\n    []\n  );\n\n  const handleColorChange = useCallback(() => {\n    const isCorrectColor = /^#([0-9A-F]{3}){1,2}$/i.test(colorInputValue);\n\n    if (!isCorrectColor) {\n      if (onChange) {\n        onChange(\"\");\n      }\n\n      return;\n    }\n\n    if (onChange) {\n      onChange(colorInputValue);\n    }\n  }, [colorInputValue, onChange]);\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <HexColorPicker\n        className=\"w-full\"\n        color={color || \"\"}\n        onChange={onChange}\n      />\n      <input\n        type=\"text\"\n        className=\"w-full p-2 text-black bg-white border rounded dark:bg-black dark:text-white border-neutral-200 dark:border-neutral-800 focus:outline-1 focus:ring-0 focus:outline-neutral-300 dark:focus:outline-neutral-700\"\n        placeholder=\"#000000\"\n        value={colorInputValue}\n        onChange={handleColorUpdate}\n        onBlur={handleColorChange}\n      />\n      <div className=\"flex flex-wrap items-center gap-1 max-w-[15rem]\">\n        {themeColors.map((currentColor) => (\n          <ColorButton\n            active={currentColor === color}\n            color={currentColor}\n            key={currentColor}\n            onColorChange={onChange}\n          />\n        ))}\n        <Toolbar.Button tooltip=\"Reset color to default\" onClick={onClear}>\n          <Icon icon={Undo} />\n        </Toolbar.Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["React","useCallback","useState","HexColorPicker","ColorButton","Toolbar","Icon","themeColors","Undo","ColorPicker","color","onChange","onClear","colorInputValue","setColorInputValue","handleColorUpdate","event","target","value","handleColorChange","isCorrectColor","test","div","className","input","type","placeholder","onBlur","map","currentColor","active","onColorChange","Button","tooltip","onClick","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,IAAI,QAAQ,eAAe;AAQpC,OAAO,MAAMC,cAAc,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,EAAoB;IACxE,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGZ,SAASQ,SAAS;IAEhE,MAAMK,oBAAoBd,YACxB,CAACe;QACCF,mBAAmBE,MAAMC,MAAM,CAACC,KAAK;IACvC,GACA,EAAE;IAGJ,MAAMC,oBAAoBlB,YAAY;QACpC,MAAMmB,iBAAiB,yBAAyBC,IAAI,CAACR;QAErD,IAAI,CAACO,gBAAgB;YACnB,IAAIT,UAAU;gBACZA,SAAS;YACX;YAEA;QACF;QAEA,IAAIA,UAAU;YACZA,SAASE;QACX;IACF,GAAG;QAACA;QAAiBF;KAAS;IAE9B,qBACE,MAACW;QAAIC,WAAU;;0BACb,KAACpB;gBACCoB,WAAU;gBACVb,OAAOA,SAAS;gBAChBC,UAAUA;;0BAEZ,KAACa;gBACCC,MAAK;gBACLF,WAAU;gBACVG,aAAY;gBACZR,OAAOL;gBACPF,UAAUI;gBACVY,QAAQR;;0BAEV,MAACG;gBAAIC,WAAU;;oBACZhB,YAAYqB,GAAG,CAAC,CAACC,6BAChB,KAACzB;4BACC0B,QAAQD,iBAAiBnB;4BACzBA,OAAOmB;4BAEPE,eAAepB;2BADVkB;kCAIT,KAACxB,QAAQ2B,MAAM;wBAACC,SAAQ;wBAAyBC,SAAStB;kCACxD,cAAA,KAACN;4BAAK6B,MAAM3B;;;;;;;AAKtB,EAAE"}

package/dist/fields/TiptapEditor/features/panels/Colorpicker/index.js

@@ -0,0 +1,3 @@
+export * from "./Colorpicker.jsx";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/features/panels/Colorpicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/panels/Colorpicker/index.tsx"],"sourcesContent":["export * from \"./Colorpicker.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,oBAAoB"}

package/dist/fields/TiptapEditor/features/panels/IframeLinkEditorPanel/IframeLinkEditorPanel.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useState } from "react";
+import { Link } from "lucide-react";
+import { Button } from "../../ui/Button/Button.jsx";
+import { Icon } from "../../ui/Icon.js";
+import { Surface } from "../../ui/Surface.js";
+export const useLinkEditorState = ({ initialSrc, onSetLink })=>{
+    const [url, setUrl] = useState(initialSrc || "");
+    const onChange = useCallback((event)=>{
+        setUrl(event.target.value);
+    }, []);
+    // const isValidUrl = useMemo(() => /^(\S+):(\/\/)?\S+$/.test(url), [url]);
+    const handleSubmit = useCallback((e)=>{
+        e.preventDefault();
+        // if (isValidUrl) {
+        onSetLink(url);
+    // }
+    }, [
+        url,
+        onSetLink
+    ]);
+    return {
+        url,
+        setUrl,
+        onChange,
+        handleSubmit
+    };
+};
+export const IframeLinkEditorPanel = ({ onSetLink, initialOpenInNewTab, initialSrc })=>{
+    const state = useLinkEditorState({
+        onSetLink,
+        initialOpenInNewTab,
+        initialSrc
+    });
+    return /*#__PURE__*/ _jsx(Surface, {
+        className: "p-2",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [
+                /*#__PURE__*/ _jsxs("label", {
+                    className: "flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text",
+                    children: [
+                        /*#__PURE__*/ _jsx(Icon, {
+                            icon: Link,
+                            className: "flex-none text-black dark:text-white"
+                        }),
+                        /*#__PURE__*/ _jsx("textarea", {
+                            className: "flex-1 bg-transparent outline-none min-w-[12rem] text-black text-sm dark:text-white",
+                            placeholder: "Enter Embed Code",
+                            value: state.url,
+                            onChange: state.onChange
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    variant: "primary",
+                    buttonSize: "small",
+                    type: "button",
+                    onClick: (e)=>{
+                        state.handleSubmit(e);
+                    },
+                    children: "Set Link"
+                })
+            ]
+        })
+    });
+};
+
+//# sourceMappingURL=IframeLinkEditorPanel.js.map

package/dist/fields/TiptapEditor/features/panels/IframeLinkEditorPanel/IframeLinkEditorPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/panels/IframeLinkEditorPanel/IframeLinkEditorPanel.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Link } from \"lucide-react\";\nimport { Button } from \"../../ui/Button/Button.jsx\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Surface } from \"../../ui/Surface.js\";\n\nexport type IframeLinkEditorPanelProps = {\n  initialSrc?: string;\n  initialOpenInNewTab?: boolean;\n  onSetLink: (src: string) => void;\n};\n\nexport const useLinkEditorState = ({\n  initialSrc,\n  onSetLink,\n}: IframeLinkEditorPanelProps) => {\n  const [url, setUrl] = useState(initialSrc || \"\");\n\n  const onChange = useCallback(\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      setUrl(event.target.value);\n    },\n    []\n  );\n\n  // const isValidUrl = useMemo(() => /^(\\S+):(\\/\\/)?\\S+$/.test(url), [url]);\n\n  const handleSubmit = useCallback(\n    (e: React.FormEvent) => {\n      e.preventDefault();\n      // if (isValidUrl) {\n      onSetLink(url);\n      // }\n    },\n    [url, onSetLink]\n  );\n\n  return {\n    url,\n    setUrl,\n    onChange,\n    handleSubmit,\n  };\n};\n\nexport const IframeLinkEditorPanel = ({\n  onSetLink,\n  initialOpenInNewTab,\n  initialSrc,\n}: IframeLinkEditorPanelProps) => {\n  const state = useLinkEditorState({\n    onSetLink,\n    initialOpenInNewTab,\n    initialSrc,\n  });\n\n  return (\n    <Surface className=\"p-2\">\n      <div className=\"flex items-center gap-2\">\n        <label className=\"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text\">\n          <Icon icon={Link} className=\"flex-none text-black dark:text-white\" />\n          <textarea\n            className=\"flex-1 bg-transparent outline-none min-w-[12rem] text-black text-sm dark:text-white\"\n            placeholder=\"Enter Embed Code\"\n            value={state.url}\n            onChange={state.onChange}\n          />\n        </label>\n        <Button\n          variant=\"primary\"\n          buttonSize=\"small\"\n          type=\"button\"\n          onClick={(e) => {\n            state.handleSubmit(e);\n          }}\n          // disabled={!state.isValidUrl}\n        >\n          Set Link\n        </Button>\n      </div>\n    </Surface>\n  );\n};\n"],"names":["React","useCallback","useState","Link","Button","Icon","Surface","useLinkEditorState","initialSrc","onSetLink","url","setUrl","onChange","event","target","value","handleSubmit","e","preventDefault","IframeLinkEditorPanel","initialOpenInNewTab","state","className","div","label","icon","textarea","placeholder","variant","buttonSize","type","onClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAQ9C,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,SAAS,EACkB;IAC3B,MAAM,CAACC,KAAKC,OAAO,GAAGT,SAASM,cAAc;IAE7C,MAAMI,WAAWX,YACf,CAACY;QACCF,OAAOE,MAAMC,MAAM,CAACC,KAAK;IAC3B,GACA,EAAE;IAGJ,2EAA2E;IAE3E,MAAMC,eAAef,YACnB,CAACgB;QACCA,EAAEC,cAAc;QAChB,oBAAoB;QACpBT,UAAUC;IACV,IAAI;IACN,GACA;QAACA;QAAKD;KAAU;IAGlB,OAAO;QACLC;QACAC;QACAC;QACAI;IACF;AACF,EAAE;AAEF,OAAO,MAAMG,wBAAwB,CAAC,EACpCV,SAAS,EACTW,mBAAmB,EACnBZ,UAAU,EACiB;IAC3B,MAAMa,QAAQd,mBAAmB;QAC/BE;QACAW;QACAZ;IACF;IAEA,qBACE,KAACF;QAAQgB,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,MAACE;oBAAMF,WAAU;;sCACf,KAACjB;4BAAKoB,MAAMtB;4BAAMmB,WAAU;;sCAC5B,KAACI;4BACCJ,WAAU;4BACVK,aAAY;4BACZZ,OAAOM,MAAMX,GAAG;4BAChBE,UAAUS,MAAMT,QAAQ;;;;8BAG5B,KAACR;oBACCwB,SAAQ;oBACRC,YAAW;oBACXC,MAAK;oBACLC,SAAS,CAACd;wBACRI,MAAML,YAAY,CAACC;oBACrB;8BAED;;;;;AAMT,EAAE"}

package/dist/fields/TiptapEditor/features/panels/IframeLinkEditorPanel/index.js

@@ -0,0 +1,3 @@
+export * from "./IframeLinkEditorPanel.js";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/features/panels/IframeLinkEditorPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/panels/IframeLinkEditorPanel/index.tsx"],"sourcesContent":["export * from \"./IframeLinkEditorPanel.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,6BAA6B"}

package/dist/fields/TiptapEditor/features/panels/InsideLinksEditorPanel/InsideLinksEditorPanel.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContentRelationship } from "src/fields/TiptapEditor/extensions/InsideLinks/InsideLink.client.jsx";
+import { Surface } from "../../ui/Surface.jsx";
+export const InsideLinksEditorPanel = ({ onRelationshipSelect, onCancel })=>{
+    return /*#__PURE__*/ _jsx(Surface, {
+        className: "p-2",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col items-center gap-2 p-1",
+            children: [
+                /*#__PURE__*/ _jsx(ContentRelationship, {
+                    setRelationship: ({ id, thumbnail, title, type, url })=>{
+                        onRelationshipSelect({
+                            id,
+                            thumbnail,
+                            title,
+                            type,
+                            url
+                        });
+                    },
+                    cancelSelection: ()=>{
+                        onCancel();
+                    }
+                }),
+                /*#__PURE__*/ _jsx("span", {
+                    className: "mt-1 mb-0 text-sm",
+                    children: "Add Internal Link to Contents"
+                })
+            ]
+        })
+    });
+};
+
+//# sourceMappingURL=InsideLinksEditorPanel.js.map

package/dist/fields/TiptapEditor/features/panels/InsideLinksEditorPanel/InsideLinksEditorPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/panels/InsideLinksEditorPanel/InsideLinksEditorPanel.tsx"],"sourcesContent":["import { ContentRelationship } from \"src/fields/TiptapEditor/extensions/InsideLinks/InsideLink.client.jsx\";\nimport { Surface } from \"../../ui/Surface.jsx\";\n\nexport type InsideLinksEditorPanelProps = {\n  onRelationshipSelect: ({\n    thumbnail,\n    title,\n    id,\n    type,\n    url,\n  }: {\n    id: string;\n    type: string;\n    thumbnail: string;\n    title: string;\n    url: string;\n  }) => void;\n  onCancel: () => void;\n};\n\nexport const InsideLinksEditorPanel = ({\n  onRelationshipSelect,\n  onCancel,\n}: // initialOpenInNewTab,\nInsideLinksEditorPanelProps) => {\n  return (\n    <Surface className=\"p-2\">\n      <div className=\"flex flex-col items-center gap-2 p-1\">\n        <ContentRelationship\n          setRelationship={({ id, thumbnail, title, type, url }) => {\n            onRelationshipSelect({ id, thumbnail, title, type, url });\n          }}\n          cancelSelection={() => {\n            onCancel();\n          }}\n        />\n        <span className=\"mt-1 mb-0 text-sm\">Add Internal Link to Contents</span>\n      </div>\n    </Surface>\n  );\n};\n"],"names":["ContentRelationship","Surface","InsideLinksEditorPanel","onRelationshipSelect","onCancel","className","div","setRelationship","id","thumbnail","title","type","url","cancelSelection","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,mBAAmB,QAAQ,uEAAuE;AAC3G,SAASC,OAAO,QAAQ,uBAAuB;AAmB/C,OAAO,MAAMC,yBAAyB,CAAC,EACrCC,oBAAoB,EACpBC,QAAQ,EAEiB;IACzB,qBACE,KAACH;QAAQI,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,KAACL;oBACCO,iBAAiB,CAAC,EAAEC,EAAE,EAAEC,SAAS,EAAEC,KAAK,EAAEC,IAAI,EAAEC,GAAG,EAAE;wBACnDT,qBAAqB;4BAAEK;4BAAIC;4BAAWC;4BAAOC;4BAAMC;wBAAI;oBACzD;oBACAC,iBAAiB;wBACfT;oBACF;;8BAEF,KAACU;oBAAKT,WAAU;8BAAoB;;;;;AAI5C,EAAE"}

package/dist/fields/TiptapEditor/features/panels/InsideLinksEditorPanel/index.js

@@ -0,0 +1,3 @@
+export * from "./InsideLinksEditorPanel.jsx";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/features/panels/InsideLinksEditorPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/panels/InsideLinksEditorPanel/index.tsx"],"sourcesContent":["export * from \"./InsideLinksEditorPanel.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,+BAA+B"}