payload-richtext-tiptap 0.0.40 → 0.0.42

package/dist/src/fields/TiptapEditor/extensions/Figure/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Figure/index.ts"],"sourcesContent":["export * from \"./Figure.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,cAAc"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Figure/index.ts"],"sourcesContent":["export * from \"./Figure.js\";\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/FontSize/FontSize.ts"],"sourcesContent":["import { Extension } from '@tiptap/core'\nimport '@tiptap/extension-text-style'\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    fontSize: {\n      setFontSize: (size: string) => ReturnType\n      unsetFontSize: () => ReturnType\n    }\n  }\n}\n\nexport const FontSize = Extension.create({\n  name: 'fontSize',\n\n  addOptions() {\n    return {\n      types: ['textStyle'],\n    }\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: ['paragraph'],\n        attributes: {\n          class: {},\n        },\n      },\n      {\n        types: this.options.types,\n        attributes: {\n          fontSize: {\n            parseHTML: element => element.style.fontSize.replace(/['\"]+/g, ''),\n            renderHTML: attributes => {\n              if (!attributes.fontSize) {\n                return {}\n              }\n\n              return {\n                style: `font-size: ${attributes.fontSize}`,\n              }\n            },\n          },\n        },\n      },\n    ]\n  },\n\n  addCommands() {\n    return {\n      setFontSize:\n        (fontSize: string) =>\n        ({ chain }) =>\n          chain().setMark('textStyle', { fontSize }).run(),\n      unsetFontSize:\n        () =>\n        ({ chain }) =>\n          chain().setMark('textStyle', { fontSize: null }).removeEmptyTextStyle().run(),\n    }\n  },\n})\n\nexport default FontSize\n"],"names":["Extension","FontSize","create","name","addOptions","types","addGlobalAttributes","attributes","class","options","fontSize","parseHTML","element","style","replace","renderHTML","addCommands","setFontSize","chain","setMark","run","unsetFontSize","removeEmptyTextStyle"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,SAAS,QAAQ,eAAc;AACxC,OAAO,+BAA8B;AAWrC,OAAO,MAAMC,WAAWD,UAAUE,MAAM,CAAC;IACvCC,MAAM;IAENC;QACE,OAAO;YACLC,OAAO;gBAAC;aAAY;QACtB;IACF;IAEAC;QACE,OAAO;YACL;gBACED,OAAO;oBAAC;iBAAY;gBACpBE,YAAY;oBACVC,OAAO,CAAC;gBACV;YACF;YACA;gBACEH,OAAO,IAAI,CAACI,OAAO,CAACJ,KAAK;gBACzBE,YAAY;oBACVG,UAAU;wBACRC,WAAWC,CAAAA,UAAWA,QAAQC,KAAK,CAACH,QAAQ,CAACI,OAAO,CAAC,UAAU;wBAC/DC,YAAYR,CAAAA;4BACV,IAAI,CAACA,WAAWG,QAAQ,EAAE;gCACxB,OAAO,CAAC;4BACV;4BAEA,OAAO;gCACLG,OAAO,CAAC,WAAW,EAAEN,WAAWG,QAAQ,CAAC,CAAC;4BAC5C;wBACF;oBACF;gBACF;YACF;SACD;IACH;IAEAM;QACE,OAAO;YACLC,aACE,CAACP,WACD,CAAC,EAAEQ,KAAK,EAAE,GACRA,QAAQC,OAAO,CAAC,aAAa;wBAAET;oBAAS,GAAGU,GAAG;YAClDC,eACE,IACA,CAAC,EAAEH,KAAK,EAAE,GACRA,QAAQC,OAAO,CAAC,aAAa;wBAAET,UAAU;oBAAK,GAAGY,oBAAoB,GAAGF,GAAG;QACjF;IACF;AACF,GAAE;AAEF,eAAenB,SAAQ"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/FontSize/FontSize.ts"],"sourcesContent":["import { Extension } from '@tiptap/core'\nimport '@tiptap/extension-text-style'\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    fontSize: {\n      setFontSize: (size: string) => ReturnType\n      unsetFontSize: () => ReturnType\n    }\n  }\n}\n\nexport const FontSize = Extension.create({\n  name: 'fontSize',\n\n  addOptions() {\n    return {\n      types: ['textStyle'],\n    }\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: ['paragraph'],\n        attributes: {\n          class: {},\n        },\n      },\n      {\n        types: this.options.types,\n        attributes: {\n          fontSize: {\n            parseHTML: element => element.style.fontSize.replace(/['\"]+/g, ''),\n            renderHTML: attributes => {\n              if (!attributes.fontSize) {\n                return {}\n              }\n\n              return {\n                style: `font-size: ${attributes.fontSize}`,\n              }\n            },\n          },\n        },\n      },\n    ]\n  },\n\n  addCommands() {\n    return {\n      setFontSize:\n        (fontSize: string) =>\n        ({ chain }) =>\n          chain().setMark('textStyle', { fontSize }).run(),\n      unsetFontSize:\n        () =>\n        ({ chain }) =>\n          chain().setMark('textStyle', { fontSize: null }).removeEmptyTextStyle().run(),\n    }\n  },\n})\n\nexport default FontSize\n"],"names":["Extension","FontSize","create","name","addOptions","types","addGlobalAttributes","attributes","class","options","fontSize","parseHTML","element","style","replace","renderHTML","addCommands","setFontSize","chain","setMark","run","unsetFontSize","removeEmptyTextStyle"],"mappings":"AAAA,SAASA,SAAS,QAAQ,eAAc;AACxC,OAAO,+BAA8B;AAWrC,OAAO,MAAMC,WAAWD,UAAUE,MAAM,CAAC;IACvCC,MAAM;IAENC;QACE,OAAO;YACLC,OAAO;gBAAC;aAAY;QACtB;IACF;IAEAC;QACE,OAAO;YACL;gBACED,OAAO;oBAAC;iBAAY;gBACpBE,YAAY;oBACVC,OAAO,CAAC;gBACV;YACF;YACA;gBACEH,OAAO,IAAI,CAACI,OAAO,CAACJ,KAAK;gBACzBE,YAAY;oBACVG,UAAU;wBACRC,WAAWC,CAAAA,UAAWA,QAAQC,KAAK,CAACH,QAAQ,CAACI,OAAO,CAAC,UAAU;wBAC/DC,YAAYR,CAAAA;4BACV,IAAI,CAACA,WAAWG,QAAQ,EAAE;gCACxB,OAAO,CAAC;4BACV;4BAEA,OAAO;gCACLG,OAAO,CAAC,WAAW,EAAEN,WAAWG,QAAQ,CAAC,CAAC;4BAC5C;wBACF;oBACF;gBACF;YACF;SACD;IACH;IAEAM;QACE,OAAO;YACLC,aACE,CAACP,WACD,CAAC,EAAEQ,KAAK,EAAE,GACRA,QAAQC,OAAO,CAAC,aAAa;wBAAET;oBAAS,GAAGU,GAAG;YAClDC,eACE,IACA,CAAC,EAAEH,KAAK,EAAE,GACRA,QAAQC,OAAO,CAAC,aAAa;wBAAET,UAAU;oBAAK,GAAGY,oBAAoB,GAAGF,GAAG;QACjF;IACF;AACF,GAAE;AAEF,eAAenB,SAAQ"}

package/dist/src/fields/TiptapEditor/extensions/FontSize/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/FontSize/index.ts"],"sourcesContent":["export * from \"./FontSize.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,gBAAgB"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/FontSize/index.ts"],"sourcesContent":["export * from \"./FontSize.js\";\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Heading/Heading.ts"],"sourcesContent":["import { mergeAttributes } from '@tiptap/core'\nimport TiptapHeading from '@tiptap/extension-heading'\nimport type { Level } from '@tiptap/extension-heading'\n\nexport const Heading = TiptapHeading.extend({\n  renderHTML({ node, HTMLAttributes }) {\n    const nodeLevel = parseInt(node.attrs.level, 10) as Level\n    const hasLevel = this.options.levels.includes(nodeLevel)\n    const level = hasLevel ? nodeLevel : this.options.levels[0]\n\n    return [`h${level}`, mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]\n  },\n})\n\nexport default Heading\n"],"names":["mergeAttributes","TiptapHeading","Heading","extend","renderHTML","node","HTMLAttributes","nodeLevel","parseInt","attrs","level","hasLevel","options","levels","includes"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,eAAc;AAC9C,OAAOC,mBAAmB,4BAA2B;AAGrD,OAAO,MAAMC,UAAUD,cAAcE,MAAM,CAAC;IAC1CC,YAAW,EAAEC,IAAI,EAAEC,cAAc,EAAE;QACjC,MAAMC,YAAYC,SAASH,KAAKI,KAAK,CAACC,KAAK,EAAE;QAC7C,MAAMC,WAAW,IAAI,CAACC,OAAO,CAACC,MAAM,CAACC,QAAQ,CAACP;QAC9C,MAAMG,QAAQC,WAAWJ,YAAY,IAAI,CAACK,OAAO,CAACC,MAAM,CAAC,EAAE;QAE3D,OAAO;YAAC,CAAC,CAAC,EAAEH,MAAM,CAAC;YAAEV,gBAAgB,IAAI,CAACY,OAAO,CAACN,cAAc,EAAEA;YAAiB;SAAE;IACvF;AACF,GAAE;AAEF,eAAeJ,QAAO"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Heading/Heading.ts"],"sourcesContent":["import { mergeAttributes } from '@tiptap/core'\nimport TiptapHeading from '@tiptap/extension-heading'\nimport type { Level } from '@tiptap/extension-heading'\n\nexport const Heading = TiptapHeading.extend({\n  renderHTML({ node, HTMLAttributes }) {\n    const nodeLevel = parseInt(node.attrs.level, 10) as Level\n    const hasLevel = this.options.levels.includes(nodeLevel)\n    const level = hasLevel ? nodeLevel : this.options.levels[0]\n\n    return [`h${level}`, mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]\n  },\n})\n\nexport default Heading\n"],"names":["mergeAttributes","TiptapHeading","Heading","extend","renderHTML","node","HTMLAttributes","nodeLevel","parseInt","attrs","level","hasLevel","options","levels","includes"],"mappings":"AAAA,SAASA,eAAe,QAAQ,eAAc;AAC9C,OAAOC,mBAAmB,4BAA2B;AAGrD,OAAO,MAAMC,UAAUD,cAAcE,MAAM,CAAC;IAC1CC,YAAW,EAAEC,IAAI,EAAEC,cAAc,EAAE;QACjC,MAAMC,YAAYC,SAASH,KAAKI,KAAK,CAACC,KAAK,EAAE;QAC7C,MAAMC,WAAW,IAAI,CAACC,OAAO,CAACC,MAAM,CAACC,QAAQ,CAACP;QAC9C,MAAMG,QAAQC,WAAWJ,YAAY,IAAI,CAACK,OAAO,CAACC,MAAM,CAAC,EAAE;QAE3D,OAAO;YAAC,CAAC,CAAC,EAAEH,MAAM,CAAC;YAAEV,gBAAgB,IAAI,CAACY,OAAO,CAACN,cAAc,EAAEA;YAAiB;SAAE;IACvF;AACF,GAAE;AAEF,eAAeJ,QAAO"}

package/dist/src/fields/TiptapEditor/extensions/Heading/index.js.map

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/HorizontalRule/HorizontalRule.ts"],"sourcesContent":["import { mergeAttributes } from '@tiptap/core'\nimport TiptapHorizontalRule from '@tiptap/extension-horizontal-rule'\n\nexport const HorizontalRule = TiptapHorizontalRule.extend({\n  renderHTML() {\n    return ['div', mergeAttributes(this.options.HTMLAttributes, { 'data-type': this.name }), ['hr']]\n  },\n})\n\nexport default HorizontalRule\n"],"names":["mergeAttributes","TiptapHorizontalRule","HorizontalRule","extend","renderHTML","options","HTMLAttributes","name"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,eAAc;AAC9C,OAAOC,0BAA0B,oCAAmC;AAEpE,OAAO,MAAMC,iBAAiBD,qBAAqBE,MAAM,CAAC;IACxDC;QACE,OAAO;YAAC;YAAOJ,gBAAgB,IAAI,CAACK,OAAO,CAACC,cAAc,EAAE;gBAAE,aAAa,IAAI,CAACC,IAAI;YAAC;YAAI;gBAAC;aAAK;SAAC;IAClG;AACF,GAAE;AAEF,eAAeL,eAAc"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/HorizontalRule/HorizontalRule.ts"],"sourcesContent":["import { mergeAttributes } from '@tiptap/core'\nimport TiptapHorizontalRule from '@tiptap/extension-horizontal-rule'\n\nexport const HorizontalRule = TiptapHorizontalRule.extend({\n  renderHTML() {\n    return ['div', mergeAttributes(this.options.HTMLAttributes, { 'data-type': this.name }), ['hr']]\n  },\n})\n\nexport default HorizontalRule\n"],"names":["mergeAttributes","TiptapHorizontalRule","HorizontalRule","extend","renderHTML","options","HTMLAttributes","name"],"mappings":"AAAA,SAASA,eAAe,QAAQ,eAAc;AAC9C,OAAOC,0BAA0B,oCAAmC;AAEpE,OAAO,MAAMC,iBAAiBD,qBAAqBE,MAAM,CAAC;IACxDC;QACE,OAAO;YAAC;YAAOJ,gBAAgB,IAAI,CAACK,OAAO,CAACC,cAAc,EAAE;gBAAE,aAAa,IAAI,CAACC,IAAI;YAAC;YAAI;gBAAC;aAAK;SAAC;IAClG;AACF,GAAE;AAEF,eAAeL,eAAc"}

package/dist/src/fields/TiptapEditor/extensions/HorizontalRule/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/HorizontalRule/index.ts"],"sourcesContent":["export * from \"./HorizontalRule.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,sBAAsB"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/HorizontalRule/index.ts"],"sourcesContent":["export * from \"./HorizontalRule.js\";\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB"}

