payload-richtext-tiptap 0.0.114 → 0.0.115

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  Iframe,\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  dir?: 'ltr'|'rtl' \n}\n\nexport const ExtensionKit = ({dir ='ltr', openAssetHQHandler }: 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            let title = asset.title;\n            if (i18next.language !== \"en\") {\n              title = asset.title_locale[i18next.language.toUpperCase()];\n            }\n            currentEditor\n              .chain()\n              .setImageBlockAt({\n                pos,\n                src: asset?.optimizedImageUrl || asset.fullUrl,\n                caption: title,\n              })\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    defaultAlignment: dir === \"rtl\" ? \"right\": \"left\",\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  Iframe,\n  AICommand,\n];\n\nexport default ExtensionKit;\n"],"names":["AICommand","AudioBlock","BlockquoteFigure","CharacterCount","Color","Document","Dropcursor","Facebook","Figcaption","FileHandler","Focus","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","Iframe","ImageUpload","History","Markdown","API","i18next","ExtensionKit","dir","openAssetHQHandler","configure","nested","levels","document","dropcursor","heading","horizontalRule","blockquote","history","codeBlock","openOnClick","multicolor","limit","allowedMimeTypes","onDrop","currentEditor","files","pos","file","asset","title","language","title_locale","toUpperCase","chain","setImageBlockAt","src","optimizedImageUrl","fullUrl","caption","focus","run","onPaste","forEach","url","uploadImage","state","selection","anchor","extend","addKeyboardShortcuts","defaultAlignment","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  Iframe,\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  dir?: 'ltr'|'rtl' \n}\n\nexport const ExtensionKit = ({dir ='ltr', openAssetHQHandler }: 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            let title = asset.title;\n            if (i18next.language !== \"en\") {\n              title = asset.title_locale[i18next.language.toUpperCase()];\n            }\n            currentEditor\n              .chain()\n              .setImageBlockAt({\n                pos,\n                src: asset?.optimizedImageUrl || asset.fullUrl,\n                caption: title,\n              })\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    defaultAlignment: dir === \"rtl\" ? \"right\": \"left\",\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  Iframe,\n  AICommand,\n];\n\nexport default ExtensionKit;\n"],"names":["AICommand","AudioBlock","BlockquoteFigure","CharacterCount","Document","Dropcursor","Facebook","Figcaption","FileHandler","Focus","Heading","HorizontalRule","ImageBlock","InsideLinks","Instagram","Link","Linkedin","Placeholder","Selection","SlashCommand","StarterKit","Subscript","Superscript","TaskItem","TaskList","TextAlign","TextStyle","Tiktok","TrailingNode","Twitter","Typography","Underline","VideoBlock","Youtube","Iframe","ImageUpload","History","Markdown","API","i18next","ExtensionKit","dir","openAssetHQHandler","configure","nested","levels","document","dropcursor","heading","horizontalRule","blockquote","history","codeBlock","openOnClick","limit","allowedMimeTypes","onDrop","currentEditor","files","pos","file","asset","title","language","title_locale","toUpperCase","chain","setImageBlockAt","src","optimizedImageUrl","fullUrl","caption","focus","run","onPaste","forEach","url","uploadImage","state","selection","anchor","extend","addKeyboardShortcuts","defaultAlignment","types","includeChildren","showOnlyCurrent","placeholder","width","class"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.d.ts

@@ -0,0 +1,4 @@
+export declare function ContentEmbedSupport({ body }: {
+    body: any;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ContentEmbedSupport.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentEmbedSupport.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.tsx"],"names":[],"mappings":"AAgJA,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE;;CAAA,+BAwB3C"}

package/dist/src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.js

@@ -0,0 +1,148 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Portal } from "@radix-ui/react-portal";
+import Image from "next/image.js";
+import { memo, useEffect, useState } from "react";
+import { FacebookEmbed, InstagramEmbed, LinkedInEmbed, TikTokEmbed, XEmbed, YouTubeEmbed } from "react-social-media-embed";
+import { cn } from "../../lib/utils/index.js";
+import VideoBlockViewClientside from "../VideoBlock/components/VideoBlockViewClientside.js";
+import { SocialMediaEmbedServerside } from "../SocialMedia/SocialMediaEmbedServerside.js";
+import InsideLinksComponent from "../InsideLinks/InsideLinksComponent.js";
+const renderContent = (content)=>{
+    switch(content.type){
+        case "twitter":
+            if (!checkIfValidLink(content.attrs.url)) {
+                return null;
+            }
+            return /*#__PURE__*/ _jsx(SocialMediaEmbedServerside, {
+                children: /*#__PURE__*/ _jsx(XEmbed, {
+                    url: content.attrs.url || "",
+                    width: 325
+                })
+            });
+        case "youtube":
+            if (!checkIfValidLink(content.attrs.url)) {
+                return null;
+            }
+            return /*#__PURE__*/ _jsx(SocialMediaEmbedServerside, {
+                children: /*#__PURE__*/ _jsx(YouTubeEmbed, {
+                    url: content.attrs.url || ""
+                })
+            });
+        case "instagram":
+            if (!checkIfValidLink(content.attrs.url)) {
+                return null;
+            }
+            return /*#__PURE__*/ _jsx(SocialMediaEmbedServerside, {
+                children: /*#__PURE__*/ _jsx(InstagramEmbed, {
+                    className: "max-w-[328px]",
+                    url: content.attrs.url || "",
+                    width: 328,
+                    captioned: true
+                })
+            });
+        case "tiktok":
+            if (!checkIfValidLink(content.attrs.url)) {
+                return null;
+            }
+            return /*#__PURE__*/ _jsx(SocialMediaEmbedServerside, {
+                children: /*#__PURE__*/ _jsx(TikTokEmbed, {
+                    className: "max-w-[328px]",
+                    url: content.attrs.url || "",
+                    width: 328
+                })
+            });
+        case "imageBlock":
+            return /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: cn("relative object-cover", {
+                            "aspect-video": !content.attrs.height
+                        }),
+                        style: {
+                            width: content.attrs.width || "100%",
+                            ...content.attrs.height ? {
+                                height: content.attrs.height
+                            } : {}
+                        },
+                        children: /*#__PURE__*/ _jsx(Image, {
+                            className: "rounded",
+                            src: content.attrs.src,
+                            alt: content.attrs.alt || content.attrs.caption,
+                            fill: true
+                        })
+                    }),
+                    content.attrs?.caption ? /*#__PURE__*/ _jsx("p", {
+                        className: cn("tiptap-image-caption", "pt-2 font-sf text-sm font-light text-grey-7 mx-6 sm:mx-0 line-clamp-2"),
+                        children: content.attrs?.caption
+                    }) : null
+                ]
+            });
+        case "videoBlock":
+            // @ts-ignore
+            return /*#__PURE__*/ _jsx(VideoBlockViewClientside, {
+                node: content
+            });
+        case "facebook":
+            return /*#__PURE__*/ _jsx(SocialMediaEmbedServerside, {
+                children: /*#__PURE__*/ _jsx(FacebookEmbed, {
+                    url: content.attrs.url || "",
+                    width: 550
+                })
+            });
+        case "linkedin":
+            if (!checkIfValidLink(content.attrs.url)) {
+                return null;
+            }
+            return /*#__PURE__*/ _jsx(SocialMediaEmbedServerside, {
+                children: /*#__PURE__*/ _jsx(LinkedInEmbed, {
+                    url: content.attrs.url || "",
+                    width: 325,
+                    height: 570
+                })
+            });
+        case "insideLinks":
+            return /*#__PURE__*/ _jsx(InsideLinksComponent, {
+                ...content
+            });
+        case "iframe":
+            return /*#__PURE__*/ _jsx(SocialMediaEmbedServerside, {
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "iframe-wrapper",
+                    children: /*#__PURE__*/ _jsx("iframe", {
+                        src: content?.attrs?.src ?? "",
+                        allowFullScreen: true
+                    })
+                })
+            });
+        default:
+            return null;
+    }
+};
+const CustomPortal = /*#__PURE__*/ memo(({ content, ...props })=>{
+    useEffect(()=>{}, []);
+    return /*#__PURE__*/ _jsx(Portal, {
+        ...props,
+        children: renderContent(content)
+    });
+});
+function checkIfValidLink(link) {
+    return typeof link === "string";
+}
+export function ContentEmbedSupport({ body }) {
+    const [mounted, setMounted] = useState(false);
+    useEffect(()=>{
+        setMounted(true);
+    }, []);
+    if (!mounted) return null;
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: body.content.filter((content)=>content?.attrs?.["data-id"]).map((content)=>{
+            return /*#__PURE__*/ _jsx(CustomPortal, {
+                container: document?.querySelector(`[data-id='${content.attrs["data-id"]}']`),
+                content: content
+            }, `embed-content-${content.attrs["data-id"]}-${content.attrs.key}`);
+        })
+    });
+}
+
+//# sourceMappingURL=ContentEmbedSupport.js.map

