payload-richtext-tiptap 0.0.80 → 0.0.81

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

@@ -1,8 +1,8 @@
-import { Node, mergeAttributes } from '@tiptap/core';
+import { Node, mergeAttributes } from "@tiptap/core";
 export const LinkedinServerside = Node.create({
-    name: 'linkedin',
-    group: 'block',
-    content: 'inline*',
+    name: "linkedin",
+    group: "block",
+    content: "inline*",
     parseHTML () {
         return [
             {
@@ -15,17 +15,20 @@ export const LinkedinServerside = Node.create({
             url: {
                 default: null
             },
-            'data-id': {
+            "data-id": {
                 default: null
+            },
+            class: {
+                default: "inline-tiktok"
             }
         };
     },
     renderHTML ({ HTMLAttributes }) {
         return [
-            'a',
+            "a",
             mergeAttributes(HTMLAttributes, {
-                'data-type': 'linkedin',
-                class: "react-renderer node-linkedin"
+                "data-type": "linkedin",
+                class: `react-renderer node-linkedin ${HTMLAttributes.class}`
             }),
             0
         ];

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    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'a',\n      mergeAttributes(HTMLAttributes, { 'data-type': 'linkedin',\n        class: \"react-renderer node-linkedin\",\n       }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","LinkedinServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","renderHTML","HTMLAttributes","class"],"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;QAC7B;IACF;IACAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAZ,gBAAgBY,gBAAgB;gBAAE,aAAa;gBAC7CC,OAAO;YACR;YACD;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,EAAE;YAC/D;YACA;SACD;IACH;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"TiktokServerside.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/TiktokServerside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,gBAAgB,gBA6B3B,CAAC"}
+{"version":3,"file":"TiktokServerside.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/TiktokServerside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,gBAAgB,gBA8B3B,CAAC"}

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

@@ -17,6 +17,9 @@ export const TiktokServerside = Node.create({
             },
             "data-id": {
                 default: null
+            },
+            class: {
+                default: "inline-tiktok"
             }
         };
     },
@@ -25,7 +28,7 @@ export const TiktokServerside = Node.create({
             "a",
             mergeAttributes(HTMLAttributes, {
                 "data-type": "tiktok",
-                class: "react-renderer node-tiktok"
+                class: `react-renderer node-tiktok ${HTMLAttributes.class}`
             }),
             0
         ];

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    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"tiktok\",\n        class: \"react-renderer node-tiktok\",\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","TiktokServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","renderHTML","HTMLAttributes","class"],"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;QAC7B;IACF;IACAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAZ,gBAAgBY,gBAAgB;gBAC9B,aAAa;gBACbC,OAAO;YACT;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,EAAE;YAC7D;YACA;SACD;IACH;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"TwitterBlockServerside.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/TwitterBlockServerside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,sBAAsB,gBA4BjC,CAAC"}
+{"version":3,"file":"TwitterBlockServerside.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/TwitterBlockServerside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,sBAAsB,gBA6BjC,CAAC"}

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

@@ -6,7 +6,7 @@ export const TwitterBlockServerside = Node.create({
     parseHTML () {
         return [
             {
-                tag: 'a[data-type="twitter".react-renderer.node-twitter'
+                tag: 'a[data-type="twitter"'
             }
         ];
     },
@@ -17,6 +17,9 @@ export const TwitterBlockServerside = Node.create({
             },
             "data-id": {
                 default: null
+            },
+            class: {
+                default: "inline-twitter"
             }
         };
     },
@@ -25,7 +28,7 @@ export const TwitterBlockServerside = Node.create({
             "a",
             mergeAttributes(HTMLAttributes, {
                 "data-type": "twitter",
-                class: "react-renderer node-twitter"
+                class: `react-renderer node-twitter ${HTMLAttributes.class}`
             }),
             0
         ];

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\".react-renderer.node-twitter',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      \"data-id\": { default: null },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"twitter\",\n        class: \"react-renderer node-twitter\",\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","TwitterBlockServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","renderHTML","HTMLAttributes","class"],"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;QAC7B;IACF;IACAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAZ,gBAAgBY,gBAAgB;gBAC9B,aAAa;gBACbC,OAAO;YACT;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,EAAE;YAC9D;YACA;SACD;IACH;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"YouTubeServerside.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/YouTubeServerside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,iBAAiB,gBA6B5B,CAAC"}
+{"version":3,"file":"YouTubeServerside.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/YouTubeServerside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,iBAAiB,gBA8B5B,CAAC"}

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

@@ -17,6 +17,9 @@ export const YouTubeServerside = Node.create({
             },
             "data-id": {
                 default: null
+            },
+            class: {
+                default: "inline-youtube"
             }
         };
     },
@@ -25,7 +28,7 @@ export const YouTubeServerside = Node.create({
             "a",
             mergeAttributes(HTMLAttributes, {
                 "data-type": "youtube",
-                class: "react-renderer node-youtube"
+                class: `react-renderer node-youtube ${HTMLAttributes.class}`
             }),
             0
         ];

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    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"a\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-type\": \"youtube\",\n        class: \"react-renderer node-youtube\",\n      }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","YouTubeServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","renderHTML","HTMLAttributes","class"],"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;QAC7B;IACF;IACAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAZ,gBAAgBY,gBAAgB;gBAC9B,aAAa;gBACbC,OAAO;YACT;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,EAAE;YAC9D;YACA;SACD;IACH;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 export type SocialMediaEditorPanelProps = {
     initialSrc?: string;
     initialOpenInNewTab?: boolean;
-    onSetLink: (src: string) => void;
+    onSetLink: (src: string, className?: boolean) => void;
     placeholderText: string;
     buttonText: string;
     descriptionText: string;
@@ -12,6 +12,8 @@ export declare const useLinkEditorState: ({ initialSrc, onSetLink, }: SocialMedi
     setUrl: React.Dispatch<React.SetStateAction<string>>;
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     handleSubmit: (e: React.FormEvent) => void;
+    isInline: boolean;
+    setIsInline: React.Dispatch<React.SetStateAction<boolean>>;
 };
 export declare const SocialMediaEditorPanel: ({ onSetLink, initialOpenInNewTab, initialSrc, placeholderText, buttonText, descriptionText, }: SocialMediaEditorPanelProps) => React.JSX.Element;
 //# sourceMappingURL=SocialMediaEditorPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SocialMediaEditorPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,MAAM,MAAM,2BAA2B,GAAG;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,+BAG5B,2BAA2B;;;sBAGS,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;sBAOlE,KAAK,CAAC,SAAS;CAetB,CAAC;AAEF,eAAO,MAAM,sBAAsB,kGAOhC,2BAA2B,sBAsC7B,CAAC"}
+{"version":3,"file":"SocialMediaEditorPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,MAAM,MAAM,2BAA2B,GAAG;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,+BAG5B,2BAA2B;;;sBAIS,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;sBAOlE,KAAK,CAAC,SAAS;;;CAiBtB,CAAC;AAEF,eAAO,MAAM,sBAAsB,kGAOhC,2BAA2B,sBA6C7B,CAAC"}

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

@@ -2,8 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useState } from "react";
 import { Button } from "../../ui/Button/Button.js";
 import { Surface } from "../../ui/Surface.js";
+import { CheckboxField } from "@payloadcms/ui";
 export const useLinkEditorState = ({ initialSrc, onSetLink })=>{
     const [url, setUrl] = useState(initialSrc || "");
+    const [isInline, setIsInline] = useState(false);
     const onChange = useCallback((event)=>{
         setUrl(event.target.value);
     }, []);
@@ -11,17 +13,20 @@ export const useLinkEditorState = ({ initialSrc, onSetLink })=>{
     const handleSubmit = useCallback((e)=>{
         e.preventDefault();
         // if (isValidUrl) {
-        onSetLink(url);
+        onSetLink(url, isInline);
     // }
     }, [
         url,
-        onSetLink
+        onSetLink,
+        isInline
     ]);
     return {
         url,
         setUrl,
         onChange,
-        handleSubmit
+        handleSubmit,
+        isInline,
+        setIsInline
     };
 };
 export const SocialMediaEditorPanel = ({ onSetLink, initialOpenInNewTab, initialSrc, placeholderText, buttonText, descriptionText })=>{
@@ -60,6 +65,13 @@ export const SocialMediaEditorPanel = ({ onSetLink, initialOpenInNewTab, initial
                 /*#__PURE__*/ _jsx("span", {
                     className: "mt-1 mb-0 text-sm",
                     children: descriptionText
+                }),
+                /*#__PURE__*/ _jsx(CheckboxField, {
+                    label: "Inline Embed",
+                    checked: state.isInline,
+                    onChange: ()=>{
+                        state.setIsInline((p)=>!p);
+                    }
                 })
             ]
         })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Button } from \"../../ui/Button/Button.js\";\nimport { Surface } from \"../../ui/Surface.js\";\n\nexport type SocialMediaEditorPanelProps = {\n  initialSrc?: string;\n  initialOpenInNewTab?: boolean;\n  onSetLink: (src: string) => void;\n  placeholderText: string;\n  buttonText: string;\n  descriptionText: string;\n};\n\nexport const useLinkEditorState = ({\n  initialSrc,\n  onSetLink,\n}: SocialMediaEditorPanelProps) => {\n  const [url, setUrl] = useState(initialSrc || \"\");\n\n  const onChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setUrl(event.target.value);\n  }, []);\n\n  // const isValidUrl = useMemo(() => /^(\\S+):(\\/\\/)?\\S+$/.test(url), [url]);\n\n  const handleSubmit = useCallback(\n    (e: React.FormEvent) => {\n      e.preventDefault();\n      // if (isValidUrl) {\n      onSetLink(url);\n      // }\n    },\n    [url, onSetLink]\n  );\n\n  return {\n    url,\n    setUrl,\n    onChange,\n    handleSubmit,\n  };\n};\n\nexport const SocialMediaEditorPanel = ({\n  onSetLink,\n  initialOpenInNewTab,\n  initialSrc,\n  placeholderText,\n  buttonText,\n  descriptionText,\n}: SocialMediaEditorPanelProps) => {\n  const state = useLinkEditorState({\n    onSetLink,\n    initialOpenInNewTab,\n    initialSrc,\n    placeholderText,\n    buttonText,\n    descriptionText,\n  });\n\n  return (\n    <Surface className=\"p-2\">\n      <div className=\"flex flex-col items-center gap-2 p-1\">\n        <label className=\"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text w-full\">\n          {/* <Icon icon={Link} className=\"flex-none text-black dark:text-white\" /> */}\n          <input\n            className=\"flex-1 bg-transparent outline-none min-w-[276px] text-black text-sm dark:text-white\"\n            placeholder={placeholderText}\n            value={state.url}\n            onChange={state.onChange}\n          />\n        </label>\n        <Button\n          variant=\"primary\"\n          buttonSize=\"medium\"\n          className=\"w-full m-2\"\n          type=\"button\"\n          onClick={(e) => {\n            state.handleSubmit(e);\n          }}\n          // disabled={!state.isValidUrl}\n        >\n          {buttonText}\n        </Button>\n        <span className=\"mt-1 mb-0 text-sm\">{descriptionText}</span>\n      </div>\n    </Surface>\n  );\n};\n"],"names":["React","useCallback","useState","Button","Surface","useLinkEditorState","initialSrc","onSetLink","url","setUrl","onChange","event","target","value","handleSubmit","e","preventDefault","SocialMediaEditorPanel","initialOpenInNewTab","placeholderText","buttonText","descriptionText","state","className","div","label","input","placeholder","variant","buttonSize","type","onClick","span"],"mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,OAAO,QAAQ,sBAAsB;AAW9C,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,SAAS,EACmB;IAC5B,MAAM,CAACC,KAAKC,OAAO,GAAGP,SAASI,cAAc;IAE7C,MAAMI,WAAWT,YAAY,CAACU;QAC5BF,OAAOE,MAAMC,MAAM,CAACC,KAAK;IAC3B,GAAG,EAAE;IAEL,2EAA2E;IAE3E,MAAMC,eAAeb,YACnB,CAACc;QACCA,EAAEC,cAAc;QAChB,oBAAoB;QACpBT,UAAUC;IACV,IAAI;IACN,GACA;QAACA;QAAKD;KAAU;IAGlB,OAAO;QACLC;QACAC;QACAC;QACAI;IACF;AACF,EAAE;AAEF,OAAO,MAAMG,yBAAyB,CAAC,EACrCV,SAAS,EACTW,mBAAmB,EACnBZ,UAAU,EACVa,eAAe,EACfC,UAAU,EACVC,eAAe,EACa;IAC5B,MAAMC,QAAQjB,mBAAmB;QAC/BE;QACAW;QACAZ;QACAa;QACAC;QACAC;IACF;IAEA,qBACE,KAACjB;QAAQmB,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,KAACE;oBAAMF,WAAU;8BAEf,cAAA,KAACG;wBACCH,WAAU;wBACVI,aAAaR;wBACbN,OAAOS,MAAMd,GAAG;wBAChBE,UAAUY,MAAMZ,QAAQ;;;8BAG5B,KAACP;oBACCyB,SAAQ;oBACRC,YAAW;oBACXN,WAAU;oBACVO,MAAK;oBACLC,SAAS,CAAChB;wBACRO,MAAMR,YAAY,CAACC;oBACrB;8BAGCK;;8BAEH,KAACY;oBAAKT,WAAU;8BAAqBF;;;;;AAI7C,EAAE"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Button } from \"../../ui/Button/Button.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { CheckboxField, CheckboxInput } from \"@payloadcms/ui\";\n\nexport type SocialMediaEditorPanelProps = {\n  initialSrc?: string;\n  initialOpenInNewTab?: boolean;\n  onSetLink: (src: string, className?: boolean) => void;\n  placeholderText: string;\n  buttonText: string;\n  descriptionText: string;\n};\n\nexport const useLinkEditorState = ({\n  initialSrc,\n  onSetLink,\n}: SocialMediaEditorPanelProps) => {\n  const [url, setUrl] = useState(initialSrc || \"\");\n  const [isInline, setIsInline] = useState(false);\n\n  const onChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setUrl(event.target.value);\n  }, []);\n\n  // const isValidUrl = useMemo(() => /^(\\S+):(\\/\\/)?\\S+$/.test(url), [url]);\n\n  const handleSubmit = useCallback(\n    (e: React.FormEvent) => {\n      e.preventDefault();\n      // if (isValidUrl) {\n      onSetLink(url, isInline);\n      // }\n    },\n    [url, onSetLink, isInline]\n  );\n\n  return {\n    url,\n    setUrl,\n    onChange,\n    handleSubmit,\n    isInline,\n    setIsInline,\n  };\n};\n\nexport const SocialMediaEditorPanel = ({\n  onSetLink,\n  initialOpenInNewTab,\n  initialSrc,\n  placeholderText,\n  buttonText,\n  descriptionText,\n}: SocialMediaEditorPanelProps) => {\n  const state = useLinkEditorState({\n    onSetLink,\n    initialOpenInNewTab,\n    initialSrc,\n    placeholderText,\n    buttonText,\n    descriptionText,\n  });\n\n  return (\n    <Surface className=\"p-2\">\n      <div className=\"flex flex-col items-center gap-2 p-1\">\n        <label className=\"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text w-full\">\n          {/* <Icon icon={Link} className=\"flex-none text-black dark:text-white\" /> */}\n          <input\n            className=\"flex-1 bg-transparent outline-none min-w-[276px] text-black text-sm dark:text-white\"\n            placeholder={placeholderText}\n            value={state.url}\n            onChange={state.onChange}\n          />\n        </label>\n        <Button\n          variant=\"primary\"\n          buttonSize=\"medium\"\n          className=\"w-full m-2\"\n          type=\"button\"\n          onClick={(e) => {\n            state.handleSubmit(e);\n          }}\n          // disabled={!state.isValidUrl}\n        >\n          {buttonText}\n        </Button>\n        <span className=\"mt-1 mb-0 text-sm\">{descriptionText}</span>\n        <CheckboxField\n          label=\"Inline Embed\"\n          checked={state.isInline}\n          onChange={() => {\n            state.setIsInline((p) => !p);\n          }}\n        />\n      </div>\n    </Surface>\n  );\n};\n"],"names":["React","useCallback","useState","Button","Surface","CheckboxField","useLinkEditorState","initialSrc","onSetLink","url","setUrl","isInline","setIsInline","onChange","event","target","value","handleSubmit","e","preventDefault","SocialMediaEditorPanel","initialOpenInNewTab","placeholderText","buttonText","descriptionText","state","className","div","label","input","placeholder","variant","buttonSize","type","onClick","span","checked","p"],"mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,aAAa,QAAuB,iBAAiB;AAW9D,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,SAAS,EACmB;IAC5B,MAAM,CAACC,KAAKC,OAAO,GAAGR,SAASK,cAAc;IAC7C,MAAM,CAACI,UAAUC,YAAY,GAAGV,SAAS;IAEzC,MAAMW,WAAWZ,YAAY,CAACa;QAC5BJ,OAAOI,MAAMC,MAAM,CAACC,KAAK;IAC3B,GAAG,EAAE;IAEL,2EAA2E;IAE3E,MAAMC,eAAehB,YACnB,CAACiB;QACCA,EAAEC,cAAc;QAChB,oBAAoB;QACpBX,UAAUC,KAAKE;IACf,IAAI;IACN,GACA;QAACF;QAAKD;QAAWG;KAAS;IAG5B,OAAO;QACLF;QACAC;QACAG;QACAI;QACAN;QACAC;IACF;AACF,EAAE;AAEF,OAAO,MAAMQ,yBAAyB,CAAC,EACrCZ,SAAS,EACTa,mBAAmB,EACnBd,UAAU,EACVe,eAAe,EACfC,UAAU,EACVC,eAAe,EACa;IAC5B,MAAMC,QAAQnB,mBAAmB;QAC/BE;QACAa;QACAd;QACAe;QACAC;QACAC;IACF;IAEA,qBACE,KAACpB;QAAQsB,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,KAACE;oBAAMF,WAAU;8BAEf,cAAA,KAACG;wBACCH,WAAU;wBACVI,aAAaR;wBACbN,OAAOS,MAAMhB,GAAG;wBAChBI,UAAUY,MAAMZ,QAAQ;;;8BAG5B,KAACV;oBACC4B,SAAQ;oBACRC,YAAW;oBACXN,WAAU;oBACVO,MAAK;oBACLC,SAAS,CAAChB;wBACRO,MAAMR,YAAY,CAACC;oBACrB;8BAGCK;;8BAEH,KAACY;oBAAKT,WAAU;8BAAqBF;;8BACrC,KAACnB;oBACCuB,OAAM;oBACNQ,SAASX,MAAMd,QAAQ;oBACvBE,UAAU;wBACRY,MAAMb,WAAW,CAAC,CAACyB,IAAM,CAACA;oBAC5B;;;;;AAKV,EAAE"}

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 TurndownService from \"turndown\";\nimport { gfm } from \"turndown-plugin-gfm\";\nimport { AssetReturnType, openAssetHQType } from \"../types.js\";\nimport i18next from \"i18next\";\n\ndeclare global {\n  interface Window {\n    editor: Editor | null;\n  }\n}\n\nconst dummyAssetHqHandler = (\n  listener: (asset: AssetReturnType) => void,\n  file?: File\n) => { };\n\nexport const useBlockEditor = ({\n  content,\n  handleChange,\n  openAssetHQHandler,\n  additionalContext,\n  autoFocus,\n  isEditable,\n}: {\n  content: { html: string; json: any };\n  handleChange?: (data: any) => void;\n  openAssetHQHandler?: openAssetHQType;\n  additionalContext?: Record<string, any>;\n  autoFocus: boolean;\n  isEditable?: boolean;\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\n  const editor = useEditor(\n    {\n      content: content?.json ?? content ?? {},\n      immediatelyRender: false,\n      autofocus: autoFocus ?? true,\n      editable: isEditable ?? 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: openAssetHQHandler ?? dummyAssetHqHandler,\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: i18next.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","TurndownService","gfm","i18next","dummyAssetHqHandler","listener","file","useBlockEditor","content","handleChange","openAssetHQHandler","additionalContext","autoFocus","isEditable","leftSidebar","turndownService","use","addRule","filter","replacement","editor","json","immediatelyRender","autofocus","editable","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,OAAOC,qBAAqB,WAAW;AACvC,SAASC,GAAG,QAAQ,sBAAsB;AAE1C,OAAOC,aAAa,UAAU;AAQ9B,MAAMC,sBAAsB,CAC1BC,UACAC,QACK;AAEP,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,OAAO,EACPC,YAAY,EACZC,kBAAkB,EAClBC,iBAAiB,EACjBC,SAAS,EACTC,UAAU,EAQX;IACC,MAAMC,cAAcd;IAEpB,MAAMe,kBAAkB,IAAId,gBAAgB,CAAC;IAC7C,qBAAqB;IACrBc,gBAAgBC,GAAG,CAACd;IACpBa,gBAAgBE,OAAO,CAAC,WAAW;QACjCC,QAAQ;QACRC,aAAa,SAAUX,OAAO;YAC5B,OAAO,SAASA,UAAU;QAC5B;IACF;IAEA,MAAMY,SAAStB,UACb;QACEU,SAASA,SAASa,QAAQb,WAAW,CAAC;QACtCc,mBAAmB;QACnBC,WAAWX,aAAa;QACxBY,UAAUX,cAAc;QACxBY,UAAU,CAAC,EAAEL,MAAM,EAAE,GAAM,CAAA;YAM3B,CAAA;QACAM,YAAY;eACP3B,aAAa;gBACdW,oBAAoBA,sBAAsBN;YAE5C;SAWD;QACDuB,aAAa;YACXC,YAAY;gBACVC,WAAW1B,QAAQ2B,QAAQ;gBAC3BC,cAAc;gBACdC,aAAa;gBACbC,gBAAgB;gBAChBC,OAAO;YACT;QACF;QACAC,UAAU,CAAC,EAAEf,MAAM,EAAE;YACnBX,aAAaW,QAAQgB,aAAa,CAAC;QACrC;IACF,GACA,EAAE;IAGJxC,UAAU;QACR,IAAIwB,QAAQiB,SAASC,WAAW;YAC9BlB,OAAOiB,OAAO,CAACC,SAAS,CAACC,KAAK,GAAG5B,mBAAmB4B,SAAS;YAC7DnB,OAAOiB,OAAO,CAACC,SAAS,CAACR,QAAQ,GAAGnB,mBAAmBmB,YAAY;QACrE;IACF,GAAG;QAACV;QAAQT;KAAkB;IAE9B,MAAM6B,QAAQ3C,QAAQ;QACpB,IAAI,CAACuB,QAAQiB,SAASI,qBAAqBD,OAAO;YAChD,OAAO,EAAE;QACX;QAEA,OAAOpB,QAAQiB,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,GAAGH,WAAW,CAAC,EAAE,IAAI,MAAMC,UAAU,CAAC,EAAE,IAAI,KAAK;YAElE,OAAO;gBAAE,GAAGL,IAAI;gBAAEO,UAAUA,SAASD,MAAM,GAAGC,WAAW;YAAI;QAC/D;IAEJ,GAAG;QAAC9B,QAAQiB,QAAQI,qBAAqBD;KAAM;IAE/C,MAAMW,iBAAiB/B,QAAQiB,QAAQc,kBAAkB;QACvDC,YAAY,IAAM;QAClBC,OAAO,IAAM;IACf;IAEA,oBAAoB;IACpB,qEAAqE;IACrE,mCAAmC;IACnC,OAAO;IACP,iBAAiB;IAEjB,IAAI,OAAOC,UAAU,aAAaA,OAAOlC,MAAM,GAAGA;IAElD,OAAO;QAAEA;QAAQoB;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 TurndownService from \"turndown\";\nimport { gfm } from \"turndown-plugin-gfm\";\nimport { AssetReturnType, openAssetHQType } from \"../types.js\";\nimport i18next from \"i18next\";\n\ndeclare global {\n  interface Window {\n    editor: Editor | null;\n  }\n}\n\nconst dummyAssetHqHandler = (\n  listener: (asset: AssetReturnType) => void,\n  file?: File\n) => {};\n\nexport const useBlockEditor = ({\n  content,\n  handleChange,\n  openAssetHQHandler,\n  additionalContext,\n  autoFocus,\n  isEditable,\n}: {\n  content: { html: string; json: any };\n  handleChange?: (data: any) => void;\n  openAssetHQHandler?: openAssetHQType;\n  additionalContext?: Record<string, any>;\n  autoFocus: boolean;\n  isEditable?: boolean;\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\n  const editor = useEditor(\n    {\n      content: content?.json ?? content ?? {},\n      immediatelyRender: false,\n      autofocus: autoFocus ?? true,\n      editable: isEditable ?? 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: openAssetHQHandler ?? dummyAssetHqHandler,\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: i18next.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","TurndownService","gfm","i18next","dummyAssetHqHandler","listener","file","useBlockEditor","content","handleChange","openAssetHQHandler","additionalContext","autoFocus","isEditable","leftSidebar","turndownService","use","addRule","filter","replacement","editor","json","immediatelyRender","autofocus","editable","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,OAAOC,qBAAqB,WAAW;AACvC,SAASC,GAAG,QAAQ,sBAAsB;AAE1C,OAAOC,aAAa,UAAU;AAQ9B,MAAMC,sBAAsB,CAC1BC,UACAC,QACI;AAEN,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,OAAO,EACPC,YAAY,EACZC,kBAAkB,EAClBC,iBAAiB,EACjBC,SAAS,EACTC,UAAU,EAQX;IACC,MAAMC,cAAcd;IAEpB,MAAMe,kBAAkB,IAAId,gBAAgB,CAAC;IAC7C,qBAAqB;IACrBc,gBAAgBC,GAAG,CAACd;IACpBa,gBAAgBE,OAAO,CAAC,WAAW;QACjCC,QAAQ;QACRC,aAAa,SAAUX,OAAO;YAC5B,OAAO,SAASA,UAAU;QAC5B;IACF;IAEA,MAAMY,SAAStB,UACb;QACEU,SAASA,SAASa,QAAQb,WAAW,CAAC;QACtCc,mBAAmB;QACnBC,WAAWX,aAAa;QACxBY,UAAUX,cAAc;QACxBY,UAAU,CAAC,EAAEL,MAAM,EAAE,GAAM,CAAA;YAM3B,CAAA;QACAM,YAAY;eACP3B,aAAa;gBACdW,oBAAoBA,sBAAsBN;YAE5C;SAWD;QACDuB,aAAa;YACXC,YAAY;gBACVC,WAAW1B,QAAQ2B,QAAQ;gBAC3BC,cAAc;gBACdC,aAAa;gBACbC,gBAAgB;gBAChBC,OAAO;YACT;QACF;QACAC,UAAU,CAAC,EAAEf,MAAM,EAAE;YACnBX,aAAaW,QAAQgB,aAAa,CAAC;QACrC;IACF,GACA,EAAE;IAGJxC,UAAU;QACR,IAAIwB,QAAQiB,SAASC,WAAW;YAC9BlB,OAAOiB,OAAO,CAACC,SAAS,CAACC,KAAK,GAAG5B,mBAAmB4B,SAAS;YAC7DnB,OAAOiB,OAAO,CAACC,SAAS,CAACR,QAAQ,GAAGnB,mBAAmBmB,YAAY;QACrE;IACF,GAAG;QAACV;QAAQT;KAAkB;IAE9B,MAAM6B,QAAQ3C,QAAQ;QACpB,IAAI,CAACuB,QAAQiB,SAASI,qBAAqBD,OAAO;YAChD,OAAO,EAAE;QACX;QAEA,OAAOpB,QAAQiB,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,GAAGH,WAAW,CAAC,EAAE,IAAI,MAAMC,UAAU,CAAC,EAAE,IAAI,KAAK;YAElE,OAAO;gBAAE,GAAGL,IAAI;gBAAEO,UAAUA,SAASD,MAAM,GAAGC,WAAW;YAAI;QAC/D;IAEJ,GAAG;QAAC9B,QAAQiB,QAAQI,qBAAqBD;KAAM;IAE/C,MAAMW,iBAAiB/B,QAAQiB,QAAQc,kBAAkB;QACvDC,YAAY,IAAM;QAClBC,OAAO,IAAM;IACf;IAEA,oBAAoB;IACpB,qEAAqE;IACrE,mCAAmC;IACnC,OAAO;IACP,iBAAiB;IAEjB,IAAI,OAAOC,UAAU,aAAaA,OAAOlC,MAAM,GAAGA;IAElD,OAAO;QAAEA;QAAQoB;QAAOW;QAAgBrC;IAAY;AACtD,EAAE"}