package/dist/src/fields/TiptapEditor/extensions/Iframe/iframe.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Iframe/iframe.ts"],"sourcesContent":["declare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    iframe: {\n      /**\n       * Add an image\n       */\n\n      setHtml: (value: string) => ReturnType\n    }\n  }\n}\n\nimport { Node, mergeAttributes } from '@tiptap/core'\n\nexport const Iframe = Node.create({\n  name: 'iframe',\n  inline: false,\n  group: 'block',\n\n  addOptions() {\n    return {\n      HTMLAttributes: { frameborder: 0 },\n    }\n  },\n\n  addAttributes() {\n    return {\n      src: { default: null },\n      editorValue: { default: null },\n      HTMLAttributes: {\n        default: null,\n        renderHTML: (attributes) => {\n          return attributes.HTMLAttributes || {}\n        },\n      },\n    }\n  },\n\n  parseHTML() {\n    return [{ tag: 'iframe' }]\n  },\n\n  addNodeView() {\n    return ({ editor, node }) => {\n      const div = document.createElement('div')\n      div.className = 'aspect-w-16 aspect-h-9' + (editor.isEditable ? ' cursor-pointer' : '')\n      const iframe = document.createElement('iframe')\n      if (editor.isEditable) {\n        iframe.className = 'pointer-events-none'\n      }\n      iframe.width = '640'\n      iframe.height = '360'\n      iframe.allow =\n        'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'\n      iframe.referrerPolicy = 'strict-origin-when-cross-origin'\n      iframe.allowFullscreen = true\n      iframe.src = node.attrs.src\n      div.append(iframe)\n      return {\n        dom: div,\n      }\n    }\n  },\n\n  addCommands() {\n    return {\n      setHtml:\n        (value) =>\n        ({ commands, state }) => {\n          let attributes: Record<string, any> = {\n            editorValue: value,\n          }\n\n          if (value?.includes('youtube.com')) {\n            const ytValue = value?.split('v=')?.[1]?.split('&')?.[0]\n            attributes = {\n              ...attributes,\n\n              src: `https://www.youtube.com/embed/${ytValue}?controls=0`,\n              title: 'YouTube video player',\n            }\n          } else if (value?.includes('instagram.com')) {\n            const instagramValue = value?.split('p/')?.[1]?.split('/')?.[0]\n            attributes = {\n              ...attributes,\n\n              src: `https://www.instagram.com/p/${instagramValue}/embed`,\n              title: 'Instagram',\n            }\n          } else if (isValidHttpUrl(value)) {\n            attributes = {\n              ...attributes,\n\n              src: value,\n            }\n          } else if (value?.includes('iframe')) {\n            const parser = new DOMParser()\n            const html = parser.parseFromString(value, 'text/html')\n            const attrNames = html.getElementsByTagName('iframe')?.[0]?.getAttributeNames()\n\n            attrNames?.forEach((attr) => {\n              attributes[attr] = html.getElementsByTagName('iframe')?.[0]?.getAttribute(attr)\n            })\n          } else {\n            const htmlData = 'data:text/html;charset=utf-8,' + encodeURI(value)\n            attributes = {\n              ...attributes,\n              src: htmlData,\n            }\n          }\n\n          return commands.insertContent({\n            type: 'iframe',\n            attrs: attributes,\n          })\n        },\n    }\n  },\n})\n\nfunction isValidHttpUrl(string: string) {\n  let url\n\n  try {\n    url = new URL(string)\n  } catch (_) {\n    return false\n  }\n\n  return url.protocol === 'http:' || url.protocol === 'https:'\n}\n"],"names":["Node","Iframe","create","name","inline","group","addOptions","HTMLAttributes","frameborder","addAttributes","src","default","editorValue","renderHTML","attributes","parseHTML","tag","addNodeView","editor","node","div","document","createElement","className","isEditable","iframe","width","height","allow","referrerPolicy","allowFullscreen","attrs","append","dom","addCommands","setHtml","value","commands","state","includes","ytValue","split","title","instagramValue","isValidHttpUrl","parser","DOMParser","html","parseFromString","attrNames","getElementsByTagName","getAttributeNames","forEach","attr","getAttribute","htmlData","encodeURI","insertContent","type","string","url","URL","_","protocol"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Iframe/iframe.ts"],"sourcesContent":["declare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    iframe: {\n      /**\n       * Add an image\n       */\n\n      setHtml: (value: string) => ReturnType\n    }\n  }\n}\n\nimport { Node, mergeAttributes } from '@tiptap/core'\n\nexport const Iframe = Node.create({\n  name: 'iframe',\n  inline: false,\n  group: 'block',\n\n  addOptions() {\n    return {\n      HTMLAttributes: { frameborder: 0 },\n    }\n  },\n\n  addAttributes() {\n    return {\n      src: { default: null },\n      editorValue: { default: null },\n      HTMLAttributes: {\n        default: null,\n        renderHTML: (attributes) => {\n          return attributes.HTMLAttributes || {}\n        },\n      },\n    }\n  },\n\n  parseHTML() {\n    return [{ tag: 'iframe' }]\n  },\n\n  addNodeView() {\n    return ({ editor, node }) => {\n      const div = document.createElement('div')\n      div.className = 'aspect-w-16 aspect-h-9' + (editor.isEditable ? ' cursor-pointer' : '')\n      const iframe = document.createElement('iframe')\n      if (editor.isEditable) {\n        iframe.className = 'pointer-events-none'\n      }\n      iframe.width = '640'\n      iframe.height = '360'\n      iframe.allow =\n        'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'\n      iframe.referrerPolicy = 'strict-origin-when-cross-origin'\n      iframe.allowFullscreen = true\n      iframe.src = node.attrs.src\n      div.append(iframe)\n      return {\n        dom: div,\n      }\n    }\n  },\n\n  addCommands() {\n    return {\n      setHtml:\n        (value) =>\n        ({ commands, state }) => {\n          let attributes: Record<string, any> = {\n            editorValue: value,\n          }\n\n          if (value?.includes('youtube.com')) {\n            const ytValue = value?.split('v=')?.[1]?.split('&')?.[0]\n            attributes = {\n              ...attributes,\n\n              src: `https://www.youtube.com/embed/${ytValue}?controls=0`,\n              title: 'YouTube video player',\n            }\n          } else if (value?.includes('instagram.com')) {\n            const instagramValue = value?.split('p/')?.[1]?.split('/')?.[0]\n            attributes = {\n              ...attributes,\n\n              src: `https://www.instagram.com/p/${instagramValue}/embed`,\n              title: 'Instagram',\n            }\n          } else if (isValidHttpUrl(value)) {\n            attributes = {\n              ...attributes,\n\n              src: value,\n            }\n          } else if (value?.includes('iframe')) {\n            const parser = new DOMParser()\n            const html = parser.parseFromString(value, 'text/html')\n            const attrNames = html.getElementsByTagName('iframe')?.[0]?.getAttributeNames()\n\n            attrNames?.forEach((attr) => {\n              attributes[attr] = html.getElementsByTagName('iframe')?.[0]?.getAttribute(attr)\n            })\n          } else {\n            const htmlData = 'data:text/html;charset=utf-8,' + encodeURI(value)\n            attributes = {\n              ...attributes,\n              src: htmlData,\n            }\n          }\n\n          return commands.insertContent({\n            type: 'iframe',\n            attrs: attributes,\n          })\n        },\n    }\n  },\n})\n\nfunction isValidHttpUrl(string: string) {\n  let url\n\n  try {\n    url = new URL(string)\n  } catch (_) {\n    return false\n  }\n\n  return url.protocol === 'http:' || url.protocol === 'https:'\n}\n"],"names":["Node","Iframe","create","name","inline","group","addOptions","HTMLAttributes","frameborder","addAttributes","src","default","editorValue","renderHTML","attributes","parseHTML","tag","addNodeView","editor","node","div","document","createElement","className","isEditable","iframe","width","height","allow","referrerPolicy","allowFullscreen","attrs","append","dom","addCommands","setHtml","value","commands","state","includes","ytValue","split","title","instagramValue","isValidHttpUrl","parser","DOMParser","html","parseFromString","attrNames","getElementsByTagName","getAttributeNames","forEach","attr","getAttribute","htmlData","encodeURI","insertContent","type","string","url","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,QAAyB,eAAc;AAEpD,OAAO,MAAMC,SAASD,KAAKE,MAAM,CAAC;IAChCC,MAAM;IACNC,QAAQ;IACRC,OAAO;IAEPC;QACE,OAAO;YACLC,gBAAgB;gBAAEC,aAAa;YAAE;QACnC;IACF;IAEAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,aAAa;gBAAED,SAAS;YAAK;YAC7BJ,gBAAgB;gBACdI,SAAS;gBACTE,YAAY,CAACC;oBACX,OAAOA,WAAWP,cAAc,IAAI,CAAC;gBACvC;YACF;QACF;IACF;IAEAQ;QACE,OAAO;YAAC;gBAAEC,KAAK;YAAS;SAAE;IAC5B;IAEAC;QACE,OAAO,CAAC,EAAEC,MAAM,EAAEC,IAAI,EAAE;YACtB,MAAMC,MAAMC,SAASC,aAAa,CAAC;YACnCF,IAAIG,SAAS,GAAG,2BAA4BL,CAAAA,OAAOM,UAAU,GAAG,oBAAoB,EAAC;YACrF,MAAMC,SAASJ,SAASC,aAAa,CAAC;YACtC,IAAIJ,OAAOM,UAAU,EAAE;gBACrBC,OAAOF,SAAS,GAAG;YACrB;YACAE,OAAOC,KAAK,GAAG;YACfD,OAAOE,MAAM,GAAG;YAChBF,OAAOG,KAAK,GACV;YACFH,OAAOI,cAAc,GAAG;YACxBJ,OAAOK,eAAe,GAAG;YACzBL,OAAOf,GAAG,GAAGS,KAAKY,KAAK,CAACrB,GAAG;YAC3BU,IAAIY,MAAM,CAACP;YACX,OAAO;gBACLQ,KAAKb;YACP;QACF;IACF;IAEAc;QACE,OAAO;YACLC,SACE,CAACC,QACD,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE;oBAClB,IAAIxB,aAAkC;wBACpCF,aAAawB;oBACf;oBAEA,IAAIA,OAAOG,SAAS,gBAAgB;wBAClC,MAAMC,UAAUJ,OAAOK,MAAM,OAAO,CAAC,EAAE,EAAEA,MAAM,MAAM,CAAC,EAAE;wBACxD3B,aAAa;4BACX,GAAGA,UAAU;4BAEbJ,KAAK,CAAC,8BAA8B,EAAE8B,QAAQ,WAAW,CAAC;4BAC1DE,OAAO;wBACT;oBACF,OAAO,IAAIN,OAAOG,SAAS,kBAAkB;wBAC3C,MAAMI,iBAAiBP,OAAOK,MAAM,OAAO,CAAC,EAAE,EAAEA,MAAM,MAAM,CAAC,EAAE;wBAC/D3B,aAAa;4BACX,GAAGA,UAAU;4BAEbJ,KAAK,CAAC,4BAA4B,EAAEiC,eAAe,MAAM,CAAC;4BAC1DD,OAAO;wBACT;oBACF,OAAO,IAAIE,eAAeR,QAAQ;wBAChCtB,aAAa;4BACX,GAAGA,UAAU;4BAEbJ,KAAK0B;wBACP;oBACF,OAAO,IAAIA,OAAOG,SAAS,WAAW;wBACpC,MAAMM,SAAS,IAAIC;wBACnB,MAAMC,OAAOF,OAAOG,eAAe,CAACZ,OAAO;wBAC3C,MAAMa,YAAYF,KAAKG,oBAAoB,CAAC,WAAW,CAAC,EAAE,EAAEC;wBAE5DF,WAAWG,QAAQ,CAACC;4BAClBvC,UAAU,CAACuC,KAAK,GAAGN,KAAKG,oBAAoB,CAAC,WAAW,CAAC,EAAE,EAAEI,aAAaD;wBAC5E;oBACF,OAAO;wBACL,MAAME,WAAW,kCAAkCC,UAAUpB;wBAC7DtB,aAAa;4BACX,GAAGA,UAAU;4BACbJ,KAAK6C;wBACP;oBACF;oBAEA,OAAOlB,SAASoB,aAAa,CAAC;wBAC5BC,MAAM;wBACN3B,OAAOjB;oBACT;gBACF;QACJ;IACF;AACF,GAAE;AAEF,SAAS8B,eAAee,MAAc;IACpC,IAAIC;IAEJ,IAAI;QACFA,MAAM,IAAIC,IAAIF;IAChB,EAAE,OAAOG,GAAG;QACV,OAAO;IACT;IAEA,OAAOF,IAAIG,QAAQ,KAAK,WAAWH,IAAIG,QAAQ,KAAK;AACtD"}

package/dist/src/fields/TiptapEditor/extensions/Iframe/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Iframe/index.ts"],"sourcesContent":["export * from \"./iframe.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,cAAc"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Iframe/index.ts"],"sourcesContent":["export * from \"./iframe.js\";\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}

package/dist/src/fields/TiptapEditor/extensions/Iframe/menus/IframeMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/Iframe/menus/IframeMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport React, { useCallback } from \"react\";\nimport { sticky } from \"tippy.js\";\nimport { v4 as uuid } from \"uuid\";\n\nimport { EditIframeLinkPopover } from \"../../../features/menus/TextMenu/components/EditIframeLinkPopover.js\";\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { Toolbar } from \"../../../features/ui/Toolbar.js\";\nimport { getRenderContainer } from \"../../../lib/utils/index.js\";\n\nexport const IframeMenu = ({ editor, appendTo }: MenuProps) => {\n  const getReferenceClientRect = useCallback(() => {\n    const renderContainer = getRenderContainer(editor, \"iframe\");\n    const rect =\n      renderContainer?.getBoundingClientRect() ||\n      new DOMRect(-1000, -1000, 0, 0);\n\n    return rect;\n  }, [editor]);\n\n  const shouldShow = useCallback(() => {\n    const isIframe = editor.isActive(\"iframe\");\n    return isIframe;\n  }, [editor]);\n\n  const onHtml = useCallback(\n    (html: string) => editor.chain().focus().setHtml(html).run(),\n    [editor]\n  );\n  return (\n    <BaseBubbleMenu\n      editor={editor}\n      pluginKey={`iframeMenu`}\n      shouldShow={shouldShow}\n      tippyOptions={{ popperOptions: { placement: \"top-start\" } }}\n      updateDelay={100}\n    >\n      <Toolbar.Wrapper>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Sidebar left\"\n          active={true}\n          // onClick={onColumnLeft}\n        >\n          <EditIframeLinkPopover\n            onSetLink={onHtml}\n            initialSrcLink={editor?.getAttributes(\"iframe\")?.editorValue ?? \"\"}\n          />\n        </Toolbar.Button>\n      </Toolbar.Wrapper>\n    </BaseBubbleMenu>\n  );\n};\n\nexport default IframeMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","React","useCallback","EditIframeLinkPopover","Toolbar","getRenderContainer","IframeMenu","editor","appendTo","getReferenceClientRect","renderContainer","rect","getBoundingClientRect","DOMRect","shouldShow","isIframe","isActive","onHtml","html","chain","focus","setHtml","run","pluginKey","tippyOptions","popperOptions","placement","updateDelay","Wrapper","Button","type","tooltip","active","onSetLink","initialSrcLink","getAttributes","editorValue"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,OAAOC,SAASC,WAAW,QAAQ,QAAQ;AAI3C,SAASC,qBAAqB,QAAQ,uEAAuE;AAE7G,SAASC,OAAO,QAAQ,kCAAkC;AAC1D,SAASC,kBAAkB,QAAQ,8BAA8B;AAEjE,OAAO,MAAMC,aAAa,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAa;IACxD,MAAMC,yBAAyBP,YAAY;QACzC,MAAMQ,kBAAkBL,mBAAmBE,QAAQ;QACnD,MAAMI,OACJD,iBAAiBE,2BACjB,IAAIC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG;QAE/B,OAAOF;IACT,GAAG;QAACJ;KAAO;IAEX,MAAMO,aAAaZ,YAAY;QAC7B,MAAMa,WAAWR,OAAOS,QAAQ,CAAC;QACjC,OAAOD;IACT,GAAG;QAACR;KAAO;IAEX,MAAMU,SAASf,YACb,CAACgB,OAAiBX,OAAOY,KAAK,GAAGC,KAAK,GAAGC,OAAO,CAACH,MAAMI,GAAG,IAC1D;QAACf;KAAO;IAEV,qBACE,KAACP;QACCO,QAAQA;QACRgB,WAAW,CAAC,UAAU,CAAC;QACvBT,YAAYA;QACZU,cAAc;YAAEC,eAAe;gBAAEC,WAAW;YAAY;QAAE;QAC1DC,aAAa;kBAEb,cAAA,KAACvB,QAAQwB,OAAO;sBACd,cAAA,KAACxB,QAAQyB,MAAM;gBACbC,MAAK;gBACLC,SAAQ;gBACRC,QAAQ;0BAGR,cAAA,KAAC7B;oBACC8B,WAAWhB;oBACXiB,gBAAgB3B,QAAQ4B,cAAc,WAAWC,eAAe;;;;;AAM5E,EAAE;AAEF,eAAe9B,WAAW"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/Iframe/menus/IframeMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport React, { useCallback } from \"react\";\nimport { sticky } from \"tippy.js\";\nimport { v4 as uuid } from \"uuid\";\n\nimport { EditIframeLinkPopover } from \"../../../features/menus/TextMenu/components/EditIframeLinkPopover.js\";\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { Toolbar } from \"../../../features/ui/Toolbar.js\";\nimport { getRenderContainer } from \"../../../lib/utils/index.js\";\n\nexport const IframeMenu = ({ editor, appendTo }: MenuProps) => {\n  const getReferenceClientRect = useCallback(() => {\n    const renderContainer = getRenderContainer(editor, \"iframe\");\n    const rect =\n      renderContainer?.getBoundingClientRect() ||\n      new DOMRect(-1000, -1000, 0, 0);\n\n    return rect;\n  }, [editor]);\n\n  const shouldShow = useCallback(() => {\n    const isIframe = editor.isActive(\"iframe\");\n    return isIframe;\n  }, [editor]);\n\n  const onHtml = useCallback(\n    (html: string) => editor.chain().focus().setHtml(html).run(),\n    [editor]\n  );\n  return (\n    <BaseBubbleMenu\n      editor={editor}\n      pluginKey={`iframeMenu`}\n      shouldShow={shouldShow}\n      tippyOptions={{ popperOptions: { placement: \"top-start\" } }}\n      updateDelay={100}\n    >\n      <Toolbar.Wrapper>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Sidebar left\"\n          active={true}\n          // onClick={onColumnLeft}\n        >\n          <EditIframeLinkPopover\n            onSetLink={onHtml}\n            initialSrcLink={editor?.getAttributes(\"iframe\")?.editorValue ?? \"\"}\n          />\n        </Toolbar.Button>\n      </Toolbar.Wrapper>\n    </BaseBubbleMenu>\n  );\n};\n\nexport default IframeMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","React","useCallback","EditIframeLinkPopover","Toolbar","getRenderContainer","IframeMenu","editor","appendTo","getReferenceClientRect","renderContainer","rect","getBoundingClientRect","DOMRect","shouldShow","isIframe","isActive","onHtml","html","chain","focus","setHtml","run","pluginKey","tippyOptions","popperOptions","placement","updateDelay","Wrapper","Button","type","tooltip","active","onSetLink","initialSrcLink","getAttributes","editorValue"],"mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,OAAOC,SAASC,WAAW,QAAQ,QAAQ;AAI3C,SAASC,qBAAqB,QAAQ,uEAAuE;AAE7G,SAASC,OAAO,QAAQ,kCAAkC;AAC1D,SAASC,kBAAkB,QAAQ,8BAA8B;AAEjE,OAAO,MAAMC,aAAa,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAa;IACxD,MAAMC,yBAAyBP,YAAY;QACzC,MAAMQ,kBAAkBL,mBAAmBE,QAAQ;QACnD,MAAMI,OACJD,iBAAiBE,2BACjB,IAAIC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG;QAE/B,OAAOF;IACT,GAAG;QAACJ;KAAO;IAEX,MAAMO,aAAaZ,YAAY;QAC7B,MAAMa,WAAWR,OAAOS,QAAQ,CAAC;QACjC,OAAOD;IACT,GAAG;QAACR;KAAO;IAEX,MAAMU,SAASf,YACb,CAACgB,OAAiBX,OAAOY,KAAK,GAAGC,KAAK,GAAGC,OAAO,CAACH,MAAMI,GAAG,IAC1D;QAACf;KAAO;IAEV,qBACE,KAACP;QACCO,QAAQA;QACRgB,WAAW,CAAC,UAAU,CAAC;QACvBT,YAAYA;QACZU,cAAc;YAAEC,eAAe;gBAAEC,WAAW;YAAY;QAAE;QAC1DC,aAAa;kBAEb,cAAA,KAACvB,QAAQwB,OAAO;sBACd,cAAA,KAACxB,QAAQyB,MAAM;gBACbC,MAAK;gBACLC,SAAQ;gBACRC,QAAQ;0BAGR,cAAA,KAAC7B;oBACC8B,WAAWhB;oBACXiB,gBAAgB3B,QAAQ4B,cAAc,WAAWC,eAAe;;;;;AAM5E,EAAE;AAEF,eAAe9B,WAAW"}