package/dist/src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.tsx"],"sourcesContent":["\"use client\";\n\nimport { Portal } from \"@radix-ui/react-portal\";\nimport Image from \"next/image.js\";\nimport { ComponentProps, memo, useEffect, useState } from \"react\";\nimport {\n  FacebookEmbed,\n  InstagramEmbed,\n  LinkedInEmbed,\n  TikTokEmbed,\n  XEmbed,\n  YouTubeEmbed,\n} from \"react-social-media-embed\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport VideoBlockViewClientside from \"../VideoBlock/components/VideoBlockViewClientside.js\";\nimport { SocialMediaEmbedServerside } from \"../SocialMedia/SocialMediaEmbedServerside.js\";\nimport InsideLinksComponent from \"../InsideLinks/InsideLinksComponent.js\";\n\nconst renderContent = (content) => {\n  switch (content.type) {\n    case \"twitter\":\n      if (!checkIfValidLink(content.attrs.url)) {\n        return null;\n      }\n      return (\n        <SocialMediaEmbedServerside>\n          <XEmbed url={content.attrs.url || \"\"} width={325} />\n        </SocialMediaEmbedServerside>\n      );\n    case \"youtube\":\n      if (!checkIfValidLink(content.attrs.url)) {\n        return null;\n      }\n      return (\n        <SocialMediaEmbedServerside>\n          <YouTubeEmbed url={content.attrs.url || \"\"} />\n        </SocialMediaEmbedServerside>\n      );\n    case \"instagram\":\n      if (!checkIfValidLink(content.attrs.url)) {\n        return null;\n      }\n      return (\n        <SocialMediaEmbedServerside>\n          <InstagramEmbed\n            className=\"max-w-[328px]\"\n            url={content.attrs.url || \"\"}\n            width={328}\n            captioned\n          />\n        </SocialMediaEmbedServerside>\n      );\n    case \"tiktok\":\n      if (!checkIfValidLink(content.attrs.url)) {\n        return null;\n      }\n      return (\n        <SocialMediaEmbedServerside>\n          <TikTokEmbed\n            className=\"max-w-[328px]\"\n            url={content.attrs.url || \"\"}\n            width={328}\n          />\n        </SocialMediaEmbedServerside>\n      );\n    case \"imageBlock\":\n      return (\n        <>\n          <div\n            className={cn(\"relative object-cover\", {\n              \"aspect-video\": !content.attrs.height,\n            })}\n            style={{\n              width: content.attrs.width || \"100%\",\n              ...(content.attrs.height ? { height: content.attrs.height } : {}),\n            }}\n          >\n            {/* @ts-ignore */}\n            <Image\n              className=\"rounded\"\n              src={content.attrs.src}\n              alt={content.attrs.alt || content.attrs.caption}\n              fill\n            />\n          </div>\n          {content.attrs?.caption ? (\n            <p\n              className={cn(\n                \"tiptap-image-caption\",\n                \"pt-2 font-sf text-sm font-light text-grey-7 mx-6 sm:mx-0 line-clamp-2\"\n              )}\n            >\n              {content.attrs?.caption}\n            </p>\n          ) : null}\n        </>\n      );\n    case \"videoBlock\":\n      // @ts-ignore\n      return <VideoBlockViewClientside node={content} />;\n    case \"facebook\":\n      return (\n        <SocialMediaEmbedServerside>\n          <FacebookEmbed url={content.attrs.url || \"\"} width={550} />\n        </SocialMediaEmbedServerside>\n      );\n    case \"linkedin\":\n      if (!checkIfValidLink(content.attrs.url)) {\n        return null;\n      }\n      return (\n        <SocialMediaEmbedServerside>\n          <LinkedInEmbed\n            url={content.attrs.url || \"\"}\n            width={325}\n            height={570}\n          />\n        </SocialMediaEmbedServerside>\n      );\n    case \"insideLinks\":\n      return <InsideLinksComponent {...content} />;\n    case \"iframe\":\n      return (\n        <SocialMediaEmbedServerside>\n          <div className=\"iframe-wrapper\">\n            <iframe src={content?.attrs?.src ?? \"\"} allowFullScreen={true} />\n          </div>\n        </SocialMediaEmbedServerside>\n      );\n    default:\n      return null;\n  }\n};\n\nconst CustomPortal = memo(\n  ({ content, ...props }: ComponentProps<typeof Portal>) => {\n    useEffect(() => {}, []);\n    return <Portal {...props}>{renderContent(content)}</Portal>;\n  }\n);\n\nfunction checkIfValidLink(link: string) {\n  return typeof link === \"string\";\n}\nexport function ContentEmbedSupport({ body }) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) return null;\n  return (\n    <>\n      {body.content\n        .filter((content) => content?.attrs?.[\"data-id\"])\n        .map((content) => {\n          return (\n            <CustomPortal\n              key={`embed-content-${content.attrs[\"data-id\"]}-${content.attrs.key}`}\n              container={document?.querySelector(\n                `[data-id='${content.attrs[\"data-id\"]}']`\n              )}\n              content={content}\n            />\n          );\n        })}\n    </>\n  );\n}\n"],"names":["Portal","Image","memo","useEffect","useState","FacebookEmbed","InstagramEmbed","LinkedInEmbed","TikTokEmbed","XEmbed","YouTubeEmbed","cn","VideoBlockViewClientside","SocialMediaEmbedServerside","InsideLinksComponent","renderContent","content","type","checkIfValidLink","attrs","url","width","className","captioned","div","height","style","src","alt","caption","fill","p","node","iframe","allowFullScreen","CustomPortal","props","link","ContentEmbedSupport","body","mounted","setMounted","filter","map","container","document","querySelector","key"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/extensions/serverside/EmbedContentInlineRenderer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/EmbedContentInlineRenderer.tsx"],"sourcesContent":["\"use client\";\n\nimport { Portal } from \"@radix-ui/react-portal\";\nimport { ComponentProps, memo, useEffect, useState } from \"react\";\n\nimport { renderEmbedContent } from \"./RenderEmbedClientSide.js\";\n\nconst CustomPortal = memo(\n  ({ content, ...props }: ComponentProps<typeof Portal>) => {\n    useEffect(() => {}, []);\n    return <Portal {...props}>{renderEmbedContent(content)}</Portal>;\n  }\n);\n\nexport function EmbedContentInlineRenderer({ body }) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) return null;\n  return (\n    <>\n      {body.content\n        .filter((content) => content?.attrs?.[\"data-id\"])\n        .map((content) => {\n          return (\n            <CustomPortal\n              key={`embed-content-inline-${content.attrs[\"data-id\"]}-${content.attrs.key}`}\n              container={document?.querySelector(\n                `[data-id='${content.attrs[\"data-id\"]}']`\n              )}\n              content={content}\n            />\n          );\n        })}\n    </>\n  );\n}\n"],"names":["Portal","memo","useEffect","useState","renderEmbedContent","CustomPortal","content","props","EmbedContentInlineRenderer","body","mounted","setMounted","filter","attrs","map","container","document","querySelector","key"],"mappings":"AAAA;;AAEA,SAASA,MAAM,QAAQ,yBAAyB;AAChD,SAAyBC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAElE,SAASC,kBAAkB,QAAQ,6BAA6B;AAEhE,MAAMC,6BAAeJ,KACnB,CAAC,EAAEK,OAAO,EAAE,GAAGC,OAAsC;IACnDL,UAAU,KAAO,GAAG,EAAE;IACtB,qBAAO,KAACF;QAAQ,GAAGO,KAAK;kBAAGH,mBAAmBE;;AAChD;AAGF,OAAO,SAASE,2BAA2B,EAAEC,IAAI,EAAE;IACjD,MAAM,CAACC,SAASC,WAAW,GAAGR,SAAS;IACvCD,UAAU;QACRS,WAAW;IACb,GAAG,EAAE;IAEL,IAAI,CAACD,SAAS,OAAO;IACrB,qBACE;kBACGD,KAAKH,OAAO,CACVM,MAAM,CAAC,CAACN,UAAYA,SAASO,OAAO,CAAC,UAAU,EAC/CC,GAAG,CAAC,CAACR;YACJ,qBACE,KAACD;gBAECU,WAAWC,UAAUC,cACnB,CAAC,UAAU,EAAEX,QAAQO,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;gBAE3CP,SAASA;eAJJ,CAAC,qBAAqB,EAAEA,QAAQO,KAAK,CAAC,UAAU,CAAC,CAAC,EAAEP,QAAQO,KAAK,CAACK,GAAG,EAAE;QAOlF;;AAGR"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/EmbedContentInlineRenderer.tsx"],"sourcesContent":["\"use client\";\n\nimport { Portal } from \"@radix-ui/react-portal\";\nimport { ComponentProps, memo, useEffect, useState } from \"react\";\n\nimport { renderEmbedContent } from \"./RenderEmbedClientSide.js\";\n\nconst CustomPortal = memo(\n  ({ content, ...props }: ComponentProps<typeof Portal>) => {\n    useEffect(() => {}, []);\n    return <Portal {...props}>{renderEmbedContent(content)}</Portal>;\n  }\n);\n\nexport function EmbedContentInlineRenderer({ body }) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) return null;\n  return (\n    <>\n      {body.content\n        .filter((content) => content?.attrs?.[\"data-id\"])\n        .map((content) => {\n          return (\n            <CustomPortal\n              key={`embed-content-inline-${content.attrs[\"data-id\"]}-${content.attrs.key}`}\n              container={document?.querySelector(\n                `[data-id='${content.attrs[\"data-id\"]}']`\n              )}\n              content={content}\n            />\n          );\n        })}\n    </>\n  );\n}\n"],"names":["Portal","memo","useEffect","useState","renderEmbedContent","CustomPortal","content","props","EmbedContentInlineRenderer","body","mounted","setMounted","filter","attrs","map","container","document","querySelector","key"],"mappings":"AAAA;;AAEA,SAASA,MAAM,QAAQ,yBAAyB;AAChD,SAAyBC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAElE,SAASC,kBAAkB,QAAQ,6BAA6B;AAEhE,MAAMC,6BAAeJ,KACnB,CAAC,EAAEK,OAAO,EAAE,GAAGC,OAAsC;IACnDL,UAAU,KAAO,GAAG,EAAE;IACtB,qBAAO,KAACF;QAAQ,GAAGO,KAAK;kBAAGH,mBAAmBE;;AAChD;AAGF,OAAO,SAASE,2BAA2B,EAAEC,IAAI,EAAE;IACjD,MAAM,CAACC,SAASC,WAAW,GAAGR,SAAS;IACvCD,UAAU;QACRS,WAAW;IACb,GAAG,EAAE;IAEL,IAAI,CAACD,SAAS,OAAO;IACrB,qBACE;kBACGD,KAAKH,OAAO,CACVM,MAAM,CAAC,CAACN,UAAYA,SAASO,OAAO,CAAC,UAAU,EAC/CC,GAAG,CAAC,CAACR;YACJ,qBACE,KAACD;gBAECU,WAAWC,UAAUC,cACnB,CAAC,UAAU,EAAEX,QAAQO,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;gBAE3CP,SAASA;eAJJ,CAAC,qBAAqB,EAAEA,QAAQO,KAAK,CAAC,UAAU,CAAC,CAAC,EAAEP,QAAQO,KAAK,CAACK,GAAG,CAAC,CAAC;QAOlF;;AAGR"}

