payload-richtext-tiptap 0.0.92 → 0.0.94

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/VideoBlock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/VideoBlock.ts"],"sourcesContent":["\"use client\";\n\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { mergeAttributes, Range } from \"@tiptap/core\";\n\nimport { VideoBlockView } from \"./components/VideoBlockView.js\";\nimport { Video } from \"../Video/Video.js\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    videoBlock: {\n      setVideoBlock: (attributes: {\n        src: string;\n        poster: string;\n        assetId: string;\n        playlistUrl?: string;\n      }) => ReturnType;\n      setVideoBlockAt: (attributes: {\n        src: string;\n        poster: string;\n        assetId: string;\n        playlistUrl?: string;\n\n        pos: number | Range;\n      }) => ReturnType;\n      setVideoBlockAlign: (align: \"left\" | \"center\" | \"right\") => ReturnType;\n      setVideoBlockWidth: (width: number) => ReturnType;\n      setVideoBlockCaption: (caption: boolean) => ReturnType;\n    };\n  }\n}\n\nexport const VideoBlock = Video.extend({\n  name: \"videoBlock\",\n\n  group: \"block\",\n\n  defining: true,\n\n  isolating: true,\n\n  addAttributes() {\n    return {\n      src: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"src\"),\n        renderHTML: (attributes) => ({\n          src: attributes.src,\n        }),\n      },\n      poster: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"poster\"),\n        renderHTML: (attributes) => ({\n          poster: attributes.poster,\n        }),\n      },\n      playlistUrl: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"data-playlist-url\"),\n        renderHTML: (attributes) => ({\n          \"data-playlist-url\": attributes.playlistUrl,\n        }),\n      },\n      width: {\n        default: \"100%\",\n        parseHTML: (element) => element.getAttribute(\"data-width\"),\n        renderHTML: (attributes) => ({\n          \"data-width\": attributes.width,\n        }),\n      },\n      align: {\n        default: \"center\",\n        parseHTML: (element) => element.getAttribute(\"data-align\"),\n        renderHTML: (attributes) => ({\n          \"data-align\": attributes.align,\n        }),\n      },\n      alt: {\n        default: undefined,\n        parseHTML: (element) => element.getAttribute(\"alt\"),\n        renderHTML: (attributes) => ({\n          alt: attributes.alt,\n        }),\n      },\n      caption: {\n        default: true,\n        parseHTML: (element) => element.getAttribute(\"data-caption\") === \"true\",\n        renderHTML: (attributes) => ({\n          \"data-caption\": attributes.caption,\n        }),\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'video[src*=\"tiptap.dev\"]:not([src^=\"data:\"]), video[src*=\"windows.net\"]:not([src^=\"data:\"])',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"video\",\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n    ];\n  },\n\n  addCommands() {\n    return {\n      setVideoBlock:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: \"videoBlock\",\n            attrs: {\n              src: attrs.src,\n              poster: attrs.poster,\n              assetId: attrs.assetId,\n              playlistUrl: attrs.playlistUrl,\n            },\n          });\n        },\n\n      setVideoBlockAt:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.insertContentAt(attrs.pos, {\n            type: \"videoBlock\",\n            attrs: {\n              src: attrs.src,\n              poster: attrs.poster,\n              assetId: attrs.assetId,\n              playlistUrl: attrs.playlistUrl,\n            },\n          });\n        },\n\n      setVideoBlockAlign:\n        (align) =>\n        ({ commands }) =>\n          commands.updateAttributes(\"videoBlock\", { align }),\n\n      setVideoBlockWidth:\n        (width) =>\n        ({ commands }) =>\n          commands.updateAttributes(\"videoBlock\", {\n            width: `${Math.max(0, Math.min(100, width))}%`,\n          }),\n\n      setVideoBlockCaption:\n        (caption) =>\n        ({ commands }) =>\n          commands.updateAttributes(\"videoBlock\", { caption }),\n    };\n  },\n\n  addNodeView() {\n    //@ts-ignore\n    return ReactNodeViewRenderer(VideoBlockView);\n  },\n});\n\nexport default VideoBlock;\n"],"names":["ReactNodeViewRenderer","mergeAttributes","VideoBlockView","Video","VideoBlock","extend","name","group","defining","isolating","addAttributes","src","default","parseHTML","element","getAttribute","renderHTML","attributes","poster","playlistUrl","width","align","alt","undefined","caption","tag","HTMLAttributes","options","addCommands","setVideoBlock","attrs","commands","insertContent","type","assetId","setVideoBlockAt","insertContentAt","pos","setVideoBlockAlign","updateAttributes","setVideoBlockWidth","Math","max","min","setVideoBlockCaption","addNodeView"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/VideoBlock.ts"],"sourcesContent":["\"use client\";\n\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { mergeAttributes, Range } from \"@tiptap/core\";\n\nimport { VideoBlockView } from \"./components/VideoBlockView.js\";\nimport { Video } from \"../Video/Video.js\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    videoBlock: {\n      setVideoBlock: (attributes: {\n        src: string;\n        poster: string;\n        assetId: string;\n        playlistUrl?: string;\n      }) => ReturnType;\n      setVideoBlockAt: (attributes: {\n        src: string;\n        poster: string;\n        assetId: string;\n        playlistUrl?: string;\n\n        pos: number | Range;\n      }) => ReturnType;\n      setVideoBlockAlign: (align: \"left\" | \"center\" | \"right\") => ReturnType;\n      setVideoBlockWidth: (width: number) => ReturnType;\n      setVideoBlockCaption: (caption: boolean) => ReturnType;\n    };\n  }\n}\n\nexport const VideoBlock = Video.extend({\n  name: \"videoBlock\",\n\n  group: \"block\",\n\n  defining: true,\n\n  isolating: true,\n\n  addAttributes() {\n    return {\n      src: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"src\"),\n        renderHTML: (attributes) => ({\n          src: attributes.src,\n        }),\n      },\n      poster: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"poster\"),\n        renderHTML: (attributes) => ({\n          poster: attributes.poster,\n        }),\n      },\n      playlistUrl: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"data-playlist-url\"),\n        renderHTML: (attributes) => ({\n          \"data-playlist-url\": attributes.playlistUrl,\n        }),\n      },\n      width: {\n        default: \"100%\",\n        parseHTML: (element) => element.getAttribute(\"data-width\"),\n        renderHTML: (attributes) => ({\n          \"data-width\": attributes.width,\n        }),\n      },\n      align: {\n        default: \"center\",\n        parseHTML: (element) => element.getAttribute(\"data-align\"),\n        renderHTML: (attributes) => ({\n          \"data-align\": attributes.align,\n        }),\n      },\n      alt: {\n        default: undefined,\n        parseHTML: (element) => element.getAttribute(\"alt\"),\n        renderHTML: (attributes) => ({\n          alt: attributes.alt,\n        }),\n      },\n      caption: {\n        default: true,\n        parseHTML: (element) => element.getAttribute(\"data-caption\") === \"true\",\n        renderHTML: (attributes) => ({\n          \"data-caption\": attributes.caption,\n        }),\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'video[src*=\"tiptap.dev\"]:not([src^=\"data:\"]), video[src*=\"windows.net\"]:not([src^=\"data:\"])',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"video\",\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n    ];\n  },\n\n  addCommands() {\n    return {\n      setVideoBlock:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: \"videoBlock\",\n            attrs: {\n              src: attrs.src,\n              poster: attrs.poster,\n              assetId: attrs.assetId,\n              playlistUrl: attrs.playlistUrl,\n            },\n          });\n        },\n\n      setVideoBlockAt:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.insertContentAt(attrs.pos, {\n            type: \"videoBlock\",\n            attrs: {\n              src: attrs.src,\n              poster: attrs.poster,\n              assetId: attrs.assetId,\n              playlistUrl: attrs.playlistUrl,\n            },\n          });\n        },\n\n      setVideoBlockAlign:\n        (align) =>\n        ({ commands }) =>\n          commands.updateAttributes(\"videoBlock\", { align }),\n\n      setVideoBlockWidth:\n        (width) =>\n        ({ commands }) =>\n          commands.updateAttributes(\"videoBlock\", {\n            width: `${Math.max(0, Math.min(100, width))}%`,\n          }),\n\n      setVideoBlockCaption:\n        (caption) =>\n        ({ commands }) =>\n          commands.updateAttributes(\"videoBlock\", { caption }),\n    };\n  },\n\n  addNodeView() {\n    //@ts-ignore\n    return ReactNodeViewRenderer(VideoBlockView);\n  },\n});\n\nexport default VideoBlock;\n"],"names":["ReactNodeViewRenderer","mergeAttributes","VideoBlockView","Video","VideoBlock","extend","name","group","defining","isolating","addAttributes","src","default","parseHTML","element","getAttribute","renderHTML","attributes","poster","playlistUrl","width","align","alt","undefined","caption","tag","HTMLAttributes","options","addCommands","setVideoBlock","attrs","commands","insertContent","type","assetId","setVideoBlockAt","insertContentAt","pos","setVideoBlockAlign","updateAttributes","setVideoBlockWidth","Math","max","min","setVideoBlockCaption","addNodeView"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport { ReactNode, useCallback, useRef } from \"react\";\nimport { Instance, sticky } from \"tippy.js\";\nimport { v4 as uuid } from \"uuid\";\n\nimport {\n  AlignHorizontalDistributeCenter,\n  AlignHorizontalDistributeEnd,\n  AlignHorizontalDistributeStart,\n  Pencil,\n  PencilOff,\n} from \"lucide-react\";\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { Icon } from \"../../../features/ui/Icon.js\";\nimport { Toolbar } from \"../../../features/ui/Toolbar.js\";\nimport { getRenderContainer } from \"../../../lib/utils/index.js\";\nimport { VideoBlockWidth } from \"./VideoBlockWidth.js\";\nimport i18next from \"i18next\";\n\nexport const VideoBlockMenu = ({ editor, appendTo }: MenuProps): ReactNode => {\n  const menuRef = useRef<HTMLDivElement>(null);\n  const tippyInstance = useRef<Instance | null>(null);\n\n  const getReferenceClientRect = useCallback(() => {\n    const renderContainer = getRenderContainer(editor, \"node-videoBlock\");\n    const rect =\n      renderContainer?.getBoundingClientRect() ||\n      new DOMRect(-1000, -1000, 0, 0);\n\n    return rect;\n  }, [editor]);\n\n  const shouldShow = useCallback(() => {\n    const isActive = editor.isActive(\"videoBlock\");\n\n    return isActive;\n  }, [editor]);\n\n  const onAlignVideoLeft = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setVideoBlockAlign(\"left\")\n      .run();\n  }, [editor]);\n\n  const onAlignVideoCenter = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setVideoBlockAlign(\"center\")\n      .run();\n  }, [editor]);\n\n  const onAlignVideoRight = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setVideoBlockAlign(\"right\")\n      .run();\n  }, [editor]);\n\n  const onHideCaption = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setVideoBlockCaption(\n        editor.isActive(\"videoBlock\", { caption: false }) ? true : false\n      )\n      .run();\n  }, [editor]);\n\n  const onWidthChange = useCallback(\n    (value: number) => {\n      editor\n        .chain()\n        .focus(undefined, { scrollIntoView: false })\n        .setVideoBlockWidth(value)\n        .run();\n    },\n    [editor]\n  );\n\n  return (\n    <BaseBubbleMenu\n      editor={editor}\n      pluginKey={`videoBlockMenu-${uuid()}`}\n      shouldShow={shouldShow}\n      updateDelay={0}\n      tippyOptions={{\n        offset: [0, 8],\n        popperOptions: {\n          modifiers: [{ name: \"flip\", enabled: false }],\n        },\n        getReferenceClientRect,\n        onCreate: (instance: Instance) => {\n          tippyInstance.current = instance;\n        },\n        appendTo: () => {\n          return appendTo?.current;\n        },\n        plugins: [sticky],\n        sticky: \"popper\",\n      }}\n    >\n      <Toolbar.Wrapper shouldShowContent={shouldShow()} ref={menuRef}>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip={i18next.t(\"toggleCaption\") || \"Hide/Show caption\"}\n          active={editor.isActive(\"videoBlock\", { caption: false })}\n          onClick={onHideCaption}\n        >\n          <Icon\n            icon={\n              editor.isActive(\"videoBlock\", { caption: false })\n                ? PencilOff\n                : Pencil\n            }\n          />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip={i18next.t(\"alignVideoLeft\") || \"Align video left\"}\n          active={editor.isActive(\"videoBlock\", { align: \"left\" })}\n          onClick={onAlignVideoLeft}\n        >\n          <Icon icon={AlignHorizontalDistributeStart} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip={i18next.t(\"alignVideoCenter\") || \"Align video center\"}\n          active={editor.isActive(\"videoBlock\", { align: \"center\" })}\n          onClick={onAlignVideoCenter}\n        >\n          <Icon icon={AlignHorizontalDistributeCenter} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip={i18next.t(\"alignVideoRight\") || \"Align video right\"}\n          active={editor.isActive(\"videoBlock\", { align: \"right\" })}\n          onClick={onAlignVideoRight}\n        >\n          <Icon icon={AlignHorizontalDistributeEnd} />\n        </Toolbar.Button>\n        <Toolbar.Divider />\n        <VideoBlockWidth\n          onChange={onWidthChange}\n          value={parseInt(editor.getAttributes(\"videoBlock\").width)}\n        />\n      </Toolbar.Wrapper>\n    </BaseBubbleMenu>\n  );\n};\n\nexport default VideoBlockMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","useRef","sticky","v4","uuid","AlignHorizontalDistributeCenter","AlignHorizontalDistributeEnd","AlignHorizontalDistributeStart","Pencil","PencilOff","Icon","Toolbar","getRenderContainer","VideoBlockWidth","i18next","VideoBlockMenu","editor","appendTo","menuRef","tippyInstance","getReferenceClientRect","renderContainer","rect","getBoundingClientRect","DOMRect","shouldShow","isActive","onAlignVideoLeft","chain","focus","undefined","scrollIntoView","setVideoBlockAlign","run","onAlignVideoCenter","onAlignVideoRight","onHideCaption","setVideoBlockCaption","caption","onWidthChange","value","setVideoBlockWidth","pluginKey","updateDelay","tippyOptions","offset","popperOptions","modifiers","name","enabled","onCreate","instance","current","plugins","Wrapper","shouldShowContent","ref","Button","type","tooltip","t","active","onClick","icon","align","Divider","onChange","parseInt","getAttributes","width"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport { ReactNode, useCallback, useRef } from \"react\";\nimport { Instance, sticky } from \"tippy.js\";\nimport { v4 as uuid } from \"uuid\";\n\nimport {\n  AlignHorizontalDistributeCenter,\n  AlignHorizontalDistributeEnd,\n  AlignHorizontalDistributeStart,\n  Pencil,\n  PencilOff,\n} from \"lucide-react\";\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { Icon } from \"../../../features/ui/Icon.js\";\nimport { Toolbar } from \"../../../features/ui/Toolbar.js\";\nimport { getRenderContainer } from \"../../../lib/utils/index.js\";\nimport { VideoBlockWidth } from \"./VideoBlockWidth.js\";\nimport i18next from \"i18next\";\n\nexport const VideoBlockMenu = ({ editor, appendTo }: MenuProps): ReactNode => {\n  const menuRef = useRef<HTMLDivElement>(null);\n  const tippyInstance = useRef<Instance | null>(null);\n\n  const getReferenceClientRect = useCallback(() => {\n    const renderContainer = getRenderContainer(editor, \"node-videoBlock\");\n    const rect =\n      renderContainer?.getBoundingClientRect() ||\n      new DOMRect(-1000, -1000, 0, 0);\n\n    return rect;\n  }, [editor]);\n\n  const shouldShow = useCallback(() => {\n    const isActive = editor.isActive(\"videoBlock\");\n\n    return isActive;\n  }, [editor]);\n\n  const onAlignVideoLeft = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setVideoBlockAlign(\"left\")\n      .run();\n  }, [editor]);\n\n  const onAlignVideoCenter = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setVideoBlockAlign(\"center\")\n      .run();\n  }, [editor]);\n\n  const onAlignVideoRight = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setVideoBlockAlign(\"right\")\n      .run();\n  }, [editor]);\n\n  const onHideCaption = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setVideoBlockCaption(\n        editor.isActive(\"videoBlock\", { caption: false }) ? true : false\n      )\n      .run();\n  }, [editor]);\n\n  const onWidthChange = useCallback(\n    (value: number) => {\n      editor\n        .chain()\n        .focus(undefined, { scrollIntoView: false })\n        .setVideoBlockWidth(value)\n        .run();\n    },\n    [editor]\n  );\n\n  return (\n    <BaseBubbleMenu\n      editor={editor}\n      pluginKey={`videoBlockMenu-${uuid()}`}\n      shouldShow={shouldShow}\n      updateDelay={0}\n      tippyOptions={{\n        offset: [0, 8],\n        popperOptions: {\n          modifiers: [{ name: \"flip\", enabled: false }],\n        },\n        getReferenceClientRect,\n        onCreate: (instance: Instance) => {\n          tippyInstance.current = instance;\n        },\n        appendTo: () => {\n          return appendTo?.current;\n        },\n        plugins: [sticky],\n        sticky: \"popper\",\n      }}\n    >\n      <Toolbar.Wrapper shouldShowContent={shouldShow()} ref={menuRef}>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip={i18next.t(\"toggleCaption\") || \"Hide/Show caption\"}\n          active={editor.isActive(\"videoBlock\", { caption: false })}\n          onClick={onHideCaption}\n        >\n          <Icon\n            icon={\n              editor.isActive(\"videoBlock\", { caption: false })\n                ? PencilOff\n                : Pencil\n            }\n          />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip={i18next.t(\"alignVideoLeft\") || \"Align video left\"}\n          active={editor.isActive(\"videoBlock\", { align: \"left\" })}\n          onClick={onAlignVideoLeft}\n        >\n          <Icon icon={AlignHorizontalDistributeStart} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip={i18next.t(\"alignVideoCenter\") || \"Align video center\"}\n          active={editor.isActive(\"videoBlock\", { align: \"center\" })}\n          onClick={onAlignVideoCenter}\n        >\n          <Icon icon={AlignHorizontalDistributeCenter} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip={i18next.t(\"alignVideoRight\") || \"Align video right\"}\n          active={editor.isActive(\"videoBlock\", { align: \"right\" })}\n          onClick={onAlignVideoRight}\n        >\n          <Icon icon={AlignHorizontalDistributeEnd} />\n        </Toolbar.Button>\n        <Toolbar.Divider />\n        <VideoBlockWidth\n          onChange={onWidthChange}\n          value={parseInt(editor.getAttributes(\"videoBlock\").width)}\n        />\n      </Toolbar.Wrapper>\n    </BaseBubbleMenu>\n  );\n};\n\nexport default VideoBlockMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","useRef","sticky","v4","uuid","AlignHorizontalDistributeCenter","AlignHorizontalDistributeEnd","AlignHorizontalDistributeStart","Pencil","PencilOff","Icon","Toolbar","getRenderContainer","VideoBlockWidth","i18next","VideoBlockMenu","editor","appendTo","menuRef","tippyInstance","getReferenceClientRect","renderContainer","rect","getBoundingClientRect","DOMRect","shouldShow","isActive","onAlignVideoLeft","chain","focus","undefined","scrollIntoView","setVideoBlockAlign","run","onAlignVideoCenter","onAlignVideoRight","onHideCaption","setVideoBlockCaption","caption","onWidthChange","value","setVideoBlockWidth","pluginKey","updateDelay","tippyOptions","offset","popperOptions","modifiers","name","enabled","onCreate","instance","current","plugins","Wrapper","shouldShowContent","ref","Button","type","tooltip","t","active","onClick","icon","align","Divider","onChange","parseInt","getAttributes","width"],"mappings":"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"}

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