package/dist/src/fields/TiptapEditor/extensions/Iframe/menus/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/Iframe/menus/index.ts"],"sourcesContent":["export * from \"./IframeMenu.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,kBAAkB"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/Iframe/menus/index.ts"],"sourcesContent":["export * from \"./IframeMenu.js\";\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Image/Image.ts"],"sourcesContent":["import { Image as BaseImage } from '@tiptap/extension-image'\n\nexport const Image = BaseImage.extend({\n  group: 'block',\n})\n\nexport default Image\n"],"names":["Image","BaseImage","extend","group"],"rangeMappings":";;;;","mappings":"AAAA,SAASA,SAASC,SAAS,QAAQ,0BAAyB;AAE5D,OAAO,MAAMD,QAAQC,UAAUC,MAAM,CAAC;IACpCC,OAAO;AACT,GAAE;AAEF,eAAeH,MAAK"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Image/Image.ts"],"sourcesContent":["import { Image as BaseImage } from '@tiptap/extension-image'\n\nexport const Image = BaseImage.extend({\n  group: 'block',\n})\n\nexport default Image\n"],"names":["Image","BaseImage","extend","group"],"mappings":"AAAA,SAASA,SAASC,SAAS,QAAQ,0BAAyB;AAE5D,OAAO,MAAMD,QAAQC,UAAUC,MAAM,CAAC;IACpCC,OAAO;AACT,GAAE;AAEF,eAAeH,MAAK"}

package/dist/src/fields/TiptapEditor/extensions/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Image/index.ts"],"sourcesContent":["export * from \"./Image.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,aAAa"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Image/index.ts"],"sourcesContent":["export * from \"./Image.js\";\n"],"names":[],"mappings":"AAAA,cAAc,aAAa"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageBlock/ImageBlock.ts"],"sourcesContent":["\"use client\";\n\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { mergeAttributes, Range } from \"@tiptap/core\";\n\nimport { ImageBlockView } from \"./components/ImageBlockView.js\";\nimport { Image } from \"../Image/Image.js\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    imageBlock: {\n      setImageBlock: (attributes: { src: string }) => ReturnType;\n      setImageBlockAt: (attributes: {\n        src: string;\n        pos: number | Range;\n      }) => ReturnType;\n      setImageBlockAlign: (align: \"left\" | \"center\" | \"right\") => ReturnType;\n      setImageBlockWidth: (width: number) => ReturnType;\n    };\n  }\n}\n\nexport const ImageBlock = Image.extend({\n  name: \"imageBlock\",\n\n  group: \"block\",\n\n  defining: true,\n\n  isolating: true,\n\n  addAttributes() {\n    return {\n      src: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"src\"),\n        renderHTML: (attributes) => ({\n          src: attributes.src,\n        }),\n      },\n      width: {\n        default: \"100%\",\n        parseHTML: (element) => element.getAttribute(\"data-width\"),\n        renderHTML: (attributes) => ({\n          \"data-width\": attributes.width,\n        }),\n      },\n      align: {\n        default: \"center\",\n        parseHTML: (element) => element.getAttribute(\"data-align\"),\n        renderHTML: (attributes) => ({\n          \"data-align\": attributes.align,\n        }),\n      },\n      alt: {\n        default: undefined,\n        parseHTML: (element) => element.getAttribute(\"alt\"),\n        renderHTML: (attributes) => ({\n          alt: attributes.alt,\n        }),\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'img[src*=\"tiptap.dev\"]:not([src^=\"data:\"]), img[src*=\"windows.net\"]:not([src^=\"data:\"])',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"img\",\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n    ];\n  },\n\n  addCommands() {\n    return {\n      setImageBlock:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: \"imageBlock\",\n            attrs: { src: attrs.src },\n          });\n        },\n\n      setImageBlockAt:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.insertContentAt(attrs.pos, {\n            type: \"imageBlock\",\n            attrs: { src: attrs.src },\n          });\n        },\n\n      setImageBlockAlign:\n        (align) =>\n        ({ commands }) =>\n          commands.updateAttributes(\"imageBlock\", { align }),\n\n      setImageBlockWidth:\n        (width) =>\n        ({ commands }) =>\n          commands.updateAttributes(\"imageBlock\", {\n            width: `${Math.max(0, Math.min(100, width))}%`,\n          }),\n    };\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(ImageBlockView);\n  },\n});\n\nexport default ImageBlock;\n"],"names":["ReactNodeViewRenderer","mergeAttributes","ImageBlockView","Image","ImageBlock","extend","name","group","defining","isolating","addAttributes","src","default","parseHTML","element","getAttribute","renderHTML","attributes","width","align","alt","undefined","tag","HTMLAttributes","options","addCommands","setImageBlock","attrs","commands","insertContent","type","setImageBlockAt","insertContentAt","pos","setImageBlockAlign","updateAttributes","setImageBlockWidth","Math","max","min","addNodeView"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,qBAAqB,QAAQ,gBAAgB;AACtD,SAASC,eAAe,QAAe,eAAe;AAEtD,SAASC,cAAc,QAAQ,iCAAiC;AAChE,SAASC,KAAK,QAAQ,oBAAoB;AAgB1C,OAAO,MAAMC,aAAaD,MAAME,MAAM,CAAC;IACrCC,MAAM;IAENC,OAAO;IAEPC,UAAU;IAEVC,WAAW;IAEXC;QACE,OAAO;YACLC,KAAK;gBACHC,SAAS;gBACTC,WAAW,CAACC,UAAYA,QAAQC,YAAY,CAAC;gBAC7CC,YAAY,CAACC,aAAgB,CAAA;wBAC3BN,KAAKM,WAAWN,GAAG;oBACrB,CAAA;YACF;YACAO,OAAO;gBACLN,SAAS;gBACTC,WAAW,CAACC,UAAYA,QAAQC,YAAY,CAAC;gBAC7CC,YAAY,CAACC,aAAgB,CAAA;wBAC3B,cAAcA,WAAWC,KAAK;oBAChC,CAAA;YACF;YACAC,OAAO;gBACLP,SAAS;gBACTC,WAAW,CAACC,UAAYA,QAAQC,YAAY,CAAC;gBAC7CC,YAAY,CAACC,aAAgB,CAAA;wBAC3B,cAAcA,WAAWE,KAAK;oBAChC,CAAA;YACF;YACAC,KAAK;gBACHR,SAASS;gBACTR,WAAW,CAACC,UAAYA,QAAQC,YAAY,CAAC;gBAC7CC,YAAY,CAACC,aAAgB,CAAA;wBAC3BG,KAAKH,WAAWG,GAAG;oBACrB,CAAA;YACF;QACF;IACF;IAEAP;QACE,OAAO;YACL;gBACES,KAAK;YACP;SACD;IACH;IAEAN,YAAW,EAAEO,cAAc,EAAE;QAC3B,OAAO;YACL;YACAtB,gBAAgB,IAAI,CAACuB,OAAO,CAACD,cAAc,EAAEA;SAC9C;IACH;IAEAE;QACE,OAAO;YACLC,eACE,CAACC,QACD,CAAC,EAAEC,QAAQ,EAAE;oBACX,OAAOA,SAASC,aAAa,CAAC;wBAC5BC,MAAM;wBACNH,OAAO;4BAAEhB,KAAKgB,MAAMhB,GAAG;wBAAC;oBAC1B;gBACF;YAEFoB,iBACE,CAACJ,QACD,CAAC,EAAEC,QAAQ,EAAE;oBACX,OAAOA,SAASI,eAAe,CAACL,MAAMM,GAAG,EAAE;wBACzCH,MAAM;wBACNH,OAAO;4BAAEhB,KAAKgB,MAAMhB,GAAG;wBAAC;oBAC1B;gBACF;YAEFuB,oBACE,CAACf,QACD,CAAC,EAAES,QAAQ,EAAE,GACXA,SAASO,gBAAgB,CAAC,cAAc;wBAAEhB;oBAAM;YAEpDiB,oBACE,CAAClB,QACD,CAAC,EAAEU,QAAQ,EAAE,GACXA,SAASO,gBAAgB,CAAC,cAAc;wBACtCjB,OAAO,CAAC,EAAEmB,KAAKC,GAAG,CAAC,GAAGD,KAAKE,GAAG,CAAC,KAAKrB,QAAQ,CAAC,CAAC;oBAChD;QACN;IACF;IAEAsB;QACE,OAAOxC,sBAAsBE;IAC/B;AACF,GAAG;AAEH,eAAeE,WAAW"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageBlock/ImageBlock.ts"],"sourcesContent":["\"use client\";\n\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { mergeAttributes, Range } from \"@tiptap/core\";\n\nimport { ImageBlockView } from \"./components/ImageBlockView.js\";\nimport { Image } from \"../Image/Image.js\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    imageBlock: {\n      setImageBlock: (attributes: { src: string }) => ReturnType;\n      setImageBlockAt: (attributes: {\n        src: string;\n        pos: number | Range;\n      }) => ReturnType;\n      setImageBlockAlign: (align: \"left\" | \"center\" | \"right\") => ReturnType;\n      setImageBlockWidth: (width: number) => ReturnType;\n    };\n  }\n}\n\nexport const ImageBlock = Image.extend({\n  name: \"imageBlock\",\n\n  group: \"block\",\n\n  defining: true,\n\n  isolating: true,\n\n  addAttributes() {\n    return {\n      src: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"src\"),\n        renderHTML: (attributes) => ({\n          src: attributes.src,\n        }),\n      },\n      width: {\n        default: \"100%\",\n        parseHTML: (element) => element.getAttribute(\"data-width\"),\n        renderHTML: (attributes) => ({\n          \"data-width\": attributes.width,\n        }),\n      },\n      align: {\n        default: \"center\",\n        parseHTML: (element) => element.getAttribute(\"data-align\"),\n        renderHTML: (attributes) => ({\n          \"data-align\": attributes.align,\n        }),\n      },\n      alt: {\n        default: undefined,\n        parseHTML: (element) => element.getAttribute(\"alt\"),\n        renderHTML: (attributes) => ({\n          alt: attributes.alt,\n        }),\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'img[src*=\"tiptap.dev\"]:not([src^=\"data:\"]), img[src*=\"windows.net\"]:not([src^=\"data:\"])',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"img\",\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n    ];\n  },\n\n  addCommands() {\n    return {\n      setImageBlock:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: \"imageBlock\",\n            attrs: { src: attrs.src },\n          });\n        },\n\n      setImageBlockAt:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.insertContentAt(attrs.pos, {\n            type: \"imageBlock\",\n            attrs: { src: attrs.src },\n          });\n        },\n\n      setImageBlockAlign:\n        (align) =>\n        ({ commands }) =>\n          commands.updateAttributes(\"imageBlock\", { align }),\n\n      setImageBlockWidth:\n        (width) =>\n        ({ commands }) =>\n          commands.updateAttributes(\"imageBlock\", {\n            width: `${Math.max(0, Math.min(100, width))}%`,\n          }),\n    };\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(ImageBlockView);\n  },\n});\n\nexport default ImageBlock;\n"],"names":["ReactNodeViewRenderer","mergeAttributes","ImageBlockView","Image","ImageBlock","extend","name","group","defining","isolating","addAttributes","src","default","parseHTML","element","getAttribute","renderHTML","attributes","width","align","alt","undefined","tag","HTMLAttributes","options","addCommands","setImageBlock","attrs","commands","insertContent","type","setImageBlockAt","insertContentAt","pos","setImageBlockAlign","updateAttributes","setImageBlockWidth","Math","max","min","addNodeView"],"mappings":"AAAA;AAEA,SAASA,qBAAqB,QAAQ,gBAAgB;AACtD,SAASC,eAAe,QAAe,eAAe;AAEtD,SAASC,cAAc,QAAQ,iCAAiC;AAChE,SAASC,KAAK,QAAQ,oBAAoB;AAgB1C,OAAO,MAAMC,aAAaD,MAAME,MAAM,CAAC;IACrCC,MAAM;IAENC,OAAO;IAEPC,UAAU;IAEVC,WAAW;IAEXC;QACE,OAAO;YACLC,KAAK;gBACHC,SAAS;gBACTC,WAAW,CAACC,UAAYA,QAAQC,YAAY,CAAC;gBAC7CC,YAAY,CAACC,aAAgB,CAAA;wBAC3BN,KAAKM,WAAWN,GAAG;oBACrB,CAAA;YACF;YACAO,OAAO;gBACLN,SAAS;gBACTC,WAAW,CAACC,UAAYA,QAAQC,YAAY,CAAC;gBAC7CC,YAAY,CAACC,aAAgB,CAAA;wBAC3B,cAAcA,WAAWC,KAAK;oBAChC,CAAA;YACF;YACAC,OAAO;gBACLP,SAAS;gBACTC,WAAW,CAACC,UAAYA,QAAQC,YAAY,CAAC;gBAC7CC,YAAY,CAACC,aAAgB,CAAA;wBAC3B,cAAcA,WAAWE,KAAK;oBAChC,CAAA;YACF;YACAC,KAAK;gBACHR,SAASS;gBACTR,WAAW,CAACC,UAAYA,QAAQC,YAAY,CAAC;gBAC7CC,YAAY,CAACC,aAAgB,CAAA;wBAC3BG,KAAKH,WAAWG,GAAG;oBACrB,CAAA;YACF;QACF;IACF;IAEAP;QACE,OAAO;YACL;gBACES,KAAK;YACP;SACD;IACH;IAEAN,YAAW,EAAEO,cAAc,EAAE;QAC3B,OAAO;YACL;YACAtB,gBAAgB,IAAI,CAACuB,OAAO,CAACD,cAAc,EAAEA;SAC9C;IACH;IAEAE;QACE,OAAO;YACLC,eACE,CAACC,QACD,CAAC,EAAEC,QAAQ,EAAE;oBACX,OAAOA,SAASC,aAAa,CAAC;wBAC5BC,MAAM;wBACNH,OAAO;4BAAEhB,KAAKgB,MAAMhB,GAAG;wBAAC;oBAC1B;gBACF;YAEFoB,iBACE,CAACJ,QACD,CAAC,EAAEC,QAAQ,EAAE;oBACX,OAAOA,SAASI,eAAe,CAACL,MAAMM,GAAG,EAAE;wBACzCH,MAAM;wBACNH,OAAO;4BAAEhB,KAAKgB,MAAMhB,GAAG;wBAAC;oBAC1B;gBACF;YAEFuB,oBACE,CAACf,QACD,CAAC,EAAES,QAAQ,EAAE,GACXA,SAASO,gBAAgB,CAAC,cAAc;wBAAEhB;oBAAM;YAEpDiB,oBACE,CAAClB,QACD,CAAC,EAAEU,QAAQ,EAAE,GACXA,SAASO,gBAAgB,CAAC,cAAc;wBACtCjB,OAAO,CAAC,EAAEmB,KAAKC,GAAG,CAAC,GAAGD,KAAKE,GAAG,CAAC,KAAKrB,QAAQ,CAAC,CAAC;oBAChD;QACN;IACF;IAEAsB;QACE,OAAOxC,sBAAsBE;IAC/B;AACF,GAAG;AAEH,eAAeE,WAAW"}