package/dist/src/fields/TiptapEditor/extensions/serverside/EmbedContentSideRenderer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/EmbedContentSideRenderer.tsx"],"sourcesContent":["\"use client\";\n\nimport { Portal } from \"@radix-ui/react-portal\";\nimport { ComponentProps, memo, useEffect, useState } from \"react\";\n\nimport { renderEmbedContent } from \"./RenderEmbedClientSide.js\";\n\nconst CustomPortal = memo(\n  ({ content, ...props }: ComponentProps<typeof Portal>) => {\n    useEffect(() => {}, []);\n    return <Portal {...props}>{renderEmbedContent(content)}</Portal>;\n  }\n);\n\nexport function EmbedContentSideRenderer({ body }) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) return null;\n  return (\n    <>\n      {body.content\n        .filter((content) => content?.attrs?.[\"data-id\"])\n        .filter((content) => content?.attrs?.side)\n        .map((content) => {\n          return (\n            <CustomPortal\n              key={`embed-content-side-${content.attrs[\"data-id\"]}-${content.attrs.key}`}\n              container={document?.querySelector(\n                `[data-id='${content.attrs[\"data-id\"]}']`\n              )}\n              content={content}\n            />\n          );\n        })}\n    </>\n  );\n}\n"],"names":["Portal","memo","useEffect","useState","renderEmbedContent","CustomPortal","content","props","EmbedContentSideRenderer","body","mounted","setMounted","filter","attrs","side","map","container","document","querySelector","key"],"mappings":"AAAA;;AAEA,SAASA,MAAM,QAAQ,yBAAyB;AAChD,SAAyBC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAElE,SAASC,kBAAkB,QAAQ,6BAA6B;AAEhE,MAAMC,6BAAeJ,KACnB,CAAC,EAAEK,OAAO,EAAE,GAAGC,OAAsC;IACnDL,UAAU,KAAO,GAAG,EAAE;IACtB,qBAAO,KAACF;QAAQ,GAAGO,KAAK;kBAAGH,mBAAmBE;;AAChD;AAGF,OAAO,SAASE,yBAAyB,EAAEC,IAAI,EAAE;IAC/C,MAAM,CAACC,SAASC,WAAW,GAAGR,SAAS;IACvCD,UAAU;QACRS,WAAW;IACb,GAAG,EAAE;IAEL,IAAI,CAACD,SAAS,OAAO;IACrB,qBACE;kBACGD,KAAKH,OAAO,CACVM,MAAM,CAAC,CAACN,UAAYA,SAASO,OAAO,CAAC,UAAU,EAC/CD,MAAM,CAAC,CAACN,UAAYA,SAASO,OAAOC,MACpCC,GAAG,CAAC,CAACT;YACJ,qBACE,KAACD;gBAECW,WAAWC,UAAUC,cACnB,CAAC,UAAU,EAAEZ,QAAQO,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;gBAE3CP,SAASA;eAJJ,CAAC,mBAAmB,EAAEA,QAAQO,KAAK,CAAC,UAAU,CAAC,CAAC,EAAEP,QAAQO,KAAK,CAACM,GAAG,EAAE;QAOhF;;AAGR"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/EmbedContentSideRenderer.tsx"],"sourcesContent":["\"use client\";\n\nimport { Portal } from \"@radix-ui/react-portal\";\nimport { ComponentProps, memo, useEffect, useState } from \"react\";\n\nimport { renderEmbedContent } from \"./RenderEmbedClientSide.js\";\n\nconst CustomPortal = memo(\n  ({ content, ...props }: ComponentProps<typeof Portal>) => {\n    useEffect(() => {}, []);\n    return <Portal {...props}>{renderEmbedContent(content)}</Portal>;\n  }\n);\n\nexport function EmbedContentSideRenderer({ body }) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) return null;\n  return (\n    <>\n      {body.content\n        .filter((content) => content?.attrs?.[\"data-id\"])\n        .filter((content) => content?.attrs?.side)\n        .map((content) => {\n          return (\n            <CustomPortal\n              key={`embed-content-side-${content.attrs[\"data-id\"]}-${content.attrs.key}`}\n              container={document?.querySelector(\n                `[data-id='${content.attrs[\"data-id\"]}']`\n              )}\n              content={content}\n            />\n          );\n        })}\n    </>\n  );\n}\n"],"names":["Portal","memo","useEffect","useState","renderEmbedContent","CustomPortal","content","props","EmbedContentSideRenderer","body","mounted","setMounted","filter","attrs","side","map","container","document","querySelector","key"],"mappings":"AAAA;;AAEA,SAASA,MAAM,QAAQ,yBAAyB;AAChD,SAAyBC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAElE,SAASC,kBAAkB,QAAQ,6BAA6B;AAEhE,MAAMC,6BAAeJ,KACnB,CAAC,EAAEK,OAAO,EAAE,GAAGC,OAAsC;IACnDL,UAAU,KAAO,GAAG,EAAE;IACtB,qBAAO,KAACF;QAAQ,GAAGO,KAAK;kBAAGH,mBAAmBE;;AAChD;AAGF,OAAO,SAASE,yBAAyB,EAAEC,IAAI,EAAE;IAC/C,MAAM,CAACC,SAASC,WAAW,GAAGR,SAAS;IACvCD,UAAU;QACRS,WAAW;IACb,GAAG,EAAE;IAEL,IAAI,CAACD,SAAS,OAAO;IACrB,qBACE;kBACGD,KAAKH,OAAO,CACVM,MAAM,CAAC,CAACN,UAAYA,SAASO,OAAO,CAAC,UAAU,EAC/CD,MAAM,CAAC,CAACN,UAAYA,SAASO,OAAOC,MACpCC,GAAG,CAAC,CAACT;YACJ,qBACE,KAACD;gBAECW,WAAWC,UAAUC,cACnB,CAAC,UAAU,EAAEZ,QAAQO,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;gBAE3CP,SAASA;eAJJ,CAAC,mBAAmB,EAAEA,QAAQO,KAAK,CAAC,UAAU,CAAC,CAAC,EAAEP,QAAQO,KAAK,CAACM,GAAG,CAAC,CAAC;QAOhF;;AAGR"}