@@ -1 +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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"}
+{"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/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/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"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/FontFamilyPicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/FontFamilyPicker.tsx"],"sourcesContent":["import * as Dropdown from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown } from \"lucide-react\";\nimport { useCallback } from \"react\";\nimport {\n  DropdownButton,\n  DropdownCategoryTitle,\n} from \"../../../ui/Dropdown/Dropdown.js\";\nimport { Icon } from \"../../../ui/Icon.js\";\nimport { Surface } from \"../../../ui/Surface.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\n\nconst FONT_FAMILY_GROUPS = [\n  {\n    label: \"Sans Serif\",\n    options: [\n      { label: \"Inter\", value: \"\" },\n      { label: \"Arial\", value: \"Arial\" },\n      { label: \"Helvetica\", value: \"Helvetica\" },\n    ],\n  },\n  {\n    label: \"Serif\",\n    options: [\n      { label: \"Times New Roman\", value: \"Times\" },\n      { label: \"Garamond\", value: \"Garamond\" },\n      { label: \"Georgia\", value: \"Georgia\" },\n    ],\n  },\n  {\n    label: \"Monospace\",\n    options: [\n      { label: \"Courier\", value: \"Courier\" },\n      { label: \"Courier New\", value: \"Courier New\" },\n    ],\n  },\n];\n\nconst FONT_FAMILIES = FONT_FAMILY_GROUPS.flatMap((group) => [\n  group.options,\n]).flat();\n\nexport type FontFamilyPickerProps = {\n  onChange: (value: string) => void; // eslint-disable-line no-unused-vars\n  value: string;\n};\n\nexport const FontFamilyPicker = ({\n  onChange,\n  value,\n}: FontFamilyPickerProps) => {\n  const currentValue = FONT_FAMILIES.find((size) => size.value === value);\n  const currentFontLabel = currentValue?.label.split(\" \")[0] || \"Inter\";\n\n  const selectFont = useCallback(\n    (font: string) => () => onChange(font),\n    [onChange]\n  );\n\n  return (\n    <Dropdown.Root>\n      <Dropdown.Trigger asChild>\n        <Toolbar.Button type=\"button\" active={!!currentValue?.value}>\n          {currentFontLabel}\n          <Icon icon={ChevronDown} className=\"w-2 h-2\" />\n        </Toolbar.Button>\n      </Dropdown.Trigger>\n      <Dropdown.Content asChild>\n        <Surface className=\"flex flex-col gap-1 px-2 py-4\">\n          {FONT_FAMILY_GROUPS.map((group) => (\n            <div\n              className=\"mt-2.5 first:mt-0 gap-0.5 flex flex-col\"\n              key={group.label}\n            >\n              <DropdownCategoryTitle>{group.label}</DropdownCategoryTitle>\n              {group.options.map((font) => (\n                <DropdownButton\n                  isActive={value === font.value}\n                  onClick={selectFont(font.value)}\n                  key={`${font.label}_${font.value}`}\n                >\n                  <span style={{ fontFamily: font.value }}>{font.label}</span>\n                </DropdownButton>\n              ))}\n            </div>\n          ))}\n        </Surface>\n      </Dropdown.Content>\n    </Dropdown.Root>\n  );\n};\n"],"names":["Dropdown","ChevronDown","useCallback","DropdownButton","DropdownCategoryTitle","Icon","Surface","Toolbar","FONT_FAMILY_GROUPS","label","options","value","FONT_FAMILIES","flatMap","group","flat","FontFamilyPicker","onChange","currentValue","find","size","currentFontLabel","split","selectFont","font","Root","Trigger","asChild","Button","type","active","icon","className","Content","map","div","isActive","onClick","span","style","fontFamily"],"mappings":";AAAA,YAAYA,cAAc,gCAAgC;AAC1D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,WAAW,QAAQ,QAAQ;AACpC,SACEC,cAAc,EACdC,qBAAqB,QAChB,mCAAmC;AAC1C,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,OAAO,QAAQ,yBAAyB;AAEjD,MAAMC,qBAAqB;IACzB;QACEC,OAAO;QACPC,SAAS;YACP;gBAAED,OAAO;gBAASE,OAAO;YAAG;YAC5B;gBAAEF,OAAO;gBAASE,OAAO;YAAQ;YACjC;gBAAEF,OAAO;gBAAaE,OAAO;YAAY;SAC1C;IACH;IACA;QACEF,OAAO;QACPC,SAAS;YACP;gBAAED,OAAO;gBAAmBE,OAAO;YAAQ;YAC3C;gBAAEF,OAAO;gBAAYE,OAAO;YAAW;YACvC;gBAAEF,OAAO;gBAAWE,OAAO;YAAU;SACtC;IACH;IACA;QACEF,OAAO;QACPC,SAAS;YACP;gBAAED,OAAO;gBAAWE,OAAO;YAAU;YACrC;gBAAEF,OAAO;gBAAeE,OAAO;YAAc;SAC9C;IACH;CACD;AAED,MAAMC,gBAAgBJ,mBAAmBK,OAAO,CAAC,CAACC,QAAU;QAC1DA,MAAMJ,OAAO;KACd,EAAEK,IAAI;AAOP,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,QAAQ,EACRN,KAAK,EACiB;IACtB,MAAMO,eAAeN,cAAcO,IAAI,CAAC,CAACC,OAASA,KAAKT,KAAK,KAAKA;IACjE,MAAMU,mBAAmBH,cAAcT,MAAMa,MAAM,IAAI,CAAC,EAAE,IAAI;IAE9D,MAAMC,aAAarB,YACjB,CAACsB,OAAiB,IAAMP,SAASO,OACjC;QAACP;KAAS;IAGZ,qBACE,MAACjB,SAASyB,IAAI;;0BACZ,KAACzB,SAAS0B,OAAO;gBAACC,OAAO;0BACvB,cAAA,MAACpB,QAAQqB,MAAM;oBAACC,MAAK;oBAASC,QAAQ,CAAC,CAACZ,cAAcP;;wBACnDU;sCACD,KAAChB;4BAAK0B,MAAM9B;4BAAa+B,WAAU;;;;;0BAGvC,KAAChC,SAASiC,OAAO;gBAACN,OAAO;0BACvB,cAAA,KAACrB;oBAAQ0B,WAAU;8BAChBxB,mBAAmB0B,GAAG,CAAC,CAACpB,sBACvB,MAACqB;4BACCH,WAAU;;8CAGV,KAAC5B;8CAAuBU,MAAML,KAAK;;gCAClCK,MAAMJ,OAAO,CAACwB,GAAG,CAAC,CAACV,qBAClB,KAACrB;wCACCiC,UAAUzB,UAAUa,KAAKb,KAAK;wCAC9B0B,SAASd,WAAWC,KAAKb,KAAK;kDAG9B,cAAA,KAAC2B;4CAAKC,OAAO;gDAAEC,YAAYhB,KAAKb,KAAK;4CAAC;sDAAIa,KAAKf,KAAK;;uCAF/C,GAAGe,KAAKf,KAAK,CAAC,CAAC,EAAEe,KAAKb,KAAK,EAAE;;2BAPjCG,MAAML,KAAK;;;;;AAkB9B,EAAE"}
+{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/FontFamilyPicker.tsx"],"sourcesContent":["import * as Dropdown from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown } from \"lucide-react\";\nimport { useCallback } from \"react\";\nimport {\n  DropdownButton,\n  DropdownCategoryTitle,\n} from \"../../../ui/Dropdown/Dropdown.js\";\nimport { Icon } from \"../../../ui/Icon.js\";\nimport { Surface } from \"../../../ui/Surface.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\n\nconst FONT_FAMILY_GROUPS = [\n  {\n    label: \"Sans Serif\",\n    options: [\n      { label: \"Inter\", value: \"\" },\n      { label: \"Arial\", value: \"Arial\" },\n      { label: \"Helvetica\", value: \"Helvetica\" },\n    ],\n  },\n  {\n    label: \"Serif\",\n    options: [\n      { label: \"Times New Roman\", value: \"Times\" },\n      { label: \"Garamond\", value: \"Garamond\" },\n      { label: \"Georgia\", value: \"Georgia\" },\n    ],\n  },\n  {\n    label: \"Monospace\",\n    options: [\n      { label: \"Courier\", value: \"Courier\" },\n      { label: \"Courier New\", value: \"Courier New\" },\n    ],\n  },\n];\n\nconst FONT_FAMILIES = FONT_FAMILY_GROUPS.flatMap((group) => [\n  group.options,\n]).flat();\n\nexport type FontFamilyPickerProps = {\n  onChange: (value: string) => void; // eslint-disable-line no-unused-vars\n  value: string;\n};\n\nexport const FontFamilyPicker = ({\n  onChange,\n  value,\n}: FontFamilyPickerProps) => {\n  const currentValue = FONT_FAMILIES.find((size) => size.value === value);\n  const currentFontLabel = currentValue?.label.split(\" \")[0] || \"Inter\";\n\n  const selectFont = useCallback(\n    (font: string) => () => onChange(font),\n    [onChange]\n  );\n\n  return (\n    <Dropdown.Root>\n      <Dropdown.Trigger asChild>\n        <Toolbar.Button type=\"button\" active={!!currentValue?.value}>\n          {currentFontLabel}\n          <Icon icon={ChevronDown} className=\"w-2 h-2\" />\n        </Toolbar.Button>\n      </Dropdown.Trigger>\n      <Dropdown.Content asChild>\n        <Surface className=\"flex flex-col gap-1 px-2 py-4\">\n          {FONT_FAMILY_GROUPS.map((group) => (\n            <div\n              className=\"mt-2.5 first:mt-0 gap-0.5 flex flex-col\"\n              key={group.label}\n            >\n              <DropdownCategoryTitle>{group.label}</DropdownCategoryTitle>\n              {group.options.map((font) => (\n                <DropdownButton\n                  isActive={value === font.value}\n                  onClick={selectFont(font.value)}\n                  key={`${font.label}_${font.value}`}\n                >\n                  <span style={{ fontFamily: font.value }}>{font.label}</span>\n                </DropdownButton>\n              ))}\n            </div>\n          ))}\n        </Surface>\n      </Dropdown.Content>\n    </Dropdown.Root>\n  );\n};\n"],"names":["Dropdown","ChevronDown","useCallback","DropdownButton","DropdownCategoryTitle","Icon","Surface","Toolbar","FONT_FAMILY_GROUPS","label","options","value","FONT_FAMILIES","flatMap","group","flat","FontFamilyPicker","onChange","currentValue","find","size","currentFontLabel","split","selectFont","font","Root","Trigger","asChild","Button","type","active","icon","className","Content","map","div","isActive","onClick","span","style","fontFamily"],"mappings":";AAAA,YAAYA,cAAc,gCAAgC;AAC1D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,WAAW,QAAQ,QAAQ;AACpC,SACEC,cAAc,EACdC,qBAAqB,QAChB,mCAAmC;AAC1C,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,OAAO,QAAQ,yBAAyB;AAEjD,MAAMC,qBAAqB;IACzB;QACEC,OAAO;QACPC,SAAS;YACP;gBAAED,OAAO;gBAASE,OAAO;YAAG;YAC5B;gBAAEF,OAAO;gBAASE,OAAO;YAAQ;YACjC;gBAAEF,OAAO;gBAAaE,OAAO;YAAY;SAC1C;IACH;IACA;QACEF,OAAO;QACPC,SAAS;YACP;gBAAED,OAAO;gBAAmBE,OAAO;YAAQ;YAC3C;gBAAEF,OAAO;gBAAYE,OAAO;YAAW;YACvC;gBAAEF,OAAO;gBAAWE,OAAO;YAAU;SACtC;IACH;IACA;QACEF,OAAO;QACPC,SAAS;YACP;gBAAED,OAAO;gBAAWE,OAAO;YAAU;YACrC;gBAAEF,OAAO;gBAAeE,OAAO;YAAc;SAC9C;IACH;CACD;AAED,MAAMC,gBAAgBJ,mBAAmBK,OAAO,CAAC,CAACC,QAAU;QAC1DA,MAAMJ,OAAO;KACd,EAAEK,IAAI;AAOP,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,QAAQ,EACRN,KAAK,EACiB;IACtB,MAAMO,eAAeN,cAAcO,IAAI,CAAC,CAACC,OAASA,KAAKT,KAAK,KAAKA;IACjE,MAAMU,mBAAmBH,cAAcT,MAAMa,MAAM,IAAI,CAAC,EAAE,IAAI;IAE9D,MAAMC,aAAarB,YACjB,CAACsB,OAAiB,IAAMP,SAASO,OACjC;QAACP;KAAS;IAGZ,qBACE,MAACjB,SAASyB,IAAI;;0BACZ,KAACzB,SAAS0B,OAAO;gBAACC,OAAO;0BACvB,cAAA,MAACpB,QAAQqB,MAAM;oBAACC,MAAK;oBAASC,QAAQ,CAAC,CAACZ,cAAcP;;wBACnDU;sCACD,KAAChB;4BAAK0B,MAAM9B;4BAAa+B,WAAU;;;;;0BAGvC,KAAChC,SAASiC,OAAO;gBAACN,OAAO;0BACvB,cAAA,KAACrB;oBAAQ0B,WAAU;8BAChBxB,mBAAmB0B,GAAG,CAAC,CAACpB,sBACvB,MAACqB;4BACCH,WAAU;;8CAGV,KAAC5B;8CAAuBU,MAAML,KAAK;;gCAClCK,MAAMJ,OAAO,CAACwB,GAAG,CAAC,CAACV,qBAClB,KAACrB;wCACCiC,UAAUzB,UAAUa,KAAKb,KAAK;wCAC9B0B,SAASd,WAAWC,KAAKb,KAAK;kDAG9B,cAAA,KAAC2B;4CAAKC,OAAO;gDAAEC,YAAYhB,KAAKb,KAAK;4CAAC;sDAAIa,KAAKf,KAAK;;uCAF/C,CAAC,EAAEe,KAAKf,KAAK,CAAC,CAAC,EAAEe,KAAKb,KAAK,CAAC,CAAC;;2BAPjCG,MAAML,KAAK;;;;;AAkB9B,EAAE"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/FontSizePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/FontSizePicker.tsx"],"sourcesContent":["import * as Dropdown from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown } from \"lucide-react\";\nimport { useCallback, useMemo } from \"react\";\nimport { DropdownButton } from \"../../../ui/Dropdown/Dropdown.js\";\nimport { Icon } from \"../../../ui/Icon.js\";\nimport { Surface } from \"../../../ui/Surface.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\nimport i18next from \"i18next\";\n\nexport type FontSizePickerProps = {\n  onChange: (value: string) => void; // eslint-disable-line no-unused-vars\n  value: string;\n};\n\nexport const FontSizePicker = ({ onChange, value }: FontSizePickerProps) => {\n  const FONT_SIZES = useMemo(\n    () => [\n      { label: i18next.t(\"smaller\") || \"Smaller\", value: \"12px\" },\n      { label: i18next.t(\"small\") || \"Small\", value: \"14px\" },\n      { label: i18next.t(\"medium\") || \"Medium\", value: \"\" },\n      { label: i18next.t(\"large\") || \"Large\", value: \"18px\" },\n      { label: i18next.t(\"extraLart\") || \"Extra Large\", value: \"24px\" },\n    ],\n    []\n  );\n  const currentValue = FONT_SIZES.find((size) => size.value === value);\n  const currentSizeLabel = currentValue?.label.split(\" \")[0] || \"Medium\";\n\n  const selectSize = useCallback(\n    (size: string) => () => onChange(size),\n    [onChange]\n  );\n\n  return (\n    <Dropdown.Root>\n      <Dropdown.Trigger asChild>\n        <Toolbar.Button type=\"button\" active={!!currentValue?.value}>\n          {currentSizeLabel}\n          <Icon icon={ChevronDown} className=\"w-2 h-2\" />\n        </Toolbar.Button>\n      </Dropdown.Trigger>\n      <Dropdown.Content asChild>\n        <Surface className=\"flex flex-col gap-1 px-2 py-4\">\n          {FONT_SIZES.map((size) => (\n            <DropdownButton\n              isActive={value === size.value}\n              onClick={selectSize(size.value)}\n              key={`${size.label}_${size.value}`}\n            >\n              <span style={{ fontSize: size.value }}>{size.label}</span>\n            </DropdownButton>\n          ))}\n        </Surface>\n      </Dropdown.Content>\n    </Dropdown.Root>\n  );\n};\n"],"names":["Dropdown","ChevronDown","useCallback","useMemo","DropdownButton","Icon","Surface","Toolbar","i18next","FontSizePicker","onChange","value","FONT_SIZES","label","t","currentValue","find","size","currentSizeLabel","split","selectSize","Root","Trigger","asChild","Button","type","active","icon","className","Content","map","isActive","onClick","span","style","fontSize"],"mappings":";AAAA,YAAYA,cAAc,gCAAgC;AAC1D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAQ;AAC7C,SAASC,cAAc,QAAQ,mCAAmC;AAClE,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,OAAO,QAAQ,yBAAyB;AACjD,OAAOC,aAAa,UAAU;AAO9B,OAAO,MAAMC,iBAAiB,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAuB;IACrE,MAAMC,aAAaT,QACjB,IAAM;YACJ;gBAAEU,OAAOL,QAAQM,CAAC,CAAC,cAAc;gBAAWH,OAAO;YAAO;YAC1D;gBAAEE,OAAOL,QAAQM,CAAC,CAAC,YAAY;gBAASH,OAAO;YAAO;YACtD;gBAAEE,OAAOL,QAAQM,CAAC,CAAC,aAAa;gBAAUH,OAAO;YAAG;YACpD;gBAAEE,OAAOL,QAAQM,CAAC,CAAC,YAAY;gBAASH,OAAO;YAAO;YACtD;gBAAEE,OAAOL,QAAQM,CAAC,CAAC,gBAAgB;gBAAeH,OAAO;YAAO;SACjE,EACD,EAAE;IAEJ,MAAMI,eAAeH,WAAWI,IAAI,CAAC,CAACC,OAASA,KAAKN,KAAK,KAAKA;IAC9D,MAAMO,mBAAmBH,cAAcF,MAAMM,MAAM,IAAI,CAAC,EAAE,IAAI;IAE9D,MAAMC,aAAalB,YACjB,CAACe,OAAiB,IAAMP,SAASO,OACjC;QAACP;KAAS;IAGZ,qBACE,MAACV,SAASqB,IAAI;;0BACZ,KAACrB,SAASsB,OAAO;gBAACC,OAAO;0BACvB,cAAA,MAAChB,QAAQiB,MAAM;oBAACC,MAAK;oBAASC,QAAQ,CAAC,CAACX,cAAcJ;;wBACnDO;sCACD,KAACb;4BAAKsB,MAAM1B;4BAAa2B,WAAU;;;;;0BAGvC,KAAC5B,SAAS6B,OAAO;gBAACN,OAAO;0BACvB,cAAA,KAACjB;oBAAQsB,WAAU;8BAChBhB,WAAWkB,GAAG,CAAC,CAACb,qBACf,KAACb;4BACC2B,UAAUpB,UAAUM,KAAKN,KAAK;4BAC9BqB,SAASZ,WAAWH,KAAKN,KAAK;sCAG9B,cAAA,KAACsB;gCAAKC,OAAO;oCAAEC,UAAUlB,KAAKN,KAAK;gCAAC;0CAAIM,KAAKJ,KAAK;;2BAF7C,GAAGI,KAAKJ,KAAK,CAAC,CAAC,EAAEI,KAAKN,KAAK,EAAE;;;;;AAShD,EAAE"}
+{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/FontSizePicker.tsx"],"sourcesContent":["import * as Dropdown from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown } from \"lucide-react\";\nimport { useCallback, useMemo } from \"react\";\nimport { DropdownButton } from \"../../../ui/Dropdown/Dropdown.js\";\nimport { Icon } from \"../../../ui/Icon.js\";\nimport { Surface } from \"../../../ui/Surface.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\nimport i18next from \"i18next\";\n\nexport type FontSizePickerProps = {\n  onChange: (value: string) => void; // eslint-disable-line no-unused-vars\n  value: string;\n};\n\nexport const FontSizePicker = ({ onChange, value }: FontSizePickerProps) => {\n  const FONT_SIZES = useMemo(\n    () => [\n      { label: i18next.t(\"smaller\") || \"Smaller\", value: \"12px\" },\n      { label: i18next.t(\"small\") || \"Small\", value: \"14px\" },\n      { label: i18next.t(\"medium\") || \"Medium\", value: \"\" },\n      { label: i18next.t(\"large\") || \"Large\", value: \"18px\" },\n      { label: i18next.t(\"extraLart\") || \"Extra Large\", value: \"24px\" },\n    ],\n    []\n  );\n  const currentValue = FONT_SIZES.find((size) => size.value === value);\n  const currentSizeLabel = currentValue?.label.split(\" \")[0] || \"Medium\";\n\n  const selectSize = useCallback(\n    (size: string) => () => onChange(size),\n    [onChange]\n  );\n\n  return (\n    <Dropdown.Root>\n      <Dropdown.Trigger asChild>\n        <Toolbar.Button type=\"button\" active={!!currentValue?.value}>\n          {currentSizeLabel}\n          <Icon icon={ChevronDown} className=\"w-2 h-2\" />\n        </Toolbar.Button>\n      </Dropdown.Trigger>\n      <Dropdown.Content asChild>\n        <Surface className=\"flex flex-col gap-1 px-2 py-4\">\n          {FONT_SIZES.map((size) => (\n            <DropdownButton\n              isActive={value === size.value}\n              onClick={selectSize(size.value)}\n              key={`${size.label}_${size.value}`}\n            >\n              <span style={{ fontSize: size.value }}>{size.label}</span>\n            </DropdownButton>\n          ))}\n        </Surface>\n      </Dropdown.Content>\n    </Dropdown.Root>\n  );\n};\n"],"names":["Dropdown","ChevronDown","useCallback","useMemo","DropdownButton","Icon","Surface","Toolbar","i18next","FontSizePicker","onChange","value","FONT_SIZES","label","t","currentValue","find","size","currentSizeLabel","split","selectSize","Root","Trigger","asChild","Button","type","active","icon","className","Content","map","isActive","onClick","span","style","fontSize"],"mappings":";AAAA,YAAYA,cAAc,gCAAgC;AAC1D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAQ;AAC7C,SAASC,cAAc,QAAQ,mCAAmC;AAClE,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,OAAO,QAAQ,yBAAyB;AACjD,OAAOC,aAAa,UAAU;AAO9B,OAAO,MAAMC,iBAAiB,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAuB;IACrE,MAAMC,aAAaT,QACjB,IAAM;YACJ;gBAAEU,OAAOL,QAAQM,CAAC,CAAC,cAAc;gBAAWH,OAAO;YAAO;YAC1D;gBAAEE,OAAOL,QAAQM,CAAC,CAAC,YAAY;gBAASH,OAAO;YAAO;YACtD;gBAAEE,OAAOL,QAAQM,CAAC,CAAC,aAAa;gBAAUH,OAAO;YAAG;YACpD;gBAAEE,OAAOL,QAAQM,CAAC,CAAC,YAAY;gBAASH,OAAO;YAAO;YACtD;gBAAEE,OAAOL,QAAQM,CAAC,CAAC,gBAAgB;gBAAeH,OAAO;YAAO;SACjE,EACD,EAAE;IAEJ,MAAMI,eAAeH,WAAWI,IAAI,CAAC,CAACC,OAASA,KAAKN,KAAK,KAAKA;IAC9D,MAAMO,mBAAmBH,cAAcF,MAAMM,MAAM,IAAI,CAAC,EAAE,IAAI;IAE9D,MAAMC,aAAalB,YACjB,CAACe,OAAiB,IAAMP,SAASO,OACjC;QAACP;KAAS;IAGZ,qBACE,MAACV,SAASqB,IAAI;;0BACZ,KAACrB,SAASsB,OAAO;gBAACC,OAAO;0BACvB,cAAA,MAAChB,QAAQiB,MAAM;oBAACC,MAAK;oBAASC,QAAQ,CAAC,CAACX,cAAcJ;;wBACnDO;sCACD,KAACb;4BAAKsB,MAAM1B;4BAAa2B,WAAU;;;;;0BAGvC,KAAC5B,SAAS6B,OAAO;gBAACN,OAAO;0BACvB,cAAA,KAACjB;oBAAQsB,WAAU;8BAChBhB,WAAWkB,GAAG,CAAC,CAACb,qBACf,KAACb;4BACC2B,UAAUpB,UAAUM,KAAKN,KAAK;4BAC9BqB,SAASZ,WAAWH,KAAKN,KAAK;sCAG9B,cAAA,KAACsB;gCAAKC,OAAO;oCAAEC,UAAUlB,KAAKN,KAAK;gCAAC;0CAAIM,KAAKJ,KAAK;;2BAF7C,CAAC,EAAEI,KAAKJ,KAAK,CAAC,CAAC,EAAEI,KAAKN,KAAK,CAAC,CAAC;;;;;AAShD,EAAE"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-completion-command.d.ts","sourceRoot":"","sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAIvC,QAAA,MAAM,oBAAoB,uCAIvB;IACD,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,gCAoDA,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"ai-completion-command.d.ts","sourceRoot":"","sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAKvC,QAAA,MAAM,oBAAoB,uCAIvB;IACD,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,gCAsDA,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Check, TextQuote, TrashIcon } from "lucide-react";
 import { Toolbar } from "../../../ui/Toolbar.js";