package/dist/src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport { ReactNode, useCallback, useRef } from \"react\";\nimport { Instance, sticky } from \"tippy.js\";\nimport { v4 as uuid } from \"uuid\";\n\nimport {\n  AlignHorizontalDistributeCenter,\n  AlignHorizontalDistributeEnd,\n  AlignHorizontalDistributeStart,\n} from \"lucide-react\";\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { Icon } from \"../../../features/ui/Icon.js\";\nimport { Toolbar } from \"../../../features/ui/Toolbar.js\";\nimport { getRenderContainer } from \"../../../lib/utils/index.js\";\nimport { ImageBlockWidth } from \"./ImageBlockWidth.js\";\n\nexport const ImageBlockMenu = ({ editor, appendTo }: MenuProps): ReactNode => {\n  const menuRef = useRef<HTMLDivElement>(null);\n  const tippyInstance = useRef<Instance | null>(null);\n\n  const getReferenceClientRect = useCallback(() => {\n    const renderContainer = getRenderContainer(editor, \"node-imageBlock\");\n    const rect =\n      renderContainer?.getBoundingClientRect() ||\n      new DOMRect(-1000, -1000, 0, 0);\n\n    return rect;\n  }, [editor]);\n\n  const shouldShow = useCallback(() => {\n    const isActive = editor.isActive(\"imageBlock\");\n\n    return isActive;\n  }, [editor]);\n\n  const onAlignImageLeft = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setImageBlockAlign(\"left\")\n      .run();\n  }, [editor]);\n\n  const onAlignImageCenter = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setImageBlockAlign(\"center\")\n      .run();\n  }, [editor]);\n\n  const onAlignImageRight = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setImageBlockAlign(\"right\")\n      .run();\n  }, [editor]);\n\n  const onWidthChange = useCallback(\n    (value: number) => {\n      editor\n        .chain()\n        .focus(undefined, { scrollIntoView: false })\n        .setImageBlockWidth(value)\n        .run();\n    },\n    [editor]\n  );\n\n  return (\n    <BaseBubbleMenu\n      editor={editor}\n      pluginKey={`imageBlockMenu-${uuid()}`}\n      shouldShow={shouldShow}\n      updateDelay={0}\n      tippyOptions={{\n        offset: [0, 8],\n        popperOptions: {\n          modifiers: [{ name: \"flip\", enabled: false }],\n        },\n        getReferenceClientRect,\n        onCreate: (instance: Instance) => {\n          tippyInstance.current = instance;\n        },\n        appendTo: () => {\n          return appendTo?.current;\n        },\n        plugins: [sticky],\n        sticky: \"popper\",\n      }}\n    >\n      <Toolbar.Wrapper shouldShowContent={shouldShow()} ref={menuRef}>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Align image left\"\n          active={editor.isActive(\"imageBlock\", { align: \"left\" })}\n          onClick={onAlignImageLeft}\n        >\n          <Icon icon={AlignHorizontalDistributeStart} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Align image center\"\n          active={editor.isActive(\"imageBlock\", { align: \"center\" })}\n          onClick={onAlignImageCenter}\n        >\n          <Icon icon={AlignHorizontalDistributeCenter} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Align image right\"\n          active={editor.isActive(\"imageBlock\", { align: \"right\" })}\n          onClick={onAlignImageRight}\n        >\n          <Icon icon={AlignHorizontalDistributeEnd} />\n        </Toolbar.Button>\n        <Toolbar.Divider />\n        <ImageBlockWidth\n          onChange={onWidthChange}\n          value={parseInt(editor.getAttributes(\"imageBlock\").width)}\n        />\n      </Toolbar.Wrapper>\n    </BaseBubbleMenu>\n  );\n};\n\nexport default ImageBlockMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","useRef","sticky","v4","uuid","AlignHorizontalDistributeCenter","AlignHorizontalDistributeEnd","AlignHorizontalDistributeStart","Icon","Toolbar","getRenderContainer","ImageBlockWidth","ImageBlockMenu","editor","appendTo","menuRef","tippyInstance","getReferenceClientRect","renderContainer","rect","getBoundingClientRect","DOMRect","shouldShow","isActive","onAlignImageLeft","chain","focus","undefined","scrollIntoView","setImageBlockAlign","run","onAlignImageCenter","onAlignImageRight","onWidthChange","value","setImageBlockWidth","pluginKey","updateDelay","tippyOptions","offset","popperOptions","modifiers","name","enabled","onCreate","instance","current","plugins","Wrapper","shouldShowContent","ref","Button","type","tooltip","active","align","onClick","icon","Divider","onChange","parseInt","getAttributes","width"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport { ReactNode, useCallback, useRef } from \"react\";\nimport { Instance, sticky } from \"tippy.js\";\nimport { v4 as uuid } from \"uuid\";\n\nimport {\n  AlignHorizontalDistributeCenter,\n  AlignHorizontalDistributeEnd,\n  AlignHorizontalDistributeStart,\n} from \"lucide-react\";\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { Icon } from \"../../../features/ui/Icon.js\";\nimport { Toolbar } from \"../../../features/ui/Toolbar.js\";\nimport { getRenderContainer } from \"../../../lib/utils/index.js\";\nimport { ImageBlockWidth } from \"./ImageBlockWidth.js\";\n\nexport const ImageBlockMenu = ({ editor, appendTo }: MenuProps): ReactNode => {\n  const menuRef = useRef<HTMLDivElement>(null);\n  const tippyInstance = useRef<Instance | null>(null);\n\n  const getReferenceClientRect = useCallback(() => {\n    const renderContainer = getRenderContainer(editor, \"node-imageBlock\");\n    const rect =\n      renderContainer?.getBoundingClientRect() ||\n      new DOMRect(-1000, -1000, 0, 0);\n\n    return rect;\n  }, [editor]);\n\n  const shouldShow = useCallback(() => {\n    const isActive = editor.isActive(\"imageBlock\");\n\n    return isActive;\n  }, [editor]);\n\n  const onAlignImageLeft = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setImageBlockAlign(\"left\")\n      .run();\n  }, [editor]);\n\n  const onAlignImageCenter = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setImageBlockAlign(\"center\")\n      .run();\n  }, [editor]);\n\n  const onAlignImageRight = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setImageBlockAlign(\"right\")\n      .run();\n  }, [editor]);\n\n  const onWidthChange = useCallback(\n    (value: number) => {\n      editor\n        .chain()\n        .focus(undefined, { scrollIntoView: false })\n        .setImageBlockWidth(value)\n        .run();\n    },\n    [editor]\n  );\n\n  return (\n    <BaseBubbleMenu\n      editor={editor}\n      pluginKey={`imageBlockMenu-${uuid()}`}\n      shouldShow={shouldShow}\n      updateDelay={0}\n      tippyOptions={{\n        offset: [0, 8],\n        popperOptions: {\n          modifiers: [{ name: \"flip\", enabled: false }],\n        },\n        getReferenceClientRect,\n        onCreate: (instance: Instance) => {\n          tippyInstance.current = instance;\n        },\n        appendTo: () => {\n          return appendTo?.current;\n        },\n        plugins: [sticky],\n        sticky: \"popper\",\n      }}\n    >\n      <Toolbar.Wrapper shouldShowContent={shouldShow()} ref={menuRef}>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Align image left\"\n          active={editor.isActive(\"imageBlock\", { align: \"left\" })}\n          onClick={onAlignImageLeft}\n        >\n          <Icon icon={AlignHorizontalDistributeStart} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Align image center\"\n          active={editor.isActive(\"imageBlock\", { align: \"center\" })}\n          onClick={onAlignImageCenter}\n        >\n          <Icon icon={AlignHorizontalDistributeCenter} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Align image right\"\n          active={editor.isActive(\"imageBlock\", { align: \"right\" })}\n          onClick={onAlignImageRight}\n        >\n          <Icon icon={AlignHorizontalDistributeEnd} />\n        </Toolbar.Button>\n        <Toolbar.Divider />\n        <ImageBlockWidth\n          onChange={onWidthChange}\n          value={parseInt(editor.getAttributes(\"imageBlock\").width)}\n        />\n      </Toolbar.Wrapper>\n    </BaseBubbleMenu>\n  );\n};\n\nexport default ImageBlockMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","useRef","sticky","v4","uuid","AlignHorizontalDistributeCenter","AlignHorizontalDistributeEnd","AlignHorizontalDistributeStart","Icon","Toolbar","getRenderContainer","ImageBlockWidth","ImageBlockMenu","editor","appendTo","menuRef","tippyInstance","getReferenceClientRect","renderContainer","rect","getBoundingClientRect","DOMRect","shouldShow","isActive","onAlignImageLeft","chain","focus","undefined","scrollIntoView","setImageBlockAlign","run","onAlignImageCenter","onAlignImageRight","onWidthChange","value","setImageBlockWidth","pluginKey","updateDelay","tippyOptions","offset","popperOptions","modifiers","name","enabled","onCreate","instance","current","plugins","Wrapper","shouldShowContent","ref","Button","type","tooltip","active","align","onClick","icon","Divider","onChange","parseInt","getAttributes","width"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockView.tsx"],"sourcesContent":["import { Node } from \"@tiptap/pm/model\";\nimport { Editor, NodeViewWrapper } from \"@tiptap/react\";\nimport React, { useCallback, useRef } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\ninterface ImageBlockViewProps {\n  editor: Editor;\n  getPos: () => number;\n  node: Node & {\n    attrs: {\n      src: string;\n    };\n  };\n  updateAttributes: (attrs: Record<string, string>) => void;\n}\n\nexport const ImageBlockView = (props: ImageBlockViewProps) => {\n  const { editor, getPos, node } = props;\n  const imageWrapperRef = useRef<HTMLDivElement>(null);\n  const { src } = node.attrs;\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  return (\n    <NodeViewWrapper>\n      <div className={wrapperClassName} style={{ width: node.attrs.width }}>\n        <div contentEditable={false} ref={imageWrapperRef}>\n          <img className=\"block\" src={src} alt=\"\" onClick={onClick} />\n        </div>\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\nexport default ImageBlockView;\n"],"names":["NodeViewWrapper","React","useCallback","useRef","cn","ImageBlockView","props","editor","getPos","node","imageWrapperRef","src","attrs","wrapperClassName","align","onClick","commands","setNodeSelection","div","className","style","width","contentEditable","ref","img","alt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AACA,SAAiBA,eAAe,QAAQ,gBAAgB;AACxD,OAAOC,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAQ;AACnD,SAASC,EAAE,QAAQ,8BAA8B;AAajD,OAAO,MAAMC,iBAAiB,CAACC;IAC7B,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGH;IACjC,MAAMI,kBAAkBP,OAAuB;IAC/C,MAAM,EAAEQ,GAAG,EAAE,GAAGF,KAAKG,KAAK;IAE1B,MAAMC,mBAAmBT,GACvBK,KAAKG,KAAK,CAACE,KAAK,KAAK,SAAS,SAAS,WACvCL,KAAKG,KAAK,CAACE,KAAK,KAAK,UAAU,SAAS,WACxCL,KAAKG,KAAK,CAACE,KAAK,KAAK,YAAY;IAGnC,MAAMC,UAAUb,YAAY;QAC1BK,OAAOS,QAAQ,CAACC,gBAAgB,CAACT;IACnC,GAAG;QAACA;QAAQD,OAAOS,QAAQ;KAAC;IAE5B,qBACE,KAAChB;kBACC,cAAA,KAACkB;YAAIC,WAAWN;YAAkBO,OAAO;gBAAEC,OAAOZ,KAAKG,KAAK,CAACS,KAAK;YAAC;sBACjE,cAAA,KAACH;gBAAII,iBAAiB;gBAAOC,KAAKb;0BAChC,cAAA,KAACc;oBAAIL,WAAU;oBAAQR,KAAKA;oBAAKc,KAAI;oBAAGV,SAASA;;;;;AAK3D,EAAE;AAEF,eAAeV,eAAe"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockView.tsx"],"sourcesContent":["import { Node } from \"@tiptap/pm/model\";\nimport { Editor, NodeViewWrapper } from \"@tiptap/react\";\nimport React, { useCallback, useRef } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\ninterface ImageBlockViewProps {\n  editor: Editor;\n  getPos: () => number;\n  node: Node & {\n    attrs: {\n      src: string;\n    };\n  };\n  updateAttributes: (attrs: Record<string, string>) => void;\n}\n\nexport const ImageBlockView = (props: ImageBlockViewProps) => {\n  const { editor, getPos, node } = props;\n  const imageWrapperRef = useRef<HTMLDivElement>(null);\n  const { src } = node.attrs;\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  return (\n    <NodeViewWrapper>\n      <div className={wrapperClassName} style={{ width: node.attrs.width }}>\n        <div contentEditable={false} ref={imageWrapperRef}>\n          <img className=\"block\" src={src} alt=\"\" onClick={onClick} />\n        </div>\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\nexport default ImageBlockView;\n"],"names":["NodeViewWrapper","React","useCallback","useRef","cn","ImageBlockView","props","editor","getPos","node","imageWrapperRef","src","attrs","wrapperClassName","align","onClick","commands","setNodeSelection","div","className","style","width","contentEditable","ref","img","alt"],"mappings":";AACA,SAAiBA,eAAe,QAAQ,gBAAgB;AACxD,OAAOC,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAQ;AACnD,SAASC,EAAE,QAAQ,8BAA8B;AAajD,OAAO,MAAMC,iBAAiB,CAACC;IAC7B,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGH;IACjC,MAAMI,kBAAkBP,OAAuB;IAC/C,MAAM,EAAEQ,GAAG,EAAE,GAAGF,KAAKG,KAAK;IAE1B,MAAMC,mBAAmBT,GACvBK,KAAKG,KAAK,CAACE,KAAK,KAAK,SAAS,SAAS,WACvCL,KAAKG,KAAK,CAACE,KAAK,KAAK,UAAU,SAAS,WACxCL,KAAKG,KAAK,CAACE,KAAK,KAAK,YAAY;IAGnC,MAAMC,UAAUb,YAAY;QAC1BK,OAAOS,QAAQ,CAACC,gBAAgB,CAACT;IACnC,GAAG;QAACA;QAAQD,OAAOS,QAAQ;KAAC;IAE5B,qBACE,KAAChB;kBACC,cAAA,KAACkB;YAAIC,WAAWN;YAAkBO,OAAO;gBAAEC,OAAOZ,KAAKG,KAAK,CAACS,KAAK;YAAC;sBACjE,cAAA,KAACH;gBAAII,iBAAiB;gBAAOC,KAAKb;0BAChC,cAAA,KAACc;oBAAIL,WAAU;oBAAQR,KAAKA;oBAAKc,KAAI;oBAAGV,SAASA;;;;;AAK3D,EAAE;AAEF,eAAeV,eAAe"}

package/dist/src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockWidth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockWidth.tsx"],"sourcesContent":["import React, { memo, useCallback, useEffect, useState } from 'react'\n\nexport type ImageBlockWidthProps = {\n  onChange: (value: number) => void\n  value: number\n}\n\nexport const ImageBlockWidth = memo(({ onChange, value }: ImageBlockWidthProps) => {\n  const [currentValue, setCurrentValue] = useState(value)\n\n  useEffect(() => {\n    setCurrentValue(value)\n  }, [value])\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(parseInt(e.target.value))\n    },\n    [onChange],\n  )\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <input\n        className=\"h-2 bg-neutral-200 border-0 rounded appearance-none fill-neutral-300\"\n        type=\"range\"\n        min=\"25\"\n        max=\"100\"\n        step=\"25\"\n        onChange={handleChange}\n        value={currentValue}\n      />\n      <span className=\"text-xs font-semibold text-neutral-500 select-none\">{value}%</span>\n    </div>\n  )\n})\n\nImageBlockWidth.displayName = 'ImageBlockWidth'\n"],"names":["React","memo","useCallback","useEffect","useState","ImageBlockWidth","onChange","value","currentValue","setCurrentValue","handleChange","e","parseInt","target","div","className","input","type","min","max","step","span","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,IAAI,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAOrE,OAAO,MAAMC,gCAAkBJ,KAAK,CAAC,EAAEK,QAAQ,EAAEC,KAAK,EAAwB;IAC5E,MAAM,CAACC,cAAcC,gBAAgB,GAAGL,SAASG;IAEjDJ,UAAU;QACRM,gBAAgBF;IAClB,GAAG;QAACA;KAAM;IAEV,MAAMG,eAAeR,YACnB,CAACS;QACCL,SAASM,SAASD,EAAEE,MAAM,CAACN,KAAK;IAClC,GACA;QAACD;KAAS;IAGZ,qBACE,MAACQ;QAAIC,WAAU;;0BACb,KAACC;gBACCD,WAAU;gBACVE,MAAK;gBACLC,KAAI;gBACJC,KAAI;gBACJC,MAAK;gBACLd,UAAUI;gBACVH,OAAOC;;0BAET,MAACa;gBAAKN,WAAU;;oBAAsDR;oBAAM;;;;;AAGlF,GAAE;AAEFF,gBAAgBiB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockWidth.tsx"],"sourcesContent":["import React, { memo, useCallback, useEffect, useState } from 'react'\n\nexport type ImageBlockWidthProps = {\n  onChange: (value: number) => void\n  value: number\n}\n\nexport const ImageBlockWidth = memo(({ onChange, value }: ImageBlockWidthProps) => {\n  const [currentValue, setCurrentValue] = useState(value)\n\n  useEffect(() => {\n    setCurrentValue(value)\n  }, [value])\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(parseInt(e.target.value))\n    },\n    [onChange],\n  )\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <input\n        className=\"h-2 bg-neutral-200 border-0 rounded appearance-none fill-neutral-300\"\n        type=\"range\"\n        min=\"25\"\n        max=\"100\"\n        step=\"25\"\n        onChange={handleChange}\n        value={currentValue}\n      />\n      <span className=\"text-xs font-semibold text-neutral-500 select-none\">{value}%</span>\n    </div>\n  )\n})\n\nImageBlockWidth.displayName = 'ImageBlockWidth'\n"],"names":["React","memo","useCallback","useEffect","useState","ImageBlockWidth","onChange","value","currentValue","setCurrentValue","handleChange","e","parseInt","target","div","className","input","type","min","max","step","span","displayName"],"mappings":";AAAA,OAAOA,SAASC,IAAI,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAOrE,OAAO,MAAMC,gCAAkBJ,KAAK,CAAC,EAAEK,QAAQ,EAAEC,KAAK,EAAwB;IAC5E,MAAM,CAACC,cAAcC,gBAAgB,GAAGL,SAASG;IAEjDJ,UAAU;QACRM,gBAAgBF;IAClB,GAAG;QAACA;KAAM;IAEV,MAAMG,eAAeR,YACnB,CAACS;QACCL,SAASM,SAASD,EAAEE,MAAM,CAACN,KAAK;IAClC,GACA;QAACD;KAAS;IAGZ,qBACE,MAACQ;QAAIC,WAAU;;0BACb,KAACC;gBACCD,WAAU;gBACVE,MAAK;gBACLC,KAAI;gBACJC,KAAI;gBACJC,MAAK;gBACLd,UAAUI;gBACVH,OAAOC;;0BAET,MAACa;gBAAKN,WAAU;;oBAAsDR;oBAAM;;;;;AAGlF,GAAE;AAEFF,gBAAgBiB,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/ImageBlock/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageBlock/index.ts"],"sourcesContent":["export * from \"./ImageBlock.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,kBAAkB"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageBlock/index.ts"],"sourcesContent":["export * from \"./ImageBlock.js\";\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB"}

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAyB,MAAM,eAAe,CAAC;AAG5D,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,WAAW,EAAE;YACX,cAAc,EAAE,MAAM,UAAU,CAAC;SAClC,CAAC;KACH;CACF;AAED,eAAO,MAAM,WAAW,gBAuCtB,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAyB,MAAM,eAAe,CAAC;AAI5D,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,WAAW,EAAE;YACX,cAAc,EAAE,MAAM,UAAU,CAAC;SAClC,CAAC;KACH;CACF;AAED,eAAO,MAAM,WAAW,gBAyCtB,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.js

@@ -1,5 +1,5 @@
 import { Node, ReactNodeViewRenderer } from "@tiptap/react";