package/dist/src/fields/TiptapEditor/extensions/serverside/EmbedContentSidebarRenderer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/EmbedContentSidebarRenderer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { renderEmbedContent } from \"./RenderEmbedClientSide.js\";\nconst HEIGHT = 320;\n\nfunction getContainerElement(containerId) {\n  if (typeof window === \"undefined\" || !containerId) return null;\n  return document.getElementById(containerId);\n}\n\nexport function EmbedContentSidebarRenderer({ body, containerId }) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setTimeout(() => {\n      setMounted(true);\n    }, 200);\n  }, []);\n  const containerEl = useRef(getContainerElement(containerId));\n  if (!mounted || typeof window === \"undefined\") return null;\n  if (!containerEl.current) {\n    containerEl.current = getContainerElement(containerId);\n  }\n  let lastRenderedPixel =\n    containerEl.current?.getBoundingClientRect()?.top + window.scrollY ||\n    window.innerHeight;\n\n  return (\n    <>\n      {body.content\n        .filter((content) => content?.attrs?.[\"data-id\"])\n        .filter((content) => content?.attrs?.side)\n        .map((content) => {\n          const el = document?.querySelector(\n            `[data-id='${content.attrs[\"data-id\"]}']`\n          );\n          const relativeTopPosition = el.getBoundingClientRect().top;\n          const topPosition = relativeTopPosition + window.scrollY;\n\n          const tempBottomPixel = lastRenderedPixel;\n\n          const marginTop = Math.max(\n            8,\n            topPosition - tempBottomPixel - HEIGHT / 2\n          );\n          lastRenderedPixel = topPosition + HEIGHT;\n          console.log(\n            topPosition,\n            tempBottomPixel,\n            marginTop,\n            window.innerHeight\n          );\n          return (\n            <div\n              key={`embed-content-sidebar-${content.attrs[\"data-id\"]}-${content.attrs.key}`}\n              className=\"w-full\"\n              style={{ marginTop }}\n            >\n              {renderEmbedContent(content)}\n            </div>\n          );\n        })}\n    </>\n  );\n}\n"],"names":["useEffect","useRef","useState","renderEmbedContent","HEIGHT","getContainerElement","containerId","window","document","getElementById","EmbedContentSidebarRenderer","body","mounted","setMounted","setTimeout","containerEl","current","lastRenderedPixel","getBoundingClientRect","top","scrollY","innerHeight","content","filter","attrs","side","map","el","querySelector","relativeTopPosition","topPosition","tempBottomPixel","marginTop","Math","max","console","log","div","className","style","key"],"mappings":"AAAA;;AAEA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AACpD,SAASC,kBAAkB,QAAQ,6BAA6B;AAChE,MAAMC,SAAS;AAEf,SAASC,oBAAoBC,WAAW;IACtC,IAAI,OAAOC,WAAW,eAAe,CAACD,aAAa,OAAO;IAC1D,OAAOE,SAASC,cAAc,CAACH;AACjC;AAEA,OAAO,SAASI,4BAA4B,EAAEC,IAAI,EAAEL,WAAW,EAAE;IAC/D,MAAM,CAACM,SAASC,WAAW,GAAGX,SAAS;IACvCF,UAAU;QACRc,WAAW;YACTD,WAAW;QACb,GAAG;IACL,GAAG,EAAE;IACL,MAAME,cAAcd,OAAOI,oBAAoBC;IAC/C,IAAI,CAACM,WAAW,OAAOL,WAAW,aAAa,OAAO;IACtD,IAAI,CAACQ,YAAYC,OAAO,EAAE;QACxBD,YAAYC,OAAO,GAAGX,oBAAoBC;IAC5C;IACA,IAAIW,oBACFF,YAAYC,OAAO,EAAEE,yBAAyBC,MAAMZ,OAAOa,OAAO,IAClEb,OAAOc,WAAW;IAEpB,qBACE;kBACGV,KAAKW,OAAO,CACVC,MAAM,CAAC,CAACD,UAAYA,SAASE,OAAO,CAAC,UAAU,EAC/CD,MAAM,CAAC,CAACD,UAAYA,SAASE,OAAOC,MACpCC,GAAG,CAAC,CAACJ;YACJ,MAAMK,KAAKnB,UAAUoB,cACnB,CAAC,UAAU,EAAEN,QAAQE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;YAE3C,MAAMK,sBAAsBF,GAAGT,qBAAqB,GAAGC,GAAG;YAC1D,MAAMW,cAAcD,sBAAsBtB,OAAOa,OAAO;YAExD,MAAMW,kBAAkBd;YAExB,MAAMe,YAAYC,KAAKC,GAAG,CACxB,GACAJ,cAAcC,kBAAkB3B,SAAS;YAE3Ca,oBAAoBa,cAAc1B;YAClC+B,QAAQC,GAAG,CACTN,aACAC,iBACAC,WACAzB,OAAOc,WAAW;YAEpB,qBACE,KAACgB;gBAECC,WAAU;gBACVC,OAAO;oBAAEP;gBAAU;0BAElB7B,mBAAmBmB;eAJf,CAAC,sBAAsB,EAAEA,QAAQE,KAAK,CAAC,UAAU,CAAC,CAAC,EAAEF,QAAQE,KAAK,CAACgB,GAAG,EAAE;QAOnF;;AAGR"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/EmbedContentSidebarRenderer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { renderEmbedContent } from \"./RenderEmbedClientSide.js\";\nconst HEIGHT = 320;\n\nfunction getContainerElement(containerId) {\n  if (typeof window === \"undefined\" || !containerId) return null;\n  return document.getElementById(containerId);\n}\n\nexport function EmbedContentSidebarRenderer({ body, containerId }) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setTimeout(() => {\n      setMounted(true);\n    }, 200);\n  }, []);\n  const containerEl = useRef(getContainerElement(containerId));\n  if (!mounted || typeof window === \"undefined\") return null;\n  if (!containerEl.current) {\n    containerEl.current = getContainerElement(containerId);\n  }\n  let lastRenderedPixel =\n    containerEl.current?.getBoundingClientRect()?.top + window.scrollY ||\n    window.innerHeight;\n\n  return (\n    <>\n      {body.content\n        .filter((content) => content?.attrs?.[\"data-id\"])\n        .filter((content) => content?.attrs?.side)\n        .map((content) => {\n          const el = document?.querySelector(\n            `[data-id='${content.attrs[\"data-id\"]}']`\n          );\n          const relativeTopPosition = el.getBoundingClientRect().top;\n          const topPosition = relativeTopPosition + window.scrollY;\n\n          const tempBottomPixel = lastRenderedPixel;\n\n          const marginTop = Math.max(\n            8,\n            topPosition - tempBottomPixel - HEIGHT / 2\n          );\n          lastRenderedPixel = topPosition + HEIGHT;\n          console.log(\n            topPosition,\n            tempBottomPixel,\n            marginTop,\n            window.innerHeight\n          );\n          return (\n            <div\n              key={`embed-content-sidebar-${content.attrs[\"data-id\"]}-${content.attrs.key}`}\n              className=\"w-full\"\n              style={{ marginTop }}\n            >\n              {renderEmbedContent(content)}\n            </div>\n          );\n        })}\n    </>\n  );\n}\n"],"names":["useEffect","useRef","useState","renderEmbedContent","HEIGHT","getContainerElement","containerId","window","document","getElementById","EmbedContentSidebarRenderer","body","mounted","setMounted","setTimeout","containerEl","current","lastRenderedPixel","getBoundingClientRect","top","scrollY","innerHeight","content","filter","attrs","side","map","el","querySelector","relativeTopPosition","topPosition","tempBottomPixel","marginTop","Math","max","console","log","div","className","style","key"],"mappings":"AAAA;;AAEA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AACpD,SAASC,kBAAkB,QAAQ,6BAA6B;AAChE,MAAMC,SAAS;AAEf,SAASC,oBAAoBC,WAAW;IACtC,IAAI,OAAOC,WAAW,eAAe,CAACD,aAAa,OAAO;IAC1D,OAAOE,SAASC,cAAc,CAACH;AACjC;AAEA,OAAO,SAASI,4BAA4B,EAAEC,IAAI,EAAEL,WAAW,EAAE;IAC/D,MAAM,CAACM,SAASC,WAAW,GAAGX,SAAS;IACvCF,UAAU;QACRc,WAAW;YACTD,WAAW;QACb,GAAG;IACL,GAAG,EAAE;IACL,MAAME,cAAcd,OAAOI,oBAAoBC;IAC/C,IAAI,CAACM,WAAW,OAAOL,WAAW,aAAa,OAAO;IACtD,IAAI,CAACQ,YAAYC,OAAO,EAAE;QACxBD,YAAYC,OAAO,GAAGX,oBAAoBC;IAC5C;IACA,IAAIW,oBACFF,YAAYC,OAAO,EAAEE,yBAAyBC,MAAMZ,OAAOa,OAAO,IAClEb,OAAOc,WAAW;IAEpB,qBACE;kBACGV,KAAKW,OAAO,CACVC,MAAM,CAAC,CAACD,UAAYA,SAASE,OAAO,CAAC,UAAU,EAC/CD,MAAM,CAAC,CAACD,UAAYA,SAASE,OAAOC,MACpCC,GAAG,CAAC,CAACJ;YACJ,MAAMK,KAAKnB,UAAUoB,cACnB,CAAC,UAAU,EAAEN,QAAQE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;YAE3C,MAAMK,sBAAsBF,GAAGT,qBAAqB,GAAGC,GAAG;YAC1D,MAAMW,cAAcD,sBAAsBtB,OAAOa,OAAO;YAExD,MAAMW,kBAAkBd;YAExB,MAAMe,YAAYC,KAAKC,GAAG,CACxB,GACAJ,cAAcC,kBAAkB3B,SAAS;YAE3Ca,oBAAoBa,cAAc1B;YAClC+B,QAAQC,GAAG,CACTN,aACAC,iBACAC,WACAzB,OAAOc,WAAW;YAEpB,qBACE,KAACgB;gBAECC,WAAU;gBACVC,OAAO;oBAAEP;gBAAU;0BAElB7B,mBAAmBmB;eAJf,CAAC,sBAAsB,EAAEA,QAAQE,KAAK,CAAC,UAAU,CAAC,CAAC,EAAEF,QAAQE,KAAK,CAACgB,GAAG,CAAC,CAAC;QAOnF;;AAGR"}

