payload-richtext-tiptap 0.0.57 → 0.0.59

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoBlockView.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAmB,MAAM,eAAe,CAAC;AACxD,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,MAAM,CAAC;IACrB,IAAI,EAAE,IAAI,GAAG;QACX,KAAK,EAAE;YACL,GAAG,EAAE,MAAM,CAAC;YACZ,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,MAAM,CAAC;YAChB,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;KACH,CAAC;IACF,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAC3D;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBA4ExD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"VideoBlockView.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAmB,MAAM,eAAe,CAAC;AACxD,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,MAAM,CAAC;IACrB,IAAI,EAAE,IAAI,GAAG;QACX,KAAK,EAAE;YACL,GAAG,EAAE,MAAM,CAAC;YACZ,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,MAAM,CAAC;YAChB,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;KACH,CAAC;IACF,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAC3D;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBAmGxD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockView.js

@@ -39,6 +39,16 @@ export const VideoBlockView = (props)=>{
     ]);
     const videoJsOptions = useMemo(()=>{
         if (playlistContent == undefined) return {};
+        if (playlistContent.items.some((item)=>item.type === "application/x-mpegURL" || item.type === "application/vnd.apple.mpegurl")) {
+            return {
+                sources: playlistContent.items.filter((item)=>item.type === "application/x-mpegURL" || item.type === "application/vnd.apple.mpegurl").map((item)=>({
+                        src: item.src,
+                        type: item.type,
+                        label: item.label
+                    })),
+                poster: playlistContent.poster
+            };
+        }
         return {
             sources: playlistContent.items.map((item)=>({
                     src: item.src,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockView.tsx"],"sourcesContent":["import { Node } from \"@tiptap/pm/model\";\nimport { Editor, NodeViewWrapper } from \"@tiptap/react\";\nimport React, { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport VideoPlayer from \"./videojs/VideoPlayer.js\";\n\ninterface VideoBlockViewProps {\n  editor: Editor;\n  getPos: () => number;\n  node: Node & {\n    attrs: {\n      src: string;\n      poster: string;\n      assetId: string;\n      playlistUrl?: string;\n    };\n  };\n  updateAttributes: (attrs: Record<string, string>) => void;\n}\n\nexport type Playlist = {\n  id: string;\n  title: string;\n  description: string;\n  poster: string;\n  items: Item[];\n};\n\nexport type Item = {\n  src: string;\n  type: string;\n  label: string;\n  width: number;\n  height: number;\n};\n\nexport const VideoBlockView = (props: VideoBlockViewProps) => {\n  const { editor, getPos, node } = props;\n  const videoWrapperRef = useRef<HTMLDivElement>(null);\n  const { src, poster, playlistUrl, caption } = node.attrs;\n  const [playlistContent, setPlaylistContent] = React.useState<\n    Playlist | undefined\n  >();\n  const [error, setError] = React.useState();\n\n  useEffect(() => {\n    async function getPlaylistContent() {\n      const res = await fetch(playlistUrl, {\n        cache: \"no-cache\",\n      });\n      return await res.json();\n    }\n\n    if (playlistUrl) {\n      try {\n        getPlaylistContent()\n          .then((data) => {\n            setPlaylistContent(data);\n          })\n          .catch((err) => {\n            setError(err);\n          });\n      } catch (error) {\n        setError(error);\n      }\n    }\n  }, [playlistUrl]);\n\n  const wrapperClassName = cn(\n    node.attrs.align === \"left\" ? \"ml-0\" : \"ml-auto\",\n    node.attrs.align === \"right\" ? \"mr-0\" : \"mr-auto\",\n    node.attrs.align === \"center\" && \"mx-auto\"\n  );\n\n  const onClick = useCallback(() => {\n    editor.commands.setNodeSelection(getPos());\n  }, [getPos, editor.commands]);\n\n  const videoJsOptions = useMemo(() => {\n    if (playlistContent == undefined) return {};\n    return {\n      sources: playlistContent.items.map((item) => ({\n        src: item.src,\n        type: item.type,\n        label: item.label,\n      })),\n      poster: playlistContent.poster,\n    };\n  }, [playlistContent]);\n  return (\n    <NodeViewWrapper>\n      <div className={wrapperClassName} style={{ width: node.attrs.width }}>\n        <div contentEditable={false} ref={videoWrapperRef}>\n          {error && <div>{error}</div>}\n          {/* <video\n            controls\n            className=\"block\"\n            src={src}\n            poster={poster}\n            title=\"\"\n            onClick={onClick}\n          /> */}\n          {playlistContent && <VideoPlayer options={videoJsOptions} />}\n          {caption && playlistContent?.title && (\n            <caption className=\"text-center block text-sm text-gray-500\">\n              {playlistContent?.title}\n            </caption>\n          )}\n        </div>\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\nexport default VideoBlockView;\n"],"names":["NodeViewWrapper","React","useCallback","useEffect","useMemo","useRef","cn","VideoPlayer","VideoBlockView","props","editor","getPos","node","videoWrapperRef","src","poster","playlistUrl","caption","attrs","playlistContent","setPlaylistContent","useState","error","setError","getPlaylistContent","res","fetch","cache","json","then","data","catch","err","wrapperClassName","align","onClick","commands","setNodeSelection","videoJsOptions","undefined","sources","items","map","item","type","label","div","className","style","width","contentEditable","ref","options","title"],"mappings":";AACA,SAAiBA,eAAe,QAAQ,gBAAgB;AACxD,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AACvE,SAASC,EAAE,QAAQ,8BAA8B;AACjD,OAAOC,iBAAiB,2BAA2B;AAgCnD,OAAO,MAAMC,iBAAiB,CAACC;IAC7B,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGH;IACjC,MAAMI,kBAAkBR,OAAuB;IAC/C,MAAM,EAAES,GAAG,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,EAAE,GAAGL,KAAKM,KAAK;IACxD,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGnB,MAAMoB,QAAQ;IAG5D,MAAM,CAACC,OAAOC,SAAS,GAAGtB,MAAMoB,QAAQ;IAExClB,UAAU;QACR,eAAeqB;YACb,MAAMC,MAAM,MAAMC,MAAMV,aAAa;gBACnCW,OAAO;YACT;YACA,OAAO,MAAMF,IAAIG,IAAI;QACvB;QAEA,IAAIZ,aAAa;YACf,IAAI;gBACFQ,qBACGK,IAAI,CAAC,CAACC;oBACLV,mBAAmBU;gBACrB,GACCC,KAAK,CAAC,CAACC;oBACNT,SAASS;gBACX;YACJ,EAAE,OAAOV,OAAO;gBACdC,SAASD;YACX;QACF;IACF,GAAG;QAACN;KAAY;IAEhB,MAAMiB,mBAAmB3B,GACvBM,KAAKM,KAAK,CAACgB,KAAK,KAAK,SAAS,SAAS,WACvCtB,KAAKM,KAAK,CAACgB,KAAK,KAAK,UAAU,SAAS,WACxCtB,KAAKM,KAAK,CAACgB,KAAK,KAAK,YAAY;IAGnC,MAAMC,UAAUjC,YAAY;QAC1BQ,OAAO0B,QAAQ,CAACC,gBAAgB,CAAC1B;IACnC,GAAG;QAACA;QAAQD,OAAO0B,QAAQ;KAAC;IAE5B,MAAME,iBAAiBlC,QAAQ;QAC7B,IAAIe,mBAAmBoB,WAAW,OAAO,CAAC;QAC1C,OAAO;YACLC,SAASrB,gBAAgBsB,KAAK,CAACC,GAAG,CAAC,CAACC,OAAU,CAAA;oBAC5C7B,KAAK6B,KAAK7B,GAAG;oBACb8B,MAAMD,KAAKC,IAAI;oBACfC,OAAOF,KAAKE,KAAK;gBACnB,CAAA;YACA9B,QAAQI,gBAAgBJ,MAAM;QAChC;IACF,GAAG;QAACI;KAAgB;IACpB,qBACE,KAACnB;kBACC,cAAA,KAAC8C;YAAIC,WAAWd;YAAkBe,OAAO;gBAAEC,OAAOrC,KAAKM,KAAK,CAAC+B,KAAK;YAAC;sBACjE,cAAA,MAACH;gBAAII,iBAAiB;gBAAOC,KAAKtC;;oBAC/BS,uBAAS,KAACwB;kCAAKxB;;oBASfH,iCAAmB,KAACZ;wBAAY6C,SAASd;;oBACzCrB,WAAWE,iBAAiBkC,uBAC3B,KAACpC;wBAAQ8B,WAAU;kCAChB5B,iBAAiBkC;;;;;;AAOhC,EAAE;AAEF,eAAe7C,eAAe"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockView.tsx"],"sourcesContent":["import { Node } from \"@tiptap/pm/model\";\nimport { Editor, NodeViewWrapper } from \"@tiptap/react\";\nimport React, { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport VideoPlayer from \"./videojs/VideoPlayer.js\";\n\ninterface VideoBlockViewProps {\n  editor: Editor;\n  getPos: () => number;\n  node: Node & {\n    attrs: {\n      src: string;\n      poster: string;\n      assetId: string;\n      playlistUrl?: string;\n    };\n  };\n  updateAttributes: (attrs: Record<string, string>) => void;\n}\n\nexport type Playlist = {\n  id: string;\n  title: string;\n  description: string;\n  poster: string;\n  items: Item[];\n};\n\nexport type Item = {\n  src: string;\n  type: string;\n  label: string;\n  width: number;\n  height: number;\n};\n\nexport const VideoBlockView = (props: VideoBlockViewProps) => {\n  const { editor, getPos, node } = props;\n  const videoWrapperRef = useRef<HTMLDivElement>(null);\n  const { src, poster, playlistUrl, caption } = node.attrs;\n  const [playlistContent, setPlaylistContent] = React.useState<\n    Playlist | undefined\n  >();\n  const [error, setError] = React.useState();\n\n  useEffect(() => {\n    async function getPlaylistContent() {\n      const res = await fetch(playlistUrl, {\n        cache: \"no-cache\",\n      });\n      return await res.json();\n    }\n\n    if (playlistUrl) {\n      try {\n        getPlaylistContent()\n          .then((data) => {\n            setPlaylistContent(data);\n          })\n          .catch((err) => {\n            setError(err);\n          });\n      } catch (error) {\n        setError(error);\n      }\n    }\n  }, [playlistUrl]);\n\n  const wrapperClassName = cn(\n    node.attrs.align === \"left\" ? \"ml-0\" : \"ml-auto\",\n    node.attrs.align === \"right\" ? \"mr-0\" : \"mr-auto\",\n    node.attrs.align === \"center\" && \"mx-auto\"\n  );\n\n  const onClick = useCallback(() => {\n    editor.commands.setNodeSelection(getPos());\n  }, [getPos, editor.commands]);\n\n  const videoJsOptions = useMemo(() => {\n    if (playlistContent == undefined) return {};\n\n    if (\n      playlistContent.items.some(\n        (item) =>\n          item.type === \"application/x-mpegURL\" ||\n          item.type === \"application/vnd.apple.mpegurl\"\n      )\n    ) {\n      return {\n        sources: playlistContent.items\n          .filter(\n            (item) =>\n              item.type === \"application/x-mpegURL\" ||\n              item.type === \"application/vnd.apple.mpegurl\"\n          )\n          .map((item) => ({\n            src: item.src,\n            type: item.type,\n            label: item.label,\n          })),\n        poster: playlistContent.poster,\n      };\n    }\n    return {\n      sources: playlistContent.items.map((item) => ({\n        src: item.src,\n        type: item.type,\n        label: item.label,\n      })),\n      poster: playlistContent.poster,\n    };\n  }, [playlistContent]);\n  return (\n    <NodeViewWrapper>\n      <div className={wrapperClassName} style={{ width: node.attrs.width }}>\n        <div contentEditable={false} ref={videoWrapperRef}>\n          {error && <div>{error}</div>}\n          {/* <video\n            controls\n            className=\"block\"\n            src={src}\n            poster={poster}\n            title=\"\"\n            onClick={onClick}\n          /> */}\n          {playlistContent && <VideoPlayer options={videoJsOptions} />}\n          {caption && playlistContent?.title && (\n            <caption className=\"text-center block text-sm text-gray-500\">\n              {playlistContent?.title}\n            </caption>\n          )}\n        </div>\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\nexport default VideoBlockView;\n"],"names":["NodeViewWrapper","React","useCallback","useEffect","useMemo","useRef","cn","VideoPlayer","VideoBlockView","props","editor","getPos","node","videoWrapperRef","src","poster","playlistUrl","caption","attrs","playlistContent","setPlaylistContent","useState","error","setError","getPlaylistContent","res","fetch","cache","json","then","data","catch","err","wrapperClassName","align","onClick","commands","setNodeSelection","videoJsOptions","undefined","items","some","item","type","sources","filter","map","label","div","className","style","width","contentEditable","ref","options","title"],"mappings":";AACA,SAAiBA,eAAe,QAAQ,gBAAgB;AACxD,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AACvE,SAASC,EAAE,QAAQ,8BAA8B;AACjD,OAAOC,iBAAiB,2BAA2B;AAgCnD,OAAO,MAAMC,iBAAiB,CAACC;IAC7B,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGH;IACjC,MAAMI,kBAAkBR,OAAuB;IAC/C,MAAM,EAAES,GAAG,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,EAAE,GAAGL,KAAKM,KAAK;IACxD,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGnB,MAAMoB,QAAQ;IAG5D,MAAM,CAACC,OAAOC,SAAS,GAAGtB,MAAMoB,QAAQ;IAExClB,UAAU;QACR,eAAeqB;YACb,MAAMC,MAAM,MAAMC,MAAMV,aAAa;gBACnCW,OAAO;YACT;YACA,OAAO,MAAMF,IAAIG,IAAI;QACvB;QAEA,IAAIZ,aAAa;YACf,IAAI;gBACFQ,qBACGK,IAAI,CAAC,CAACC;oBACLV,mBAAmBU;gBACrB,GACCC,KAAK,CAAC,CAACC;oBACNT,SAASS;gBACX;YACJ,EAAE,OAAOV,OAAO;gBACdC,SAASD;YACX;QACF;IACF,GAAG;QAACN;KAAY;IAEhB,MAAMiB,mBAAmB3B,GACvBM,KAAKM,KAAK,CAACgB,KAAK,KAAK,SAAS,SAAS,WACvCtB,KAAKM,KAAK,CAACgB,KAAK,KAAK,UAAU,SAAS,WACxCtB,KAAKM,KAAK,CAACgB,KAAK,KAAK,YAAY;IAGnC,MAAMC,UAAUjC,YAAY;QAC1BQ,OAAO0B,QAAQ,CAACC,gBAAgB,CAAC1B;IACnC,GAAG;QAACA;QAAQD,OAAO0B,QAAQ;KAAC;IAE5B,MAAME,iBAAiBlC,QAAQ;QAC7B,IAAIe,mBAAmBoB,WAAW,OAAO,CAAC;QAE1C,IACEpB,gBAAgBqB,KAAK,CAACC,IAAI,CACxB,CAACC,OACCA,KAAKC,IAAI,KAAK,2BACdD,KAAKC,IAAI,KAAK,kCAElB;YACA,OAAO;gBACLC,SAASzB,gBAAgBqB,KAAK,CAC3BK,MAAM,CACL,CAACH,OACCA,KAAKC,IAAI,KAAK,2BACdD,KAAKC,IAAI,KAAK,iCAEjBG,GAAG,CAAC,CAACJ,OAAU,CAAA;wBACd5B,KAAK4B,KAAK5B,GAAG;wBACb6B,MAAMD,KAAKC,IAAI;wBACfI,OAAOL,KAAKK,KAAK;oBACnB,CAAA;gBACFhC,QAAQI,gBAAgBJ,MAAM;YAChC;QACF;QACA,OAAO;YACL6B,SAASzB,gBAAgBqB,KAAK,CAACM,GAAG,CAAC,CAACJ,OAAU,CAAA;oBAC5C5B,KAAK4B,KAAK5B,GAAG;oBACb6B,MAAMD,KAAKC,IAAI;oBACfI,OAAOL,KAAKK,KAAK;gBACnB,CAAA;YACAhC,QAAQI,gBAAgBJ,MAAM;QAChC;IACF,GAAG;QAACI;KAAgB;IACpB,qBACE,KAACnB;kBACC,cAAA,KAACgD;YAAIC,WAAWhB;YAAkBiB,OAAO;gBAAEC,OAAOvC,KAAKM,KAAK,CAACiC,KAAK;YAAC;sBACjE,cAAA,MAACH;gBAAII,iBAAiB;gBAAOC,KAAKxC;;oBAC/BS,uBAAS,KAAC0B;kCAAK1B;;oBASfH,iCAAmB,KAACZ;wBAAY+C,SAAShB;;oBACzCrB,WAAWE,iBAAiBoC,uBAC3B,KAACtC;wBAAQgC,WAAU;kCAChB9B,iBAAiBoC;;;;;;AAOhC,EAAE;AAEF,eAAe/C,eAAe"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"extension-kit.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"names":[],"mappings":"AAyDA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAI9C,UAAU,iBAAiB;IACzB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,kBAAkB,EAAE,eAAe,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,iCAGtB,iBAAiB,+LAuHnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"extension-kit.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"names":[],"mappings":"AAyDA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAI9C,UAAU,iBAAiB;IACzB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,kBAAkB,EAAE,eAAe,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,iCAGtB,iBAAiB,+LAmInB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -140,7 +140,16 @@ export const ExtensionKit = ({ dir, openAssetHQHandler })=>[
         TextDirection.configure({
             types: [
                 "heading",
-                "paragraph"
+                "paragraph",
+                "orderedList",
+                "bulletList",
+                "listItem",
+                "blockquoteFigure",
+                "codeBlock",
+                "tableCell",
+                "tableRow",
+                "table",
+                "column"
             ]
         }),
         AICommand

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BlockEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,eAAO,MAAM,WAAW,sEAKrB,WAAW,GAAG;IACf,kBAAkB,EAAE,eAAe,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACzC,gCA2EA,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"BlockEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,eAAO,MAAM,WAAW,sEAKrB,WAAW,GAAG;IACf,kBAAkB,EAAE,eAAe,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACzC,gCA2DA,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,9 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { EditorContent } from "@tiptap/react";
-import { useEffect, useMemo, useRef } from "react";
-import { useLocale } from "@payloadcms/ui/providers/Locale";
-import { useTranslation } from "@payloadcms/ui/providers/Translation";
+import { useMemo, useRef } from "react";
 import { EditorContext } from "../../context/EditorContext.js";
 import { IframeMenu } from "../../extensions/Iframe/menus/index.js";
 import ImageBlockMenu from "../../extensions/ImageBlock/components/ImageBlockMenu.js";
@@ -26,24 +24,13 @@ export const BlockEditor = ({ handleChange, content, openAssetHQHandler, additio
         openAssetHQHandler: openAssetHQHandler,
         additionalContext: additionalContext
     });
-    const { code } = useLocale();
     const displayedUsers = users.slice(0, 3);
     const providerValue = useMemo(()=>{
         return {};
     }, []);
-    useEffect(()=>{
-        if (code === "ar" || code === "fa") {
-            editor?.commands?.setTextDirection("rtl");
-            editor?.commands?.setContent("dwa");
-        }
-    }, [
-        code
-    ]);
-    const { i18n } = useTranslation();
     return editor && /*#__PURE__*/ _jsx(EditorContext.Provider, {
         value: providerValue,
         children: /*#__PURE__*/ _jsxs("div", {
-            lang: i18n.language,
             className: "flex h-full overflow-visible",
             ref: menuContainerRef,
             children: [
@@ -58,7 +45,6 @@ export const BlockEditor = ({ handleChange, content, openAssetHQHandler, additio
                         /*#__PURE__*/ _jsx(EditorContent, {
                             editor: editor,
                             ref: editorRef,
-                            lang: i18n.language,
                             className: "flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0",
                             style: {
                                 outline: "none"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"sourcesContent":["\"use client\";\nimport { EditorContent } from \"@tiptap/react\";\nimport { useEffect, useMemo, useRef } from \"react\";\n\nimport { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport { EditorContext } from \"../../context/EditorContext.js\";\nimport { IframeMenu } from \"../../extensions/Iframe/menus/index.js\";\nimport ImageBlockMenu from \"../../extensions/ImageBlock/components/ImageBlockMenu.js\";\nimport VideoBlockMenu from \"../../extensions/VideoBlock/components/VideoBlockMenu.js\";\nimport { InsideLinksMenu } from \"../../extensions/InsideLinks/menus/index.js\";\nimport { ColumnsMenu } from \"../../extensions/MultiColumn/menus/ColumnsMenu.js\";\nimport { SocialMediaMenu } from \"../../extensions/SocialMedia/menus/index.js\";\nimport {\n  TableColumnMenu,\n  TableRowMenu,\n} from \"../../extensions/Table/menus/index.js\";\nimport { useBlockEditor } from \"../../hooks/useBlockEditor.js\";\nimport { openAssetHQType } from \"../../types.js\";\nimport { Sidebar } from \"../Sidebar/Sidebar.js\";\nimport { ContentItemMenu } from \"../menus/ContentItemMenu/ContentItemMenu.js\";\nimport { TextMenu } from \"../menus/TextMenu/TextMenu.js\";\nimport { LinkMenu } from \"../menus/index.js\";\nimport { TiptapProps } from \"./types.js\";\nexport const BlockEditor = ({\n  handleChange,\n  content,\n  openAssetHQHandler,\n  additionalContext,\n}: TiptapProps & {\n  openAssetHQHandler: openAssetHQType;\n  additionalContext?: Record<string, any>;\n}) => {\n  const menuContainerRef = useRef(null);\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  const { editor, users, characterCount, leftSidebar } = useBlockEditor({\n    content: content,\n    handleChange: handleChange,\n    openAssetHQHandler: openAssetHQHandler,\n    additionalContext: additionalContext,\n  });\n\n  const { code } = useLocale();\n\n  const displayedUsers = users.slice(0, 3);\n\n  const providerValue = useMemo(() => {\n    return {};\n  }, []);\n\n  useEffect(() => {\n    if (code === \"ar\" || code === \"fa\") {\n      editor?.commands?.setTextDirection(\"rtl\");\n      editor?.commands?.setContent(\"dwa\");\n    }\n  }, [code]);\n\n  const { i18n } = useTranslation();\n\n  return (\n    editor && (\n      <EditorContext.Provider value={providerValue}>\n        <div\n          lang={i18n.language}\n          className=\"flex h-full overflow-visible\"\n          ref={menuContainerRef}\n        >\n          <Sidebar\n            isOpen={leftSidebar.isOpen}\n            onClose={leftSidebar.close}\n            editor={editor}\n          />\n          <div className=\"relative flex flex-col flex-1 h-full  justify-center items-center \">\n            {/* <EditorHeader\n            characters={characterCount.characters()}\n            users={displayedUsers}\n            words={characterCount.words()}\n            isSidebarOpen={leftSidebar.isOpen}\n            toggleSidebar={leftSidebar.toggle}\n          /> */}\n            <EditorContent\n              editor={editor}\n              ref={editorRef}\n              lang={i18n.language}\n              className=\"flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0\"\n              style={{\n                outline: \"none\",\n              }}\n            />\n            <ContentItemMenu editor={editor} />\n            <LinkMenu editor={editor} appendTo={menuContainerRef} />\n\n            <TextMenu editor={editor} />\n            <IframeMenu editor={editor} appendTo={menuContainerRef} />\n            <SocialMediaMenu editor={editor} appendTo={menuContainerRef} />\n            <InsideLinksMenu editor={editor} appendTo={menuContainerRef} />\n            <ColumnsMenu editor={editor} appendTo={menuContainerRef} />\n            <TableRowMenu editor={editor} appendTo={menuContainerRef} />\n            <TableColumnMenu editor={editor} appendTo={menuContainerRef} />\n            <ImageBlockMenu editor={editor} appendTo={menuContainerRef} />\n            <VideoBlockMenu editor={editor} appendTo={menuContainerRef} />\n          </div>\n        </div>\n      </EditorContext.Provider>\n    )\n  );\n};\n\nexport default BlockEditor;\n"],"names":["EditorContent","useEffect","useMemo","useRef","useLocale","useTranslation","EditorContext","IframeMenu","ImageBlockMenu","VideoBlockMenu","InsideLinksMenu","ColumnsMenu","SocialMediaMenu","TableColumnMenu","TableRowMenu","useBlockEditor","Sidebar","ContentItemMenu","TextMenu","LinkMenu","BlockEditor","handleChange","content","openAssetHQHandler","additionalContext","menuContainerRef","editorRef","editor","users","characterCount","leftSidebar","code","displayedUsers","slice","providerValue","commands","setTextDirection","setContent","i18n","Provider","value","div","lang","language","className","ref","isOpen","onClose","close","style","outline","appendTo"],"mappings":"AAAA;;AACA,SAASA,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AAEnD,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,cAAc,QAAQ,uCAAuC;AACtE,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,UAAU,QAAQ,yCAAyC;AACpE,OAAOC,oBAAoB,2DAA2D;AACtF,OAAOC,oBAAoB,2DAA2D;AACtF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,WAAW,QAAQ,oDAAoD;AAChF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SACEC,eAAe,EACfC,YAAY,QACP,wCAAwC;AAC/C,SAASC,cAAc,QAAQ,gCAAgC;AAE/D,SAASC,OAAO,QAAQ,wBAAwB;AAChD,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,OAAO,MAAMC,cAAc,CAAC,EAC1BC,YAAY,EACZC,OAAO,EACPC,kBAAkB,EAClBC,iBAAiB,EAIlB;IACC,MAAMC,mBAAmBtB,OAAO;IAChC,MAAMuB,YAAYvB,OAAuB;IAEzC,MAAM,EAAEwB,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,WAAW,EAAE,GAAGf,eAAe;QACpEO,SAASA;QACTD,cAAcA;QACdE,oBAAoBA;QACpBC,mBAAmBA;IACrB;IAEA,MAAM,EAAEO,IAAI,EAAE,GAAG3B;IAEjB,MAAM4B,iBAAiBJ,MAAMK,KAAK,CAAC,GAAG;IAEtC,MAAMC,gBAAgBhC,QAAQ;QAC5B,OAAO,CAAC;IACV,GAAG,EAAE;IAELD,UAAU;QACR,IAAI8B,SAAS,QAAQA,SAAS,MAAM;YAClCJ,QAAQQ,UAAUC,iBAAiB;YACnCT,QAAQQ,UAAUE,WAAW;QAC/B;IACF,GAAG;QAACN;KAAK;IAET,MAAM,EAAEO,IAAI,EAAE,GAAGjC;IAEjB,OACEsB,wBACE,KAACrB,cAAciC,QAAQ;QAACC,OAAON;kBAC7B,cAAA,MAACO;YACCC,MAAMJ,KAAKK,QAAQ;YACnBC,WAAU;YACVC,KAAKpB;;8BAEL,KAACT;oBACC8B,QAAQhB,YAAYgB,MAAM;oBAC1BC,SAASjB,YAAYkB,KAAK;oBAC1BrB,QAAQA;;8BAEV,MAACc;oBAAIG,WAAU;;sCAQb,KAAC5C;4BACC2B,QAAQA;4BACRkB,KAAKnB;4BACLgB,MAAMJ,KAAKK,QAAQ;4BACnBC,WAAU;4BACVK,OAAO;gCACLC,SAAS;4BACX;;sCAEF,KAACjC;4BAAgBU,QAAQA;;sCACzB,KAACR;4BAASQ,QAAQA;4BAAQwB,UAAU1B;;sCAEpC,KAACP;4BAASS,QAAQA;;sCAClB,KAACpB;4BAAWoB,QAAQA;4BAAQwB,UAAU1B;;sCACtC,KAACb;4BAAgBe,QAAQA;4BAAQwB,UAAU1B;;sCAC3C,KAACf;4BAAgBiB,QAAQA;4BAAQwB,UAAU1B;;sCAC3C,KAACd;4BAAYgB,QAAQA;4BAAQwB,UAAU1B;;sCACvC,KAACX;4BAAaa,QAAQA;4BAAQwB,UAAU1B;;sCACxC,KAACZ;4BAAgBc,QAAQA;4BAAQwB,UAAU1B;;sCAC3C,KAACjB;4BAAemB,QAAQA;4BAAQwB,UAAU1B;;sCAC1C,KAAChB;4BAAekB,QAAQA;4BAAQwB,UAAU1B;;;;;;;AAMtD,EAAE;AAEF,eAAeL,YAAY"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"sourcesContent":["\"use client\";\nimport { EditorContent } from \"@tiptap/react\";\nimport { useEffect, useMemo, useRef } from \"react\";\n\nimport { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport { EditorContext } from \"../../context/EditorContext.js\";\nimport { IframeMenu } from \"../../extensions/Iframe/menus/index.js\";\nimport ImageBlockMenu from \"../../extensions/ImageBlock/components/ImageBlockMenu.js\";\nimport VideoBlockMenu from \"../../extensions/VideoBlock/components/VideoBlockMenu.js\";\nimport { InsideLinksMenu } from \"../../extensions/InsideLinks/menus/index.js\";\nimport { ColumnsMenu } from \"../../extensions/MultiColumn/menus/ColumnsMenu.js\";\nimport { SocialMediaMenu } from \"../../extensions/SocialMedia/menus/index.js\";\nimport {\n  TableColumnMenu,\n  TableRowMenu,\n} from \"../../extensions/Table/menus/index.js\";\nimport { useBlockEditor } from \"../../hooks/useBlockEditor.js\";\nimport { openAssetHQType } from \"../../types.js\";\nimport { Sidebar } from \"../Sidebar/Sidebar.js\";\nimport { ContentItemMenu } from \"../menus/ContentItemMenu/ContentItemMenu.js\";\nimport { TextMenu } from \"../menus/TextMenu/TextMenu.js\";\nimport { LinkMenu } from \"../menus/index.js\";\nimport { TiptapProps } from \"./types.js\";\nexport const BlockEditor = ({\n  handleChange,\n  content,\n  openAssetHQHandler,\n  additionalContext,\n}: TiptapProps & {\n  openAssetHQHandler: openAssetHQType;\n  additionalContext?: Record<string, any>;\n}) => {\n  const menuContainerRef = useRef(null);\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  const { editor, users, characterCount, leftSidebar } = useBlockEditor({\n    content: content,\n    handleChange: handleChange,\n    openAssetHQHandler: openAssetHQHandler,\n    additionalContext: additionalContext,\n  });\n\n  const displayedUsers = users.slice(0, 3);\n\n  const providerValue = useMemo(() => {\n    return {};\n  }, []);\n\n  return (\n    editor && (\n      <EditorContext.Provider value={providerValue}>\n        <div className=\"flex h-full overflow-visible\" ref={menuContainerRef}>\n          <Sidebar\n            isOpen={leftSidebar.isOpen}\n            onClose={leftSidebar.close}\n            editor={editor}\n          />\n          <div className=\"relative flex flex-col flex-1 h-full  justify-center items-center \">\n            {/* <EditorHeader\n            characters={characterCount.characters()}\n            users={displayedUsers}\n            words={characterCount.words()}\n            isSidebarOpen={leftSidebar.isOpen}\n            toggleSidebar={leftSidebar.toggle}\n          /> */}\n            <EditorContent\n              editor={editor}\n              ref={editorRef}\n              className=\"flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0\"\n              style={{\n                outline: \"none\",\n              }}\n            />\n            <ContentItemMenu editor={editor} />\n            <LinkMenu editor={editor} appendTo={menuContainerRef} />\n\n            <TextMenu editor={editor} />\n            <IframeMenu editor={editor} appendTo={menuContainerRef} />\n            <SocialMediaMenu editor={editor} appendTo={menuContainerRef} />\n            <InsideLinksMenu editor={editor} appendTo={menuContainerRef} />\n            <ColumnsMenu editor={editor} appendTo={menuContainerRef} />\n            <TableRowMenu editor={editor} appendTo={menuContainerRef} />\n            <TableColumnMenu editor={editor} appendTo={menuContainerRef} />\n            <ImageBlockMenu editor={editor} appendTo={menuContainerRef} />\n            <VideoBlockMenu editor={editor} appendTo={menuContainerRef} />\n          </div>\n        </div>\n      </EditorContext.Provider>\n    )\n  );\n};\n\nexport default BlockEditor;\n"],"names":["EditorContent","useMemo","useRef","EditorContext","IframeMenu","ImageBlockMenu","VideoBlockMenu","InsideLinksMenu","ColumnsMenu","SocialMediaMenu","TableColumnMenu","TableRowMenu","useBlockEditor","Sidebar","ContentItemMenu","TextMenu","LinkMenu","BlockEditor","handleChange","content","openAssetHQHandler","additionalContext","menuContainerRef","editorRef","editor","users","characterCount","leftSidebar","displayedUsers","slice","providerValue","Provider","value","div","className","ref","isOpen","onClose","close","style","outline","appendTo"],"mappings":"AAAA;;AACA,SAASA,aAAa,QAAQ,gBAAgB;AAC9C,SAAoBC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AAInD,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,UAAU,QAAQ,yCAAyC;AACpE,OAAOC,oBAAoB,2DAA2D;AACtF,OAAOC,oBAAoB,2DAA2D;AACtF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,WAAW,QAAQ,oDAAoD;AAChF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SACEC,eAAe,EACfC,YAAY,QACP,wCAAwC;AAC/C,SAASC,cAAc,QAAQ,gCAAgC;AAE/D,SAASC,OAAO,QAAQ,wBAAwB;AAChD,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,OAAO,MAAMC,cAAc,CAAC,EAC1BC,YAAY,EACZC,OAAO,EACPC,kBAAkB,EAClBC,iBAAiB,EAIlB;IACC,MAAMC,mBAAmBpB,OAAO;IAChC,MAAMqB,YAAYrB,OAAuB;IAEzC,MAAM,EAAEsB,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,WAAW,EAAE,GAAGf,eAAe;QACpEO,SAASA;QACTD,cAAcA;QACdE,oBAAoBA;QACpBC,mBAAmBA;IACrB;IAEA,MAAMO,iBAAiBH,MAAMI,KAAK,CAAC,GAAG;IAEtC,MAAMC,gBAAgB7B,QAAQ;QAC5B,OAAO,CAAC;IACV,GAAG,EAAE;IAEL,OACEuB,wBACE,KAACrB,cAAc4B,QAAQ;QAACC,OAAOF;kBAC7B,cAAA,MAACG;YAAIC,WAAU;YAA+BC,KAAKb;;8BACjD,KAACT;oBACCuB,QAAQT,YAAYS,MAAM;oBAC1BC,SAASV,YAAYW,KAAK;oBAC1Bd,QAAQA;;8BAEV,MAACS;oBAAIC,WAAU;;sCAQb,KAAClC;4BACCwB,QAAQA;4BACRW,KAAKZ;4BACLW,WAAU;4BACVK,OAAO;gCACLC,SAAS;4BACX;;sCAEF,KAAC1B;4BAAgBU,QAAQA;;sCACzB,KAACR;4BAASQ,QAAQA;4BAAQiB,UAAUnB;;sCAEpC,KAACP;4BAASS,QAAQA;;sCAClB,KAACpB;4BAAWoB,QAAQA;4BAAQiB,UAAUnB;;sCACtC,KAACb;4BAAgBe,QAAQA;4BAAQiB,UAAUnB;;sCAC3C,KAACf;4BAAgBiB,QAAQA;4BAAQiB,UAAUnB;;sCAC3C,KAACd;4BAAYgB,QAAQA;4BAAQiB,UAAUnB;;sCACvC,KAACX;4BAAaa,QAAQA;4BAAQiB,UAAUnB;;sCACxC,KAACZ;4BAAgBc,QAAQA;4BAAQiB,UAAUnB;;sCAC3C,KAACjB;4BAAemB,QAAQA;4BAAQiB,UAAUnB;;sCAC1C,KAAChB;4BAAekB,QAAQA;4BAAQiB,UAAUnB;;;;;;;AAMtD,EAAE;AAEF,eAAeL,YAAY"}

package/dist/src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentItemMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAoBvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,eAAe,eAAgB,oBAAoB,gCA4E/D,CAAC"}
+{"version":3,"file":"ContentItemMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAoBvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,eAAe,eAAgB,oBAAoB,gCA2E/D,CAAC"}

package/dist/src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.js

@@ -3,7 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DragHandle } from "@tiptap-pro/extension-drag-handle-react";
 import { Icon } from "../../ui/Icon.js";
 import { Toolbar } from "../../ui/Toolbar.js";
-import { useTranslation } from "@payloadcms/ui/providers/Translation";
 import * as Popover from "@radix-ui/react-popover";
 import { Clipboard, Copy, GripVertical, Plus, RemoveFormatting, Trash2 } from "lucide-react";
 import { useEffect, useState } from "react";
@@ -15,7 +14,6 @@ export const ContentItemMenu = ({ editor })=>{
     const [menuOpen, setMenuOpen] = useState(false);
     const [tippyOptions, setTippyOptions] = useState();
     const data = useData();
-    const { i18n } = useTranslation();
     const actions = useContentItemActions(editor, data.currentNode, data.currentNodePos);
     useEffect(()=>{
         if (menuOpen) {

package/dist/src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.tsx"],"sourcesContent":["\"use client\";\nimport { DragHandle } from \"@tiptap-pro/extension-drag-handle-react\";\nimport { Editor } from \"@tiptap/react\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\n\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport {\n  Clipboard,\n  Copy,\n  GripVertical,\n  Plus,\n  RemoveFormatting,\n  Trash2,\n} from \"lucide-react\";\nimport { useEffect, useState } from \"react\";\nimport { DropdownButton } from \"../../ui/Dropdown/Dropdown.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport useContentItemActions from \"./hooks/useContentItemActions.js\";\nimport { useData } from \"./hooks/useData.js\";\n\nexport type ContentItemMenuProps = {\n  editor: Editor;\n};\n\nexport const ContentItemMenu = ({ editor }: ContentItemMenuProps) => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [tippyOptions, setTippyOptions] = useState();\n  const data = useData();\n  const { i18n } = useTranslation();\n  const actions = useContentItemActions(\n    editor,\n    data.currentNode,\n    data.currentNodePos\n  );\n\n  useEffect(() => {\n    if (menuOpen) {\n      editor.commands.setMeta(\"lockDragHandle\", true);\n    } else {\n      editor.commands.setMeta(\"lockDragHandle\", false);\n    }\n  }, [editor, menuOpen]);\n\n  return (\n    <DragHandle\n      pluginKey=\"ContentItemMenu\"\n      editor={editor}\n      onNodeChange={data.handleNodeChange}\n      tippyOptions={{\n        placement: \"left\",\n        offset: [-12, 2],\n        zIndex: 99,\n      }}\n    >\n      <div className=\"flex items-center gap-0.5\">\n        <Toolbar.Button type=\"button\" onClick={actions.handleAdd}>\n          <Icon icon={Plus} />\n        </Toolbar.Button>\n        <Popover.Root open={menuOpen} onOpenChange={setMenuOpen}>\n          <Popover.Trigger asChild>\n            <Toolbar.Button type=\"button\">\n              <Icon icon={GripVertical} />\n            </Toolbar.Button>\n          </Popover.Trigger>\n          <Popover.Content side=\"bottom\" align=\"start\" sideOffset={8}>\n            <Surface className=\"p-2 flex flex-col min-w-[16rem]\">\n              <Popover.Close>\n                <DropdownButton onClick={actions.resetTextFormatting}>\n                  <Icon icon={RemoveFormatting} />\n                  Clear formatting\n                </DropdownButton>\n              </Popover.Close>\n              <Popover.Close>\n                <DropdownButton onClick={actions.copyNodeToClipboard}>\n                  <Icon icon={Clipboard} />\n                  Copy to clipboard\n                </DropdownButton>\n              </Popover.Close>\n              <Popover.Close>\n                <DropdownButton onClick={actions.duplicateNode}>\n                  <Icon icon={Copy} />\n                  Duplicate\n                </DropdownButton>\n              </Popover.Close>\n              <Toolbar.Divider horizontal />\n              <Popover.Close>\n                <DropdownButton\n                  onClick={actions.deleteNode}\n                  className=\"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                  <Icon icon={Trash2} />\n                  Delete\n                </DropdownButton>\n              </Popover.Close>\n            </Surface>\n          </Popover.Content>\n        </Popover.Root>\n      </div>\n    </DragHandle>\n  );\n};\n"],"names":["DragHandle","Icon","Toolbar","useTranslation","Popover","Clipboard","Copy","GripVertical","Plus","RemoveFormatting","Trash2","useEffect","useState","DropdownButton","Surface","useContentItemActions","useData","ContentItemMenu","editor","menuOpen","setMenuOpen","tippyOptions","setTippyOptions","data","i18n","actions","currentNode","currentNodePos","commands","setMeta","pluginKey","onNodeChange","handleNodeChange","placement","offset","zIndex","div","className","Button","type","onClick","handleAdd","icon","Root","open","onOpenChange","Trigger","asChild","Content","side","align","sideOffset","Close","resetTextFormatting","copyNodeToClipboard","duplicateNode","Divider","horizontal","deleteNode"],"mappings":"AAAA;;AACA,SAASA,UAAU,QAAQ,0CAA0C;AAErE,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAE9C,SAASC,cAAc,QAAQ,uCAAuC;AACtE,YAAYC,aAAa,0BAA0B;AACnD,SACEC,SAAS,EACTC,IAAI,EACJC,YAAY,EACZC,IAAI,EACJC,gBAAgB,EAChBC,MAAM,QACD,eAAe;AACtB,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAC5C,SAASC,cAAc,QAAQ,gCAAgC;AAC/D,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,OAAOC,2BAA2B,mCAAmC;AACrE,SAASC,OAAO,QAAQ,qBAAqB;AAM7C,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAwB;IAC9D,MAAM,CAACC,UAAUC,YAAY,GAAGR,SAAS;IACzC,MAAM,CAACS,cAAcC,gBAAgB,GAAGV;IACxC,MAAMW,OAAOP;IACb,MAAM,EAAEQ,IAAI,EAAE,GAAGrB;IACjB,MAAMsB,UAAUV,sBACdG,QACAK,KAAKG,WAAW,EAChBH,KAAKI,cAAc;IAGrBhB,UAAU;QACR,IAAIQ,UAAU;YACZD,OAAOU,QAAQ,CAACC,OAAO,CAAC,kBAAkB;QAC5C,OAAO;YACLX,OAAOU,QAAQ,CAACC,OAAO,CAAC,kBAAkB;QAC5C;IACF,GAAG;QAACX;QAAQC;KAAS;IAErB,qBACE,KAACnB;QACC8B,WAAU;QACVZ,QAAQA;QACRa,cAAcR,KAAKS,gBAAgB;QACnCX,cAAc;YACZY,WAAW;YACXC,QAAQ;gBAAC,CAAC;gBAAI;aAAE;YAChBC,QAAQ;QACV;kBAEA,cAAA,MAACC;YAAIC,WAAU;;8BACb,KAACnC,QAAQoC,MAAM;oBAACC,MAAK;oBAASC,SAASf,QAAQgB,SAAS;8BACtD,cAAA,KAACxC;wBAAKyC,MAAMlC;;;8BAEd,MAACJ,QAAQuC,IAAI;oBAACC,MAAMzB;oBAAU0B,cAAczB;;sCAC1C,KAAChB,QAAQ0C,OAAO;4BAACC,OAAO;sCACtB,cAAA,KAAC7C,QAAQoC,MAAM;gCAACC,MAAK;0CACnB,cAAA,KAACtC;oCAAKyC,MAAMnC;;;;sCAGhB,KAACH,QAAQ4C,OAAO;4BAACC,MAAK;4BAASC,OAAM;4BAAQC,YAAY;sCACvD,cAAA,MAACrC;gCAAQuB,WAAU;;kDACjB,KAACjC,QAAQgD,KAAK;kDACZ,cAAA,MAACvC;4CAAe2B,SAASf,QAAQ4B,mBAAmB;;8DAClD,KAACpD;oDAAKyC,MAAMjC;;gDAAoB;;;;kDAIpC,KAACL,QAAQgD,KAAK;kDACZ,cAAA,MAACvC;4CAAe2B,SAASf,QAAQ6B,mBAAmB;;8DAClD,KAACrD;oDAAKyC,MAAMrC;;gDAAa;;;;kDAI7B,KAACD,QAAQgD,KAAK;kDACZ,cAAA,MAACvC;4CAAe2B,SAASf,QAAQ8B,aAAa;;8DAC5C,KAACtD;oDAAKyC,MAAMpC;;gDAAQ;;;;kDAIxB,KAACJ,QAAQsD,OAAO;wCAACC,UAAU;;kDAC3B,KAACrD,QAAQgD,KAAK;kDACZ,cAAA,MAACvC;4CACC2B,SAASf,QAAQiC,UAAU;4CAC3BrB,WAAU;;8DAEV,KAACpC;oDAAKyC,MAAMhC;;gDAAU;;;;;;;;;;;;AAUxC,EAAE"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.tsx"],"sourcesContent":["\"use client\";\nimport { DragHandle } from \"@tiptap-pro/extension-drag-handle-react\";\nimport { Editor } from \"@tiptap/react\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\n\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport {\n  Clipboard,\n  Copy,\n  GripVertical,\n  Plus,\n  RemoveFormatting,\n  Trash2,\n} from \"lucide-react\";\nimport { useEffect, useState } from \"react\";\nimport { DropdownButton } from \"../../ui/Dropdown/Dropdown.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport useContentItemActions from \"./hooks/useContentItemActions.js\";\nimport { useData } from \"./hooks/useData.js\";\n\nexport type ContentItemMenuProps = {\n  editor: Editor;\n};\n\nexport const ContentItemMenu = ({ editor }: ContentItemMenuProps) => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [tippyOptions, setTippyOptions] = useState();\n  const data = useData();\n  const actions = useContentItemActions(\n    editor,\n    data.currentNode,\n    data.currentNodePos\n  );\n\n  useEffect(() => {\n    if (menuOpen) {\n      editor.commands.setMeta(\"lockDragHandle\", true);\n    } else {\n      editor.commands.setMeta(\"lockDragHandle\", false);\n    }\n  }, [editor, menuOpen]);\n\n  return (\n    <DragHandle\n      pluginKey=\"ContentItemMenu\"\n      editor={editor}\n      onNodeChange={data.handleNodeChange}\n      tippyOptions={{\n        placement: \"left\",\n        offset: [-12, 2],\n        zIndex: 99,\n      }}\n    >\n      <div className=\"flex items-center gap-0.5\">\n        <Toolbar.Button type=\"button\" onClick={actions.handleAdd}>\n          <Icon icon={Plus} />\n        </Toolbar.Button>\n        <Popover.Root open={menuOpen} onOpenChange={setMenuOpen}>\n          <Popover.Trigger asChild>\n            <Toolbar.Button type=\"button\">\n              <Icon icon={GripVertical} />\n            </Toolbar.Button>\n          </Popover.Trigger>\n          <Popover.Content side=\"bottom\" align=\"start\" sideOffset={8}>\n            <Surface className=\"p-2 flex flex-col min-w-[16rem]\">\n              <Popover.Close>\n                <DropdownButton onClick={actions.resetTextFormatting}>\n                  <Icon icon={RemoveFormatting} />\n                  Clear formatting\n                </DropdownButton>\n              </Popover.Close>\n              <Popover.Close>\n                <DropdownButton onClick={actions.copyNodeToClipboard}>\n                  <Icon icon={Clipboard} />\n                  Copy to clipboard\n                </DropdownButton>\n              </Popover.Close>\n              <Popover.Close>\n                <DropdownButton onClick={actions.duplicateNode}>\n                  <Icon icon={Copy} />\n                  Duplicate\n                </DropdownButton>\n              </Popover.Close>\n              <Toolbar.Divider horizontal />\n              <Popover.Close>\n                <DropdownButton\n                  onClick={actions.deleteNode}\n                  className=\"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                  <Icon icon={Trash2} />\n                  Delete\n                </DropdownButton>\n              </Popover.Close>\n            </Surface>\n          </Popover.Content>\n        </Popover.Root>\n      </div>\n    </DragHandle>\n  );\n};\n"],"names":["DragHandle","Icon","Toolbar","Popover","Clipboard","Copy","GripVertical","Plus","RemoveFormatting","Trash2","useEffect","useState","DropdownButton","Surface","useContentItemActions","useData","ContentItemMenu","editor","menuOpen","setMenuOpen","tippyOptions","setTippyOptions","data","actions","currentNode","currentNodePos","commands","setMeta","pluginKey","onNodeChange","handleNodeChange","placement","offset","zIndex","div","className","Button","type","onClick","handleAdd","icon","Root","open","onOpenChange","Trigger","asChild","Content","side","align","sideOffset","Close","resetTextFormatting","copyNodeToClipboard","duplicateNode","Divider","horizontal","deleteNode"],"mappings":"AAAA;;AACA,SAASA,UAAU,QAAQ,0CAA0C;AAErE,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAG9C,YAAYC,aAAa,0BAA0B;AACnD,SACEC,SAAS,EACTC,IAAI,EACJC,YAAY,EACZC,IAAI,EACJC,gBAAgB,EAChBC,MAAM,QACD,eAAe;AACtB,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAC5C,SAASC,cAAc,QAAQ,gCAAgC;AAC/D,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,OAAOC,2BAA2B,mCAAmC;AACrE,SAASC,OAAO,QAAQ,qBAAqB;AAM7C,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAwB;IAC9D,MAAM,CAACC,UAAUC,YAAY,GAAGR,SAAS;IACzC,MAAM,CAACS,cAAcC,gBAAgB,GAAGV;IACxC,MAAMW,OAAOP;IACb,MAAMQ,UAAUT,sBACdG,QACAK,KAAKE,WAAW,EAChBF,KAAKG,cAAc;IAGrBf,UAAU;QACR,IAAIQ,UAAU;YACZD,OAAOS,QAAQ,CAACC,OAAO,CAAC,kBAAkB;QAC5C,OAAO;YACLV,OAAOS,QAAQ,CAACC,OAAO,CAAC,kBAAkB;QAC5C;IACF,GAAG;QAACV;QAAQC;KAAS;IAErB,qBACE,KAAClB;QACC4B,WAAU;QACVX,QAAQA;QACRY,cAAcP,KAAKQ,gBAAgB;QACnCV,cAAc;YACZW,WAAW;YACXC,QAAQ;gBAAC,CAAC;gBAAI;aAAE;YAChBC,QAAQ;QACV;kBAEA,cAAA,MAACC;YAAIC,WAAU;;8BACb,KAACjC,QAAQkC,MAAM;oBAACC,MAAK;oBAASC,SAASf,QAAQgB,SAAS;8BACtD,cAAA,KAACtC;wBAAKuC,MAAMjC;;;8BAEd,MAACJ,QAAQsC,IAAI;oBAACC,MAAMxB;oBAAUyB,cAAcxB;;sCAC1C,KAAChB,QAAQyC,OAAO;4BAACC,OAAO;sCACtB,cAAA,KAAC3C,QAAQkC,MAAM;gCAACC,MAAK;0CACnB,cAAA,KAACpC;oCAAKuC,MAAMlC;;;;sCAGhB,KAACH,QAAQ2C,OAAO;4BAACC,MAAK;4BAASC,OAAM;4BAAQC,YAAY;sCACvD,cAAA,MAACpC;gCAAQsB,WAAU;;kDACjB,KAAChC,QAAQ+C,KAAK;kDACZ,cAAA,MAACtC;4CAAe0B,SAASf,QAAQ4B,mBAAmB;;8DAClD,KAAClD;oDAAKuC,MAAMhC;;gDAAoB;;;;kDAIpC,KAACL,QAAQ+C,KAAK;kDACZ,cAAA,MAACtC;4CAAe0B,SAASf,QAAQ6B,mBAAmB;;8DAClD,KAACnD;oDAAKuC,MAAMpC;;gDAAa;;;;kDAI7B,KAACD,QAAQ+C,KAAK;kDACZ,cAAA,MAACtC;4CAAe0B,SAASf,QAAQ8B,aAAa;;8DAC5C,KAACpD;oDAAKuC,MAAMnC;;gDAAQ;;;;kDAIxB,KAACH,QAAQoD,OAAO;wCAACC,UAAU;;kDAC3B,KAACpD,QAAQ+C,KAAK;kDACZ,cAAA,MAACtC;4CACC0B,SAASf,QAAQiC,UAAU;4CAC3BrB,WAAU;;8DAEV,KAAClC;oDAAKuC,MAAM/B;;gDAAU;;;;;;;;;;;;AAUxC,EAAE"}

package/dist/src/fields/TiptapEditor/hooks/useBlockEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBlockEditor.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAa,MAAM,eAAe,CAAC;AASlD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB;CACF;AAED,eAAO,MAAM,cAAc,sEAKxB;IACD,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,kBAAkB,EAAE,eAAe,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACzC;;;;;CA+FA,CAAC"}
+{"version":3,"file":"useBlockEditor.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAa,MAAM,eAAe,CAAC;AASlD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB;CACF;AAED,eAAO,MAAM,cAAc,sEAKxB;IACD,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,kBAAkB,EAAE,eAAe,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACzC;;;;;CAgGA,CAAC"}

package/dist/src/fields/TiptapEditor/hooks/useBlockEditor.js

@@ -20,6 +20,7 @@ export const useBlockEditor = ({ content, handleChange, openAssetHQHandler, addi
     const { t, i18n } = useTranslation();
     const editor = useEditor({
         content: content?.json ?? content ?? {},
+        immediatelyRender: false,
         autofocus: true,
         onCreate: ({ editor })=>{
         // provider?.on('synced', () => {

package/dist/src/fields/TiptapEditor/hooks/useBlockEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useMemo } from \"react\";\n\nimport { Editor, useEditor } from \"@tiptap/react\";\n\nimport ExtensionKit from \"../extensions/extension-kit.js\";\nimport { EditorUser } from \"../features/BlockEditor/types.js\";\nimport { useSidebar } from \"./useSidebar.js\";\n\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport TurndownService from \"turndown\";\nimport { gfm } from \"turndown-plugin-gfm\";\nimport { openAssetHQType } from \"../types.js\";\ndeclare global {\n  interface Window {\n    editor: Editor | null;\n  }\n}\n\nexport const useBlockEditor = ({\n  content,\n  handleChange,\n  openAssetHQHandler,\n  additionalContext,\n}: {\n  content: { html: string; json: any };\n  handleChange: (data: any) => void;\n  openAssetHQHandler: openAssetHQType;\n  additionalContext?: Record<string, any>;\n}) => {\n  const leftSidebar = useSidebar();\n\n  const turndownService = new TurndownService({});\n  // Use the gfm plugin\n  turndownService.use(gfm);\n  turndownService.addRule(\"twitter\", {\n    filter: \"div\",\n    replacement: function (content) {\n      return \"\\n\\n\" + content + \"\\n\\n\";\n    },\n  });\n  const { t, i18n } = useTranslation();\n\n  const editor = useEditor(\n    {\n      content: content?.json ?? content ?? {},\n      autofocus: true,\n      onCreate: ({ editor }) => {\n        // provider?.on('synced', () => {\n        //   if (editor.isEmpty) {\n        //     editor.commands.setContent(initialContent)\n        //   }\n        // })\n      },\n      extensions: [\n        ...ExtensionKit({\n          openAssetHQHandler,\n          // provider,\n        }),\n        // Collaboration.configure({\n        //   document: ydoc,\n        // }),\n        // CollaborationCursor.configure({\n        //   provider,\n        //   user: {\n        //     name: randomElement(userNames),\n        //     color: randomElement(userColors),\n        //   },\n        // }),\n      ],\n      editorProps: {\n        attributes: {\n          languages: i18n.language,\n          autocomplete: \"off\",\n          autocorrect: \"off\",\n          autocapitalize: \"off\",\n          class: \"min-h-full\",\n        },\n      },\n      onUpdate: ({ editor }) => {\n        handleChange(editor?.getJSON() ?? {});\n      },\n    },\n    []\n  );\n\n  useEffect(() => {\n    if (editor?.storage?.aiCommand) {\n      editor.storage.aiCommand.title = additionalContext?.title ?? \"\";\n      editor.storage.aiCommand.language = additionalContext?.language ?? \"\";\n    }\n  }, [editor, additionalContext]);\n\n  const users = useMemo(() => {\n    if (!editor?.storage?.collaborationCursor?.users) {\n      return [];\n    }\n\n    return editor?.storage?.collaborationCursor?.users.map(\n      (user: EditorUser) => {\n        const names = user.name?.split(\" \");\n        const firstName = names?.[0];\n        const lastName = names?.[names.length - 1];\n        const initials = `${firstName?.[0] || \"?\"}${lastName?.[0] || \"?\"}`;\n\n        return { ...user, initials: initials.length ? initials : \"?\" };\n      }\n    );\n  }, [editor?.storage.collaborationCursor?.users]);\n\n  const characterCount = editor?.storage.characterCount || {\n    characters: () => 0,\n    words: () => 0,\n  };\n\n  // useEffect(() => {\n  //   provider?.on('status', (event: { status: WebSocketStatus }) => {\n  //     setCollabState(event.status)\n  //   })\n  // }, [provider])\n\n  if (typeof window != \"undefined\") window.editor = editor;\n\n  return { editor, users, characterCount, leftSidebar };\n};\n"],"names":["useEffect","useMemo","useEditor","ExtensionKit","useSidebar","useTranslation","TurndownService","gfm","useBlockEditor","content","handleChange","openAssetHQHandler","additionalContext","leftSidebar","turndownService","use","addRule","filter","replacement","t","i18n","editor","json","autofocus","onCreate","extensions","editorProps","attributes","languages","language","autocomplete","autocorrect","autocapitalize","class","onUpdate","getJSON","storage","aiCommand","title","users","collaborationCursor","map","user","names","name","split","firstName","lastName","length","initials","characterCount","characters","words","window"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,OAAO,QAAQ,QAAQ;AAE3C,SAAiBC,SAAS,QAAQ,gBAAgB;AAElD,OAAOC,kBAAkB,iCAAiC;AAE1D,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,cAAc,QAAQ,uCAAuC;AACtE,OAAOC,qBAAqB,WAAW;AACvC,SAASC,GAAG,QAAQ,sBAAsB;AAQ1C,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,OAAO,EACPC,YAAY,EACZC,kBAAkB,EAClBC,iBAAiB,EAMlB;IACC,MAAMC,cAAcT;IAEpB,MAAMU,kBAAkB,IAAIR,gBAAgB,CAAC;IAC7C,qBAAqB;IACrBQ,gBAAgBC,GAAG,CAACR;IACpBO,gBAAgBE,OAAO,CAAC,WAAW;QACjCC,QAAQ;QACRC,aAAa,SAAUT,OAAO;YAC5B,OAAO,SAASA,UAAU;QAC5B;IACF;IACA,MAAM,EAAEU,CAAC,EAAEC,IAAI,EAAE,GAAGf;IAEpB,MAAMgB,SAASnB,UACb;QACEO,SAASA,SAASa,QAAQb,WAAW,CAAC;QACtCc,WAAW;QACXC,UAAU,CAAC,EAAEH,MAAM,EAAE;QACnB,iCAAiC;QACjC,0BAA0B;QAC1B,iDAAiD;QACjD,MAAM;QACN,KAAK;QACP;QACAI,YAAY;eACPtB,aAAa;gBACdQ;YAEF;SAWD;QACDe,aAAa;YACXC,YAAY;gBACVC,WAAWR,KAAKS,QAAQ;gBACxBC,cAAc;gBACdC,aAAa;gBACbC,gBAAgB;gBAChBC,OAAO;YACT;QACF;QACAC,UAAU,CAAC,EAAEb,MAAM,EAAE;YACnBX,aAAaW,QAAQc,aAAa,CAAC;QACrC;IACF,GACA,EAAE;IAGJnC,UAAU;QACR,IAAIqB,QAAQe,SAASC,WAAW;YAC9BhB,OAAOe,OAAO,CAACC,SAAS,CAACC,KAAK,GAAG1B,mBAAmB0B,SAAS;YAC7DjB,OAAOe,OAAO,CAACC,SAAS,CAACR,QAAQ,GAAGjB,mBAAmBiB,YAAY;QACrE;IACF,GAAG;QAACR;QAAQT;KAAkB;IAE9B,MAAM2B,QAAQtC,QAAQ;QACpB,IAAI,CAACoB,QAAQe,SAASI,qBAAqBD,OAAO;YAChD,OAAO,EAAE;QACX;QAEA,OAAOlB,QAAQe,SAASI,qBAAqBD,MAAME,IACjD,CAACC;YACC,MAAMC,QAAQD,KAAKE,IAAI,EAAEC,MAAM;YAC/B,MAAMC,YAAYH,OAAO,CAAC,EAAE;YAC5B,MAAMI,WAAWJ,OAAO,CAACA,MAAMK,MAAM,GAAG,EAAE;YAC1C,MAAMC,WAAW,CAAC,EAAEH,WAAW,CAAC,EAAE,IAAI,IAAI,EAAEC,UAAU,CAAC,EAAE,IAAI,IAAI,CAAC;YAElE,OAAO;gBAAE,GAAGL,IAAI;gBAAEO,UAAUA,SAASD,MAAM,GAAGC,WAAW;YAAI;QAC/D;IAEJ,GAAG;QAAC5B,QAAQe,QAAQI,qBAAqBD;KAAM;IAE/C,MAAMW,iBAAiB7B,QAAQe,QAAQc,kBAAkB;QACvDC,YAAY,IAAM;QAClBC,OAAO,IAAM;IACf;IAEA,oBAAoB;IACpB,qEAAqE;IACrE,mCAAmC;IACnC,OAAO;IACP,iBAAiB;IAEjB,IAAI,OAAOC,UAAU,aAAaA,OAAOhC,MAAM,GAAGA;IAElD,OAAO;QAAEA;QAAQkB;QAAOW;QAAgBrC;IAAY;AACtD,EAAE"}
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useMemo } from \"react\";\n\nimport { Editor, useEditor } from \"@tiptap/react\";\n\nimport ExtensionKit from \"../extensions/extension-kit.js\";\nimport { EditorUser } from \"../features/BlockEditor/types.js\";\nimport { useSidebar } from \"./useSidebar.js\";\n\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport TurndownService from \"turndown\";\nimport { gfm } from \"turndown-plugin-gfm\";\nimport { openAssetHQType } from \"../types.js\";\ndeclare global {\n  interface Window {\n    editor: Editor | null;\n  }\n}\n\nexport const useBlockEditor = ({\n  content,\n  handleChange,\n  openAssetHQHandler,\n  additionalContext,\n}: {\n  content: { html: string; json: any };\n  handleChange: (data: any) => void;\n  openAssetHQHandler: openAssetHQType;\n  additionalContext?: Record<string, any>;\n}) => {\n  const leftSidebar = useSidebar();\n\n  const turndownService = new TurndownService({});\n  // Use the gfm plugin\n  turndownService.use(gfm);\n  turndownService.addRule(\"twitter\", {\n    filter: \"div\",\n    replacement: function (content) {\n      return \"\\n\\n\" + content + \"\\n\\n\";\n    },\n  });\n  const { t, i18n } = useTranslation();\n\n  const editor = useEditor(\n    {\n      content: content?.json ?? content ?? {},\n      immediatelyRender: false,\n      autofocus: true,\n      onCreate: ({ editor }) => {\n        // provider?.on('synced', () => {\n        //   if (editor.isEmpty) {\n        //     editor.commands.setContent(initialContent)\n        //   }\n        // })\n      },\n      extensions: [\n        ...ExtensionKit({\n          openAssetHQHandler,\n          // provider,\n        }),\n        // Collaboration.configure({\n        //   document: ydoc,\n        // }),\n        // CollaborationCursor.configure({\n        //   provider,\n        //   user: {\n        //     name: randomElement(userNames),\n        //     color: randomElement(userColors),\n        //   },\n        // }),\n      ],\n      editorProps: {\n        attributes: {\n          languages: i18n.language,\n          autocomplete: \"off\",\n          autocorrect: \"off\",\n          autocapitalize: \"off\",\n          class: \"min-h-full\",\n        },\n      },\n      onUpdate: ({ editor }) => {\n        handleChange(editor?.getJSON() ?? {});\n      },\n    },\n    []\n  );\n\n  useEffect(() => {\n    if (editor?.storage?.aiCommand) {\n      editor.storage.aiCommand.title = additionalContext?.title ?? \"\";\n      editor.storage.aiCommand.language = additionalContext?.language ?? \"\";\n    }\n  }, [editor, additionalContext]);\n\n  const users = useMemo(() => {\n    if (!editor?.storage?.collaborationCursor?.users) {\n      return [];\n    }\n\n    return editor?.storage?.collaborationCursor?.users.map(\n      (user: EditorUser) => {\n        const names = user.name?.split(\" \");\n        const firstName = names?.[0];\n        const lastName = names?.[names.length - 1];\n        const initials = `${firstName?.[0] || \"?\"}${lastName?.[0] || \"?\"}`;\n\n        return { ...user, initials: initials.length ? initials : \"?\" };\n      }\n    );\n  }, [editor?.storage.collaborationCursor?.users]);\n\n  const characterCount = editor?.storage.characterCount || {\n    characters: () => 0,\n    words: () => 0,\n  };\n\n  // useEffect(() => {\n  //   provider?.on('status', (event: { status: WebSocketStatus }) => {\n  //     setCollabState(event.status)\n  //   })\n  // }, [provider])\n\n  if (typeof window != \"undefined\") window.editor = editor;\n\n  return { editor, users, characterCount, leftSidebar };\n};\n"],"names":["useEffect","useMemo","useEditor","ExtensionKit","useSidebar","useTranslation","TurndownService","gfm","useBlockEditor","content","handleChange","openAssetHQHandler","additionalContext","leftSidebar","turndownService","use","addRule","filter","replacement","t","i18n","editor","json","immediatelyRender","autofocus","onCreate","extensions","editorProps","attributes","languages","language","autocomplete","autocorrect","autocapitalize","class","onUpdate","getJSON","storage","aiCommand","title","users","collaborationCursor","map","user","names","name","split","firstName","lastName","length","initials","characterCount","characters","words","window"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,OAAO,QAAQ,QAAQ;AAE3C,SAAiBC,SAAS,QAAQ,gBAAgB;AAElD,OAAOC,kBAAkB,iCAAiC;AAE1D,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,cAAc,QAAQ,uCAAuC;AACtE,OAAOC,qBAAqB,WAAW;AACvC,SAASC,GAAG,QAAQ,sBAAsB;AAQ1C,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,OAAO,EACPC,YAAY,EACZC,kBAAkB,EAClBC,iBAAiB,EAMlB;IACC,MAAMC,cAAcT;IAEpB,MAAMU,kBAAkB,IAAIR,gBAAgB,CAAC;IAC7C,qBAAqB;IACrBQ,gBAAgBC,GAAG,CAACR;IACpBO,gBAAgBE,OAAO,CAAC,WAAW;QACjCC,QAAQ;QACRC,aAAa,SAAUT,OAAO;YAC5B,OAAO,SAASA,UAAU;QAC5B;IACF;IACA,MAAM,EAAEU,CAAC,EAAEC,IAAI,EAAE,GAAGf;IAEpB,MAAMgB,SAASnB,UACb;QACEO,SAASA,SAASa,QAAQb,WAAW,CAAC;QACtCc,mBAAmB;QACnBC,WAAW;QACXC,UAAU,CAAC,EAAEJ,MAAM,EAAE;QACnB,iCAAiC;QACjC,0BAA0B;QAC1B,iDAAiD;QACjD,MAAM;QACN,KAAK;QACP;QACAK,YAAY;eACPvB,aAAa;gBACdQ;YAEF;SAWD;QACDgB,aAAa;YACXC,YAAY;gBACVC,WAAWT,KAAKU,QAAQ;gBACxBC,cAAc;gBACdC,aAAa;gBACbC,gBAAgB;gBAChBC,OAAO;YACT;QACF;QACAC,UAAU,CAAC,EAAEd,MAAM,EAAE;YACnBX,aAAaW,QAAQe,aAAa,CAAC;QACrC;IACF,GACA,EAAE;IAGJpC,UAAU;QACR,IAAIqB,QAAQgB,SAASC,WAAW;YAC9BjB,OAAOgB,OAAO,CAACC,SAAS,CAACC,KAAK,GAAG3B,mBAAmB2B,SAAS;YAC7DlB,OAAOgB,OAAO,CAACC,SAAS,CAACR,QAAQ,GAAGlB,mBAAmBkB,YAAY;QACrE;IACF,GAAG;QAACT;QAAQT;KAAkB;IAE9B,MAAM4B,QAAQvC,QAAQ;QACpB,IAAI,CAACoB,QAAQgB,SAASI,qBAAqBD,OAAO;YAChD,OAAO,EAAE;QACX;QAEA,OAAOnB,QAAQgB,SAASI,qBAAqBD,MAAME,IACjD,CAACC;YACC,MAAMC,QAAQD,KAAKE,IAAI,EAAEC,MAAM;YAC/B,MAAMC,YAAYH,OAAO,CAAC,EAAE;YAC5B,MAAMI,WAAWJ,OAAO,CAACA,MAAMK,MAAM,GAAG,EAAE;YAC1C,MAAMC,WAAW,CAAC,EAAEH,WAAW,CAAC,EAAE,IAAI,IAAI,EAAEC,UAAU,CAAC,EAAE,IAAI,IAAI,CAAC;YAElE,OAAO;gBAAE,GAAGL,IAAI;gBAAEO,UAAUA,SAASD,MAAM,GAAGC,WAAW;YAAI;QAC/D;IAEJ,GAAG;QAAC7B,QAAQgB,QAAQI,qBAAqBD;KAAM;IAE/C,MAAMW,iBAAiB9B,QAAQgB,QAAQc,kBAAkB;QACvDC,YAAY,IAAM;QAClBC,OAAO,IAAM;IACf;IAEA,oBAAoB;IACpB,qEAAqE;IACrE,mCAAmC;IACnC,OAAO;IACP,iBAAiB;IAEjB,IAAI,OAAOC,UAAU,aAAaA,OAAOjC,MAAM,GAAGA;IAElD,OAAO;QAAEA;QAAQmB;QAAOW;QAAgBtC;IAAY;AACtD,EAAE"}

package/dist/src/fields/TiptapEditor/lib/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/lib/constants.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAEhF,eAAO,MAAM,SAAS,UA0BrB,CAAC;AAEF,eAAO,MAAM,UAAU,UAQtB,CAAC;AAEF,eAAO,MAAM,WAAW,UAOvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,cAAc,EAuBrC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,YAAY,EAe/B,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/lib/constants.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAEhF,eAAO,MAAM,SAAS,UA0BrB,CAAC;AAEF,eAAO,MAAM,UAAU,UAQtB,CAAC;AAEF,eAAO,MAAM,WAAW,UAOvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,cAAc,EAkIrC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,YAAY,EAe/B,CAAC"}

package/dist/src/fields/TiptapEditor/lib/constants.js

@@ -44,74 +44,229 @@ export const themeColors = [
 ];
 export const languages = [
     {
-        name: "arabic",
+        value: "ar",
         label: "Arabic",
-        value: "ar"
+        name: "arabic"
     },
     {
-        name: "chinese",
+        value: "az",
+        label: "Azerbaijani",
+        name: "azerbaijani"
+    },
+    {
+        value: "bs",
+        label: "Balkan Bosnian",
+        name: "balkan_bosnian"
+    },
+    {
+        value: "hr",
+        label: "Balkan Hrvatski",
+        name: "balkan_hrvatski"
+    },
+    {
+        value: "mk",
+        label: "Balkan Macedonian",
+        name: "balkan_macedonian"
+    },
+    {
+        value: "sr",
+        label: "Balkan Serbian",
+        name: "balkan_serbian"
+    },
+    {
+        value: "sq",
+        label: "Balkan Albanian",
+        name: "balkan_albanian"
+    },
+    {
+        value: "bg",
+        label: "Bulgarian",
+        name: "bulgarian"
+    },
+    {
+        value: "zh",
         label: "Chinese",
-        value: "zh"
+        name: "chinese"
+    },
+    {
+        value: "da",
+        label: "Danish",
+        name: "danish"
     },
     {
-        name: "english",
+        value: "fa-AF",
+        label: "Dari",
+        name: "dari"
+    },
+    {
+        value: "nl",
+        label: "Dutch",
+        name: "dutch"
+    },
+    {
+        value: "en",
         label: "English",
-        value: "en"
+        name: "english"
     },
     {
-        name: "farsi",
-        label: "Farsu",
-        value: "fa"
+        value: "es",
+        label: "Espanyol",
+        name: "espanyol"
     },
     {
-        name: "french",
-        label: "French",
-        value: "fr"
+        value: "fi",
+        label: "Finnish",
+        name: "finnish"
     },
     {
-        name: "german",
-        label: "German",
-        value: "de"
+        value: "fr",
+        label: "Français",
+        name: "francais"
     },
     {
-        name: "greek",
+        value: "ka",
+        label: "Georgian",
+        name: "georgian"
+    },
+    {
+        value: "el",
         label: "Greek",
-        value: "gr"
+        name: "greek"
+    },
+    {
+        value: "ha",
+        label: "Afrika Hausa",
+        name: "afrika_hausa"
+    },
+    {
+        value: "he",
+        label: "Hebrew",
+        name: "hebrew"
+    },
+    {
+        value: "hi",
+        label: "Hindi",
+        name: "hindi"
+    },
+    {
+        value: "hu",
+        label: "Hungarian",
+        name: "hungarian"
+    },
+    {
+        value: "id",
+        label: "Bahasa Indonesia",
+        name: "bahasa_indonesia"
     },
     {
-        name: "italian",
+        value: "it",
         label: "Italian",
-        value: "it"
+        name: "italian"
     },
     {
-        name: "japanese",
+        value: "ja",
         label: "Japanese",
-        value: "jp"
+        name: "japanese"
+    },
+    {
+        value: "kk",
+        label: "Kazakh",
+        name: "kazakh"
     },
     {
-        name: "korean",
+        value: "ko",
         label: "Korean",
-        value: "ko"
+        name: "korean"
+    },
+    {
+        value: "kir",
+        label: "Kyrgyz",
+        name: "kyrgyz"
+    },
+    {
+        value: "ms",
+        label: "Malay",
+        name: "malay"
+    },
+    {
+        value: "fa",
+        label: "Farsi",
+        name: "farsi"
+    },
+    {
+        value: "pl",
+        label: "Polish",
+        name: "polish"
+    },
+    {
+        value: "pt",
+        label: "Portuguese",
+        name: "portuguese"
+    },
+    {
+        value: "ro",
+        label: "Romanian",
+        name: "romanian"
     },
     {
-        name: "russian",
+        value: "ru",
         label: "Russian",
-        value: "ru"
+        name: "russian"
     },
     {
-        name: "spanish",
-        label: "Spanish",
-        value: "es"
+        value: "so",
+        label: "Somali",
+        name: "somali"
     },
     {
-        name: "swedish",
+        value: "sv",
         label: "Swedish",
-        value: "sv"
+        name: "swedish"
+    },
+    {
+        value: "tat",
+        label: "Tatar",
+        name: "tatar"
+    },
+    {
+        value: "tuk",
+        label: "Turkmen",
+        name: "turkmen"
+    },
+    {
+        value: "ur",
+        label: "Urdu",
+        name: "urdu"
+    },
+    {
+        value: "uig",
+        label: "Uyghur",
+        name: "uyghur"
+    },
+    {
+        value: "uz",
+        label: "Uzbek",
+        name: "uzbek"
+    },
+    {
+        value: "hy",
+        label: "Armenian",
+        name: "armenian"
+    },
+    {
+        value: "sw",
+        label: "Afrika Swahili",
+        name: "afrika_swahili"
+    },
+    {
+        value: "pcm",
+        label: "Nigerian Pidgin",
+        name: "nigerian_pidgin"
     },
     {
-        name: "ukrainian",
-        label: "Ukrainian",
-        value: "ua"
+        value: "no",
+        label: "Norwegian",
+        name: "norwegian"
     }
 ];
 export const tones = [