-import { ImageUpload as ImageUploadComponent } from "./view/ImageUpload.js";
+import { ImageUploadBuilder } from "./view/ImageUpload.js";
 export const ImageUpload = Node.create({
     name: "imageUpload",
     isolating: true,
@@ -29,7 +29,8 @@ export const ImageUpload = Node.create({
         };
     },
     addNodeView () {
-        return ReactNodeViewRenderer(ImageUploadComponent);
+        const openAssetHQHandler = this.options.openAssetHQHandler;
+        return ReactNodeViewRenderer(ImageUploadBuilder(openAssetHQHandler));
     }
 });
 export default ImageUpload;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.ts"],"sourcesContent":["import { Node, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { ImageUpload as ImageUploadComponent } from \"./view/ImageUpload.js\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    imageUpload: {\n      setImageUpload: () => ReturnType;\n    };\n  }\n}\n\nexport const ImageUpload = Node.create({\n  name: \"imageUpload\",\n\n  isolating: true,\n\n  defining: true,\n\n  group: \"block\",\n\n  draggable: true,\n\n  selectable: true,\n\n  inline: false,\n\n  parseHTML() {\n    return [\n      {\n        tag: `div[data-type=\"${this.name}\"]`,\n      },\n    ];\n  },\n\n  renderHTML() {\n    return [\"div\", { \"data-type\": this.name }];\n  },\n\n  addCommands() {\n    return {\n      setImageUpload:\n        () =>\n        ({ commands }) =>\n          commands.insertContent(`<div data-type=\"${this.name}\"></div>`),\n    };\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(ImageUploadComponent);\n  },\n});\n\nexport default ImageUpload;\n"],"names":["Node","ReactNodeViewRenderer","ImageUpload","ImageUploadComponent","create","name","isolating","defining","group","draggable","selectable","inline","parseHTML","tag","renderHTML","addCommands","setImageUpload","commands","insertContent","addNodeView"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,IAAI,EAAEC,qBAAqB,QAAQ,gBAAgB;AAC5D,SAASC,eAAeC,oBAAoB,QAAQ,wBAAwB;AAU5E,OAAO,MAAMD,cAAcF,KAAKI,MAAM,CAAC;IACrCC,MAAM;IAENC,WAAW;IAEXC,UAAU;IAEVC,OAAO;IAEPC,WAAW;IAEXC,YAAY;IAEZC,QAAQ;IAERC;QACE,OAAO;YACL;gBACEC,KAAK,CAAC,eAAe,EAAE,IAAI,CAACR,IAAI,CAAC,EAAE,CAAC;YACtC;SACD;IACH;IAEAS;QACE,OAAO;YAAC;YAAO;gBAAE,aAAa,IAAI,CAACT,IAAI;YAAC;SAAE;IAC5C;IAEAU;QACE,OAAO;YACLC,gBACE,IACA,CAAC,EAAEC,QAAQ,EAAE,GACXA,SAASC,aAAa,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAACb,IAAI,CAAC,QAAQ,CAAC;QACnE;IACF;IAEAc;QACE,OAAOlB,sBAAsBE;IAC/B;AACF,GAAG;AAEH,eAAeD,YAAY"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.ts"],"sourcesContent":["import { Node, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { openAssetHQType } from \"../../types.js\";\nimport { ImageUploadBuilder } from \"./view/ImageUpload.js\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    imageUpload: {\n      setImageUpload: () => ReturnType;\n    };\n  }\n}\n\nexport const ImageUpload = Node.create({\n  name: \"imageUpload\",\n\n  isolating: true,\n\n  defining: true,\n\n  group: \"block\",\n\n  draggable: true,\n\n  selectable: true,\n\n  inline: false,\n\n  parseHTML() {\n    return [\n      {\n        tag: `div[data-type=\"${this.name}\"]`,\n      },\n    ];\n  },\n\n  renderHTML() {\n    return [\"div\", { \"data-type\": this.name }];\n  },\n\n  addCommands() {\n    return {\n      setImageUpload:\n        () =>\n        ({ commands }) =>\n          commands.insertContent(`<div data-type=\"${this.name}\"></div>`),\n    };\n  },\n\n  addNodeView() {\n    const openAssetHQHandler = this.options\n      .openAssetHQHandler as openAssetHQType;\n    return ReactNodeViewRenderer(ImageUploadBuilder(openAssetHQHandler));\n  },\n});\n\nexport default ImageUpload;\n"],"names":["Node","ReactNodeViewRenderer","ImageUploadBuilder","ImageUpload","create","name","isolating","defining","group","draggable","selectable","inline","parseHTML","tag","renderHTML","addCommands","setImageUpload","commands","insertContent","addNodeView","openAssetHQHandler","options"],"mappings":"AAAA,SAASA,IAAI,EAAEC,qBAAqB,QAAQ,gBAAgB;AAE5D,SAASC,kBAAkB,QAAQ,wBAAwB;AAU3D,OAAO,MAAMC,cAAcH,KAAKI,MAAM,CAAC;IACrCC,MAAM;IAENC,WAAW;IAEXC,UAAU;IAEVC,OAAO;IAEPC,WAAW;IAEXC,YAAY;IAEZC,QAAQ;IAERC;QACE,OAAO;YACL;gBACEC,KAAK,CAAC,eAAe,EAAE,IAAI,CAACR,IAAI,CAAC,EAAE,CAAC;YACtC;SACD;IACH;IAEAS;QACE,OAAO;YAAC;YAAO;gBAAE,aAAa,IAAI,CAACT,IAAI;YAAC;SAAE;IAC5C;IAEAU;QACE,OAAO;YACLC,gBACE,IACA,CAAC,EAAEC,QAAQ,EAAE,GACXA,SAASC,aAAa,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAACb,IAAI,CAAC,QAAQ,CAAC;QACnE;IACF;IAEAc;QACE,MAAMC,qBAAqB,IAAI,CAACC,OAAO,CACpCD,kBAAkB;QACrB,OAAOnB,sBAAsBC,mBAAmBkB;IAClD;AACF,GAAG;AAEH,eAAejB,YAAY"}

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/index.ts"],"sourcesContent":["export * from \"./ImageUpload.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,mBAAmB"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/index.ts"],"sourcesContent":["export * from \"./ImageUpload.js\";\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB"}

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.d.ts

@@ -1,7 +1,7 @@
 import { Editor } from "@tiptap/react";
-export declare const ImageUpload: ({ getPos, editor, }: {
+import { openAssetHQType } from "src/fields/TiptapEditor/types.js";
+export declare const ImageUploadBuilder: (openAssetHQHandler: openAssetHQType) => ({ getPos, editor, }: {
     getPos: () => number;
     editor: Editor;
 }) => import("react").JSX.Element;
-export default ImageUpload;
 //# sourceMappingURL=ImageUpload.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAmB,MAAM,eAAe,CAAC;AAGxD,eAAO,MAAM,WAAW,wBAGrB;IACD,MAAM,EAAE,MAAM,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,gCAsCA,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAmB,MAAM,eAAe,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,eAAO,MAAM,kBAAkB,uBAAwB,eAAe,2BAIjE;IACD,MAAM,EAAE,MAAM,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,gCAiEF,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.js

@@ -1,27 +1,44 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { NodeViewWrapper } from "@tiptap/react";
 import { useCallback } from "react";
-export const ImageUpload = ({ getPos, editor })=>{
-    const onUpload = useCallback((url)=>{
-        if (url) {
-            editor.chain().setImageBlock({
-                src: url
-            }).deleteRange({
-                from: getPos(),
-                to: getPos()
-            }).focus().run();
-        }
-    }, [
-        getPos,
-        editor
-    ]);
-    return /*#__PURE__*/ _jsx(NodeViewWrapper, {
-        children: /*#__PURE__*/ _jsx("div", {
-            className: "p-0 m-0",
-            "data-drag-handle": true
-        })
-    });
+export const ImageUploadBuilder = (openAssetHQHandler)=>{
+    const ImageUpload = ({ getPos, editor })=>{
+        const onUpload = useCallback((url)=>{
+            if (url) {
+                editor.chain().focus().setImageBlock({
+                    src: url
+                }).deleteRange({
+                    from: getPos(),
+                    to: getPos()
+                }).focus().run();
+            }
+        }, [
+            getPos,
+            editor
+        ]);
+        return /*#__PURE__*/ _jsx(NodeViewWrapper, {
+            children: /*#__PURE__*/ _jsx("div", {
+                className: "p-0 m-0",
+                "data-drag-handle": true,
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: "#",
+                    style: {
+                        padding: 5,
+                        borderRadius: 5,
+                        backgroundColor: "blue",
+                        color: "white",
+                        cursor: "pointer"
+                    },
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        openAssetHQHandler(onUpload);
+                    },
+                    children: "Upload Image"
+                })
+            })
+        });
+    };
+    return ImageUpload;
 };