package/dist/src/fields/TiptapEditor/extensions/serverside/FacebookServerside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/FacebookServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from \"@tiptap/core\";\n\nexport const FacebookServerside = Node.create({\n  name: \"facebook\",\n\n  group: \"block\",\n  content: \"inline*\",\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"facebook\"]',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      \"data-id\": { default: null },\n      class: { default: \"inline-facebook\" },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"facebook\",\n        class: `react-renderer node-facebook ${HTMLAttributes.class}`,\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","FacebookServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","class","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,qBAAqBF,KAAKG,MAAM,CAAC;IAC5CC,MAAM;IAENC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAkB;QACtC;IACF;IACAE,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAb,gBAAgBa,gBAAgB;gBAC9B,aAAa;gBACbF,OAAO,CAAC,6BAA6B,EAAEE,eAAeF,KAAK,EAAE;YAC/D;YACA;SACD;IACH;AACF,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/FacebookServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from \"@tiptap/core\";\n\nexport const FacebookServerside = Node.create({\n  name: \"facebook\",\n\n  group: \"block\",\n  content: \"inline*\",\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"facebook\"]',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      \"data-id\": { default: null },\n      class: { default: \"inline-facebook\" },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"facebook\",\n        class: `react-renderer node-facebook ${HTMLAttributes.class}`,\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","FacebookServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","class","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,qBAAqBF,KAAKG,MAAM,CAAC;IAC5CC,MAAM;IAENC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAkB;QACtC;IACF;IACAE,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAb,gBAAgBa,gBAAgB;gBAC9B,aAAa;gBACbF,OAAO,CAAC,6BAA6B,EAAEE,eAAeF,KAAK,CAAC,CAAC;YAC/D;YACA;SACD;IACH;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/serverside/InstagramServerside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/InstagramServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from \"@tiptap/core\";\n\nexport const InstagramServerside = Node.create({\n  name: \"instagram\",\n\n  group: \"block\",\n  content: \"inline*\",\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"instagram\"]',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      \"data-id\": { default: null },\n      class: { default: \"inline-instagram\" },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"instagram\",\n        class: `react-renderer node-instagram ${HTMLAttributes.class}`,\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","InstagramServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","class","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,sBAAsBF,KAAKG,MAAM,CAAC;IAC7CC,MAAM;IAENC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAmB;QACvC;IACF;IACAE,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAb,gBAAgBa,gBAAgB;gBAC9B,aAAa;gBACbF,OAAO,CAAC,8BAA8B,EAAEE,eAAeF,KAAK,EAAE;YAChE;YACA;SACD;IACH;AACF,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/InstagramServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from \"@tiptap/core\";\n\nexport const InstagramServerside = Node.create({\n  name: \"instagram\",\n\n  group: \"block\",\n  content: \"inline*\",\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"instagram\"]',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      \"data-id\": { default: null },\n      class: { default: \"inline-instagram\" },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"instagram\",\n        class: `react-renderer node-instagram ${HTMLAttributes.class}`,\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","InstagramServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","class","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,sBAAsBF,KAAKG,MAAM,CAAC;IAC7CC,MAAM;IAENC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAmB;QACvC;IACF;IACAE,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAb,gBAAgBa,gBAAgB;gBAC9B,aAAa;gBACbF,OAAO,CAAC,8BAA8B,EAAEE,eAAeF,KAAK,CAAC,CAAC;YAChE;YACA;SACD;IACH;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from \"@tiptap/core\";\n\nexport const LinkedinServerside = Node.create({\n  name: \"linkedin\",\n\n  group: \"block\",\n  content: \"inline*\",\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"linkedin\"]',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      \"data-id\": { default: null },\n      class: { default: \"inline-tiktok\" },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"linkedin\",\n        class: `react-renderer node-linkedin ${HTMLAttributes.class}`,\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","LinkedinServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","class","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,qBAAqBF,KAAKG,MAAM,CAAC;IAC5CC,MAAM;IAENC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAgB;QACpC;IACF;IACAE,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAb,gBAAgBa,gBAAgB;gBAC9B,aAAa;gBACbF,OAAO,CAAC,6BAA6B,EAAEE,eAAeF,KAAK,EAAE;YAC/D;YACA;SACD;IACH;AACF,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from \"@tiptap/core\";\n\nexport const LinkedinServerside = Node.create({\n  name: \"linkedin\",\n\n  group: \"block\",\n  content: \"inline*\",\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"linkedin\"]',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      \"data-id\": { default: null },\n      class: { default: \"inline-tiktok\" },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"linkedin\",\n        class: `react-renderer node-linkedin ${HTMLAttributes.class}`,\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","LinkedinServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","class","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,qBAAqBF,KAAKG,MAAM,CAAC;IAC5CC,MAAM;IAENC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAgB;QACpC;IACF;IACAE,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAb,gBAAgBa,gBAAgB;gBAC9B,aAAa;gBACbF,OAAO,CAAC,6BAA6B,EAAEE,eAAeF,KAAK,CAAC,CAAC;YAC/D;YACA;SACD;IACH;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/serverside/TiktokServerside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/TiktokServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from \"@tiptap/core\";\n\nexport const TiktokServerside = Node.create({\n  name: \"tiktok\",\n\n  group: \"block\",\n  content: \"inline*\",\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"tiktok\"]',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      \"data-id\": { default: null },\n      class: { default: \"inline-tiktok\" },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"tiktok\",\n        class: `react-renderer node-tiktok ${HTMLAttributes.class}`,\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","TiktokServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","class","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,mBAAmBF,KAAKG,MAAM,CAAC;IAC1CC,MAAM;IAENC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAgB;QACpC;IACF;IACAE,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAb,gBAAgBa,gBAAgB;gBAC9B,aAAa;gBACbF,OAAO,CAAC,2BAA2B,EAAEE,eAAeF,KAAK,EAAE;YAC7D;YACA;SACD;IACH;AACF,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/TiktokServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from \"@tiptap/core\";\n\nexport const TiktokServerside = Node.create({\n  name: \"tiktok\",\n\n  group: \"block\",\n  content: \"inline*\",\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"tiktok\"]',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      \"data-id\": { default: null },\n      class: { default: \"inline-tiktok\" },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"tiktok\",\n        class: `react-renderer node-tiktok ${HTMLAttributes.class}`,\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","TiktokServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","class","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,mBAAmBF,KAAKG,MAAM,CAAC;IAC1CC,MAAM;IAENC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAgB;QACpC;IACF;IACAE,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAb,gBAAgBa,gBAAgB;gBAC9B,aAAa;gBACbF,OAAO,CAAC,2BAA2B,EAAEE,eAAeF,KAAK,CAAC,CAAC;YAC7D;YACA;SACD;IACH;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/serverside/TwitterBlockServerside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/TwitterBlockServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from \"@tiptap/core\";\n\nexport const TwitterBlockServerside = Node.create({\n  name: \"twitter\",\n  group: \"block\",\n  content: \"inline*\",\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"twitter\"',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      \"data-id\": { default: null },\n      class: { default: \"inline-twitter\" },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"twitter\",\n        class: `react-renderer node-twitter ${HTMLAttributes.class}`,\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","TwitterBlockServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","class","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,yBAAyBF,KAAKG,MAAM,CAAC;IAChDC,MAAM;IACNC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAiB;QACrC;IACF;IACAE,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAb,gBAAgBa,gBAAgB;gBAC9B,aAAa;gBACbF,OAAO,CAAC,4BAA4B,EAAEE,eAAeF,KAAK,EAAE;YAC9D;YACA;SACD;IACH;AACF,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/TwitterBlockServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from \"@tiptap/core\";\n\nexport const TwitterBlockServerside = Node.create({\n  name: \"twitter\",\n  group: \"block\",\n  content: \"inline*\",\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"twitter\"',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      \"data-id\": { default: null },\n      class: { default: \"inline-twitter\" },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"twitter\",\n        class: `react-renderer node-twitter ${HTMLAttributes.class}`,\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","TwitterBlockServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","class","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,yBAAyBF,KAAKG,MAAM,CAAC;IAChDC,MAAM;IACNC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAiB;QACrC;IACF;IACAE,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAb,gBAAgBa,gBAAgB;gBAC9B,aAAa;gBACbF,OAAO,CAAC,4BAA4B,EAAEE,eAAeF,KAAK,CAAC,CAAC;YAC9D;YACA;SACD;IACH;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/serverside/YouTubeServerside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/YouTubeServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from \"@tiptap/core\";\n\nexport const YouTubeServerside = Node.create({\n  name: \"youtube\",\n\n  group: \"block\",\n  content: \"inline*\",\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"youtube\"]',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      \"data-id\": { default: null },\n      class: { default: \"inline-youtube\" },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"youtube\",\n        class: `react-renderer node-youtube ${HTMLAttributes.class}`,\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","YouTubeServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","class","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,oBAAoBF,KAAKG,MAAM,CAAC;IAC3CC,MAAM;IAENC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAiB;QACrC;IACF;IACAE,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAb,gBAAgBa,gBAAgB;gBAC9B,aAAa;gBACbF,OAAO,CAAC,4BAA4B,EAAEE,eAAeF,KAAK,EAAE;YAC9D;YACA;SACD;IACH;AACF,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/YouTubeServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from \"@tiptap/core\";\n\nexport const YouTubeServerside = Node.create({\n  name: \"youtube\",\n\n  group: \"block\",\n  content: \"inline*\",\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"youtube\"]',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      \"data-id\": { default: null },\n      class: { default: \"inline-youtube\" },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"youtube\",\n        class: `react-renderer node-youtube ${HTMLAttributes.class}`,\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","YouTubeServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","class","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,oBAAoBF,KAAKG,MAAM,CAAC;IAC3CC,MAAM;IAENC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAiB;QACrC;IACF;IACAE,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAb,gBAAgBa,gBAAgB;gBAC9B,aAAa;gBACbF,OAAO,CAAC,4BAA4B,EAAEE,eAAeF,KAAK,CAAC,CAAC;YAC9D;YACA;SACD;IACH;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/serverside/useAppendIdToClientsideBlocks.d.ts