+import { formatCompletion } from "../../../panels/AIEditorPanel/utils.js";
 const AICompletionCommands = ({ completion, onDiscard, editor })=>{
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
@@ -12,7 +13,7 @@ const AICompletionCommands = ({ completion, onDiscard, editor })=>{
                     editor.chain().focus().insertContentAt({
                         from: selection.from,
                         to: selection.to
-                    }, completion).run();
+                    }, completion.includes("```json") ? formatCompletion(completion) : completion).run();
                 },
                 children: [
                     /*#__PURE__*/ _jsx(Check, {
@@ -26,7 +27,7 @@ const AICompletionCommands = ({ completion, onDiscard, editor })=>{
                 value: "insert",
                 onClick: ()=>{
                     const selection = editor.view.state.selection;
-                    editor.chain().focus().insertContentAt(selection.to + 1, completion).run();
+                    editor.chain().focus().insertContentAt(selection.to + 1, completion.includes("```json") ? formatCompletion(completion) : completion).run();
                 },
                 children: [
                     /*#__PURE__*/ _jsx(TextQuote, {

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.tsx"],"sourcesContent":["import { Editor } from \"@tiptap/react\";\nimport { Check, TextQuote, TrashIcon } from \"lucide-react\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\n\nconst AICompletionCommands = ({\n  completion,\n  onDiscard,\n  editor,\n}: {\n  editor: Editor;\n  completion: string;\n  onDiscard: () => void;\n}) => {\n  return (\n    <>\n      <Toolbar.Button\n        className=\"gap-2 px-4 w-full flex justify-start \"\n        value=\"replace\"\n        onClick={() => {\n          const selection = editor.view.state.selection;\n\n          editor\n            .chain()\n            .focus()\n            .insertContentAt(\n              {\n                from: selection.from,\n                to: selection.to,\n              },\n              completion\n            )\n            .run();\n        }}\n      >\n        <Check className=\"h-4 w-4 text-muted-foreground\" />\n        Replace selection\n      </Toolbar.Button>\n      <Toolbar.Button\n        className=\"gap-2 px-4 w-full flex justify-start\"\n        value=\"insert\"\n        onClick={() => {\n          const selection = editor.view.state.selection;\n          editor\n            .chain()\n            .focus()\n            .insertContentAt(selection.to + 1, completion)\n            .run();\n        }}\n      >\n        <TextQuote className=\"h-4 w-4 text-muted-foreground\" />\n        Insert below\n      </Toolbar.Button>\n      <Toolbar.Divider horizontal />\n\n      <Toolbar.Button\n        onClick={onDiscard}\n        value=\"thrash\"\n        className=\"w-full text-red-500 bg-red-500 dark:text-red-500 hover:bg-red-500 dark:hover:text-red-500 dark:hover:bg-red-500 bg-opacity-10 hover:bg-opacity-20 dark:hover:bg-opacity-20\"\n      >\n        <TrashIcon className=\"h-4 w-4 text-muted-foreground\" />\n        Discard\n      </Toolbar.Button>\n    </>\n  );\n};\n\nexport default AICompletionCommands;\n"],"names":["Check","TextQuote","TrashIcon","Toolbar","AICompletionCommands","completion","onDiscard","editor","Button","className","value","onClick","selection","view","state","chain","focus","insertContentAt","from","to","run","Divider","horizontal"],"mappings":";AACA,SAASA,KAAK,EAAEC,SAAS,EAAEC,SAAS,QAAQ,eAAe;AAC3D,SAASC,OAAO,QAAQ,yBAAyB;AAEjD,MAAMC,uBAAuB,CAAC,EAC5BC,UAAU,EACVC,SAAS,EACTC,MAAM,EAKP;IACC,qBACE;;0BACE,MAACJ,QAAQK,MAAM;gBACbC,WAAU;gBACVC,OAAM;gBACNC,SAAS;oBACP,MAAMC,YAAYL,OAAOM,IAAI,CAACC,KAAK,CAACF,SAAS;oBAE7CL,OACGQ,KAAK,GACLC,KAAK,GACLC,eAAe,CACd;wBACEC,MAAMN,UAAUM,IAAI;wBACpBC,IAAIP,UAAUO,EAAE;oBAClB,GACAd,YAEDe,GAAG;gBACR;;kCAEA,KAACpB;wBAAMS,WAAU;;oBAAkC;;;0BAGrD,MAACN,QAAQK,MAAM;gBACbC,WAAU;gBACVC,OAAM;gBACNC,SAAS;oBACP,MAAMC,YAAYL,OAAOM,IAAI,CAACC,KAAK,CAACF,SAAS;oBAC7CL,OACGQ,KAAK,GACLC,KAAK,GACLC,eAAe,CAACL,UAAUO,EAAE,GAAG,GAAGd,YAClCe,GAAG;gBACR;;kCAEA,KAACnB;wBAAUQ,WAAU;;oBAAkC;;;0BAGzD,KAACN,QAAQkB,OAAO;gBAACC,UAAU;;0BAE3B,MAACnB,QAAQK,MAAM;gBACbG,SAASL;gBACTI,OAAM;gBACND,WAAU;;kCAEV,KAACP;wBAAUO,WAAU;;oBAAkC;;;;;AAK/D;AAEA,eAAeL,qBAAqB"}
+{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.tsx"],"sourcesContent":["import { Editor } from \"@tiptap/react\";\nimport { Check, TextQuote, TrashIcon } from \"lucide-react\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\nimport { formatCompletion } from \"../../../panels/AIEditorPanel/utils.js\";\n\nconst AICompletionCommands = ({\n  completion,\n  onDiscard,\n  editor,\n}: {\n  editor: Editor;\n  completion: string;\n  onDiscard: () => void;\n}) => {\n  return (\n    <>\n      <Toolbar.Button\n        className=\"gap-2 px-4 w-full flex justify-start \"\n        value=\"replace\"\n        onClick={() => {\n          const selection = editor.view.state.selection;\n\n          editor\n            .chain()\n            .focus()\n            .insertContentAt(\n              {\n                from: selection.from,\n                to: selection.to,\n              },\n              completion.includes(\"```json\") ?formatCompletion(completion):completion\n            )\n            .run();\n        }}\n      >\n        <Check className=\"h-4 w-4 text-muted-foreground\" />\n        Replace selection\n      </Toolbar.Button>\n      <Toolbar.Button\n        className=\"gap-2 px-4 w-full flex justify-start\"\n        value=\"insert\"\n        onClick={() => {\n          const selection = editor.view.state.selection;\n          editor\n            .chain()\n            .focus()\n            .insertContentAt(selection.to + 1, \n              completion.includes(\"```json\") ?formatCompletion(completion):completion\n            )\n            .run();\n        }}\n      >\n        <TextQuote className=\"h-4 w-4 text-muted-foreground\" />\n        Insert below\n      </Toolbar.Button>\n      <Toolbar.Divider horizontal />\n\n      <Toolbar.Button\n        onClick={onDiscard}\n        value=\"thrash\"\n        className=\"w-full text-red-500 bg-red-500 dark:text-red-500 hover:bg-red-500 dark:hover:text-red-500 dark:hover:bg-red-500 bg-opacity-10 hover:bg-opacity-20 dark:hover:bg-opacity-20\"\n      >\n        <TrashIcon className=\"h-4 w-4 text-muted-foreground\" />\n        Discard\n      </Toolbar.Button>\n    </>\n  );\n};\n\nexport default AICompletionCommands;\n"],"names":["Check","TextQuote","TrashIcon","Toolbar","formatCompletion","AICompletionCommands","completion","onDiscard","editor","Button","className","value","onClick","selection","view","state","chain","focus","insertContentAt","from","to","includes","run","Divider","horizontal"],"mappings":";AACA,SAASA,KAAK,EAAEC,SAAS,EAAEC,SAAS,QAAQ,eAAe;AAC3D,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,gBAAgB,QAAQ,yCAAyC;AAE1E,MAAMC,uBAAuB,CAAC,EAC5BC,UAAU,EACVC,SAAS,EACTC,MAAM,EAKP;IACC,qBACE;;0BACE,MAACL,QAAQM,MAAM;gBACbC,WAAU;gBACVC,OAAM;gBACNC,SAAS;oBACP,MAAMC,YAAYL,OAAOM,IAAI,CAACC,KAAK,CAACF,SAAS;oBAE7CL,OACGQ,KAAK,GACLC,KAAK,GACLC,eAAe,CACd;wBACEC,MAAMN,UAAUM,IAAI;wBACpBC,IAAIP,UAAUO,EAAE;oBAClB,GACAd,WAAWe,QAAQ,CAAC,aAAYjB,iBAAiBE,cAAYA,YAE9DgB,GAAG;gBACR;;kCAEA,KAACtB;wBAAMU,WAAU;;oBAAkC;;;0BAGrD,MAACP,QAAQM,MAAM;gBACbC,WAAU;gBACVC,OAAM;gBACNC,SAAS;oBACP,MAAMC,YAAYL,OAAOM,IAAI,CAACC,KAAK,CAACF,SAAS;oBAC7CL,OACGQ,KAAK,GACLC,KAAK,GACLC,eAAe,CAACL,UAAUO,EAAE,GAAG,GAC9Bd,WAAWe,QAAQ,CAAC,aAAYjB,iBAAiBE,cAAYA,YAE9DgB,GAAG;gBACR;;kCAEA,KAACrB;wBAAUS,WAAU;;oBAAkC;;;0BAGzD,KAACP,QAAQoB,OAAO;gBAACC,UAAU;;0BAE3B,MAACrB,QAAQM,MAAM;gBACbG,SAASL;gBACTI,OAAM;gBACND,WAAU;;kCAEV,KAACR;wBAAUQ,WAAU;;oBAAkC;;;;;AAK/D;AAEA,eAAeL,qBAAqB"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-draft-selector-commands.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-draft-selector-commands.d.ts","sourceRoot":"","sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-draft-selector-commands.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAWvC,eAAO,MAAM,kBAAkB;;;;;GAwD9B,CAAC;AAEF,UAAU,4BAA4B;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,QAAA,MAAM,uBAAuB,0BAG1B,4BAA4B,gCAkC9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ai-draft-selector-commands.d.ts","sourceRoot":"","sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-draft-selector-commands.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAUvC,eAAO,MAAM,kBAAkB;;;;;GAwD9B,CAAC;AAEF,UAAU,4BAA4B;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,QAAA,MAAM,uBAAuB,0BAG1B,4BAA4B,gCA6B9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-draft-selector-commands.js

@@ -1,6 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useLocale } from "@payloadcms/ui/providers/Locale";
-import { useAssistant } from "ai/react";
 import { ArrowDownWideNarrow, CheckCheck, RefreshCcwDot, WrapText } from "lucide-react";
 import { DropdownCategoryTitle } from "../../../ui/Dropdown/Dropdown.js";
 import { Toolbar } from "../../../ui/Toolbar.js";
@@ -54,10 +52,6 @@ export const draftPromptOptions = [
     }
 ];
 const AIDraftSelectorCommands = ({ onSelect, editor })=>{
-    const { status, messages, input, submitMessage, handleInputChange } = useAssistant({
-        api: "/api/assistant"
-    });
-    const { code } = useLocale();
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsx(DropdownCategoryTitle, {

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-draft-selector-commands.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-draft-selector-commands.tsx"],"sourcesContent":["import { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { Editor } from \"@tiptap/react\";\nimport { useAssistant } from \"ai/react\";\nimport {\n  ArrowDownWideNarrow,\n  CheckCheck,\n  RefreshCcwDot,\n  WrapText,\n} from \"lucide-react\";\nimport { DropdownCategoryTitle } from \"../../../ui/Dropdown/Dropdown.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\n\nexport const draftPromptOptions = [\n  // {\n  //   value: 'translate',\n  //   label: 'Translate text',\n  //   icon: WrapText,\n  // },\n  {\n    value: \"brainstorm\",\n    label: \"Brainstorm Ideas...\",\n\n    icon: WrapText,\n    prompt: \"Brainstorm ideas on \",\n  },\n  {\n    value: \"blog\",\n    label: \"Blog post...\",\n\n    icon: WrapText,\n    prompt: \"Write a blog post about \",\n  },\n  {\n    value: \"outline\",\n    label: \"Outline...\",\n\n    icon: RefreshCcwDot,\n    prompt: \"Write an outline about \",\n  },\n\n  {\n    value: \"social\",\n    label: \"Social Media post...\",\n\n    icon: CheckCheck,\n    prompt: \"Write a social media post about \",\n  },\n  {\n    value: \"press\",\n    label: \"Press release...\",\n\n    icon: ArrowDownWideNarrow,\n    prompt: \"Write a press release about \",\n  },\n  {\n    value: \"creative\",\n    label: \"Creative Story...\",\n\n    icon: WrapText,\n    prompt: \"Write a creative story about \",\n  },\n  {\n    value: \"essay\",\n    label: \"Essay...\",\n\n    icon: WrapText,\n    prompt: \"Write an essay about \",\n  },\n];\n\ninterface AIDraftSelectorCommandsProps {\n  editor: Editor;\n  onSelect: (value: string) => void;\n}\n\nconst AIDraftSelectorCommands = ({\n  onSelect,\n  editor,\n}: AIDraftSelectorCommandsProps) => {\n  const { status, messages, input, submitMessage, handleInputChange } =\n    useAssistant({\n      api: \"/api/assistant\",\n    });\n  const { code } = useLocale();\n\n  return (\n    <>\n      <DropdownCategoryTitle>Draft with AI</DropdownCategoryTitle>\n      <Toolbar.Divider horizontal />\n\n      {draftPromptOptions.map((option) => (\n        <Toolbar.Button\n          // onSelect={(value) => {\n          //   const slice = editor.state.selection.content()\n          //   const text = editor.storage.markdown.serializer.serialize(slice.content)\n          //   onSelect(text, option.value)\n          // }}\n          onClick={() => {\n            const { from, to, empty } = editor.state.selection;\n            // const content = editor.state.doc.textBetween(from, to, \" \");\n            onSelect(option.prompt);\n          }}\n          className=\" gap-2 px-4 w-full flex justify-start\"\n          key={option.value}\n          value={option.value}\n        >\n          <option.icon className=\"h-4 w-4 text-blue-500\" />\n          {option.label}\n        </Toolbar.Button>\n      ))}\n    </>\n  );\n};\n\nexport default AIDraftSelectorCommands;\n"],"names":["useLocale","useAssistant","ArrowDownWideNarrow","CheckCheck","RefreshCcwDot","WrapText","DropdownCategoryTitle","Toolbar","draftPromptOptions","value","label","icon","prompt","AIDraftSelectorCommands","onSelect","editor","status","messages","input","submitMessage","handleInputChange","api","code","Divider","horizontal","map","option","Button","onClick","from","to","empty","state","selection","className"],"mappings":";AAAA,SAASA,SAAS,QAAQ,kCAAkC;AAE5D,SAASC,YAAY,QAAQ,WAAW;AACxC,SACEC,mBAAmB,EACnBC,UAAU,EACVC,aAAa,EACbC,QAAQ,QACH,eAAe;AACtB,SAASC,qBAAqB,QAAQ,mCAAmC;AACzE,SAASC,OAAO,QAAQ,yBAAyB;AAEjD,OAAO,MAAMC,qBAAqB;IAChC,IAAI;IACJ,wBAAwB;IACxB,6BAA6B;IAC7B,oBAAoB;IACpB,KAAK;IACL;QACEC,OAAO;QACPC,OAAO;QAEPC,MAAMN;QACNO,QAAQ;IACV;IACA;QACEH,OAAO;QACPC,OAAO;QAEPC,MAAMN;QACNO,QAAQ;IACV;IACA;QACEH,OAAO;QACPC,OAAO;QAEPC,MAAMP;QACNQ,QAAQ;IACV;IAEA;QACEH,OAAO;QACPC,OAAO;QAEPC,MAAMR;QACNS,QAAQ;IACV;IACA;QACEH,OAAO;QACPC,OAAO;QAEPC,MAAMT;QACNU,QAAQ;IACV;IACA;QACEH,OAAO;QACPC,OAAO;QAEPC,MAAMN;QACNO,QAAQ;IACV;IACA;QACEH,OAAO;QACPC,OAAO;QAEPC,MAAMN;QACNO,QAAQ;IACV;CACD,CAAC;AAOF,MAAMC,0BAA0B,CAAC,EAC/BC,QAAQ,EACRC,MAAM,EACuB;IAC7B,MAAM,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,aAAa,EAAEC,iBAAiB,EAAE,GACjEnB,aAAa;QACXoB,KAAK;IACP;IACF,MAAM,EAAEC,IAAI,EAAE,GAAGtB;IAEjB,qBACE;;0BACE,KAACM;0BAAsB;;0BACvB,KAACC,QAAQgB,OAAO;gBAACC,UAAU;;YAE1BhB,mBAAmBiB,GAAG,CAAC,CAACC,uBACvB,MAACnB,QAAQoB,MAAM;oBACb,yBAAyB;oBACzB,mDAAmD;oBACnD,6EAA6E;oBAC7E,iCAAiC;oBACjC,KAAK;oBACLC,SAAS;wBACP,MAAM,EAAEC,IAAI,EAAEC,EAAE,EAAEC,KAAK,EAAE,GAAGhB,OAAOiB,KAAK,CAACC,SAAS;wBAClD,+DAA+D;wBAC/DnB,SAASY,OAAOd,MAAM;oBACxB;oBACAsB,WAAU;oBAEVzB,OAAOiB,OAAOjB,KAAK;;sCAEnB,KAACiB,OAAOf,IAAI;4BAACuB,WAAU;;wBACtBR,OAAOhB,KAAK;;mBAJRgB,OAAOjB,KAAK;;;AAS3B;AAEA,eAAeI,wBAAwB"}
+{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-draft-selector-commands.tsx"],"sourcesContent":["import { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { Editor } from \"@tiptap/react\";\nimport {\n  ArrowDownWideNarrow,\n  CheckCheck,\n  RefreshCcwDot,\n  WrapText,\n} from \"lucide-react\";\nimport { DropdownCategoryTitle } from \"../../../ui/Dropdown/Dropdown.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\n\nexport const draftPromptOptions = [\n  // {\n  //   value: 'translate',\n  //   label: 'Translate text',\n  //   icon: WrapText,\n  // },\n  {\n    value: \"brainstorm\",\n    label: \"Brainstorm Ideas...\",\n\n    icon: WrapText,\n    prompt: \"Brainstorm ideas on \",\n  },\n  {\n    value: \"blog\",\n    label: \"Blog post...\",\n\n    icon: WrapText,\n    prompt: \"Write a blog post about \",\n  },\n  {\n    value: \"outline\",\n    label: \"Outline...\",\n\n    icon: RefreshCcwDot,\n    prompt: \"Write an outline about \",\n  },\n\n  {\n    value: \"social\",\n    label: \"Social Media post...\",\n\n    icon: CheckCheck,\n    prompt: \"Write a social media post about \",\n  },\n  {\n    value: \"press\",\n    label: \"Press release...\",\n\n    icon: ArrowDownWideNarrow,\n    prompt: \"Write a press release about \",\n  },\n  {\n    value: \"creative\",\n    label: \"Creative Story...\",\n\n    icon: WrapText,\n    prompt: \"Write a creative story about \",\n  },\n  {\n    value: \"essay\",\n    label: \"Essay...\",\n\n    icon: WrapText,\n    prompt: \"Write an essay about \",\n  },\n];\n\ninterface AIDraftSelectorCommandsProps {\n  editor: Editor;\n  onSelect: (value: string) => void;\n}\n\nconst AIDraftSelectorCommands = ({\n  onSelect,\n  editor,\n}: AIDraftSelectorCommandsProps) => {\n\n  return (\n    <>\n      <DropdownCategoryTitle>Draft with AI</DropdownCategoryTitle>\n      <Toolbar.Divider horizontal />\n\n      {draftPromptOptions.map((option) => (\n        <Toolbar.Button\n          // onSelect={(value) => {\n          //   const slice = editor.state.selection.content()\n          //   const text = editor.storage.markdown.serializer.serialize(slice.content)\n          //   onSelect(text, option.value)\n          // }}\n          onClick={() => {\n            const { from, to, empty } = editor.state.selection;\n            // const content = editor.state.doc.textBetween(from, to, \" \");\n            onSelect(option.prompt);\n          }}\n          className=\" gap-2 px-4 w-full flex justify-start\"\n          key={option.value}\n          value={option.value}\n        >\n          <option.icon className=\"h-4 w-4 text-blue-500\" />\n          {option.label}\n        </Toolbar.Button>\n      ))}\n    </>\n  );\n};\n\nexport default AIDraftSelectorCommands;\n"],"names":["ArrowDownWideNarrow","CheckCheck","RefreshCcwDot","WrapText","DropdownCategoryTitle","Toolbar","draftPromptOptions","value","label","icon","prompt","AIDraftSelectorCommands","onSelect","editor","Divider","horizontal","map","option","Button","onClick","from","to","empty","state","selection","className"],"mappings":";AAEA,SACEA,mBAAmB,EACnBC,UAAU,EACVC,aAAa,EACbC,QAAQ,QACH,eAAe;AACtB,SAASC,qBAAqB,QAAQ,mCAAmC;AACzE,SAASC,OAAO,QAAQ,yBAAyB;AAEjD,OAAO,MAAMC,qBAAqB;IAChC,IAAI;IACJ,wBAAwB;IACxB,6BAA6B;IAC7B,oBAAoB;IACpB,KAAK;IACL;QACEC,OAAO;QACPC,OAAO;QAEPC,MAAMN;QACNO,QAAQ;IACV;IACA;QACEH,OAAO;QACPC,OAAO;QAEPC,MAAMN;QACNO,QAAQ;IACV;IACA;QACEH,OAAO;QACPC,OAAO;QAEPC,MAAMP;QACNQ,QAAQ;IACV;IAEA;QACEH,OAAO;QACPC,OAAO;QAEPC,MAAMR;QACNS,QAAQ;IACV;IACA;QACEH,OAAO;QACPC,OAAO;QAEPC,MAAMT;QACNU,QAAQ;IACV;IACA;QACEH,OAAO;QACPC,OAAO;QAEPC,MAAMN;QACNO,QAAQ;IACV;IACA;QACEH,OAAO;QACPC,OAAO;QAEPC,MAAMN;QACNO,QAAQ;IACV;CACD,CAAC;AAOF,MAAMC,0BAA0B,CAAC,EAC/BC,QAAQ,EACRC,MAAM,EACuB;IAE7B,qBACE;;0BACE,KAACT;0BAAsB;;0BACvB,KAACC,QAAQS,OAAO;gBAACC,UAAU;;YAE1BT,mBAAmBU,GAAG,CAAC,CAACC,uBACvB,MAACZ,QAAQa,MAAM;oBACb,yBAAyB;oBACzB,mDAAmD;oBACnD,6EAA6E;oBAC7E,iCAAiC;oBACjC,KAAK;oBACLC,SAAS;wBACP,MAAM,EAAEC,IAAI,EAAEC,EAAE,EAAEC,KAAK,EAAE,GAAGT,OAAOU,KAAK,CAACC,SAAS;wBAClD,+DAA+D;wBAC/DZ,SAASK,OAAOP,MAAM;oBACxB;oBACAe,WAAU;oBAEVlB,OAAOU,OAAOV,KAAK;;sCAEnB,KAACU,OAAOR,IAAI;4BAACgB,WAAU;;wBACtBR,OAAOT,KAAK;;mBAJRS,OAAOV,KAAK;;;AAS3B;AAEA,eAAeI,wBAAwB"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.d.ts

@@ -5,6 +5,7 @@ interface AISelectorCommandsProps {
     onSelect: (value: string, options: {
         option: string;
         language?: string;
+        selection?: JSON;
     }) => void;
 }
 declare const AISelectorCommands: ({ messages, onSelect, editor, }: AISelectorCommandsProps) => import("react").JSX.Element;

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-selector-commands.d.ts","sourceRoot":"","sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAyDvC,UAAU,uBAAuB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CACR,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,KAC3C,IAAI,CAAC;CACX;AAED,QAAA,MAAM,kBAAkB,oCAIrB,uBAAuB,gCA4FzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ai-selector-commands.d.ts","sourceRoot":"","sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAwDvC,UAAU,uBAAuB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CACR,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,IAAI,CAAA;KAAE,KAC7D,IAAI,CAAC;CACX;AAED,QAAA,MAAM,kBAAkB,oCAIrB,uBAAuB,gCA2FzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}