-export default ImageUpload;
 
 //# sourceMappingURL=ImageUpload.js.map

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.tsx"],"sourcesContent":["import { Editor, NodeViewWrapper } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\n\nexport const ImageUpload = ({\n  getPos,\n  editor,\n}: {\n  getPos: () => number;\n  editor: Editor;\n}) => {\n  const onUpload = useCallback(\n    (url: string) => {\n      if (url) {\n        editor\n          .chain()\n          .setImageBlock({ src: url })\n          .deleteRange({ from: getPos(), to: getPos() })\n          .focus()\n          .run();\n      }\n    },\n    [getPos, editor]\n  );\n\n  return (\n    <NodeViewWrapper>\n      <div className=\"p-0 m-0\" data-drag-handle>\n        {/* <RenderFields\n          fieldMap={[\n            {\n              name: 'thumbnail',\n              type: 'upload',\n\n            },\n          ]}\n          path=\"media\"\n          readOnly={false}\n          schemaPath=\"\"\n          // fieldTypes={fieldTypes}\n          // fields={sidebarFields}\n          // permissions={permissions.fields}\n          // readOnly={!hasSavePermission}\n        /> */}\n        {/* <ImageUploader onUpload={onUpload} /> */}\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\nexport default ImageUpload;\n"],"names":["NodeViewWrapper","useCallback","ImageUpload","getPos","editor","onUpload","url","chain","setImageBlock","src","deleteRange","from","to","focus","run","div","className","data-drag-handle"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAiBA,eAAe,QAAQ,gBAAgB;AACxD,SAASC,WAAW,QAAQ,QAAQ;AAEpC,OAAO,MAAMC,cAAc,CAAC,EAC1BC,MAAM,EACNC,MAAM,EAIP;IACC,MAAMC,WAAWJ,YACf,CAACK;QACC,IAAIA,KAAK;YACPF,OACGG,KAAK,GACLC,aAAa,CAAC;gBAAEC,KAAKH;YAAI,GACzBI,WAAW,CAAC;gBAAEC,MAAMR;gBAAUS,IAAIT;YAAS,GAC3CU,KAAK,GACLC,GAAG;QACR;IACF,GACA;QAACX;QAAQC;KAAO;IAGlB,qBACE,KAACJ;kBACC,cAAA,KAACe;YAAIC,WAAU;YAAUC,kBAAgB;;;AAqB/C,EAAE;AAEF,eAAef,YAAY"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.tsx"],"sourcesContent":["import { Editor, NodeViewWrapper } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\nimport { openAssetHQType } from \"src/fields/TiptapEditor/types.js\";\nexport const ImageUploadBuilder = (openAssetHQHandler: openAssetHQType) => {\n  const ImageUpload = ({\n    getPos,\n    editor,\n  }: {\n    getPos: () => number;\n    editor: Editor;\n  }) => {\n    const onUpload = useCallback(\n      (url: string) => {\n        if (url) {\n          editor\n            .chain()\n            .focus()\n            .setImageBlock({ src: url })\n            .deleteRange({ from: getPos(), to: getPos() })\n            .focus()\n            .run();\n        }\n      },\n      [getPos, editor]\n    );\n\n    return (\n      <NodeViewWrapper>\n        <div className=\"p-0 m-0\" data-drag-handle>\n          {/* <RenderFields\n          fieldMap={[\n            {\n              name: \"media\",\n              type: \"upload\",\n              cellComponentProps: {\n                name: \"media\",\n                schemaPath: \"media\",\n              },\n              fieldComponentProps: {},\n              fieldIsPresentational: true,\n              isFieldAffectingData: false,\n              localized: false,\n            },\n          ]}\n          path=\"media\"\n          readOnly={false}\n          schemaPath=\"\"\n          // fieldTypes={fieldTypes}\n          // fields={sidebarFields}\n          // permissions={permissions.fields}\n          // readOnly={!hasSavePermission}\n        /> */}\n          <a\n            href=\"#\"\n            style={{\n              padding: 5,\n              borderRadius: 5,\n              backgroundColor: \"blue\",\n              color: \"white\",\n              cursor: \"pointer\",\n            }}\n            onClick={(e) => {\n              e.preventDefault();\n              openAssetHQHandler(onUpload);\n            }}\n          >\n            Upload Image\n          </a>\n          {/* <ImageUploader onUpload={onUpload} /> */}\n        </div>\n      </NodeViewWrapper>\n    );\n  };\n\n  return ImageUpload;\n};\n"],"names":["NodeViewWrapper","useCallback","ImageUploadBuilder","openAssetHQHandler","ImageUpload","getPos","editor","onUpload","url","chain","focus","setImageBlock","src","deleteRange","from","to","run","div","className","data-drag-handle","a","href","style","padding","borderRadius","backgroundColor","color","cursor","onClick","e","preventDefault"],"mappings":";AAAA,SAAiBA,eAAe,QAAQ,gBAAgB;AACxD,SAASC,WAAW,QAAQ,QAAQ;AAEpC,OAAO,MAAMC,qBAAqB,CAACC;IACjC,MAAMC,cAAc,CAAC,EACnBC,MAAM,EACNC,MAAM,EAIP;QACC,MAAMC,WAAWN,YACf,CAACO;YACC,IAAIA,KAAK;gBACPF,OACGG,KAAK,GACLC,KAAK,GACLC,aAAa,CAAC;oBAAEC,KAAKJ;gBAAI,GACzBK,WAAW,CAAC;oBAAEC,MAAMT;oBAAUU,IAAIV;gBAAS,GAC3CK,KAAK,GACLM,GAAG;YACR;QACF,GACA;YAACX;YAAQC;SAAO;QAGlB,qBACE,KAACN;sBACC,cAAA,KAACiB;gBAAIC,WAAU;gBAAUC,kBAAgB;0BAwBvC,cAAA,KAACC;oBACCC,MAAK;oBACLC,OAAO;wBACLC,SAAS;wBACTC,cAAc;wBACdC,iBAAiB;wBACjBC,OAAO;wBACPC,QAAQ;oBACV;oBACAC,SAAS,CAACC;wBACRA,EAAEC,cAAc;wBAChB3B,mBAAmBI;oBACrB;8BACD;;;;IAOT;IAEA,OAAOH;AACT,EAAE"}

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUploader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUploader.tsx"],"sourcesContent":["import { Image, Upload } from \"lucide-react\";\nimport { ChangeEvent, useCallback } from \"react\";\nimport { Button } from \"../../../features/ui/Button/Button.js\";\nimport { Icon } from \"../../../features/ui/Icon.js\";\nimport { Spinner } from \"../../../features/ui/Spinner/Spinner.js\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport { useDropZone, useFileUpload, useUploader } from \"./hooks.js\";\nexport const ImageUploader = ({\n  onUpload,\n}: {\n  onUpload: (url: string) => void;\n}) => {\n  const { loading, uploadFile } = useUploader({ onUpload });\n  const { handleUploadClick, ref } = useFileUpload();\n  const { draggedInside, onDrop, onDragEnter, onDragLeave } = useDropZone({\n    uploader: uploadFile,\n  });\n\n  const onFileChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) =>\n      e.target.files ? uploadFile() : null,\n    [uploadFile]\n  );\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-8 rounded-lg min-h-[10rem] bg-opacity-80\">\n        <Spinner className=\"text-neutral-500\" size={1.5} />\n      </div>\n    );\n  }\n\n  const wrapperClass = cn(\n    \"flex flex-col items-center justify-center px-8 py-10 rounded-lg bg-opacity-80\",\n    draggedInside && \"bg-neutral-100\"\n  );\n\n  return (\n    <div\n      className={wrapperClass}\n      onDrop={onDrop}\n      onDragOver={onDragEnter}\n      onDragLeave={onDragLeave}\n      contentEditable={false}\n    >\n      <Icon\n        icon={Image}\n        className=\"w-12 h-12 mb-4 text-black dark:text-white opacity-20\"\n      />\n      <div className=\"flex flex-col items-center justify-center gap-2\">\n        <div className=\"text-sm font-medium text-center text-neutral-400 dark:text-neutral-500\">\n          {draggedInside ? \"Drop image here\" : \"Drag and drop or\"}\n        </div>\n        <div>\n          <Button\n            type=\"button\"\n            disabled={draggedInside}\n            onClick={handleUploadClick}\n            variant=\"primary\"\n            buttonSize=\"small\"\n          >\n            <Icon icon={Upload} />\n            Upload an image\n          </Button>\n        </div>\n      </div>\n      <input\n        className=\"w-0 h-0 overflow-hidden opacity-0\"\n        ref={ref}\n        type=\"file\"\n        accept=\".jpg,.jpeg,.png,.webp,.gif\"\n        onChange={onFileChange}\n      />\n    </div>\n  );\n};\n\nexport default ImageUploader;\n"],"names":["Image","Upload","useCallback","Button","Icon","Spinner","cn","useDropZone","useFileUpload","useUploader","ImageUploader","onUpload","loading","uploadFile","handleUploadClick","ref","draggedInside","onDrop","onDragEnter","onDragLeave","uploader","onFileChange","e","target","files","div","className","size","wrapperClass","onDragOver","contentEditable","icon","type","disabled","onClick","variant","buttonSize","input","accept","onChange"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,KAAK,EAAEC,MAAM,QAAQ,eAAe;AAC7C,SAAsBC,WAAW,QAAQ,QAAQ;AACjD,SAASC,MAAM,QAAQ,wCAAwC;AAC/D,SAASC,IAAI,QAAQ,+BAA+B;AACpD,SAASC,OAAO,QAAQ,0CAA0C;AAClE,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,WAAW,EAAEC,aAAa,EAAEC,WAAW,QAAQ,aAAa;AACrE,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,QAAQ,EAGT;IACC,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGJ,YAAY;QAAEE;IAAS;IACvD,MAAM,EAAEG,iBAAiB,EAAEC,GAAG,EAAE,GAAGP;IACnC,MAAM,EAAEQ,aAAa,EAAEC,MAAM,EAAEC,WAAW,EAAEC,WAAW,EAAE,GAAGZ,YAAY;QACtEa,UAAUP;IACZ;IAEA,MAAMQ,eAAenB,YACnB,CAACoB,IACCA,EAAEC,MAAM,CAACC,KAAK,GAAGX,eAAe,MAClC;QAACA;KAAW;IAGd,IAAID,SAAS;QACX,qBACE,KAACa;YAAIC,WAAU;sBACb,cAAA,KAACrB;gBAAQqB,WAAU;gBAAmBC,MAAM;;;IAGlD;IAEA,MAAMC,eAAetB,GACnB,iFACAU,iBAAiB;IAGnB,qBACE,MAACS;QACCC,WAAWE;QACXX,QAAQA;QACRY,YAAYX;QACZC,aAAaA;QACbW,iBAAiB;;0BAEjB,KAAC1B;gBACC2B,MAAM/B;gBACN0B,WAAU;;0BAEZ,MAACD;gBAAIC,WAAU;;kCACb,KAACD;wBAAIC,WAAU;kCACZV,gBAAgB,oBAAoB;;kCAEvC,KAACS;kCACC,cAAA,MAACtB;4BACC6B,MAAK;4BACLC,UAAUjB;4BACVkB,SAASpB;4BACTqB,SAAQ;4BACRC,YAAW;;8CAEX,KAAChC;oCAAK2B,MAAM9B;;gCAAU;;;;;;0BAK5B,KAACoC;gBACCX,WAAU;gBACVX,KAAKA;gBACLiB,MAAK;gBACLM,QAAO;gBACPC,UAAUlB;;;;AAIlB,EAAE;AAEF,eAAeX,cAAc"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUploader.tsx"],"sourcesContent":["import { Image, Upload } from \"lucide-react\";\nimport { ChangeEvent, useCallback } from \"react\";\nimport { Button } from \"../../../features/ui/Button/Button.js\";\nimport { Icon } from \"../../../features/ui/Icon.js\";\nimport { Spinner } from \"../../../features/ui/Spinner/Spinner.js\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport { useDropZone, useFileUpload, useUploader } from \"./hooks.js\";\nexport const ImageUploader = ({\n  onUpload,\n}: {\n  onUpload: (url: string) => void;\n}) => {\n  const { loading, uploadFile } = useUploader({ onUpload });\n  const { handleUploadClick, ref } = useFileUpload();\n  const { draggedInside, onDrop, onDragEnter, onDragLeave } = useDropZone({\n    uploader: uploadFile,\n  });\n\n  const onFileChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) =>\n      e.target.files ? uploadFile() : null,\n    [uploadFile]\n  );\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-8 rounded-lg min-h-[10rem] bg-opacity-80\">\n        <Spinner className=\"text-neutral-500\" size={1.5} />\n      </div>\n    );\n  }\n\n  const wrapperClass = cn(\n    \"flex flex-col items-center justify-center px-8 py-10 rounded-lg bg-opacity-80\",\n    draggedInside && \"bg-neutral-100\"\n  );\n\n  return (\n    <div\n      className={wrapperClass}\n      onDrop={onDrop}\n      onDragOver={onDragEnter}\n      onDragLeave={onDragLeave}\n      contentEditable={false}\n    >\n      <Icon\n        icon={Image}\n        className=\"w-12 h-12 mb-4 text-black dark:text-white opacity-20\"\n      />\n      <div className=\"flex flex-col items-center justify-center gap-2\">\n        <div className=\"text-sm font-medium text-center text-neutral-400 dark:text-neutral-500\">\n          {draggedInside ? \"Drop image here\" : \"Drag and drop or\"}\n        </div>\n        <div>\n          <Button\n            type=\"button\"\n            disabled={draggedInside}\n            onClick={handleUploadClick}\n            variant=\"primary\"\n            buttonSize=\"small\"\n          >\n            <Icon icon={Upload} />\n            Upload an image\n          </Button>\n        </div>\n      </div>\n      <input\n        className=\"w-0 h-0 overflow-hidden opacity-0\"\n        ref={ref}\n        type=\"file\"\n        accept=\".jpg,.jpeg,.png,.webp,.gif\"\n        onChange={onFileChange}\n      />\n    </div>\n  );\n};\n\nexport default ImageUploader;\n"],"names":["Image","Upload","useCallback","Button","Icon","Spinner","cn","useDropZone","useFileUpload","useUploader","ImageUploader","onUpload","loading","uploadFile","handleUploadClick","ref","draggedInside","onDrop","onDragEnter","onDragLeave","uploader","onFileChange","e","target","files","div","className","size","wrapperClass","onDragOver","contentEditable","icon","type","disabled","onClick","variant","buttonSize","input","accept","onChange"],"mappings":";AAAA,SAASA,KAAK,EAAEC,MAAM,QAAQ,eAAe;AAC7C,SAAsBC,WAAW,QAAQ,QAAQ;AACjD,SAASC,MAAM,QAAQ,wCAAwC;AAC/D,SAASC,IAAI,QAAQ,+BAA+B;AACpD,SAASC,OAAO,QAAQ,0CAA0C;AAClE,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,WAAW,EAAEC,aAAa,EAAEC,WAAW,QAAQ,aAAa;AACrE,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,QAAQ,EAGT;IACC,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGJ,YAAY;QAAEE;IAAS;IACvD,MAAM,EAAEG,iBAAiB,EAAEC,GAAG,EAAE,GAAGP;IACnC,MAAM,EAAEQ,aAAa,EAAEC,MAAM,EAAEC,WAAW,EAAEC,WAAW,EAAE,GAAGZ,YAAY;QACtEa,UAAUP;IACZ;IAEA,MAAMQ,eAAenB,YACnB,CAACoB,IACCA,EAAEC,MAAM,CAACC,KAAK,GAAGX,eAAe,MAClC;QAACA;KAAW;IAGd,IAAID,SAAS;QACX,qBACE,KAACa;YAAIC,WAAU;sBACb,cAAA,KAACrB;gBAAQqB,WAAU;gBAAmBC,MAAM;;;IAGlD;IAEA,MAAMC,eAAetB,GACnB,iFACAU,iBAAiB;IAGnB,qBACE,MAACS;QACCC,WAAWE;QACXX,QAAQA;QACRY,YAAYX;QACZC,aAAaA;QACbW,iBAAiB;;0BAEjB,KAAC1B;gBACC2B,MAAM/B;gBACN0B,WAAU;;0BAEZ,MAACD;gBAAIC,WAAU;;kCACb,KAACD;wBAAIC,WAAU;kCACZV,gBAAgB,oBAAoB;;kCAEvC,KAACS;kCACC,cAAA,MAACtB;4BACC6B,MAAK;4BACLC,UAAUjB;4BACVkB,SAASpB;4BACTqB,SAAQ;4BACRC,YAAW;;8CAEX,KAAChC;oCAAK2B,MAAM9B;;gCAAU;;;;;;0BAK5B,KAACoC;gBACCX,WAAU;gBACVX,KAAKA;gBACLiB,MAAK;gBACLM,QAAO;gBACPC,UAAUlB;;;;AAIlB,EAAE;AAEF,eAAeX,cAAc"}

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/hooks.ts"],"sourcesContent":["import { DragEvent, useCallback, useEffect, useRef, useState } from \"react\";\nimport API from \"../../../lib/api.js\";\n\nexport const useUploader = ({\n  onUpload,\n}: {\n  onUpload: (url: string) => void;\n}) => {\n  const [loading, setLoading] = useState(false);\n\n  const uploadFile = useCallback(async () => {\n    setLoading(true);\n    try {\n      const url = await API.uploadImage();\n\n      onUpload(url);\n    } catch (errPayload: any) {\n      const error = errPayload?.response?.data?.error || \"Something went wrong\";\n      // toast(error)\n      console.log(\"ERROR\", error);\n    }\n    setLoading(false);\n  }, [onUpload]);\n\n  return { loading, uploadFile };\n};\n\nexport const useFileUpload = () => {\n  const fileInput = useRef<HTMLInputElement>(null);\n\n  const handleUploadClick = useCallback(() => {\n    fileInput.current?.click();\n  }, []);\n\n  return { ref: fileInput, handleUploadClick };\n};\n\nexport const useDropZone = ({\n  uploader,\n}: {\n  uploader: (file: File) => void;\n}) => {\n  const [isDragging, setIsDragging] = useState<boolean>(false);\n  const [draggedInside, setDraggedInside] = useState<boolean>(false);\n\n  useEffect(() => {\n    const dragStartHandler = () => {\n      setIsDragging(true);\n    };\n\n    const dragEndHandler = () => {\n      setIsDragging(false);\n    };\n\n    document.body.addEventListener(\"dragstart\", dragStartHandler);\n    document.body.addEventListener(\"dragend\", dragEndHandler);\n\n    return () => {\n      document.body.removeEventListener(\"dragstart\", dragStartHandler);\n      document.body.removeEventListener(\"dragend\", dragEndHandler);\n    };\n  }, []);\n\n  const onDrop = useCallback(\n    (e: DragEvent<HTMLDivElement>) => {\n      setDraggedInside(false);\n      if (e.dataTransfer.files.length === 0) {\n        return;\n      }\n\n      const fileList = e.dataTransfer.files;\n\n      const files: File[] = [];\n\n      for (let i = 0; i < fileList.length; i += 1) {\n        const item = fileList.item(i);\n        if (item) {\n          files.push(item);\n        }\n      }\n\n      if (files.some((file) => file.type.indexOf(\"image\") === -1)) {\n        return;\n      }\n\n      e.preventDefault();\n\n      const filteredFiles = files.filter((f) => f.type.indexOf(\"image\") !== -1);\n\n      const file = filteredFiles.length > 0 ? filteredFiles[0] : undefined;\n\n      if (file) {\n        uploader(file);\n      }\n    },\n    [uploader]\n  );\n\n  const onDragEnter = () => {\n    setDraggedInside(true);\n  };\n\n  const onDragLeave = () => {\n    setDraggedInside(false);\n  };\n\n  return { isDragging, draggedInside, onDragEnter, onDragLeave, onDrop };\n};\n"],"names":["useCallback","useEffect","useRef","useState","API","useUploader","onUpload","loading","setLoading","uploadFile","url","uploadImage","errPayload","error","response","data","console","log","useFileUpload","fileInput","handleUploadClick","current","click","ref","useDropZone","uploader","isDragging","setIsDragging","draggedInside","setDraggedInside","dragStartHandler","dragEndHandler","document","body","addEventListener","removeEventListener","onDrop","e","dataTransfer","files","length","fileList","i","item","push","some","file","type","indexOf","preventDefault","filteredFiles","filter","f","undefined","onDragEnter","onDragLeave"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAAoBA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAC5E,OAAOC,SAAS,sBAAsB;AAEtC,OAAO,MAAMC,cAAc,CAAC,EAC1BC,QAAQ,EAGT;IACC,MAAM,CAACC,SAASC,WAAW,GAAGL,SAAS;IAEvC,MAAMM,aAAaT,YAAY;QAC7BQ,WAAW;QACX,IAAI;YACF,MAAME,MAAM,MAAMN,IAAIO,WAAW;YAEjCL,SAASI;QACX,EAAE,OAAOE,YAAiB;YACxB,MAAMC,QAAQD,YAAYE,UAAUC,MAAMF,SAAS;YACnD,eAAe;YACfG,QAAQC,GAAG,CAAC,SAASJ;QACvB;QACAL,WAAW;IACb,GAAG;QAACF;KAAS;IAEb,OAAO;QAAEC;QAASE;IAAW;AAC/B,EAAE;AAEF,OAAO,MAAMS,gBAAgB;IAC3B,MAAMC,YAAYjB,OAAyB;IAE3C,MAAMkB,oBAAoBpB,YAAY;QACpCmB,UAAUE,OAAO,EAAEC;IACrB,GAAG,EAAE;IAEL,OAAO;QAAEC,KAAKJ;QAAWC;IAAkB;AAC7C,EAAE;AAEF,OAAO,MAAMI,cAAc,CAAC,EAC1BC,QAAQ,EAGT;IACC,MAAM,CAACC,YAAYC,cAAc,GAAGxB,SAAkB;IACtD,MAAM,CAACyB,eAAeC,iBAAiB,GAAG1B,SAAkB;IAE5DF,UAAU;QACR,MAAM6B,mBAAmB;YACvBH,cAAc;QAChB;QAEA,MAAMI,iBAAiB;YACrBJ,cAAc;QAChB;QAEAK,SAASC,IAAI,CAACC,gBAAgB,CAAC,aAAaJ;QAC5CE,SAASC,IAAI,CAACC,gBAAgB,CAAC,WAAWH;QAE1C,OAAO;YACLC,SAASC,IAAI,CAACE,mBAAmB,CAAC,aAAaL;YAC/CE,SAASC,IAAI,CAACE,mBAAmB,CAAC,WAAWJ;QAC/C;IACF,GAAG,EAAE;IAEL,MAAMK,SAASpC,YACb,CAACqC;QACCR,iBAAiB;QACjB,IAAIQ,EAAEC,YAAY,CAACC,KAAK,CAACC,MAAM,KAAK,GAAG;YACrC;QACF;QAEA,MAAMC,WAAWJ,EAAEC,YAAY,CAACC,KAAK;QAErC,MAAMA,QAAgB,EAAE;QAExB,IAAK,IAAIG,IAAI,GAAGA,IAAID,SAASD,MAAM,EAAEE,KAAK,EAAG;YAC3C,MAAMC,OAAOF,SAASE,IAAI,CAACD;YAC3B,IAAIC,MAAM;gBACRJ,MAAMK,IAAI,CAACD;YACb;QACF;QAEA,IAAIJ,MAAMM,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI,CAACC,OAAO,CAAC,aAAa,CAAC,IAAI;YAC3D;QACF;QAEAX,EAAEY,cAAc;QAEhB,MAAMC,gBAAgBX,MAAMY,MAAM,CAAC,CAACC,IAAMA,EAAEL,IAAI,CAACC,OAAO,CAAC,aAAa,CAAC;QAEvE,MAAMF,OAAOI,cAAcV,MAAM,GAAG,IAAIU,aAAa,CAAC,EAAE,GAAGG;QAE3D,IAAIP,MAAM;YACRrB,SAASqB;QACX;IACF,GACA;QAACrB;KAAS;IAGZ,MAAM6B,cAAc;QAClBzB,iBAAiB;IACnB;IAEA,MAAM0B,cAAc;QAClB1B,iBAAiB;IACnB;IAEA,OAAO;QAAEH;QAAYE;QAAe0B;QAAaC;QAAanB;IAAO;AACvE,EAAE"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/hooks.ts"],"sourcesContent":["import { DragEvent, useCallback, useEffect, useRef, useState } from \"react\";\nimport API from \"../../../lib/api.js\";\n\nexport const useUploader = ({\n  onUpload,\n}: {\n  onUpload: (url: string) => void;\n}) => {\n  const [loading, setLoading] = useState(false);\n\n  const uploadFile = useCallback(async () => {\n    setLoading(true);\n    try {\n      const url = await API.uploadImage();\n\n      onUpload(url);\n    } catch (errPayload: any) {\n      const error = errPayload?.response?.data?.error || \"Something went wrong\";\n      // toast(error)\n      console.log(\"ERROR\", error);\n    }\n    setLoading(false);\n  }, [onUpload]);\n\n  return { loading, uploadFile };\n};\n\nexport const useFileUpload = () => {\n  const fileInput = useRef<HTMLInputElement>(null);\n\n  const handleUploadClick = useCallback(() => {\n    fileInput.current?.click();\n  }, []);\n\n  return { ref: fileInput, handleUploadClick };\n};\n\nexport const useDropZone = ({\n  uploader,\n}: {\n  uploader: (file: File) => void;\n}) => {\n  const [isDragging, setIsDragging] = useState<boolean>(false);\n  const [draggedInside, setDraggedInside] = useState<boolean>(false);\n\n  useEffect(() => {\n    const dragStartHandler = () => {\n      setIsDragging(true);\n    };\n\n    const dragEndHandler = () => {\n      setIsDragging(false);\n    };\n\n    document.body.addEventListener(\"dragstart\", dragStartHandler);\n    document.body.addEventListener(\"dragend\", dragEndHandler);\n\n    return () => {\n      document.body.removeEventListener(\"dragstart\", dragStartHandler);\n      document.body.removeEventListener(\"dragend\", dragEndHandler);\n    };\n  }, []);\n\n  const onDrop = useCallback(\n    (e: DragEvent<HTMLDivElement>) => {\n      setDraggedInside(false);\n      if (e.dataTransfer.files.length === 0) {\n        return;\n      }\n\n      const fileList = e.dataTransfer.files;\n\n      const files: File[] = [];\n\n      for (let i = 0; i < fileList.length; i += 1) {\n        const item = fileList.item(i);\n        if (item) {\n          files.push(item);\n        }\n      }\n\n      if (files.some((file) => file.type.indexOf(\"image\") === -1)) {\n        return;\n      }\n\n      e.preventDefault();\n\n      const filteredFiles = files.filter((f) => f.type.indexOf(\"image\") !== -1);\n\n      const file = filteredFiles.length > 0 ? filteredFiles[0] : undefined;\n\n      if (file) {\n        uploader(file);\n      }\n    },\n    [uploader]\n  );\n\n  const onDragEnter = () => {\n    setDraggedInside(true);\n  };\n\n  const onDragLeave = () => {\n    setDraggedInside(false);\n  };\n\n  return { isDragging, draggedInside, onDragEnter, onDragLeave, onDrop };\n};\n"],"names":["useCallback","useEffect","useRef","useState","API","useUploader","onUpload","loading","setLoading","uploadFile","url","uploadImage","errPayload","error","response","data","console","log","useFileUpload","fileInput","handleUploadClick","current","click","ref","useDropZone","uploader","isDragging","setIsDragging","draggedInside","setDraggedInside","dragStartHandler","dragEndHandler","document","body","addEventListener","removeEventListener","onDrop","e","dataTransfer","files","length","fileList","i","item","push","some","file","type","indexOf","preventDefault","filteredFiles","filter","f","undefined","onDragEnter","onDragLeave"],"mappings":"AAAA,SAAoBA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAC5E,OAAOC,SAAS,sBAAsB;AAEtC,OAAO,MAAMC,cAAc,CAAC,EAC1BC,QAAQ,EAGT;IACC,MAAM,CAACC,SAASC,WAAW,GAAGL,SAAS;IAEvC,MAAMM,aAAaT,YAAY;QAC7BQ,WAAW;QACX,IAAI;YACF,MAAME,MAAM,MAAMN,IAAIO,WAAW;YAEjCL,SAASI;QACX,EAAE,OAAOE,YAAiB;YACxB,MAAMC,QAAQD,YAAYE,UAAUC,MAAMF,SAAS;YACnD,eAAe;YACfG,QAAQC,GAAG,CAAC,SAASJ;QACvB;QACAL,WAAW;IACb,GAAG;QAACF;KAAS;IAEb,OAAO;QAAEC;QAASE;IAAW;AAC/B,EAAE;AAEF,OAAO,MAAMS,gBAAgB;IAC3B,MAAMC,YAAYjB,OAAyB;IAE3C,MAAMkB,oBAAoBpB,YAAY;QACpCmB,UAAUE,OAAO,EAAEC;IACrB,GAAG,EAAE;IAEL,OAAO;QAAEC,KAAKJ;QAAWC;IAAkB;AAC7C,EAAE;AAEF,OAAO,MAAMI,cAAc,CAAC,EAC1BC,QAAQ,EAGT;IACC,MAAM,CAACC,YAAYC,cAAc,GAAGxB,SAAkB;IACtD,MAAM,CAACyB,eAAeC,iBAAiB,GAAG1B,SAAkB;IAE5DF,UAAU;QACR,MAAM6B,mBAAmB;YACvBH,cAAc;QAChB;QAEA,MAAMI,iBAAiB;YACrBJ,cAAc;QAChB;QAEAK,SAASC,IAAI,CAACC,gBAAgB,CAAC,aAAaJ;QAC5CE,SAASC,IAAI,CAACC,gBAAgB,CAAC,WAAWH;QAE1C,OAAO;YACLC,SAASC,IAAI,CAACE,mBAAmB,CAAC,aAAaL;YAC/CE,SAASC,IAAI,CAACE,mBAAmB,CAAC,WAAWJ;QAC/C;IACF,GAAG,EAAE;IAEL,MAAMK,SAASpC,YACb,CAACqC;QACCR,iBAAiB;QACjB,IAAIQ,EAAEC,YAAY,CAACC,KAAK,CAACC,MAAM,KAAK,GAAG;YACrC;QACF;QAEA,MAAMC,WAAWJ,EAAEC,YAAY,CAACC,KAAK;QAErC,MAAMA,QAAgB,EAAE;QAExB,IAAK,IAAIG,IAAI,GAAGA,IAAID,SAASD,MAAM,EAAEE,KAAK,EAAG;YAC3C,MAAMC,OAAOF,SAASE,IAAI,CAACD;YAC3B,IAAIC,MAAM;gBACRJ,MAAMK,IAAI,CAACD;YACb;QACF;QAEA,IAAIJ,MAAMM,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI,CAACC,OAAO,CAAC,aAAa,CAAC,IAAI;YAC3D;QACF;QAEAX,EAAEY,cAAc;QAEhB,MAAMC,gBAAgBX,MAAMY,MAAM,CAAC,CAACC,IAAMA,EAAEL,IAAI,CAACC,OAAO,CAAC,aAAa,CAAC;QAEvE,MAAMF,OAAOI,cAAcV,MAAM,GAAG,IAAIU,aAAa,CAAC,EAAE,GAAGG;QAE3D,IAAIP,MAAM;YACRrB,SAASqB;QACX;IACF,GACA;QAACrB;KAAS;IAGZ,MAAM6B,cAAc;QAClBzB,iBAAiB;IACnB;IAEA,MAAM0B,cAAc;QAClB1B,iBAAiB;IACnB;IAEA,OAAO;QAAEH;QAAYE;QAAe0B;QAAaC;QAAanB;IAAO;AACvE,EAAE"}

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/index.tsx"],"sourcesContent":["export * from \"./ImageUpload.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,mBAAmB"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/index.tsx"],"sourcesContent":["export * from \"./ImageUpload.js\";\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB"}