@@ -0,0 +1,2 @@
+export declare function appendIdToClientsideBlocks(body: any): any;
+//# sourceMappingURL=useAppendIdToClientsideBlocks.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/serverside/useAppendIdToClientsideBlocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppendIdToClientsideBlocks.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/useAppendIdToClientsideBlocks.ts"],"names":[],"mappings":"AAeA,wBAAgB,0BAA0B,CAAC,IAAI,KAAA,OAqB9C"}

package/dist/src/fields/TiptapEditor/extensions/serverside/useAppendIdToClientsideBlocks.js

@@ -0,0 +1,35 @@
+const FILTERED_ARTICLE = [
+    "imageUpload"
+];
+const SOCIAL_MEDIA = [
+    "twitter",
+    "youtube",
+    "facebook",
+    "instagram",
+    "linkedin",
+    "tiktok",
+    "imageBlock",
+    "videoBlock",
+    "insideLink"
+];
+export function appendIdToClientsideBlocks(body) {
+    if (!body) return body;
+    return {
+        ...body,
+        content: body?.content?.filter((c)=>!FILTERED_ARTICLE.includes(c.type))?.map((block, index)=>{
+            if (SOCIAL_MEDIA.includes(block.type)) {
+                return {
+                    ...block,
+                    attrs: {
+                        ...block.attrs,
+                        "data-id": index,
+                        key: Math.random()
+                    }
+                };
+            }
+            return block;
+        })
+    };
+}
+
+//# sourceMappingURL=useAppendIdToClientsideBlocks.js.map