package/dist/src/fields/TiptapEditor/extensions/InsideLinks/InsideLink.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/InsideLink.client.tsx"],"sourcesContent":["\"use client\";\n\n// import { CustomRelationShipComponent } from '@/components/CustomRelationshipComponent'\n// import { PayloadAsyncSelect } from '@/components/PayloadAsyncSelect'\nimport { Button } from \"@payloadcms/ui/elements/Button\";\nimport { useCallback, useState } from \"react\";\n\nconst limit = 10;\nexport const ContentRelationship = ({\n  setRelationship,\n  cancelSelection,\n}: {\n  type?: string;\n  relationId?: string;\n  cancelSelection: () => void;\n  setRelationship: ({\n    id,\n    type,\n    thumbnail,\n    title,\n    url,\n  }: {\n    id: string;\n    type: string;\n    thumbnail: string;\n    title: string;\n    url: string;\n  }) => void;\n}) => {\n  const [optionType, setOptionType] = useState(\"articles\");\n  const [relationOption, setRelationOption] = useState<any>(null);\n  const opts = [\n    {\n      label: \"Article\",\n      value: \"articles\",\n    },\n    {\n      label: \"Video\",\n      value: \"video\",\n    },\n    {\n      label: \"Audio\",\n      value: \"audios\",\n    },\n    // {\n    //   label: 'Media',\n    //   value: 'media',\n    // },\n  ];\n\n  const fetchContentTypes = useCallback(\n    async (search: any, loadedOptions: any, { page }: any) => {\n      try {\n        // Perform your API call with the endpoint and inputValue\n\n        return {\n          options: opts,\n          hasMore: opts?.length === limit,\n          additional: {\n            page: page + 1,\n          },\n        };\n      } catch (error) {\n        // console.error('Error fetching data:', error)\n      }\n    },\n    []\n  );\n  return (\n    <div className=\"w-full min-w-[300px] \">\n      {/* <PayloadAsyncSelect\n        fetchData={fetchContentTypes as any}\n        handleChange={(val: string) => {\n          setOptionType(val);\n        }}\n        defaultValue={opts?.find((option) => {\n          return option.value === optionType;\n        })}\n        cacheOptions={null}\n      /> */}\n\n      {/* <CustomRelationShipComponent\n        label={`${\n          opts?.find((option) => {\n            return option.value === optionType\n          })?.label\n        } Content`}\n        collection={optionType}\n        key={optionType}\n        value={relationOption?.id ?? null}\n        handleChange={(val: any) => {\n          setRelationOption(val)\n        }}\n        handleInitialLoad={(val: any) => {\n          setRelationOption(val)\n        }}\n      /> */}\n\n      <div>\n        <Button\n          onClick={() => {\n            let url = \"\";\n            const topic = relationOption?.topics?.[0]?.slug ?? \"\";\n            switch (optionType) {\n              case \"articles\":\n                url = `/${topic}/${relationOption?.slug}`;\n                break;\n              case \"video\":\n                url = `/video/${relationOption?.slug}`;\n\n                break;\n              case \"audios\":\n                url = `/audio/${relationOption?.slug}`;\n                break;\n            }\n            setRelationship({\n              id: relationOption?.id,\n              type: optionType,\n              thumbnail: relationOption?.thumbnail?.url,\n              title: relationOption?.title,\n              url: url,\n            });\n          }}\n        >\n          Save\n        </Button>\n\n        {/* <Button\n          onClick={() => {\n            cancelSelection()\n          }}\n        >\n          Cancel\n        </Button> */}\n      </div>\n    </div>\n  );\n};\n"],"names":["Button","useCallback","useState","limit","ContentRelationship","setRelationship","cancelSelection","optionType","setOptionType","relationOption","setRelationOption","opts","label","value","fetchContentTypes","search","loadedOptions","page","options","hasMore","length","additional","error","div","className","onClick","url","topic","topics","slug","id","type","thumbnail","title"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,yFAAyF;AACzF,uEAAuE;AACvE,SAASA,MAAM,QAAQ,iCAAiC;AACxD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAE9C,MAAMC,QAAQ;AACd,OAAO,MAAMC,sBAAsB,CAAC,EAClCC,eAAe,EACfC,eAAe,EAkBhB;IACC,MAAM,CAACC,YAAYC,cAAc,GAAGN,SAAS;IAC7C,MAAM,CAACO,gBAAgBC,kBAAkB,GAAGR,SAAc;IAC1D,MAAMS,OAAO;QACX;YACEC,OAAO;YACPC,OAAO;QACT;QACA;YACED,OAAO;YACPC,OAAO;QACT;QACA;YACED,OAAO;YACPC,OAAO;QACT;KAKD;IAED,MAAMC,oBAAoBb,YACxB,OAAOc,QAAaC,eAAoB,EAAEC,IAAI,EAAO;QACnD,IAAI;YACF,yDAAyD;YAEzD,OAAO;gBACLC,SAASP;gBACTQ,SAASR,MAAMS,WAAWjB;gBAC1BkB,YAAY;oBACVJ,MAAMA,OAAO;gBACf;YACF;QACF,EAAE,OAAOK,OAAO;QACd,+CAA+C;QACjD;IACF,GACA,EAAE;IAEJ,qBACE,KAACC;QAAIC,WAAU;kBA6Bb,cAAA,KAACD;sBACC,cAAA,KAACvB;gBACCyB,SAAS;oBACP,IAAIC,MAAM;oBACV,MAAMC,QAAQlB,gBAAgBmB,QAAQ,CAAC,EAAE,EAAEC,QAAQ;oBACnD,OAAQtB;wBACN,KAAK;4BACHmB,MAAM,CAAC,CAAC,EAAEC,MAAM,CAAC,EAAElB,gBAAgBoB,KAAK,CAAC;4BACzC;wBACF,KAAK;4BACHH,MAAM,CAAC,OAAO,EAAEjB,gBAAgBoB,KAAK,CAAC;4BAEtC;wBACF,KAAK;4BACHH,MAAM,CAAC,OAAO,EAAEjB,gBAAgBoB,KAAK,CAAC;4BACtC;oBACJ;oBACAxB,gBAAgB;wBACdyB,IAAIrB,gBAAgBqB;wBACpBC,MAAMxB;wBACNyB,WAAWvB,gBAAgBuB,WAAWN;wBACtCO,OAAOxB,gBAAgBwB;wBACvBP,KAAKA;oBACP;gBACF;0BACD;;;;AAcT,EAAE"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/InsideLink.client.tsx"],"sourcesContent":["\"use client\";\n\n// import { CustomRelationShipComponent } from '@/components/CustomRelationshipComponent'\n// import { PayloadAsyncSelect } from '@/components/PayloadAsyncSelect'\nimport { Button } from \"@payloadcms/ui/elements/Button\";\nimport { useCallback, useState } from \"react\";\n\nconst limit = 10;\nexport const ContentRelationship = ({\n  setRelationship,\n  cancelSelection,\n}: {\n  type?: string;\n  relationId?: string;\n  cancelSelection: () => void;\n  setRelationship: ({\n    id,\n    type,\n    thumbnail,\n    title,\n    url,\n  }: {\n    id: string;\n    type: string;\n    thumbnail: string;\n    title: string;\n    url: string;\n  }) => void;\n}) => {\n  const [optionType, setOptionType] = useState(\"articles\");\n  const [relationOption, setRelationOption] = useState<any>(null);\n  const opts = [\n    {\n      label: \"Article\",\n      value: \"articles\",\n    },\n    {\n      label: \"Video\",\n      value: \"video\",\n    },\n    {\n      label: \"Audio\",\n      value: \"audios\",\n    },\n    // {\n    //   label: 'Media',\n    //   value: 'media',\n    // },\n  ];\n\n  const fetchContentTypes = useCallback(\n    async (search: any, loadedOptions: any, { page }: any) => {\n      try {\n        // Perform your API call with the endpoint and inputValue\n\n        return {\n          options: opts,\n          hasMore: opts?.length === limit,\n          additional: {\n            page: page + 1,\n          },\n        };\n      } catch (error) {\n        // console.error('Error fetching data:', error)\n      }\n    },\n    []\n  );\n  return (\n    <div className=\"w-full min-w-[300px] \">\n      {/* <PayloadAsyncSelect\n        fetchData={fetchContentTypes as any}\n        handleChange={(val: string) => {\n          setOptionType(val);\n        }}\n        defaultValue={opts?.find((option) => {\n          return option.value === optionType;\n        })}\n        cacheOptions={null}\n      /> */}\n\n      {/* <CustomRelationShipComponent\n        label={`${\n          opts?.find((option) => {\n            return option.value === optionType\n          })?.label\n        } Content`}\n        collection={optionType}\n        key={optionType}\n        value={relationOption?.id ?? null}\n        handleChange={(val: any) => {\n          setRelationOption(val)\n        }}\n        handleInitialLoad={(val: any) => {\n          setRelationOption(val)\n        }}\n      /> */}\n\n      <div>\n        <Button\n          onClick={() => {\n            let url = \"\";\n            const topic = relationOption?.topics?.[0]?.slug ?? \"\";\n            switch (optionType) {\n              case \"articles\":\n                url = `/${topic}/${relationOption?.slug}`;\n                break;\n              case \"video\":\n                url = `/video/${relationOption?.slug}`;\n\n                break;\n              case \"audios\":\n                url = `/audio/${relationOption?.slug}`;\n                break;\n            }\n            setRelationship({\n              id: relationOption?.id,\n              type: optionType,\n              thumbnail: relationOption?.thumbnail?.url,\n              title: relationOption?.title,\n              url: url,\n            });\n          }}\n        >\n          Save\n        </Button>\n\n        {/* <Button\n          onClick={() => {\n            cancelSelection()\n          }}\n        >\n          Cancel\n        </Button> */}\n      </div>\n    </div>\n  );\n};\n"],"names":["Button","useCallback","useState","limit","ContentRelationship","setRelationship","cancelSelection","optionType","setOptionType","relationOption","setRelationOption","opts","label","value","fetchContentTypes","search","loadedOptions","page","options","hasMore","length","additional","error","div","className","onClick","url","topic","topics","slug","id","type","thumbnail","title"],"mappings":"AAAA;;AAEA,yFAAyF;AACzF,uEAAuE;AACvE,SAASA,MAAM,QAAQ,iCAAiC;AACxD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAE9C,MAAMC,QAAQ;AACd,OAAO,MAAMC,sBAAsB,CAAC,EAClCC,eAAe,EACfC,eAAe,EAkBhB;IACC,MAAM,CAACC,YAAYC,cAAc,GAAGN,SAAS;IAC7C,MAAM,CAACO,gBAAgBC,kBAAkB,GAAGR,SAAc;IAC1D,MAAMS,OAAO;QACX;YACEC,OAAO;YACPC,OAAO;QACT;QACA;YACED,OAAO;YACPC,OAAO;QACT;QACA;YACED,OAAO;YACPC,OAAO;QACT;KAKD;IAED,MAAMC,oBAAoBb,YACxB,OAAOc,QAAaC,eAAoB,EAAEC,IAAI,EAAO;QACnD,IAAI;YACF,yDAAyD;YAEzD,OAAO;gBACLC,SAASP;gBACTQ,SAASR,MAAMS,WAAWjB;gBAC1BkB,YAAY;oBACVJ,MAAMA,OAAO;gBACf;YACF;QACF,EAAE,OAAOK,OAAO;QACd,+CAA+C;QACjD;IACF,GACA,EAAE;IAEJ,qBACE,KAACC;QAAIC,WAAU;kBA6Bb,cAAA,KAACD;sBACC,cAAA,KAACvB;gBACCyB,SAAS;oBACP,IAAIC,MAAM;oBACV,MAAMC,QAAQlB,gBAAgBmB,QAAQ,CAAC,EAAE,EAAEC,QAAQ;oBACnD,OAAQtB;wBACN,KAAK;4BACHmB,MAAM,CAAC,CAAC,EAAEC,MAAM,CAAC,EAAElB,gBAAgBoB,KAAK,CAAC;4BACzC;wBACF,KAAK;4BACHH,MAAM,CAAC,OAAO,EAAEjB,gBAAgBoB,KAAK,CAAC;4BAEtC;wBACF,KAAK;4BACHH,MAAM,CAAC,OAAO,EAAEjB,gBAAgBoB,KAAK,CAAC;4BACtC;oBACJ;oBACAxB,gBAAgB;wBACdyB,IAAIrB,gBAAgBqB;wBACpBC,MAAMxB;wBACNyB,WAAWvB,gBAAgBuB,WAAWN;wBACtCO,OAAOxB,gBAAgBwB;wBACvBP,KAAKA;oBACP;gBACF;0BACD;;;;AAcT,EAAE"}