package/dist/src/fields/TiptapEditor/extensions/serverside/useAppendIdToClientsideBlocks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/useAppendIdToClientsideBlocks.ts"],"sourcesContent":["import { useCallback } from \"react\";\n\nconst FILTERED_ARTICLE = [\"imageUpload\"];\n\nconst SOCIAL_MEDIA = [\n  \"twitter\",\n  \"youtube\",\n  \"facebook\",\n  \"instagram\",\n  \"linkedin\",\n  \"tiktok\",\n  \"imageBlock\",\n  \"videoBlock\",\n  \"insideLink\",\n];\nexport function appendIdToClientsideBlocks(body) {\n  if (!body) return body;\n  return {\n    ...body,\n    content: body?.content\n      ?.filter((c) => !FILTERED_ARTICLE.includes(c.type))\n      ?.map((block, index) => {\n        if (SOCIAL_MEDIA.includes(block.type)) {\n          return {\n            ...block,\n            attrs: {\n              ...block.attrs,\n              \"data-id\": index,\n              key: Math.random(),\n            },\n          };\n        }\n\n        return block;\n      }),\n  };\n}\n"],"names":["FILTERED_ARTICLE","SOCIAL_MEDIA","appendIdToClientsideBlocks","body","content","filter","c","includes","type","map","block","index","attrs","key","Math","random"],"mappings":"AAEA,MAAMA,mBAAmB;IAAC;CAAc;AAExC,MAAMC,eAAe;IACnB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AACD,OAAO,SAASC,2BAA2BC,IAAI;IAC7C,IAAI,CAACA,MAAM,OAAOA;IAClB,OAAO;QACL,GAAGA,IAAI;QACPC,SAASD,MAAMC,SACXC,OAAO,CAACC,IAAM,CAACN,iBAAiBO,QAAQ,CAACD,EAAEE,IAAI,IAC/CC,IAAI,CAACC,OAAOC;YACZ,IAAIV,aAAaM,QAAQ,CAACG,MAAMF,IAAI,GAAG;gBACrC,OAAO;oBACL,GAAGE,KAAK;oBACRE,OAAO;wBACL,GAAGF,MAAME,KAAK;wBACd,WAAWD;wBACXE,KAAKC,KAAKC,MAAM;oBAClB;gBACF;YACF;YAEA,OAAOL;QACT;IACJ;AACF"}

package/dist/src/fields/TiptapEditor/features/Sidebar/Sidebar.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Editor } from "@tiptap/react";
+export declare const Sidebar: React.MemoExoticComponent<({ editor, isOpen, onClose, }: {
+    editor: Editor;
+    isOpen?: boolean;
+    onClose: () => void;
+}) => React.JSX.Element>;
+//# sourceMappingURL=Sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAIvC,eAAO,MAAM,OAAO,2DAKf;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,uBA2BF,CAAC"}

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

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { memo, useCallback } from "react";
+import { TableOfContents } from "../TableOfContents/index.js";
+import { cn } from "../../lib/utils/index.js";
+export const Sidebar = /*#__PURE__*/ memo(({ editor, isOpen, onClose })=>{
+    const handlePotentialClose = useCallback(()=>{
+        if (window.innerWidth < 1024) {
+            onClose();
+        }
+    }, [
+        onClose
+    ]);
+    const windowClassName = cn("absolute top-0 left-0 bg-white lg:bg-white/30 lg:backdrop-blur-xl h-full lg:h-auto lg:relative z-[999] w-0 duration-300 transition-all", "dark:bg-black lg:dark:bg-black/30", !isOpen && "border-r-transparent", isOpen && "w-80 border-r border-r-neutral-200 dark:border-r-neutral-800");
+    return /*#__PURE__*/ _jsx("div", {
+        className: windowClassName,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "w-full h-full overflow-hidden",
+            children: /*#__PURE__*/ _jsx("div", {
+                className: "w-full h-full p-2 overflow-auto",
+                children: /*#__PURE__*/ _jsx(TableOfContents, {
+                    onItemClick: handlePotentialClose,
+                    editor: editor
+                })
+            })
+        })
+    });
+});
+Sidebar.displayName = "TableOfContentSidepanel";
+
+//# sourceMappingURL=Sidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/Sidebar/Sidebar.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { memo, useCallback } from \"react\";\nimport { Editor } from \"@tiptap/react\";\nimport { TableOfContents } from \"../TableOfContents/index.js\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nexport const Sidebar = memo(\n  ({\n    editor,\n    isOpen,\n    onClose,\n  }: {\n    editor: Editor;\n    isOpen?: boolean;\n    onClose: () => void;\n  }) => {\n    const handlePotentialClose = useCallback(() => {\n      if (window.innerWidth < 1024) {\n        onClose();\n      }\n    }, [onClose]);\n\n    const windowClassName = cn(\n      \"absolute top-0 left-0 bg-white lg:bg-white/30 lg:backdrop-blur-xl h-full lg:h-auto lg:relative z-[999] w-0 duration-300 transition-all\",\n      \"dark:bg-black lg:dark:bg-black/30\",\n      !isOpen && \"border-r-transparent\",\n      isOpen && \"w-80 border-r border-r-neutral-200 dark:border-r-neutral-800\"\n    );\n\n    return (\n      <div className={windowClassName}>\n        <div className=\"w-full h-full overflow-hidden\">\n          <div className=\"w-full h-full p-2 overflow-auto\">\n            <TableOfContents\n              onItemClick={handlePotentialClose}\n              editor={editor}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nSidebar.displayName = \"TableOfContentSidepanel\";\n"],"names":["React","memo","useCallback","TableOfContents","cn","Sidebar","editor","isOpen","onClose","handlePotentialClose","window","innerWidth","windowClassName","div","className","onItemClick","displayName"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,EAAEC,WAAW,QAAQ,QAAQ;AAE1C,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,EAAE,QAAQ,2BAA2B;AAE9C,OAAO,MAAMC,wBAAUJ,KACrB,CAAC,EACCK,MAAM,EACNC,MAAM,EACNC,OAAO,EAKR;IACC,MAAMC,uBAAuBP,YAAY;QACvC,IAAIQ,OAAOC,UAAU,GAAG,MAAM;YAC5BH;QACF;IACF,GAAG;QAACA;KAAQ;IAEZ,MAAMI,kBAAkBR,GACtB,0IACA,qCACA,CAACG,UAAU,wBACXA,UAAU;IAGZ,qBACE,KAACM;QAAIC,WAAWF;kBACd,cAAA,KAACC;YAAIC,WAAU;sBACb,cAAA,KAACD;gBAAIC,WAAU;0BACb,cAAA,KAACX;oBACCY,aAAaN;oBACbH,QAAQA;;;;;AAMpB,GACA;AAEFD,QAAQW,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/Sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Sidebar.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/fields/TiptapEditor/features/Sidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/src/fields/TiptapEditor/features/Sidebar/index.js

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

package/dist/src/fields/TiptapEditor/features/Sidebar/index.js.map

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