package/dist/src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.tsx"],"sourcesContent":["import { ExternalLinkIcon } from \"@payloadcms/ui/graphics/ExternalLink\";\nimport { NodeViewContent, NodeViewWrapper } from \"@tiptap/react\";\nimport { isRTL } from \"../../lib/utils/isRtl.js\";\n\nexport default (props: any) => {\n  return (\n    <NodeViewWrapper\n      className=\"react-component\"\n      onClick={() => {\n        props.editor.commands.setNodeSelection(props.getPos());\n      }}\n    >\n      <NodeViewContent contentEditable=\"false\" className=\"socialMediaContainer\">\n        {props?.node.type.spec.draggable ? (\n          <div draggable=\"true\" data-drag-handle=\"\" style={{ width: \"100%\" }}>\n            {!props?.node?.attrs?.id ?? \"\" ? (\n              <div\n                className=\"w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard\"\n                draggable=\"true\"\n                data-drag-handle=\"\"\n                contentEditable=\"false\"\n              >\n                <ExternalLinkIcon className=\"h-6 w-6\" />\n\n                <p\n                  className=\"w-full flex items-center justify-start mt-0\"\n                  style={{\n                    marginTop: 0,\n                  }}\n                >\n                  Add Internal Content Links\n                  {/* {text} */}\n                </p>\n              </div>\n            ) : (\n              <div className=\"flex justify-center items-center w-full  gap-x-6\">\n                <div className=\"flex justify-center items-center\">\n                  <div className=\"w-[32px] h-[64px] bg-blue-400\"></div>\n                  <img\n                    src={props?.node?.attrs?.thumbnail ?? \"\"}\n                    width={212}\n                    height={120}\n                    alt={\"\"}\n                    className=\"-ml-6 !w-[212px] !h-[120px] object-cover\"\n                  />\n                </div>\n                <div className=\"flex flex-col justidy-start items-start font-trt gap-y-2 \">\n                  <a\n                    className=\"text-black dark:text-white text-lg capitalize w-full\"\n                    // href={`https://test-payload.trtglobal.tech/en${props?.node?.attrs?.url}` ?? ''}\n\n                    dir={isRTL(\"بیشتر بخوانید\" ?? \"\") ? \"rtl\" : \"ltr\"}\n                  >\n                    بیشتر بخوانید\n                  </a>\n                  <h3\n                    className=\"text-2xl font-bold !mt-0 w-full\"\n                    dir={isRTL(props?.node?.attrs?.title ?? \"\") ? \"rtl\" : \"ltr\"}\n                  >\n                    {props?.node?.attrs?.title}\n                  </h3>\n                </div>\n              </div>\n            )}\n          </div>\n        ) : null}\n      </NodeViewContent>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["ExternalLinkIcon","NodeViewContent","NodeViewWrapper","isRTL","props","className","onClick","editor","commands","setNodeSelection","getPos","contentEditable","node","type","spec","draggable","div","data-drag-handle","style","width","attrs","id","p","marginTop","img","src","thumbnail","height","alt","a","dir","h3","title"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,gBAAgB,QAAQ,uCAAuC;AACxE,SAASC,eAAe,EAAEC,eAAe,QAAQ,gBAAgB;AACjE,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,eAAe,CAAA,CAACC;IACd,qBACE,KAACF;QACCG,WAAU;QACVC,SAAS;YACPF,MAAMG,MAAM,CAACC,QAAQ,CAACC,gBAAgB,CAACL,MAAMM,MAAM;QACrD;kBAEA,cAAA,KAACT;YAAgBU,iBAAgB;YAAQN,WAAU;sBAChDD,OAAOQ,KAAKC,KAAKC,KAAKC,0BACrB,KAACC;gBAAID,WAAU;gBAAOE,oBAAiB;gBAAGC,OAAO;oBAAEC,OAAO;gBAAO;0BAC9D,CAACf,OAAOQ,MAAMQ,OAAOC,MAAM,mBAC1B,MAACL;oBACCX,WAAU;oBACVU,WAAU;oBACVE,oBAAiB;oBACjBN,iBAAgB;;sCAEhB,KAACX;4BAAiBK,WAAU;;sCAE5B,KAACiB;4BACCjB,WAAU;4BACVa,OAAO;gCACLK,WAAW;4BACb;sCACD;;;mCAMH,MAACP;oBAAIX,WAAU;;sCACb,MAACW;4BAAIX,WAAU;;8CACb,KAACW;oCAAIX,WAAU;;8CACf,KAACmB;oCACCC,KAAKrB,OAAOQ,MAAMQ,OAAOM,aAAa;oCACtCP,OAAO;oCACPQ,QAAQ;oCACRC,KAAK;oCACLvB,WAAU;;;;sCAGd,MAACW;4BAAIX,WAAU;;8CACb,KAACwB;oCACCxB,WAAU;oCACV,kFAAkF;oCAElFyB,KAAK3B,MAAM,mBAAmB,MAAM,QAAQ;8CAC7C;;8CAGD,KAAC4B;oCACC1B,WAAU;oCACVyB,KAAK3B,MAAMC,OAAOQ,MAAMQ,OAAOY,SAAS,MAAM,QAAQ;8CAErD5B,OAAOQ,MAAMQ,OAAOY;;;;;;iBAM7B;;;AAIZ,CAAA,EAAE"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.tsx"],"sourcesContent":["import { ExternalLinkIcon } from \"@payloadcms/ui/graphics/ExternalLink\";\nimport { NodeViewContent, NodeViewWrapper } from \"@tiptap/react\";\nimport { isRTL } from \"../../lib/utils/isRtl.js\";\n\nexport default (props: any) => {\n  return (\n    <NodeViewWrapper\n      className=\"react-component\"\n      onClick={() => {\n        props.editor.commands.setNodeSelection(props.getPos());\n      }}\n    >\n      <NodeViewContent contentEditable=\"false\" className=\"socialMediaContainer\">\n        {props?.node.type.spec.draggable ? (\n          <div draggable=\"true\" data-drag-handle=\"\" style={{ width: \"100%\" }}>\n            {!props?.node?.attrs?.id ?? \"\" ? (\n              <div\n                className=\"w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard\"\n                draggable=\"true\"\n                data-drag-handle=\"\"\n                contentEditable=\"false\"\n              >\n                <ExternalLinkIcon className=\"h-6 w-6\" />\n\n                <p\n                  className=\"w-full flex items-center justify-start mt-0\"\n                  style={{\n                    marginTop: 0,\n                  }}\n                >\n                  Add Internal Content Links\n                  {/* {text} */}\n                </p>\n              </div>\n            ) : (\n              <div className=\"flex justify-center items-center w-full  gap-x-6\">\n                <div className=\"flex justify-center items-center\">\n                  <div className=\"w-[32px] h-[64px] bg-blue-400\"></div>\n                  <img\n                    src={props?.node?.attrs?.thumbnail ?? \"\"}\n                    width={212}\n                    height={120}\n                    alt={\"\"}\n                    className=\"-ml-6 !w-[212px] !h-[120px] object-cover\"\n                  />\n                </div>\n                <div className=\"flex flex-col justidy-start items-start font-trt gap-y-2 \">\n                  <a\n                    className=\"text-black dark:text-white text-lg capitalize w-full\"\n                    // href={`https://test-payload.trtglobal.tech/en${props?.node?.attrs?.url}` ?? ''}\n\n                    dir={isRTL(\"بیشتر بخوانید\" ?? \"\") ? \"rtl\" : \"ltr\"}\n                  >\n                    بیشتر بخوانید\n                  </a>\n                  <h3\n                    className=\"text-2xl font-bold !mt-0 w-full\"\n                    dir={isRTL(props?.node?.attrs?.title ?? \"\") ? \"rtl\" : \"ltr\"}\n                  >\n                    {props?.node?.attrs?.title}\n                  </h3>\n                </div>\n              </div>\n            )}\n          </div>\n        ) : null}\n      </NodeViewContent>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["ExternalLinkIcon","NodeViewContent","NodeViewWrapper","isRTL","props","className","onClick","editor","commands","setNodeSelection","getPos","contentEditable","node","type","spec","draggable","div","data-drag-handle","style","width","attrs","id","p","marginTop","img","src","thumbnail","height","alt","a","dir","h3","title"],"mappings":";AAAA,SAASA,gBAAgB,QAAQ,uCAAuC;AACxE,SAASC,eAAe,EAAEC,eAAe,QAAQ,gBAAgB;AACjE,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,eAAe,CAAA,CAACC;IACd,qBACE,KAACF;QACCG,WAAU;QACVC,SAAS;YACPF,MAAMG,MAAM,CAACC,QAAQ,CAACC,gBAAgB,CAACL,MAAMM,MAAM;QACrD;kBAEA,cAAA,KAACT;YAAgBU,iBAAgB;YAAQN,WAAU;sBAChDD,OAAOQ,KAAKC,KAAKC,KAAKC,0BACrB,KAACC;gBAAID,WAAU;gBAAOE,oBAAiB;gBAAGC,OAAO;oBAAEC,OAAO;gBAAO;0BAC9D,CAACf,OAAOQ,MAAMQ,OAAOC,MAAM,mBAC1B,MAACL;oBACCX,WAAU;oBACVU,WAAU;oBACVE,oBAAiB;oBACjBN,iBAAgB;;sCAEhB,KAACX;4BAAiBK,WAAU;;sCAE5B,KAACiB;4BACCjB,WAAU;4BACVa,OAAO;gCACLK,WAAW;4BACb;sCACD;;;mCAMH,MAACP;oBAAIX,WAAU;;sCACb,MAACW;4BAAIX,WAAU;;8CACb,KAACW;oCAAIX,WAAU;;8CACf,KAACmB;oCACCC,KAAKrB,OAAOQ,MAAMQ,OAAOM,aAAa;oCACtCP,OAAO;oCACPQ,QAAQ;oCACRC,KAAK;oCACLvB,WAAU;;;;sCAGd,MAACW;4BAAIX,WAAU;;8CACb,KAACwB;oCACCxB,WAAU;oCACV,kFAAkF;oCAElFyB,KAAK3B,MAAM,mBAAmB,MAAM,QAAQ;8CAC7C;;8CAGD,KAAC4B;oCACC1B,WAAU;oCACVyB,KAAK3B,MAAMC,OAAOQ,MAAMQ,OAAOY,SAAS,MAAM,QAAQ;8CAErD5B,OAAOQ,MAAMQ,OAAOY;;;;;;iBAM7B;;;AAIZ,CAAA,EAAE"}

package/dist/src/fields/TiptapEditor/extensions/InsideLinks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/index.ts"],"sourcesContent":["export * from \"./insideLinks.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,mBAAmB"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/index.ts"],"sourcesContent":["export * from \"./insideLinks.js\";\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB"}

package/dist/src/fields/TiptapEditor/extensions/InsideLinks/insideLinks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/insideLinks.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    insideLinks: {\n      /**\n       * Add an image\n       */\n\n      insertInsideLinks: ({\n        thumbnail,\n        title,\n        id,\n        type,\n        url,\n      }: {\n        thumbnail?: string;\n        title?: string;\n        id?: string;\n        type?: string;\n        url?: string;\n      }) => ReturnType;\n    };\n  }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport InsideLinksComponent from \"./InsideLinksComponent.js\";\n\nexport const InsideLinks = Node.create({\n  name: \"insideLinks\",\n\n  group: \"block\",\n  content: \"inline*\",\n  draggable: true,\n\n  // content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"insideLinks\"]',\n      },\n    ];\n  },\n\n  addAttributes() {\n    return {\n      thumbnail: { default: null },\n      title: { default: null },\n      id: { default: null },\n      type: { default: null },\n      url: { default: null },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      \"Mod-Enter\": () => {\n        return this.editor\n          .chain()\n          .insertContentAt(this.editor.state.selection.head, {\n            type: this.type.name,\n          })\n          .focus()\n          .run();\n      },\n    };\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"div\",\n      mergeAttributes(HTMLAttributes, { \"data-type\": \"insideLinks\" }),\n      0,\n    ];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(InsideLinksComponent);\n  },\n\n  addCommands() {\n    return {\n      insertInsideLinks:\n        ({\n          thumbnail,\n          title,\n          id,\n          type,\n          url,\n        }: {\n          thumbnail?: string;\n          title?: string;\n          id?: string;\n          type?: string;\n          url?: string;\n        }) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: \"insideLinks\",\n            attrs: {\n              thumbnail,\n              title,\n              id,\n              type,\n              url,\n            },\n          });\n        },\n    };\n  },\n});\n\nfunction isValidHttpUrl(string: string) {\n  let url;\n\n  try {\n    url = new URL(string);\n  } catch (_) {\n    return false;\n  }\n\n  return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","InsideLinksComponent","InsideLinks","create","name","group","content","draggable","parseHTML","tag","addAttributes","thumbnail","default","title","id","type","url","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertInsideLinks","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAwBA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,0BAA0B,4BAA4B;AAE7D,OAAO,MAAMC,cAAcJ,KAAKK,MAAM,CAAC;IACrCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC;QACE,OAAO;YACLC,WAAW;gBAAEC,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAK;YACvBE,IAAI;gBAAEF,SAAS;YAAK;YACpBG,MAAM;gBAAEH,SAAS;YAAK;YACtBI,KAAK;gBAAEJ,SAAS;YAAK;QACvB;IACF;IAEAK;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDR,MAAM,IAAI,CAACA,IAAI,CAACX,IAAI;gBACtB,GACCoB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACA5B,gBAAgB4B,gBAAgB;gBAAE,aAAa;YAAc;YAC7D;SACD;IACH;IAEAC;QACE,OAAO5B,sBAAsBC;IAC/B;IAEA4B;QACE,OAAO;YACLC,mBACE,CAAC,EACCnB,SAAS,EACTE,KAAK,EACLC,EAAE,EACFC,IAAI,EACJC,GAAG,EAOJ,GACD,CAAC,EAAEe,QAAQ,EAAEV,KAAK,EAAE;oBAClB,OAAOU,SAASC,aAAa,CAAC;wBAC5BjB,MAAM;wBACNkB,OAAO;4BACLtB;4BACAE;4BACAC;4BACAC;4BACAC;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASkB,eAAeC,MAAc;IACpC,IAAInB;IAEJ,IAAI;QACFA,MAAM,IAAIoB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOrB,IAAIsB,QAAQ,KAAK,WAAWtB,IAAIsB,QAAQ,KAAK;AACtD"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/insideLinks.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    insideLinks: {\n      /**\n       * Add an image\n       */\n\n      insertInsideLinks: ({\n        thumbnail,\n        title,\n        id,\n        type,\n        url,\n      }: {\n        thumbnail?: string;\n        title?: string;\n        id?: string;\n        type?: string;\n        url?: string;\n      }) => ReturnType;\n    };\n  }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport InsideLinksComponent from \"./InsideLinksComponent.js\";\n\nexport const InsideLinks = Node.create({\n  name: \"insideLinks\",\n\n  group: \"block\",\n  content: \"inline*\",\n  draggable: true,\n\n  // content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"insideLinks\"]',\n      },\n    ];\n  },\n\n  addAttributes() {\n    return {\n      thumbnail: { default: null },\n      title: { default: null },\n      id: { default: null },\n      type: { default: null },\n      url: { default: null },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      \"Mod-Enter\": () => {\n        return this.editor\n          .chain()\n          .insertContentAt(this.editor.state.selection.head, {\n            type: this.type.name,\n          })\n          .focus()\n          .run();\n      },\n    };\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"div\",\n      mergeAttributes(HTMLAttributes, { \"data-type\": \"insideLinks\" }),\n      0,\n    ];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(InsideLinksComponent);\n  },\n\n  addCommands() {\n    return {\n      insertInsideLinks:\n        ({\n          thumbnail,\n          title,\n          id,\n          type,\n          url,\n        }: {\n          thumbnail?: string;\n          title?: string;\n          id?: string;\n          type?: string;\n          url?: string;\n        }) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: \"insideLinks\",\n            attrs: {\n              thumbnail,\n              title,\n              id,\n              type,\n              url,\n            },\n          });\n        },\n    };\n  },\n});\n\nfunction isValidHttpUrl(string: string) {\n  let url;\n\n  try {\n    url = new URL(string);\n  } catch (_) {\n    return false;\n  }\n\n  return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","InsideLinksComponent","InsideLinks","create","name","group","content","draggable","parseHTML","tag","addAttributes","thumbnail","default","title","id","type","url","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertInsideLinks","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAwBA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,0BAA0B,4BAA4B;AAE7D,OAAO,MAAMC,cAAcJ,KAAKK,MAAM,CAAC;IACrCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC;QACE,OAAO;YACLC,WAAW;gBAAEC,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAK;YACvBE,IAAI;gBAAEF,SAAS;YAAK;YACpBG,MAAM;gBAAEH,SAAS;YAAK;YACtBI,KAAK;gBAAEJ,SAAS;YAAK;QACvB;IACF;IAEAK;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDR,MAAM,IAAI,CAACA,IAAI,CAACX,IAAI;gBACtB,GACCoB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACA5B,gBAAgB4B,gBAAgB;gBAAE,aAAa;YAAc;YAC7D;SACD;IACH;IAEAC;QACE,OAAO5B,sBAAsBC;IAC/B;IAEA4B;QACE,OAAO;YACLC,mBACE,CAAC,EACCnB,SAAS,EACTE,KAAK,EACLC,EAAE,EACFC,IAAI,EACJC,GAAG,EAOJ,GACD,CAAC,EAAEe,QAAQ,EAAEV,KAAK,EAAE;oBAClB,OAAOU,SAASC,aAAa,CAAC;wBAC5BjB,MAAM;wBACNkB,OAAO;4BACLtB;4BACAE;4BACAC;4BACAC;4BACAC;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASkB,eAAeC,MAAc;IACpC,IAAInB;IAEJ,IAAI;QACFA,MAAM,IAAIoB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOrB,IAAIsB,QAAQ,KAAK,WAAWtB,IAAIsB,QAAQ,KAAK;AACtD"}