package/dist/src/fields/TiptapEditor/features/TableOfContents/TableOfContents.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Editor as CoreEditor } from "@tiptap/core";
+export type TableOfContentsProps = {
+    editor: CoreEditor;
+    onItemClick?: () => void;
+};
+export declare const TableOfContents: React.MemoExoticComponent<({ editor, onItemClick }: TableOfContentsProps) => React.JSX.Element>;
+//# sourceMappingURL=TableOfContents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableOfContents.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/TableOfContents/TableOfContents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAOpD,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe,sDACA,oBAAoB,uBAoD/C,CAAC"}

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

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { memo, useEffect, useState } from "react";
+import { cn } from "../../lib/utils/index.js";
+// import { toTranslationKey } from '@/languages'
+import { useTranslation } from "@payloadcms/ui/providers/Translation";
+export const TableOfContents = /*#__PURE__*/ memo(({ editor, onItemClick })=>{
+    const [data, setData] = useState(null);
+    useEffect(()=>{
+        const handler = ({ editor: currentEditor })=>{
+            setData({
+                ...currentEditor.extensionStorage.tableOfContents
+            });
+        };
+        handler({
+            editor
+        });
+        editor.on("update", handler);
+        editor.on("selectionUpdate", handler);
+        return ()=>{
+            editor.off("update", handler);
+            editor.off("selectionUpdate", handler);
+        };
+    }, [
+        editor
+    ]);
+    const { i18n } = useTranslation();
+    return /*#__PURE__*/ _jsxs("div", {
+        lang: i18n.language,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "mb-2 text-xs font-semibold uppercase text-neutral-500 dark:text-neutral-400"
+            }),
+            data && data.content.length > 0 ? /*#__PURE__*/ _jsx("div", {
+                className: "flex flex-col gap-1",
+                children: data.content.map((item)=>/*#__PURE__*/ _jsxs("a", {
+                        href: `#${item.id}`,
+                        style: {
+                            marginLeft: `${1 * item.level - 1}rem`
+                        },
+                        onClick: onItemClick,
+                        className: cn("block font-medium text-neutral-500 dark:text-neutral-300 p-1 rounded bg-opacity-10 text-sm hover:text-neutral-800 transition-all hover:bg-black hover:bg-opacity-5 truncate w-full", item.isActive && "text-neutral-800 bg-neutral-100 dark:text-neutral-100 dark:bg-neutral-900"),
+                        children: [
+                            item.itemIndex,
+                            ". ",
+                            item.textContent
+                        ]
+                    }, item.id))
+            }) : /*#__PURE__*/ _jsx("div", {
+                className: "text-sm text-neutral-500"
+            })
+        ]
+    });
+});
+TableOfContents.displayName = "TableOfContents";
+
+//# sourceMappingURL=TableOfContents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/TableOfContents/TableOfContents.tsx"],"sourcesContent":["import React from \"react\";\nimport { Editor as CoreEditor } from \"@tiptap/core\";\nimport { memo, useEffect, useState } from \"react\";\nimport { TableOfContentsStorage } from \"@tiptap-pro/extension-table-of-contents\";\nimport { cn } from \"../../lib/utils/index.js\";\n// import { toTranslationKey } from '@/languages'\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\n\nexport type TableOfContentsProps = {\n  editor: CoreEditor;\n  onItemClick?: () => void;\n};\n\nexport const TableOfContents = memo(\n  ({ editor, onItemClick }: TableOfContentsProps) => {\n    const [data, setData] = useState<TableOfContentsStorage | null>(null);\n\n    useEffect(() => {\n      const handler = ({ editor: currentEditor }: { editor: CoreEditor }) => {\n        setData({ ...currentEditor.extensionStorage.tableOfContents });\n      };\n\n      handler({ editor });\n\n      editor.on(\"update\", handler);\n      editor.on(\"selectionUpdate\", handler);\n\n      return () => {\n        editor.off(\"update\", handler);\n        editor.off(\"selectionUpdate\", handler);\n      };\n    }, [editor]);\n    const { i18n } = useTranslation();\n\n    return (\n      <div lang={i18n.language}>\n        <div className=\"mb-2 text-xs font-semibold uppercase text-neutral-500 dark:text-neutral-400\">\n          {/* {toTranslationKey('table_of_contents')}Table of Contents */}\n        </div>\n        {data && data.content.length > 0 ? (\n          <div className=\"flex flex-col gap-1\">\n            {data.content.map((item) => (\n              <a\n                key={item.id}\n                href={`#${item.id}`}\n                style={{ marginLeft: `${1 * item.level - 1}rem` }}\n                onClick={onItemClick}\n                className={cn(\n                  \"block font-medium text-neutral-500 dark:text-neutral-300 p-1 rounded bg-opacity-10 text-sm hover:text-neutral-800 transition-all hover:bg-black hover:bg-opacity-5 truncate w-full\",\n                  item.isActive &&\n                    \"text-neutral-800 bg-neutral-100 dark:text-neutral-100 dark:bg-neutral-900\"\n                )}\n              >\n                {item.itemIndex}. {item.textContent}\n              </a>\n            ))}\n          </div>\n        ) : (\n          <div className=\"text-sm text-neutral-500\">\n            {/* Start adding headlines to your document */}\n            {/* {toTranslationKey(\"start_adding_headlines_to_your_document\")} */}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nTableOfContents.displayName = \"TableOfContents\";\n"],"names":["React","memo","useEffect","useState","cn","useTranslation","TableOfContents","editor","onItemClick","data","setData","handler","currentEditor","extensionStorage","tableOfContents","on","off","i18n","div","lang","language","className","content","length","map","item","a","href","id","style","marginLeft","level","onClick","isActive","itemIndex","textContent","displayName"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAE1B,SAASC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAElD,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,iDAAiD;AACjD,SAASC,cAAc,QAAQ,uCAAuC;AAOtE,OAAO,MAAMC,gCAAkBL,KAC7B,CAAC,EAAEM,MAAM,EAAEC,WAAW,EAAwB;IAC5C,MAAM,CAACC,MAAMC,QAAQ,GAAGP,SAAwC;IAEhED,UAAU;QACR,MAAMS,UAAU,CAAC,EAAEJ,QAAQK,aAAa,EAA0B;YAChEF,QAAQ;gBAAE,GAAGE,cAAcC,gBAAgB,CAACC,eAAe;YAAC;QAC9D;QAEAH,QAAQ;YAAEJ;QAAO;QAEjBA,OAAOQ,EAAE,CAAC,UAAUJ;QACpBJ,OAAOQ,EAAE,CAAC,mBAAmBJ;QAE7B,OAAO;YACLJ,OAAOS,GAAG,CAAC,UAAUL;YACrBJ,OAAOS,GAAG,CAAC,mBAAmBL;QAChC;IACF,GAAG;QAACJ;KAAO;IACX,MAAM,EAAEU,IAAI,EAAE,GAAGZ;IAEjB,qBACE,MAACa;QAAIC,MAAMF,KAAKG,QAAQ;;0BACtB,KAACF;gBAAIG,WAAU;;YAGdZ,QAAQA,KAAKa,OAAO,CAACC,MAAM,GAAG,kBAC7B,KAACL;gBAAIG,WAAU;0BACZZ,KAAKa,OAAO,CAACE,GAAG,CAAC,CAACC,qBACjB,MAACC;wBAECC,MAAM,CAAC,CAAC,EAAEF,KAAKG,EAAE,CAAC,CAAC;wBACnBC,OAAO;4BAAEC,YAAY,CAAC,EAAE,IAAIL,KAAKM,KAAK,GAAG,EAAE,GAAG,CAAC;wBAAC;wBAChDC,SAASxB;wBACTa,WAAWjB,GACT,sLACAqB,KAAKQ,QAAQ,IACX;;4BAGHR,KAAKS,SAAS;4BAAC;4BAAGT,KAAKU,WAAW;;uBAV9BV,KAAKG,EAAE;+BAelB,KAACV;gBAAIG,WAAU;;;;AAOvB,GACA;AAEFf,gBAAgB8B,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/TableOfContents/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./TableOfContents.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/fields/TiptapEditor/features/TableOfContents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/TableOfContents/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/src/fields/TiptapEditor/features/TableOfContents/index.js

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

package/dist/src/fields/TiptapEditor/features/TableOfContents/index.js.map

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