payload-richtext-tiptap 0.0.40 → 0.0.42

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/FontSizePicker.tsx"],"sourcesContent":["import * as Dropdown from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown } from \"lucide-react\";\nimport { useCallback } from \"react\";\nimport { DropdownButton } from \"../../../ui/Dropdown/Dropdown.js\";\nimport { Icon } from \"../../../ui/Icon.js\";\nimport { Surface } from \"../../../ui/Surface.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\n\nconst FONT_SIZES = [\n  { label: \"Smaller\", value: \"12px\" },\n  { label: \"Small\", value: \"14px\" },\n  { label: \"Medium\", value: \"\" },\n  { label: \"Large\", value: \"18px\" },\n  { label: \"Extra Large\", value: \"24px\" },\n];\n\nexport type FontSizePickerProps = {\n  onChange: (value: string) => void; // eslint-disable-line no-unused-vars\n  value: string;\n};\n\nexport const FontSizePicker = ({ onChange, value }: FontSizePickerProps) => {\n  const currentValue = FONT_SIZES.find((size) => size.value === value);\n  const currentSizeLabel = currentValue?.label.split(\" \")[0] || \"Medium\";\n\n  const selectSize = useCallback(\n    (size: string) => () => onChange(size),\n    [onChange]\n  );\n\n  return (\n    <Dropdown.Root>\n      <Dropdown.Trigger asChild>\n        <Toolbar.Button type=\"button\" active={!!currentValue?.value}>\n          {currentSizeLabel}\n          <Icon icon={ChevronDown} className=\"w-2 h-2\" />\n        </Toolbar.Button>\n      </Dropdown.Trigger>\n      <Dropdown.Content asChild>\n        <Surface className=\"flex flex-col gap-1 px-2 py-4\">\n          {FONT_SIZES.map((size) => (\n            <DropdownButton\n              isActive={value === size.value}\n              onClick={selectSize(size.value)}\n              key={`${size.label}_${size.value}`}\n            >\n              <span style={{ fontSize: size.value }}>{size.label}</span>\n            </DropdownButton>\n          ))}\n        </Surface>\n      </Dropdown.Content>\n    </Dropdown.Root>\n  );\n};\n"],"names":["Dropdown","ChevronDown","useCallback","DropdownButton","Icon","Surface","Toolbar","FONT_SIZES","label","value","FontSizePicker","onChange","currentValue","find","size","currentSizeLabel","split","selectSize","Root","Trigger","asChild","Button","type","active","icon","className","Content","map","isActive","onClick","span","style","fontSize"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,cAAc,gCAAgC;AAC1D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,WAAW,QAAQ,QAAQ;AACpC,SAASC,cAAc,QAAQ,mCAAmC;AAClE,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,OAAO,QAAQ,yBAAyB;AAEjD,MAAMC,aAAa;IACjB;QAAEC,OAAO;QAAWC,OAAO;IAAO;IAClC;QAAED,OAAO;QAASC,OAAO;IAAO;IAChC;QAAED,OAAO;QAAUC,OAAO;IAAG;IAC7B;QAAED,OAAO;QAASC,OAAO;IAAO;IAChC;QAAED,OAAO;QAAeC,OAAO;IAAO;CACvC;AAOD,OAAO,MAAMC,iBAAiB,CAAC,EAAEC,QAAQ,EAAEF,KAAK,EAAuB;IACrE,MAAMG,eAAeL,WAAWM,IAAI,CAAC,CAACC,OAASA,KAAKL,KAAK,KAAKA;IAC9D,MAAMM,mBAAmBH,cAAcJ,MAAMQ,MAAM,IAAI,CAAC,EAAE,IAAI;IAE9D,MAAMC,aAAaf,YACjB,CAACY,OAAiB,IAAMH,SAASG,OACjC;QAACH;KAAS;IAGZ,qBACE,MAACX,SAASkB,IAAI;;0BACZ,KAAClB,SAASmB,OAAO;gBAACC,OAAO;0BACvB,cAAA,MAACd,QAAQe,MAAM;oBAACC,MAAK;oBAASC,QAAQ,CAAC,CAACX,cAAcH;;wBACnDM;sCACD,KAACX;4BAAKoB,MAAMvB;4BAAawB,WAAU;;;;;0BAGvC,KAACzB,SAAS0B,OAAO;gBAACN,OAAO;0BACvB,cAAA,KAACf;oBAAQoB,WAAU;8BAChBlB,WAAWoB,GAAG,CAAC,CAACb,qBACf,KAACX;4BACCyB,UAAUnB,UAAUK,KAAKL,KAAK;4BAC9BoB,SAASZ,WAAWH,KAAKL,KAAK;sCAG9B,cAAA,KAACqB;gCAAKC,OAAO;oCAAEC,UAAUlB,KAAKL,KAAK;gCAAC;0CAAIK,KAAKN,KAAK;;2BAF7C,CAAC,EAAEM,KAAKN,KAAK,CAAC,CAAC,EAAEM,KAAKL,KAAK,CAAC,CAAC;;;;;AAShD,EAAE"}
+{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/FontSizePicker.tsx"],"sourcesContent":["import * as Dropdown from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown } from \"lucide-react\";\nimport { useCallback } from \"react\";\nimport { DropdownButton } from \"../../../ui/Dropdown/Dropdown.js\";\nimport { Icon } from \"../../../ui/Icon.js\";\nimport { Surface } from \"../../../ui/Surface.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\n\nconst FONT_SIZES = [\n  { label: \"Smaller\", value: \"12px\" },\n  { label: \"Small\", value: \"14px\" },\n  { label: \"Medium\", value: \"\" },\n  { label: \"Large\", value: \"18px\" },\n  { label: \"Extra Large\", value: \"24px\" },\n];\n\nexport type FontSizePickerProps = {\n  onChange: (value: string) => void; // eslint-disable-line no-unused-vars\n  value: string;\n};\n\nexport const FontSizePicker = ({ onChange, value }: FontSizePickerProps) => {\n  const currentValue = FONT_SIZES.find((size) => size.value === value);\n  const currentSizeLabel = currentValue?.label.split(\" \")[0] || \"Medium\";\n\n  const selectSize = useCallback(\n    (size: string) => () => onChange(size),\n    [onChange]\n  );\n\n  return (\n    <Dropdown.Root>\n      <Dropdown.Trigger asChild>\n        <Toolbar.Button type=\"button\" active={!!currentValue?.value}>\n          {currentSizeLabel}\n          <Icon icon={ChevronDown} className=\"w-2 h-2\" />\n        </Toolbar.Button>\n      </Dropdown.Trigger>\n      <Dropdown.Content asChild>\n        <Surface className=\"flex flex-col gap-1 px-2 py-4\">\n          {FONT_SIZES.map((size) => (\n            <DropdownButton\n              isActive={value === size.value}\n              onClick={selectSize(size.value)}\n              key={`${size.label}_${size.value}`}\n            >\n              <span style={{ fontSize: size.value }}>{size.label}</span>\n            </DropdownButton>\n          ))}\n        </Surface>\n      </Dropdown.Content>\n    </Dropdown.Root>\n  );\n};\n"],"names":["Dropdown","ChevronDown","useCallback","DropdownButton","Icon","Surface","Toolbar","FONT_SIZES","label","value","FontSizePicker","onChange","currentValue","find","size","currentSizeLabel","split","selectSize","Root","Trigger","asChild","Button","type","active","icon","className","Content","map","isActive","onClick","span","style","fontSize"],"mappings":";AAAA,YAAYA,cAAc,gCAAgC;AAC1D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,WAAW,QAAQ,QAAQ;AACpC,SAASC,cAAc,QAAQ,mCAAmC;AAClE,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,OAAO,QAAQ,yBAAyB;AAEjD,MAAMC,aAAa;IACjB;QAAEC,OAAO;QAAWC,OAAO;IAAO;IAClC;QAAED,OAAO;QAASC,OAAO;IAAO;IAChC;QAAED,OAAO;QAAUC,OAAO;IAAG;IAC7B;QAAED,OAAO;QAASC,OAAO;IAAO;IAChC;QAAED,OAAO;QAAeC,OAAO;IAAO;CACvC;AAOD,OAAO,MAAMC,iBAAiB,CAAC,EAAEC,QAAQ,EAAEF,KAAK,EAAuB;IACrE,MAAMG,eAAeL,WAAWM,IAAI,CAAC,CAACC,OAASA,KAAKL,KAAK,KAAKA;IAC9D,MAAMM,mBAAmBH,cAAcJ,MAAMQ,MAAM,IAAI,CAAC,EAAE,IAAI;IAE9D,MAAMC,aAAaf,YACjB,CAACY,OAAiB,IAAMH,SAASG,OACjC;QAACH;KAAS;IAGZ,qBACE,MAACX,SAASkB,IAAI;;0BACZ,KAAClB,SAASmB,OAAO;gBAACC,OAAO;0BACvB,cAAA,MAACd,QAAQe,MAAM;oBAACC,MAAK;oBAASC,QAAQ,CAAC,CAACX,cAAcH;;wBACnDM;sCACD,KAACX;4BAAKoB,MAAMvB;4BAAawB,WAAU;;;;;0BAGvC,KAACzB,SAAS0B,OAAO;gBAACN,OAAO;0BACvB,cAAA,KAACf;oBAAQoB,WAAU;8BAChBlB,WAAWoB,GAAG,CAAC,CAACb,qBACf,KAACX;4BACCyB,UAAUnB,UAAUK,KAAKL,KAAK;4BAC9BoB,SAASZ,WAAWH,KAAKL,KAAK;sCAG9B,cAAA,KAACqB;gCAAKC,OAAO;oCAAEC,UAAUlB,KAAKL,KAAK;gCAAC;0CAAIK,KAAKN,KAAK;;2BAF7C,CAAC,EAAEM,KAAKN,KAAK,CAAC,CAAC,EAAEM,KAAKL,KAAK,CAAC,CAAC;;;;;AAShD,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/SocialMediaPopover.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { Link } from \"lucide-react\";\nimport { IframeLinkEditorPanel } from \"../../../panels/IframeLinkEditorPanel/IframeLinkEditorPanel.js\";\nimport { Icon } from \"../../../ui/Icon.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\n\nexport type SocialMediaPopoverProps = {\n  onSetLink: (src: string) => void;\n  initialSrcLink: string;\n};\n\nexport const SocialMediaPopover = ({\n  onSetLink,\n  initialSrcLink,\n}: SocialMediaPopoverProps) => {\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <Toolbar.Button type=\"button\" tooltip=\"Embed Link\">\n          <Icon icon={Link} />\n        </Toolbar.Button>\n      </Popover.Trigger>\n      <Popover.Content>\n        <IframeLinkEditorPanel\n          onSetLink={onSetLink}\n          initialSrc={initialSrcLink ?? \"\"}\n        />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n"],"names":["Popover","Link","IframeLinkEditorPanel","Icon","Toolbar","SocialMediaPopover","onSetLink","initialSrcLink","Root","Trigger","asChild","Button","type","tooltip","icon","Content","initialSrc"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,aAAa,0BAA0B;AACnD,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,qBAAqB,QAAQ,iEAAiE;AACvG,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,SAASC,OAAO,QAAQ,yBAAyB;AAOjD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,SAAS,EACTC,cAAc,EACU;IACxB,qBACE,MAACP,QAAQQ,IAAI;;0BACX,KAACR,QAAQS,OAAO;gBAACC,OAAO;0BACtB,cAAA,KAACN,QAAQO,MAAM;oBAACC,MAAK;oBAASC,SAAQ;8BACpC,cAAA,KAACV;wBAAKW,MAAMb;;;;0BAGhB,KAACD,QAAQe,OAAO;0BACd,cAAA,KAACb;oBACCI,WAAWA;oBACXU,YAAYT,kBAAkB;;;;;AAKxC,EAAE"}
+{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/SocialMediaPopover.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { Link } from \"lucide-react\";\nimport { IframeLinkEditorPanel } from \"../../../panels/IframeLinkEditorPanel/IframeLinkEditorPanel.js\";\nimport { Icon } from \"../../../ui/Icon.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\n\nexport type SocialMediaPopoverProps = {\n  onSetLink: (src: string) => void;\n  initialSrcLink: string;\n};\n\nexport const SocialMediaPopover = ({\n  onSetLink,\n  initialSrcLink,\n}: SocialMediaPopoverProps) => {\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <Toolbar.Button type=\"button\" tooltip=\"Embed Link\">\n          <Icon icon={Link} />\n        </Toolbar.Button>\n      </Popover.Trigger>\n      <Popover.Content>\n        <IframeLinkEditorPanel\n          onSetLink={onSetLink}\n          initialSrc={initialSrcLink ?? \"\"}\n        />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n"],"names":["Popover","Link","IframeLinkEditorPanel","Icon","Toolbar","SocialMediaPopover","onSetLink","initialSrcLink","Root","Trigger","asChild","Button","type","tooltip","icon","Content","initialSrc"],"mappings":";AAAA,YAAYA,aAAa,0BAA0B;AACnD,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,qBAAqB,QAAQ,iEAAiE;AACvG,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,SAASC,OAAO,QAAQ,yBAAyB;AAOjD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,SAAS,EACTC,cAAc,EACU;IACxB,qBACE,MAACP,QAAQQ,IAAI;;0BACX,KAACR,QAAQS,OAAO;gBAACC,OAAO;0BACtB,cAAA,KAACN,QAAQO,MAAM;oBAACC,MAAK;oBAASC,SAAQ;8BACpC,cAAA,KAACV;wBAAKW,MAAMb;;;;0BAGhB,KAACD,QAAQe,OAAO;0BACd,cAAA,KAACb;oBACCI,WAAWA;oBACXU,YAAYT,kBAAkB;;;;;AAKxC,EAAE"}

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

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

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

@@ -0,0 +1,8 @@
+import { Editor } from "@tiptap/react";
+interface AIDraftSelectorCommandsProps {
+    editor: Editor;
+    onSelect: (value: string) => void;
+}
+declare const AIDraftSelectorCommands: ({ onSelect, editor, }: AIDraftSelectorCommandsProps) => import("react").JSX.Element;
+export default AIDraftSelectorCommands;
+//# sourceMappingURL=ai-draft-selector-commands.d.ts.map

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

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

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

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useLocale } from "@payloadcms/ui/providers/Locale";
+import { useAssistant } from "ai/react";
+import { ArrowDownWideNarrow, CheckCheck, RefreshCcwDot, WrapText } from "lucide-react";
+import { DropdownCategoryTitle } from "../../../ui/Dropdown/Dropdown.js";
+import { Toolbar } from "../../../ui/Toolbar.js";
+const draftPromptOptions = [
+    // {
+    //   value: 'translate',
+    //   label: 'Translate text',
+    //   icon: WrapText,
+    // },
+    {
+        value: "brainstorm",
+        label: "Brainstorm Ideas...",
+        icon: WrapText,
+        prompt: "Brainstorm ideas on "
+    },
+    {
+        value: "blog",
+        label: "Blog post...",
+        icon: WrapText,
+        prompt: "Write a blog post about "
+    },
+    {
+        value: "outline",
+        label: "Outline...",
+        icon: RefreshCcwDot,
+        prompt: "Write an outline about "
+    },
+    {
+        value: "social",
+        label: "Social Media post...",
+        icon: CheckCheck,
+        prompt: "Write a social media post about "
+    },
+    {
+        value: "press",
+        label: "Press release...",
+        icon: ArrowDownWideNarrow,
+        prompt: "Write a press release about "
+    },
+    {
+        value: "creative",
+        label: "Creative Story...",
+        icon: WrapText,
+        prompt: "Write a creative story about "
+    },
+    {
+        value: "essay",
+        label: "Essay...",
+        icon: WrapText,
+        prompt: "Write an essay about "
+    }
+];
+const AIDraftSelectorCommands = ({ onSelect, editor })=>{
+    const { status, messages, input, submitMessage, handleInputChange } = useAssistant({
+        api: "/api/assistant"
+    });
+    const { code } = useLocale();
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(DropdownCategoryTitle, {
+                children: "Draft with AI"
+            }),
+            /*#__PURE__*/ _jsx(Toolbar.Divider, {
+                horizontal: true
+            }),
+            draftPromptOptions.map((option)=>/*#__PURE__*/ _jsxs(Toolbar.Button, {
+                    // onSelect={(value) => {
+                    //   const slice = editor.state.selection.content()
+                    //   const text = editor.storage.markdown.serializer.serialize(slice.content)
+                    //   onSelect(text, option.value)
+                    // }}
+                    onClick: ()=>{
+                        const { from, to, empty } = editor.state.selection;
+                        // const content = editor.state.doc.textBetween(from, to, " ");
+                        onSelect(option.prompt);
+                    },
+                    className: " gap-2 px-4 w-full flex justify-start",
+                    value: option.value,
+                    children: [
+                        /*#__PURE__*/ _jsx(option.icon, {
+                            className: "h-4 w-4 text-blue-500"
+                        }),
+                        option.label
+                    ]
+                }, option.value))
+        ]
+    });
+};
+export default AIDraftSelectorCommands;
+
+//# sourceMappingURL=ai-draft-selector-commands.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.tsx"],"sourcesContent":["import { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport { Editor } from \"@tiptap/react\";\nimport { useAssistant } from \"ai/react\";\nimport {\n  ArrowDownWideNarrow,\n  CheckCheck,\n  ChevronDown,\n  Languages,\n  RefreshCcwDot,\n  StepForward,\n  WrapText,\n} from \"lucide-react\";\nimport { languages } from \"../../../../lib/constants.js\";\nimport { getPrevText } from \"../../../../lib/utils/index.js\";\nimport { DropdownCategoryTitle } from \"../../../ui/Dropdown/Dropdown.js\";\nimport { Icon } from \"../../../ui/Icon.js\";\nimport { Surface } from \"../../../ui/Surface.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\nconst options = [\n  // {\n  //   value: 'translate',\n  //   label: 'Translate text',\n  //   icon: WrapText,\n  // },\n  {\n    value: \"summarize\",\n    label: \"Summarize text\",\n    icon: WrapText,\n  },\n  {\n    value: \"rewrite\",\n    label: \"Rewrite into Axios\",\n    icon: WrapText,\n  },\n  {\n    value: \"improve\",\n    label: \"Improve writing\",\n    icon: RefreshCcwDot,\n  },\n\n  {\n    value: \"fix\",\n    label: \"Fix grammar\",\n    icon: CheckCheck,\n  },\n  {\n    value: \"shorter\",\n    label: \"Make shorter\",\n    icon: ArrowDownWideNarrow,\n  },\n  {\n    value: \"longer\",\n    label: \"Make longer\",\n    icon: WrapText,\n  },\n];\n\ninterface AISelectorCommandsProps {\n  editor: Editor;\n  onSelect: (\n    value: string,\n    options: { option: string; language?: string }\n  ) => void;\n}\n\nconst AISelectorCommands = ({ onSelect, editor }: AISelectorCommandsProps) => {\n  const { status, messages, input, submitMessage, handleInputChange } =\n    useAssistant({\n      api: \"/api/assistant\",\n    });\n  const { code } = useLocale();\n\n  return (\n    <>\n      <DropdownCategoryTitle>Edit or review selection</DropdownCategoryTitle>\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <Toolbar.Button\n            className=\"gap-2 px-4 w-full flex justify-start \"\n            type=\"button\"\n            // active={!!states.currentHighlight}\n            tooltip=\"Highlight text\"\n          >\n            <Icon icon={Languages} className=\"h-4 w-4 text-blue-500\" />\n            Translate text\n            <Icon icon={ChevronDown} className=\"h-4 w-4 text-blue-500\" />\n          </Toolbar.Button>\n        </Popover.Trigger>\n        <Popover.Content side=\"right\" align=\"start\" sideOffset={8} asChild>\n          <Surface className=\"flex flex-col min-w-[15rem] p-2 max-h-[20rem] overflow-auto\">\n            <DropdownCategoryTitle>Languages</DropdownCategoryTitle>\n\n            {languages.map((lang) => (\n              <Toolbar.Button\n                onClick={() => {\n                  const { from, to, empty } = editor.state.selection;\n                  const content = editor.state.doc.textBetween(from, to, \" \");\n                  onSelect(content, {\n                    option: \"translate\",\n                    language: lang.value,\n                  });\n                }}\n                className=\"gap-2 px-4 w-full flex justify-start \"\n                key={lang.value}\n              >\n                {lang.label}\n              </Toolbar.Button>\n            ))}\n          </Surface>\n        </Popover.Content>\n      </Popover.Root>\n\n      {options.map((option) => (\n        <Toolbar.Button\n          // onSelect={(value) => {\n          //   const slice = editor.state.selection.content()\n          //   const text = editor.storage.markdown.serializer.serialize(slice.content)\n          //   onSelect(text, option.value)\n          // }}\n          onClick={() => {\n            const { from, to, empty } = editor.state.selection;\n            const content = editor.state.doc.textBetween(from, to, \" \");\n            onSelect(content, { option: option.value, language: code ?? \"en\" });\n          }}\n          className=\" gap-2 px-4 w-full flex justify-start\"\n          key={option.value}\n          value={option.value}\n        >\n          <option.icon className=\"h-4 w-4 text-blue-500\" />\n          {option.label}\n        </Toolbar.Button>\n      ))}\n      <Toolbar.Divider horizontal />\n      <DropdownCategoryTitle>Use AI to do more</DropdownCategoryTitle>\n      <Toolbar.Button\n        onClick={() => {\n          const text = getPrevText(editor, { chars: 5000 });\n          onSelect(text, { option: \"continue\", language: code ?? \"en\" });\n        }}\n        value=\"continue\"\n        className=\"gap-2 px-4 w-full flex justify-start\"\n      >\n        <StepForward className=\"h-4 w-4 text-blue-500\" />\n        Continue writing\n      </Toolbar.Button>\n    </>\n  );\n};\n\nexport default AISelectorCommands;\n"],"names":["useLocale","Popover","useAssistant","ArrowDownWideNarrow","CheckCheck","ChevronDown","Languages","RefreshCcwDot","StepForward","WrapText","languages","getPrevText","DropdownCategoryTitle","Icon","Surface","Toolbar","options","value","label","icon","AISelectorCommands","onSelect","editor","status","messages","input","submitMessage","handleInputChange","api","code","Root","Trigger","asChild","Button","className","type","tooltip","Content","side","align","sideOffset","map","lang","onClick","from","to","empty","state","selection","content","doc","textBetween","option","language","Divider","horizontal","text","chars"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.tsx"],"sourcesContent":["import { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport { Editor } from \"@tiptap/react\";\nimport { useAssistant } from \"ai/react\";\nimport {\n  ArrowDownWideNarrow,\n  CheckCheck,\n  ChevronDown,\n  Languages,\n  RefreshCcwDot,\n  StepForward,\n  WrapText,\n} from \"lucide-react\";\nimport { languages } from \"../../../../lib/constants.js\";\nimport { getPrevText } from \"../../../../lib/utils/index.js\";\nimport { DropdownCategoryTitle } from \"../../../ui/Dropdown/Dropdown.js\";\nimport { Icon } from \"../../../ui/Icon.js\";\nimport { Surface } from \"../../../ui/Surface.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\nconst options = [\n  // {\n  //   value: 'translate',\n  //   label: 'Translate text',\n  //   icon: WrapText,\n  // },\n  {\n    value: \"summarize\",\n    label: \"Summarize text\",\n    icon: WrapText,\n  },\n  {\n    value: \"rewrite\",\n    label: \"Rewrite into Axios\",\n    icon: WrapText,\n  },\n  {\n    value: \"improve\",\n    label: \"Improve writing\",\n    icon: RefreshCcwDot,\n  },\n\n  {\n    value: \"fix\",\n    label: \"Fix grammar\",\n    icon: CheckCheck,\n  },\n  {\n    value: \"shorter\",\n    label: \"Make shorter\",\n    icon: ArrowDownWideNarrow,\n  },\n  {\n    value: \"longer\",\n    label: \"Make longer\",\n    icon: WrapText,\n  },\n];\n\ninterface AISelectorCommandsProps {\n  editor: Editor;\n  onSelect: (\n    value: string,\n    options: { option: string; language?: string }\n  ) => void;\n}\n\nconst AISelectorCommands = ({ onSelect, editor }: AISelectorCommandsProps) => {\n  const { status, messages, input, submitMessage, handleInputChange } =\n    useAssistant({\n      api: \"/api/assistant\",\n    });\n  const { code } = useLocale();\n\n  return (\n    <>\n      <DropdownCategoryTitle>Edit or review selection</DropdownCategoryTitle>\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <Toolbar.Button\n            className=\"gap-2 px-4 w-full flex justify-start \"\n            type=\"button\"\n            // active={!!states.currentHighlight}\n            tooltip=\"Highlight text\"\n          >\n            <Icon icon={Languages} className=\"h-4 w-4 text-blue-500\" />\n            Translate text\n            <Icon icon={ChevronDown} className=\"h-4 w-4 text-blue-500\" />\n          </Toolbar.Button>\n        </Popover.Trigger>\n        <Popover.Content side=\"right\" align=\"start\" sideOffset={8} asChild>\n          <Surface className=\"flex flex-col min-w-[15rem] p-2 max-h-[20rem] overflow-auto\">\n            <DropdownCategoryTitle>Languages</DropdownCategoryTitle>\n\n            {languages.map((lang) => (\n              <Toolbar.Button\n                onClick={() => {\n                  const { from, to, empty } = editor.state.selection;\n                  const content = editor.state.doc.textBetween(from, to, \" \");\n                  onSelect(content, {\n                    option: \"translate\",\n                    language: lang.value,\n                  });\n                }}\n                className=\"gap-2 px-4 w-full flex justify-start \"\n                key={lang.value}\n              >\n                {lang.label}\n              </Toolbar.Button>\n            ))}\n          </Surface>\n        </Popover.Content>\n      </Popover.Root>\n\n      {options.map((option) => (\n        <Toolbar.Button\n          // onSelect={(value) => {\n          //   const slice = editor.state.selection.content()\n          //   const text = editor.storage.markdown.serializer.serialize(slice.content)\n          //   onSelect(text, option.value)\n          // }}\n          onClick={() => {\n            const { from, to, empty } = editor.state.selection;\n            const content = editor.state.doc.textBetween(from, to, \" \");\n            onSelect(content, { option: option.value, language: code ?? \"en\" });\n          }}\n          className=\" gap-2 px-4 w-full flex justify-start\"\n          key={option.value}\n          value={option.value}\n        >\n          <option.icon className=\"h-4 w-4 text-blue-500\" />\n          {option.label}\n        </Toolbar.Button>\n      ))}\n      <Toolbar.Divider horizontal />\n      <DropdownCategoryTitle>Use AI to do more</DropdownCategoryTitle>\n      <Toolbar.Button\n        onClick={() => {\n          const text = getPrevText(editor, { chars: 5000 });\n          onSelect(text, { option: \"continue\", language: code ?? \"en\" });\n        }}\n        value=\"continue\"\n        className=\"gap-2 px-4 w-full flex justify-start\"\n      >\n        <StepForward className=\"h-4 w-4 text-blue-500\" />\n        Continue writing\n      </Toolbar.Button>\n    </>\n  );\n};\n\nexport default AISelectorCommands;\n"],"names":["useLocale","Popover","useAssistant","ArrowDownWideNarrow","CheckCheck","ChevronDown","Languages","RefreshCcwDot","StepForward","WrapText","languages","getPrevText","DropdownCategoryTitle","Icon","Surface","Toolbar","options","value","label","icon","AISelectorCommands","onSelect","editor","status","messages","input","submitMessage","handleInputChange","api","code","Root","Trigger","asChild","Button","className","type","tooltip","Content","side","align","sideOffset","map","lang","onClick","from","to","empty","state","selection","content","doc","textBetween","option","language","Divider","horizontal","text","chars"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuCommands.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuCommands.ts"],"sourcesContent":["import { Editor } from '@tiptap/react'\nimport { useCallback } from 'react'\n\nexport const useTextmenuCommands = (editor: Editor) => {\n  const onBold = useCallback(() => editor.chain().focus().toggleBold().run(), [editor])\n  const onItalic = useCallback(() => editor.chain().focus().toggleItalic().run(), [editor])\n  const onStrike = useCallback(() => editor.chain().focus().toggleStrike().run(), [editor])\n  const onUnderline = useCallback(() => editor.chain().focus().toggleUnderline().run(), [editor])\n  const onCode = useCallback(() => editor.chain().focus().toggleCode().run(), [editor])\n  const onCodeBlock = useCallback(() => editor.chain().focus().toggleCodeBlock().run(), [editor])\n\n  const onSubscript = useCallback(() => editor.chain().focus().toggleSubscript().run(), [editor])\n  const onSuperscript = useCallback(\n    () => editor.chain().focus().toggleSuperscript().run(),\n    [editor],\n  )\n  const onAlignLeft = useCallback(() => editor.chain().focus().setTextAlign('left').run(), [editor])\n  const onAlignCenter = useCallback(\n    () => editor.chain().focus().setTextAlign('center').run(),\n    [editor],\n  )\n  const onAlignRight = useCallback(\n    () => editor.chain().focus().setTextAlign('right').run(),\n    [editor],\n  )\n  const onAlignJustify = useCallback(\n    () => editor.chain().focus().setTextAlign('justify').run(),\n    [editor],\n  )\n\n  const onChangeColor = useCallback(\n    (color: string) => editor.chain().setColor(color).run(),\n    [editor],\n  )\n  const onClearColor = useCallback(() => editor.chain().focus().unsetColor().run(), [editor])\n\n  const onChangeHighlight = useCallback(\n    (color: string) => editor.chain().setHighlight({ color }).run(),\n    [editor],\n  )\n  const onClearHighlight = useCallback(\n    () => editor.chain().focus().unsetHighlight().run(),\n    [editor],\n  )\n\n  const onLink = useCallback(\n    (url: string, inNewTab?: boolean) =>\n      editor\n        .chain()\n        .focus()\n        .setLink({ href: url, target: inNewTab ? '_blank' : '' })\n        .run(),\n    [editor],\n  )\n\n  const onSetFont = useCallback(\n    (font: string) => {\n      if (!font || font.length === 0) {\n        return editor.chain().focus().unsetFontFamily().run()\n      }\n      return editor.chain().focus().setFontFamily(font).run()\n    },\n    [editor],\n  )\n\n  const onSetFontSize = useCallback(\n    (fontSize: string) => {\n      if (!fontSize || fontSize.length === 0) {\n        return editor.chain().focus().unsetFontSize().run()\n      }\n      return editor.chain().focus().setFontSize(fontSize).run()\n    },\n    [editor],\n  )\n\n  // AI Commands\n  const onCompleteSentence = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onEmojify = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onFixSpelling = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onMakeLonger = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onMakeShorter = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onSimplify = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onTldr = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onTone = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onTranslate = useCallback(() => {\n    // TODO\n  }, [editor])\n\n  const onClearFormatting = useCallback(() => {\n    editor.chain().focus().clearNodes().unsetAllMarks().run()\n  }, [editor])\n\n  return {\n    onBold,\n    onItalic,\n    onStrike,\n    onUnderline,\n    onCode,\n    onCodeBlock,\n    onSubscript,\n    onSuperscript,\n    onAlignLeft,\n    onAlignCenter,\n    onAlignRight,\n    onAlignJustify,\n    onChangeColor,\n    onClearColor,\n    onChangeHighlight,\n    onClearHighlight,\n    onSetFont,\n    onSetFontSize,\n    onLink,\n    onCompleteSentence,\n    onEmojify,\n    onFixSpelling,\n    onMakeLonger,\n    onMakeShorter,\n    onSimplify,\n    onTldr,\n    onTone,\n    onTranslate,\n    onClearFormatting,\n  }\n}\n"],"names":["useCallback","useTextmenuCommands","editor","onBold","chain","focus","toggleBold","run","onItalic","toggleItalic","onStrike","toggleStrike","onUnderline","toggleUnderline","onCode","toggleCode","onCodeBlock","toggleCodeBlock","onSubscript","toggleSubscript","onSuperscript","toggleSuperscript","onAlignLeft","setTextAlign","onAlignCenter","onAlignRight","onAlignJustify","onChangeColor","color","setColor","onClearColor","unsetColor","onChangeHighlight","setHighlight","onClearHighlight","unsetHighlight","onLink","url","inNewTab","setLink","href","target","onSetFont","font","length","unsetFontFamily","setFontFamily","onSetFontSize","fontSize","unsetFontSize","setFontSize","onCompleteSentence","onEmojify","onFixSpelling","onMakeLonger","onMakeShorter","onSimplify","onTldr","onTone","onTranslate","onClearFormatting","clearNodes","unsetAllMarks"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AACA,SAASA,WAAW,QAAQ,QAAO;AAEnC,OAAO,MAAMC,sBAAsB,CAACC;IAClC,MAAMC,SAASH,YAAY,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAGC,UAAU,GAAGC,GAAG,IAAI;QAACL;KAAO;IACpF,MAAMM,WAAWR,YAAY,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAGI,YAAY,GAAGF,GAAG,IAAI;QAACL;KAAO;IACxF,MAAMQ,WAAWV,YAAY,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAGM,YAAY,GAAGJ,GAAG,IAAI;QAACL;KAAO;IACxF,MAAMU,cAAcZ,YAAY,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAGQ,eAAe,GAAGN,GAAG,IAAI;QAACL;KAAO;IAC9F,MAAMY,SAASd,YAAY,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAGU,UAAU,GAAGR,GAAG,IAAI;QAACL;KAAO;IACpF,MAAMc,cAAchB,YAAY,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAGY,eAAe,GAAGV,GAAG,IAAI;QAACL;KAAO;IAE9F,MAAMgB,cAAclB,YAAY,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAGc,eAAe,GAAGZ,GAAG,IAAI;QAACL;KAAO;IAC9F,MAAMkB,gBAAgBpB,YACpB,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAGgB,iBAAiB,GAAGd,GAAG,IACpD;QAACL;KAAO;IAEV,MAAMoB,cAActB,YAAY,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAGkB,YAAY,CAAC,QAAQhB,GAAG,IAAI;QAACL;KAAO;IACjG,MAAMsB,gBAAgBxB,YACpB,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAGkB,YAAY,CAAC,UAAUhB,GAAG,IACvD;QAACL;KAAO;IAEV,MAAMuB,eAAezB,YACnB,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAGkB,YAAY,CAAC,SAAShB,GAAG,IACtD;QAACL;KAAO;IAEV,MAAMwB,iBAAiB1B,YACrB,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAGkB,YAAY,CAAC,WAAWhB,GAAG,IACxD;QAACL;KAAO;IAGV,MAAMyB,gBAAgB3B,YACpB,CAAC4B,QAAkB1B,OAAOE,KAAK,GAAGyB,QAAQ,CAACD,OAAOrB,GAAG,IACrD;QAACL;KAAO;IAEV,MAAM4B,eAAe9B,YAAY,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAG0B,UAAU,GAAGxB,GAAG,IAAI;QAACL;KAAO;IAE1F,MAAM8B,oBAAoBhC,YACxB,CAAC4B,QAAkB1B,OAAOE,KAAK,GAAG6B,YAAY,CAAC;YAAEL;QAAM,GAAGrB,GAAG,IAC7D;QAACL;KAAO;IAEV,MAAMgC,mBAAmBlC,YACvB,IAAME,OAAOE,KAAK,GAAGC,KAAK,GAAG8B,cAAc,GAAG5B,GAAG,IACjD;QAACL;KAAO;IAGV,MAAMkC,SAASpC,YACb,CAACqC,KAAaC,WACZpC,OACGE,KAAK,GACLC,KAAK,GACLkC,OAAO,CAAC;YAAEC,MAAMH;YAAKI,QAAQH,WAAW,WAAW;QAAG,GACtD/B,GAAG,IACR;QAACL;KAAO;IAGV,MAAMwC,YAAY1C,YAChB,CAAC2C;QACC,IAAI,CAACA,QAAQA,KAAKC,MAAM,KAAK,GAAG;YAC9B,OAAO1C,OAAOE,KAAK,GAAGC,KAAK,GAAGwC,eAAe,GAAGtC,GAAG;QACrD;QACA,OAAOL,OAAOE,KAAK,GAAGC,KAAK,GAAGyC,aAAa,CAACH,MAAMpC,GAAG;IACvD,GACA;QAACL;KAAO;IAGV,MAAM6C,gBAAgB/C,YACpB,CAACgD;QACC,IAAI,CAACA,YAAYA,SAASJ,MAAM,KAAK,GAAG;YACtC,OAAO1C,OAAOE,KAAK,GAAGC,KAAK,GAAG4C,aAAa,GAAG1C,GAAG;QACnD;QACA,OAAOL,OAAOE,KAAK,GAAGC,KAAK,GAAG6C,WAAW,CAACF,UAAUzC,GAAG;IACzD,GACA;QAACL;KAAO;IAGV,cAAc;IACd,MAAMiD,qBAAqBnD,YAAY;IACrC,OAAO;IACT,GAAG;QAACE;KAAO;IACX,MAAMkD,YAAYpD,YAAY;IAC5B,OAAO;IACT,GAAG;QAACE;KAAO;IACX,MAAMmD,gBAAgBrD,YAAY;IAChC,OAAO;IACT,GAAG;QAACE;KAAO;IACX,MAAMoD,eAAetD,YAAY;IAC/B,OAAO;IACT,GAAG;QAACE;KAAO;IACX,MAAMqD,gBAAgBvD,YAAY;IAChC,OAAO;IACT,GAAG;QAACE;KAAO;IACX,MAAMsD,aAAaxD,YAAY;IAC7B,OAAO;IACT,GAAG;QAACE;KAAO;IACX,MAAMuD,SAASzD,YAAY;IACzB,OAAO;IACT,GAAG;QAACE;KAAO;IACX,MAAMwD,SAAS1D,YAAY;IACzB,OAAO;IACT,GAAG;QAACE;KAAO;IACX,MAAMyD,cAAc3D,YAAY;IAC9B,OAAO;IACT,GAAG;QAACE;KAAO;IAEX,MAAM0D,oBAAoB5D,YAAY;QACpCE,OAAOE,KAAK,GAAGC,KAAK,GAAGwD,UAAU,GAAGC,aAAa,GAAGvD,GAAG;IACzD,GAAG;QAACL;KAAO;IAEX,OAAO;QACLC;QACAK;QACAE;QACAE;QACAE;QACAE;QACAE;QACAE;QACAE;QACAE;QACAC;QACAC;QACAC;QACAG;QACAE;QACAE;QACAQ;QACAK;QACAX;QACAe;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;AACF,EAAC"}
+{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuCommands.ts"],"sourcesContent":["import { Editor } from '@tiptap/react'\nimport { useCallback } from 'react'\n\nexport const useTextmenuCommands = (editor: Editor) => {\n  const onBold = useCallback(() => editor.chain().focus().toggleBold().run(), [editor])\n  const onItalic = useCallback(() => editor.chain().focus().toggleItalic().run(), [editor])\n  const onStrike = useCallback(() => editor.chain().focus().toggleStrike().run(), [editor])\n  const onUnderline = useCallback(() => editor.chain().focus().toggleUnderline().run(), [editor])\n  const onCode = useCallback(() => editor.chain().focus().toggleCode().run(), [editor])\n  const onCodeBlock = useCallback(() => editor.chain().focus().toggleCodeBlock().run(), [editor])\n\n  const onSubscript = useCallback(() => editor.chain().focus().toggleSubscript().run(), [editor])\n  const onSuperscript = useCallback(\n    () => editor.chain().focus().toggleSuperscript().run(),\n    [editor],\n  )\n  const onAlignLeft = useCallback(() => editor.chain().focus().setTextAlign('left').run(), [editor])\n  const onAlignCenter = useCallback(\n    () => editor.chain().focus().setTextAlign('center').run(),\n    [editor],\n  )\n  const onAlignRight = useCallback(\n    () => editor.chain().focus().setTextAlign('right').run(),\n    [editor],\n  )\n  const onAlignJustify = useCallback(\n    () => editor.chain().focus().setTextAlign('justify').run(),\n    [editor],\n  )\n\n  const onChangeColor = useCallback(\n    (color: string) => editor.chain().setColor(color).run(),\n    [editor],\n  )\n  const onClearColor = useCallback(() => editor.chain().focus().unsetColor().run(), [editor])\n\n  const onChangeHighlight = useCallback(\n    (color: string) => editor.chain().setHighlight({ color }).run(),\n    [editor],\n  )\n  const onClearHighlight = useCallback(\n    () => editor.chain().focus().unsetHighlight().run(),\n    [editor],\n  )\n\n  const onLink = useCallback(\n    (url: string, inNewTab?: boolean) =>\n      editor\n        .chain()\n        .focus()\n        .setLink({ href: url, target: inNewTab ? '_blank' : '' })\n        .run(),\n    [editor],\n  )\n\n  const onSetFont = useCallback(\n    (font: string) => {\n      if (!font || font.length === 0) {\n        return editor.chain().focus().unsetFontFamily().run()\n      }\n      return editor.chain().focus().setFontFamily(font).run()\n    },\n    [editor],\n  )\n\n  const onSetFontSize = useCallback(\n    (fontSize: string) => {\n      if (!fontSize || fontSize.length === 0) {\n        return editor.chain().focus().unsetFontSize().run()\n      }\n      return editor.chain().focus().setFontSize(fontSize).run()\n    },\n    [editor],\n  )\n\n  // AI Commands\n  const onCompleteSentence = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onEmojify = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onFixSpelling = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onMakeLonger = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onMakeShorter = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onSimplify = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onTldr = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onTone = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onTranslate = useCallback(() => {\n    // TODO\n  }, [editor])\n\n  const onClearFormatting = useCallback(() => {\n    editor.chain().focus().clearNodes().unsetAllMarks().run()\n  }, [editor])\n\n  return {\n    onBold,\n    onItalic,\n    onStrike,\n    onUnderline,\n    onCode,\n    onCodeBlock,\n    onSubscript,\n    onSuperscript,\n    onAlignLeft,\n    onAlignCenter,\n    onAlignRight,\n    onAlignJustify,\n    onChangeColor,\n    onClearColor,\n    onChangeHighlight,\n    onClearHighlight,\n    onSetFont,\n    onSetFontSize,\n    onLink,\n    onCompleteSentence,\n    onEmojify,\n    onFixSpelling,\n    onMakeLonger,\n    onMakeShorter,\n    onSimplify,\n    onTldr,\n    onTone,\n    onTranslate,\n    onClearFormatting,\n  }\n}\n"],"names":["useCallback","useTextmenuCommands","editor","onBold","chain","focus","toggleBold","run","onItalic","toggleItalic","onStrike","toggleStrike","onUnderline","toggleUnderline","onCode","toggleCode","onCodeBlock","toggleCodeBlock","onSubscript","toggleSubscript","onSuperscript","toggleSuperscript","onAlignLeft","setTextAlign","onAlignCenter","onAlignRight","onAlignJustify","onChangeColor","color","setColor","onClearColor","unsetColor","onChangeHighlight","setHighlight","onClearHighlight","unsetHighlight","onLink","url","inNewTab","setLink","href","target","onSetFont","font","length","unsetFontFamily","setFontFamily","onSetFontSize","fontSize","unsetFontSize","setFontSize","onCompleteSentence","onEmojify","onFixSpelling","onMakeLonger","onMakeShorter","onSimplify","onTldr","onTone","onTranslate","onClearFormatting","clearNodes","unsetAllMarks"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuContentTypes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuContentTypes.ts"],"sourcesContent":["import { Editor } from \"@tiptap/react\";\nimport { useMemo } from \"react\";\nimport { ContentPickerOptions } from \"../components/ContentTypePicker.js\";\nimport {\n  Pilcrow,\n  Heading1,\n  Heading2,\n  Heading3,\n  List,\n  ListOrdered,\n  ListTodo,\n} from \"lucide-react\";\n\nexport const useTextmenuContentTypes = (editor: Editor) => {\n  const options = useMemo<ContentPickerOptions>(() => {\n    return [\n      {\n        type: \"category\",\n        label: \"Hierarchy\",\n        id: \"hierarchy\",\n      },\n      {\n        icon: Pilcrow,\n        onClick: () =>\n          editor\n            .chain()\n            .focus()\n            .lift(\"taskItem\")\n            .liftListItem(\"listItem\")\n            .setParagraph()\n            .run(),\n        id: \"paragraph\",\n        disabled: () => !editor.can().setParagraph(),\n        isActive: () =>\n          editor.isActive(\"paragraph\") &&\n          !editor.isActive(\"orderedList\") &&\n          !editor.isActive(\"bulletList\") &&\n          !editor.isActive(\"taskList\"),\n        label: \"Paragraph\",\n        type: \"option\",\n      },\n      {\n        icon: Heading1,\n        onClick: () =>\n          editor\n            .chain()\n            .focus()\n            .lift(\"taskItem\")\n            .liftListItem(\"listItem\")\n            .setHeading({ level: 1 })\n            .run(),\n        id: \"heading1\",\n        disabled: () => !editor.can().setHeading({ level: 1 }),\n        isActive: () => editor.isActive(\"heading\", { level: 1 }),\n        label: \"Heading 1\",\n        type: \"option\",\n      },\n      {\n        icon: Heading2,\n        onClick: () =>\n          editor\n            .chain()\n            .focus()\n            .lift(\"taskItem\")\n            .liftListItem(\"listItem\")\n            .setHeading({ level: 2 })\n            .run(),\n        id: \"heading2\",\n        disabled: () => !editor.can().setHeading({ level: 2 }),\n        isActive: () => editor.isActive(\"heading\", { level: 2 }),\n        label: \"Heading 2\",\n        type: \"option\",\n      },\n      {\n        icon: Heading3,\n        onClick: () =>\n          editor\n            .chain()\n            .focus()\n            .lift(\"taskItem\")\n            .liftListItem(\"listItem\")\n            .setHeading({ level: 3 })\n            .run(),\n        id: \"heading3\",\n        disabled: () => !editor.can().setHeading({ level: 3 }),\n        isActive: () => editor.isActive(\"heading\", { level: 3 }),\n        label: \"Heading 3\",\n        type: \"option\",\n      },\n      {\n        type: \"category\",\n        label: \"Lists\",\n        id: \"lists\",\n      },\n      {\n        icon: List,\n        onClick: () => editor.chain().focus().toggleBulletList().run(),\n        id: \"bulletList\",\n        disabled: () => !editor.can().toggleBulletList(),\n        isActive: () => editor.isActive(\"bulletList\"),\n        label: \"Bullet list\",\n        type: \"option\",\n      },\n      {\n        icon: ListOrdered,\n        onClick: () => editor.chain().focus().toggleOrderedList().run(),\n        id: \"orderedList\",\n        disabled: () => !editor.can().toggleOrderedList(),\n        isActive: () => editor.isActive(\"orderedList\"),\n        label: \"Numbered list\",\n        type: \"option\",\n      },\n      // {\n      //   icon: ListTodo,\n      //   onClick: () => editor.chain().focus().toggleTaskList().run(),\n      //   id: 'todoList',\n      //   disabled: () => !editor.can().toggleTaskList(),\n      //   isActive: () => editor.isActive('taskList'),\n      //   label: 'Todo list',\n      //   type: 'option',\n      // },\n    ];\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor, editor.state]);\n\n  return options;\n};\n"],"names":["useMemo","Pilcrow","Heading1","Heading2","Heading3","List","ListOrdered","useTextmenuContentTypes","editor","options","type","label","id","icon","onClick","chain","focus","lift","liftListItem","setParagraph","run","disabled","can","isActive","setHeading","level","toggleBulletList","toggleOrderedList","state"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AACA,SAASA,OAAO,QAAQ,QAAQ;AAEhC,SACEC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,WAAW,QAEN,eAAe;AAEtB,OAAO,MAAMC,0BAA0B,CAACC;IACtC,MAAMC,UAAUT,QAA8B;QAC5C,OAAO;YACL;gBACEU,MAAM;gBACNC,OAAO;gBACPC,IAAI;YACN;YACA;gBACEC,MAAMZ;gBACNa,SAAS,IACPN,OACGO,KAAK,GACLC,KAAK,GACLC,IAAI,CAAC,YACLC,YAAY,CAAC,YACbC,YAAY,GACZC,GAAG;gBACRR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGH,YAAY;gBAC1CI,UAAU,IACRf,OAAOe,QAAQ,CAAC,gBAChB,CAACf,OAAOe,QAAQ,CAAC,kBACjB,CAACf,OAAOe,QAAQ,CAAC,iBACjB,CAACf,OAAOe,QAAQ,CAAC;gBACnBZ,OAAO;gBACPD,MAAM;YACR;YACA;gBACEG,MAAMX;gBACNY,SAAS,IACPN,OACGO,KAAK,GACLC,KAAK,GACLC,IAAI,CAAC,YACLC,YAAY,CAAC,YACbM,UAAU,CAAC;wBAAEC,OAAO;oBAAE,GACtBL,GAAG;gBACRR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGE,UAAU,CAAC;wBAAEC,OAAO;oBAAE;gBACpDF,UAAU,IAAMf,OAAOe,QAAQ,CAAC,WAAW;wBAAEE,OAAO;oBAAE;gBACtDd,OAAO;gBACPD,MAAM;YACR;YACA;gBACEG,MAAMV;gBACNW,SAAS,IACPN,OACGO,KAAK,GACLC,KAAK,GACLC,IAAI,CAAC,YACLC,YAAY,CAAC,YACbM,UAAU,CAAC;wBAAEC,OAAO;oBAAE,GACtBL,GAAG;gBACRR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGE,UAAU,CAAC;wBAAEC,OAAO;oBAAE;gBACpDF,UAAU,IAAMf,OAAOe,QAAQ,CAAC,WAAW;wBAAEE,OAAO;oBAAE;gBACtDd,OAAO;gBACPD,MAAM;YACR;YACA;gBACEG,MAAMT;gBACNU,SAAS,IACPN,OACGO,KAAK,GACLC,KAAK,GACLC,IAAI,CAAC,YACLC,YAAY,CAAC,YACbM,UAAU,CAAC;wBAAEC,OAAO;oBAAE,GACtBL,GAAG;gBACRR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGE,UAAU,CAAC;wBAAEC,OAAO;oBAAE;gBACpDF,UAAU,IAAMf,OAAOe,QAAQ,CAAC,WAAW;wBAAEE,OAAO;oBAAE;gBACtDd,OAAO;gBACPD,MAAM;YACR;YACA;gBACEA,MAAM;gBACNC,OAAO;gBACPC,IAAI;YACN;YACA;gBACEC,MAAMR;gBACNS,SAAS,IAAMN,OAAOO,KAAK,GAAGC,KAAK,GAAGU,gBAAgB,GAAGN,GAAG;gBAC5DR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGI,gBAAgB;gBAC9CH,UAAU,IAAMf,OAAOe,QAAQ,CAAC;gBAChCZ,OAAO;gBACPD,MAAM;YACR;YACA;gBACEG,MAAMP;gBACNQ,SAAS,IAAMN,OAAOO,KAAK,GAAGC,KAAK,GAAGW,iBAAiB,GAAGP,GAAG;gBAC7DR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGK,iBAAiB;gBAC/CJ,UAAU,IAAMf,OAAOe,QAAQ,CAAC;gBAChCZ,OAAO;gBACPD,MAAM;YACR;SAUD;IACD,uDAAuD;IACzD,GAAG;QAACF;QAAQA,OAAOoB,KAAK;KAAC;IAEzB,OAAOnB;AACT,EAAE"}
+{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuContentTypes.ts"],"sourcesContent":["import { Editor } from \"@tiptap/react\";\nimport { useMemo } from \"react\";\nimport { ContentPickerOptions } from \"../components/ContentTypePicker.js\";\nimport {\n  Pilcrow,\n  Heading1,\n  Heading2,\n  Heading3,\n  List,\n  ListOrdered,\n  ListTodo,\n} from \"lucide-react\";\n\nexport const useTextmenuContentTypes = (editor: Editor) => {\n  const options = useMemo<ContentPickerOptions>(() => {\n    return [\n      {\n        type: \"category\",\n        label: \"Hierarchy\",\n        id: \"hierarchy\",\n      },\n      {\n        icon: Pilcrow,\n        onClick: () =>\n          editor\n            .chain()\n            .focus()\n            .lift(\"taskItem\")\n            .liftListItem(\"listItem\")\n            .setParagraph()\n            .run(),\n        id: \"paragraph\",\n        disabled: () => !editor.can().setParagraph(),\n        isActive: () =>\n          editor.isActive(\"paragraph\") &&\n          !editor.isActive(\"orderedList\") &&\n          !editor.isActive(\"bulletList\") &&\n          !editor.isActive(\"taskList\"),\n        label: \"Paragraph\",\n        type: \"option\",\n      },\n      {\n        icon: Heading1,\n        onClick: () =>\n          editor\n            .chain()\n            .focus()\n            .lift(\"taskItem\")\n            .liftListItem(\"listItem\")\n            .setHeading({ level: 1 })\n            .run(),\n        id: \"heading1\",\n        disabled: () => !editor.can().setHeading({ level: 1 }),\n        isActive: () => editor.isActive(\"heading\", { level: 1 }),\n        label: \"Heading 1\",\n        type: \"option\",\n      },\n      {\n        icon: Heading2,\n        onClick: () =>\n          editor\n            .chain()\n            .focus()\n            .lift(\"taskItem\")\n            .liftListItem(\"listItem\")\n            .setHeading({ level: 2 })\n            .run(),\n        id: \"heading2\",\n        disabled: () => !editor.can().setHeading({ level: 2 }),\n        isActive: () => editor.isActive(\"heading\", { level: 2 }),\n        label: \"Heading 2\",\n        type: \"option\",\n      },\n      {\n        icon: Heading3,\n        onClick: () =>\n          editor\n            .chain()\n            .focus()\n            .lift(\"taskItem\")\n            .liftListItem(\"listItem\")\n            .setHeading({ level: 3 })\n            .run(),\n        id: \"heading3\",\n        disabled: () => !editor.can().setHeading({ level: 3 }),\n        isActive: () => editor.isActive(\"heading\", { level: 3 }),\n        label: \"Heading 3\",\n        type: \"option\",\n      },\n      {\n        type: \"category\",\n        label: \"Lists\",\n        id: \"lists\",\n      },\n      {\n        icon: List,\n        onClick: () => editor.chain().focus().toggleBulletList().run(),\n        id: \"bulletList\",\n        disabled: () => !editor.can().toggleBulletList(),\n        isActive: () => editor.isActive(\"bulletList\"),\n        label: \"Bullet list\",\n        type: \"option\",\n      },\n      {\n        icon: ListOrdered,\n        onClick: () => editor.chain().focus().toggleOrderedList().run(),\n        id: \"orderedList\",\n        disabled: () => !editor.can().toggleOrderedList(),\n        isActive: () => editor.isActive(\"orderedList\"),\n        label: \"Numbered list\",\n        type: \"option\",\n      },\n      // {\n      //   icon: ListTodo,\n      //   onClick: () => editor.chain().focus().toggleTaskList().run(),\n      //   id: 'todoList',\n      //   disabled: () => !editor.can().toggleTaskList(),\n      //   isActive: () => editor.isActive('taskList'),\n      //   label: 'Todo list',\n      //   type: 'option',\n      // },\n    ];\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor, editor.state]);\n\n  return options;\n};\n"],"names":["useMemo","Pilcrow","Heading1","Heading2","Heading3","List","ListOrdered","useTextmenuContentTypes","editor","options","type","label","id","icon","onClick","chain","focus","lift","liftListItem","setParagraph","run","disabled","can","isActive","setHeading","level","toggleBulletList","toggleOrderedList","state"],"mappings":"AACA,SAASA,OAAO,QAAQ,QAAQ;AAEhC,SACEC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,WAAW,QAEN,eAAe;AAEtB,OAAO,MAAMC,0BAA0B,CAACC;IACtC,MAAMC,UAAUT,QAA8B;QAC5C,OAAO;YACL;gBACEU,MAAM;gBACNC,OAAO;gBACPC,IAAI;YACN;YACA;gBACEC,MAAMZ;gBACNa,SAAS,IACPN,OACGO,KAAK,GACLC,KAAK,GACLC,IAAI,CAAC,YACLC,YAAY,CAAC,YACbC,YAAY,GACZC,GAAG;gBACRR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGH,YAAY;gBAC1CI,UAAU,IACRf,OAAOe,QAAQ,CAAC,gBAChB,CAACf,OAAOe,QAAQ,CAAC,kBACjB,CAACf,OAAOe,QAAQ,CAAC,iBACjB,CAACf,OAAOe,QAAQ,CAAC;gBACnBZ,OAAO;gBACPD,MAAM;YACR;YACA;gBACEG,MAAMX;gBACNY,SAAS,IACPN,OACGO,KAAK,GACLC,KAAK,GACLC,IAAI,CAAC,YACLC,YAAY,CAAC,YACbM,UAAU,CAAC;wBAAEC,OAAO;oBAAE,GACtBL,GAAG;gBACRR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGE,UAAU,CAAC;wBAAEC,OAAO;oBAAE;gBACpDF,UAAU,IAAMf,OAAOe,QAAQ,CAAC,WAAW;wBAAEE,OAAO;oBAAE;gBACtDd,OAAO;gBACPD,MAAM;YACR;YACA;gBACEG,MAAMV;gBACNW,SAAS,IACPN,OACGO,KAAK,GACLC,KAAK,GACLC,IAAI,CAAC,YACLC,YAAY,CAAC,YACbM,UAAU,CAAC;wBAAEC,OAAO;oBAAE,GACtBL,GAAG;gBACRR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGE,UAAU,CAAC;wBAAEC,OAAO;oBAAE;gBACpDF,UAAU,IAAMf,OAAOe,QAAQ,CAAC,WAAW;wBAAEE,OAAO;oBAAE;gBACtDd,OAAO;gBACPD,MAAM;YACR;YACA;gBACEG,MAAMT;gBACNU,SAAS,IACPN,OACGO,KAAK,GACLC,KAAK,GACLC,IAAI,CAAC,YACLC,YAAY,CAAC,YACbM,UAAU,CAAC;wBAAEC,OAAO;oBAAE,GACtBL,GAAG;gBACRR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGE,UAAU,CAAC;wBAAEC,OAAO;oBAAE;gBACpDF,UAAU,IAAMf,OAAOe,QAAQ,CAAC,WAAW;wBAAEE,OAAO;oBAAE;gBACtDd,OAAO;gBACPD,MAAM;YACR;YACA;gBACEA,MAAM;gBACNC,OAAO;gBACPC,IAAI;YACN;YACA;gBACEC,MAAMR;gBACNS,SAAS,IAAMN,OAAOO,KAAK,GAAGC,KAAK,GAAGU,gBAAgB,GAAGN,GAAG;gBAC5DR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGI,gBAAgB;gBAC9CH,UAAU,IAAMf,OAAOe,QAAQ,CAAC;gBAChCZ,OAAO;gBACPD,MAAM;YACR;YACA;gBACEG,MAAMP;gBACNQ,SAAS,IAAMN,OAAOO,KAAK,GAAGC,KAAK,GAAGW,iBAAiB,GAAGP,GAAG;gBAC7DR,IAAI;gBACJS,UAAU,IAAM,CAACb,OAAOc,GAAG,GAAGK,iBAAiB;gBAC/CJ,UAAU,IAAMf,OAAOe,QAAQ,CAAC;gBAChCZ,OAAO;gBACPD,MAAM;YACR;SAUD;IACD,uDAAuD;IACzD,GAAG;QAACF;QAAQA,OAAOoB,KAAK;KAAC;IAEzB,OAAOnB;AACT,EAAE"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuStates.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuStates.ts"],"sourcesContent":["import { Editor } from \"@tiptap/react\";\nimport { useCallback, useMemo } from \"react\";\nimport { ShouldShowProps } from \"../../types.js\";\nimport {\n  isCustomNodeSelected,\n  isTextSelected,\n} from \"../../../../lib/utils/index.js\";\nimport { supportedSocialMedia } from \"../../../../extensions/SocialMedia/menus/constants.js\";\n\nexport const useTextmenuStates = (editor: Editor) => {\n  const shouldShow = useCallback(\n    ({ view, from }: ShouldShowProps) => {\n      const isInSocialMedia = supportedSocialMedia?.some((socialMedia) => {\n        return editor.isActive(socialMedia);\n      });\n      if (!view || isInSocialMedia || editor.isActive(\"insideLinks\")) {\n        return false;\n      }\n\n      const domAtPos = view.domAtPos(from || 0).node as HTMLElement;\n      const nodeDOM = view.nodeDOM(from || 0) as HTMLElement;\n      const node = nodeDOM || domAtPos;\n\n      if (isCustomNodeSelected(editor, node)) {\n        return false;\n      }\n\n      return isTextSelected({ editor });\n    },\n    [editor]\n  );\n\n  return {\n    isBold: editor.isActive(\"bold\"),\n    isItalic: editor.isActive(\"italic\"),\n    isStrike: editor.isActive(\"strike\"),\n    isUnderline: editor.isActive(\"underline\"),\n    isCode: editor.isActive(\"code\"),\n    isSubscript: editor.isActive(\"subscript\"),\n    isSuperscript: editor.isActive(\"superscript\"),\n    isAlignLeft: editor.isActive({ textAlign: \"left\" }),\n    isAlignCenter: editor.isActive({ textAlign: \"center\" }),\n    isAlignRight: editor.isActive({ textAlign: \"right\" }),\n    isAlignJustify: editor.isActive({ textAlign: \"justify\" }),\n    currentColor: editor.getAttributes(\"textStyle\")?.color || undefined,\n    currentHighlight: editor.getAttributes(\"highlight\")?.color || undefined,\n    currentFont: editor.getAttributes(\"textStyle\")?.fontFamily || undefined,\n    currentSize: editor.getAttributes(\"textStyle\")?.fontSize || undefined,\n    shouldShow,\n  };\n};\n"],"names":["useCallback","isCustomNodeSelected","isTextSelected","supportedSocialMedia","useTextmenuStates","editor","shouldShow","view","from","isInSocialMedia","some","socialMedia","isActive","domAtPos","node","nodeDOM","isBold","isItalic","isStrike","isUnderline","isCode","isSubscript","isSuperscript","isAlignLeft","textAlign","isAlignCenter","isAlignRight","isAlignJustify","currentColor","getAttributes","color","undefined","currentHighlight","currentFont","fontFamily","currentSize","fontSize"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AACA,SAASA,WAAW,QAAiB,QAAQ;AAE7C,SACEC,oBAAoB,EACpBC,cAAc,QACT,iCAAiC;AACxC,SAASC,oBAAoB,QAAQ,wDAAwD;AAE7F,OAAO,MAAMC,oBAAoB,CAACC;IAChC,MAAMC,aAAaN,YACjB,CAAC,EAAEO,IAAI,EAAEC,IAAI,EAAmB;QAC9B,MAAMC,kBAAkBN,sBAAsBO,KAAK,CAACC;YAClD,OAAON,OAAOO,QAAQ,CAACD;QACzB;QACA,IAAI,CAACJ,QAAQE,mBAAmBJ,OAAOO,QAAQ,CAAC,gBAAgB;YAC9D,OAAO;QACT;QAEA,MAAMC,WAAWN,KAAKM,QAAQ,CAACL,QAAQ,GAAGM,IAAI;QAC9C,MAAMC,UAAUR,KAAKQ,OAAO,CAACP,QAAQ;QACrC,MAAMM,OAAOC,WAAWF;QAExB,IAAIZ,qBAAqBI,QAAQS,OAAO;YACtC,OAAO;QACT;QAEA,OAAOZ,eAAe;YAAEG;QAAO;IACjC,GACA;QAACA;KAAO;IAGV,OAAO;QACLW,QAAQX,OAAOO,QAAQ,CAAC;QACxBK,UAAUZ,OAAOO,QAAQ,CAAC;QAC1BM,UAAUb,OAAOO,QAAQ,CAAC;QAC1BO,aAAad,OAAOO,QAAQ,CAAC;QAC7BQ,QAAQf,OAAOO,QAAQ,CAAC;QACxBS,aAAahB,OAAOO,QAAQ,CAAC;QAC7BU,eAAejB,OAAOO,QAAQ,CAAC;QAC/BW,aAAalB,OAAOO,QAAQ,CAAC;YAAEY,WAAW;QAAO;QACjDC,eAAepB,OAAOO,QAAQ,CAAC;YAAEY,WAAW;QAAS;QACrDE,cAAcrB,OAAOO,QAAQ,CAAC;YAAEY,WAAW;QAAQ;QACnDG,gBAAgBtB,OAAOO,QAAQ,CAAC;YAAEY,WAAW;QAAU;QACvDI,cAAcvB,OAAOwB,aAAa,CAAC,cAAcC,SAASC;QAC1DC,kBAAkB3B,OAAOwB,aAAa,CAAC,cAAcC,SAASC;QAC9DE,aAAa5B,OAAOwB,aAAa,CAAC,cAAcK,cAAcH;QAC9DI,aAAa9B,OAAOwB,aAAa,CAAC,cAAcO,YAAYL;QAC5DzB;IACF;AACF,EAAE"}
+{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuStates.ts"],"sourcesContent":["import { Editor } from \"@tiptap/react\";\nimport { useCallback, useMemo } from \"react\";\nimport { ShouldShowProps } from \"../../types.js\";\nimport {\n  isCustomNodeSelected,\n  isTextSelected,\n} from \"../../../../lib/utils/index.js\";\nimport { supportedSocialMedia } from \"../../../../extensions/SocialMedia/menus/constants.js\";\n\nexport const useTextmenuStates = (editor: Editor) => {\n  const shouldShow = useCallback(\n    ({ view, from }: ShouldShowProps) => {\n      const isInSocialMedia = supportedSocialMedia?.some((socialMedia) => {\n        return editor.isActive(socialMedia);\n      });\n      if (!view || isInSocialMedia || editor.isActive(\"insideLinks\")) {\n        return false;\n      }\n\n      const domAtPos = view.domAtPos(from || 0).node as HTMLElement;\n      const nodeDOM = view.nodeDOM(from || 0) as HTMLElement;\n      const node = nodeDOM || domAtPos;\n\n      if (isCustomNodeSelected(editor, node)) {\n        return false;\n      }\n\n      return isTextSelected({ editor });\n    },\n    [editor]\n  );\n\n  return {\n    isBold: editor.isActive(\"bold\"),\n    isItalic: editor.isActive(\"italic\"),\n    isStrike: editor.isActive(\"strike\"),\n    isUnderline: editor.isActive(\"underline\"),\n    isCode: editor.isActive(\"code\"),\n    isSubscript: editor.isActive(\"subscript\"),\n    isSuperscript: editor.isActive(\"superscript\"),\n    isAlignLeft: editor.isActive({ textAlign: \"left\" }),\n    isAlignCenter: editor.isActive({ textAlign: \"center\" }),\n    isAlignRight: editor.isActive({ textAlign: \"right\" }),\n    isAlignJustify: editor.isActive({ textAlign: \"justify\" }),\n    currentColor: editor.getAttributes(\"textStyle\")?.color || undefined,\n    currentHighlight: editor.getAttributes(\"highlight\")?.color || undefined,\n    currentFont: editor.getAttributes(\"textStyle\")?.fontFamily || undefined,\n    currentSize: editor.getAttributes(\"textStyle\")?.fontSize || undefined,\n    shouldShow,\n  };\n};\n"],"names":["useCallback","isCustomNodeSelected","isTextSelected","supportedSocialMedia","useTextmenuStates","editor","shouldShow","view","from","isInSocialMedia","some","socialMedia","isActive","domAtPos","node","nodeDOM","isBold","isItalic","isStrike","isUnderline","isCode","isSubscript","isSuperscript","isAlignLeft","textAlign","isAlignCenter","isAlignRight","isAlignJustify","currentColor","getAttributes","color","undefined","currentHighlight","currentFont","fontFamily","currentSize","fontSize"],"mappings":"AACA,SAASA,WAAW,QAAiB,QAAQ;AAE7C,SACEC,oBAAoB,EACpBC,cAAc,QACT,iCAAiC;AACxC,SAASC,oBAAoB,QAAQ,wDAAwD;AAE7F,OAAO,MAAMC,oBAAoB,CAACC;IAChC,MAAMC,aAAaN,YACjB,CAAC,EAAEO,IAAI,EAAEC,IAAI,EAAmB;QAC9B,MAAMC,kBAAkBN,sBAAsBO,KAAK,CAACC;YAClD,OAAON,OAAOO,QAAQ,CAACD;QACzB;QACA,IAAI,CAACJ,QAAQE,mBAAmBJ,OAAOO,QAAQ,CAAC,gBAAgB;YAC9D,OAAO;QACT;QAEA,MAAMC,WAAWN,KAAKM,QAAQ,CAACL,QAAQ,GAAGM,IAAI;QAC9C,MAAMC,UAAUR,KAAKQ,OAAO,CAACP,QAAQ;QACrC,MAAMM,OAAOC,WAAWF;QAExB,IAAIZ,qBAAqBI,QAAQS,OAAO;YACtC,OAAO;QACT;QAEA,OAAOZ,eAAe;YAAEG;QAAO;IACjC,GACA;QAACA;KAAO;IAGV,OAAO;QACLW,QAAQX,OAAOO,QAAQ,CAAC;QACxBK,UAAUZ,OAAOO,QAAQ,CAAC;QAC1BM,UAAUb,OAAOO,QAAQ,CAAC;QAC1BO,aAAad,OAAOO,QAAQ,CAAC;QAC7BQ,QAAQf,OAAOO,QAAQ,CAAC;QACxBS,aAAahB,OAAOO,QAAQ,CAAC;QAC7BU,eAAejB,OAAOO,QAAQ,CAAC;QAC/BW,aAAalB,OAAOO,QAAQ,CAAC;YAAEY,WAAW;QAAO;QACjDC,eAAepB,OAAOO,QAAQ,CAAC;YAAEY,WAAW;QAAS;QACrDE,cAAcrB,OAAOO,QAAQ,CAAC;YAAEY,WAAW;QAAQ;QACnDG,gBAAgBtB,OAAOO,QAAQ,CAAC;YAAEY,WAAW;QAAU;QACvDI,cAAcvB,OAAOwB,aAAa,CAAC,cAAcC,SAASC;QAC1DC,kBAAkB3B,OAAOwB,aAAa,CAAC,cAAcC,SAASC;QAC9DE,aAAa5B,OAAOwB,aAAa,CAAC,cAAcK,cAAcH;QAC9DI,aAAa9B,OAAOwB,aAAa,CAAC,cAAcO,YAAYL;QAC5DzB;IACF;AACF,EAAE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/menus/index.ts"],"sourcesContent":["export * from \"./LinkMenu/index.js\";\nexport * from \"./TextMenu/index.js\";\nexport * from \"./ContentItemMenu/index.js\";\n"],"names":[],"rangeMappings":";;","mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,sBAAsB;AACpC,cAAc,6BAA6B"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/menus/index.ts"],"sourcesContent":["export * from \"./LinkMenu/index.js\";\nexport * from \"./TextMenu/index.js\";\nexport * from \"./ContentItemMenu/index.js\";\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,sBAAsB;AACpC,cAAc,6BAA6B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/menus/types.ts"],"sourcesContent":["import React from 'react'\nimport { Editor as CoreEditor } from '@tiptap/core'\nimport { Editor } from '@tiptap/react'\nimport { EditorState } from '@tiptap/pm/state'\nimport { EditorView } from '@tiptap/pm/view'\n\nexport interface MenuProps {\n  editor: Editor\n  appendTo?: React.RefObject<any>\n  shouldHide?: boolean\n}\n\nexport interface ShouldShowProps {\n  editor?: CoreEditor\n  view: EditorView\n  state?: EditorState\n  oldState?: EditorState\n  from?: number\n  to?: number\n}\n"],"names":["React"],"rangeMappings":"","mappings":"AAAA,OAAOA,WAAW,QAAO"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/menus/types.ts"],"sourcesContent":["import React from 'react'\nimport { Editor as CoreEditor } from '@tiptap/core'\nimport { Editor } from '@tiptap/react'\nimport { EditorState } from '@tiptap/pm/state'\nimport { EditorView } from '@tiptap/pm/view'\n\nexport interface MenuProps {\n  editor: Editor\n  appendTo?: React.RefObject<any>\n  shouldHide?: boolean\n}\n\nexport interface ShouldShowProps {\n  editor?: CoreEditor\n  view: EditorView\n  state?: EditorState\n  oldState?: EditorState\n  from?: number\n  to?: number\n}\n"],"names":["React"],"mappings":"AAAA,OAAOA,WAAW,QAAO"}

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

@@ -0,0 +1,7 @@
+import { Editor } from "@tiptap/react";
+export type AICommandPanelProps = {
+    editor: Editor;
+    onOpenChange: (value: boolean) => void;
+};
+export declare const AICommandPanel: ({ editor, onOpenChange, }: AICommandPanelProps) => import("react").JSX.Element;
+//# sourceMappingURL=AICommandPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AICommandPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAA4B,MAAM,eAAe,CAAC;AAiBjE,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,cAAc,8BAGxB,mBAAmB,gCAiMrB,CAAC"}

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

@@ -0,0 +1,193 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useLocale } from "@payloadcms/ui/providers/Locale";
+import { useEditor } from "@tiptap/react";
+import { useCompletion } from "ai/react";
+import { ArrowRight, Sparkles } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import TextareaAutosize from "react-textarea-autosize";
+import { Markdown } from "tiptap-markdown";
+import { getPrevText } from "../../../lib/utils/index.js";
+import { isRTL } from "../../../lib/utils/isRtl.js";
+import AICompletionCommands from "../../menus/TextMenu/components/ai-completion-command.js";
+import { Surface } from "../../ui/Surface.js";
+import { Toolbar } from "../../ui/Toolbar.js";
+import CrazySpinner from "../../ui/crazy-spinner.js";
+import { ScrollArea } from "../../ui/scroll-area.js";
+import AIDraftSelectorCommands from "../../menus/TextMenu/components/ai-draft-selector-commands.js";
+import StarterKit from "@tiptap/starter-kit";
+export const AICommandPanel = ({ editor, onOpenChange })=>{
+    const [inputValue, setInputValue] = useState("");
+    const { code } = useLocale();
+    const { view } = editor;
+    const editorNode = view.dom;
+    const boundigClient = editorNode.getBoundingClientRect();
+    const inputRef = useRef(null);
+    // const { status, messages, input, submitMessage, handleInputChange } = useAssistant({
+    //   // id: "novel",
+    //   api: "/api/assistant",
+    //   onResponse: (response) => {
+    //     if (response.status === 429) {
+    //       toast.error("You have reached your request limit for the day.");
+    //       return;
+    //     }
+    //   },
+    //   onError: (e) => {
+    //     toast.error(e.message);
+    //   },
+    // });
+    const { completion, complete, isLoading } = useCompletion({
+        // id: "novel",
+        api: "/api/generate",
+        onResponse: (response)=>{
+            if (response.status === 429) {
+                console.log("You have reached your request limit for the day.");
+                return;
+            }
+        },
+        onError: (e)=>{
+            console.log("ERROR", e.message);
+        }
+    });
+    const hasCompletion = completion.length > 0;
+    const handleClick = useCallback(()=>{
+        if (completion) {
+            return complete(completion, {
+                body: {
+                    option: "zap",
+                    command: inputValue,
+                    language: code ?? "en"
+                }
+            }).then(()=>setInputValue(""));
+        }
+        const text = getPrevText(editor, {
+            chars: 5000
+        });
+        complete(text, {
+            body: {
+                option: "zap",
+                command: inputValue,
+                language: code ?? "en"
+            }
+        }).then(()=>setInputValue(""));
+    }, [
+        code,
+        inputValue
+    ]);
+    useEffect(()=>{
+        if (!isLoading && completion) {
+            const selection = editor.state.selection;
+            editor.chain().focus().insertContentAt(selection.to - 1, completion).insertContentAt(selection.to, " ").run();
+        }
+    }, [
+        completion,
+        isLoading
+    ]);
+    const editorMarkdown = useEditor({
+        content: completion ?? "",
+        autofocus: true,
+        onCreate: ({ editor })=>{
+        // provider?.on('synced', () => {
+        //   if (editor.isEmpty) {
+        //     editor.commands.setContent(initialContent)
+        //   }
+        // })
+        },
+        extensions: [
+            StarterKit,
+            Markdown
+        ],
+        editorProps: {
+            attributes: {
+                autocomplete: "off",
+                autocorrect: "off",
+                autocapitalize: "off",
+                class: "min-h-full"
+            }
+        }
+    }, []);
+    return /*#__PURE__*/ _jsx(Surface, {
+        className: `p-2 min-w-[20rem] flex  flex-col gap-2 `,
+        style: {
+            width: boundigClient?.width
+        },
+        children: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                hasCompletion && /*#__PURE__*/ _jsx("div", {
+                    className: "flex  w-full",
+                    children: /*#__PURE__*/ _jsx(ScrollArea, {
+                        children: /*#__PURE__*/ _jsx("div", {
+                            className: "prose p-2 px-4 prose-sm",
+                            dir: isRTL(completion) ? "rtl" : "ltr"
+                        })
+                    })
+                }),
+                isLoading && /*#__PURE__*/ _jsxs("div", {
+                    className: "flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-blue-500",
+                    style: {
+                        width: boundigClient?.width
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Sparkles, {
+                            className: "mr-2 h-4 w-4 shrink-0  "
+                        }),
+                        "AI is thinking",
+                        /*#__PURE__*/ _jsx("div", {
+                            className: "ml-2 mt-1",
+                            children: /*#__PURE__*/ _jsx(CrazySpinner, {})
+                        })
+                    ]
+                }),
+                !isLoading && /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "flex justify-between items-center ",
+                            children: [
+                                /*#__PURE__*/ _jsx(Sparkles, {
+                                    className: "mr-2 h-4 w-4 shrink-0 text-blue-500 "
+                                }),
+                                /*#__PURE__*/ _jsx(TextareaAutosize, {
+                                    ref: inputRef,
+                                    className: "w-full p-2 text-black bg-white  rounded dark:bg-black dark:text-white focus:outline-none",
+                                    value: inputValue,
+                                    onChange: (e)=>{
+                                        setInputValue(e.target.value);
+                                    },
+                                    placeholder: hasCompletion ? "Tell AI what to do next" : "Ask AI to edit or generate...",
+                                    autoFocus: true,
+                                    // onFocus={() => {
+                                    //   addAIHighlight(editor)}}
+                                    onKeyDown: (e)=>{
+                                        if (e.key === "Enter") handleClick();
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsx(Toolbar.Button, {
+                                    // size="icon"
+                                    // className="absolute right-2 top-1/2 h-6 w-6 -translate-y-1/2 rounded-full  bg-zinc-100 hover:bg-zinc-150"
+                                    onClick: handleClick,
+                                    children: /*#__PURE__*/ _jsx(ArrowRight, {})
+                                })
+                            ]
+                        }),
+                        hasCompletion ? /*#__PURE__*/ _jsx(AICompletionCommands, {
+                            editor: editor,
+                            onDiscard: ()=>{
+                                editor.chain().unsetHighlight().focus().run();
+                                onOpenChange(false);
+                            },
+                            completion: completion
+                        }) : /*#__PURE__*/ _jsx(AIDraftSelectorCommands, {
+                            editor: editor,
+                            onSelect: (value)=>{
+                                setInputValue(value);
+                                inputRef.current.focus();
+                            }
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+//# sourceMappingURL=AICommandPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { Editor, EditorContent, useEditor } from \"@tiptap/react\";\nimport { useCompletion } from \"ai/react\";\nimport { ArrowRight, Sparkles } from \"lucide-react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport TextareaAutosize from \"react-textarea-autosize\";\n\nimport { Markdown } from \"tiptap-markdown\";\nimport { getPrevText } from \"../../../lib/utils/index.js\";\nimport { isRTL } from \"../../../lib/utils/isRtl.js\";\nimport AICompletionCommands from \"../../menus/TextMenu/components/ai-completion-command.js\";\nimport AISelectorCommands from \"../../menus/TextMenu/components/ai-selector-commands.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\nimport CrazySpinner from \"../../ui/crazy-spinner.js\";\nimport { ScrollArea } from \"../../ui/scroll-area.js\";\nimport AIDraftSelectorCommands from \"../../menus/TextMenu/components/ai-draft-selector-commands.js\";\nimport StarterKit from \"@tiptap/starter-kit\";\nexport type AICommandPanelProps = {\n  editor: Editor;\n  onOpenChange: (value: boolean) => void;\n};\n\nexport const AICommandPanel = ({\n  editor,\n  onOpenChange,\n}: AICommandPanelProps) => {\n  const [inputValue, setInputValue] = useState(\"\");\n  const { code } = useLocale();\n  const { view } = editor;\n\n  const editorNode = view.dom as HTMLElement;\n  const boundigClient = editorNode.getBoundingClientRect();\n  const inputRef = useRef<HTMLTextAreaElement>(null);\n\n  // const { status, messages, input, submitMessage, handleInputChange } = useAssistant({\n  //   // id: \"novel\",\n  //   api: \"/api/assistant\",\n  //   onResponse: (response) => {\n  //     if (response.status === 429) {\n  //       toast.error(\"You have reached your request limit for the day.\");\n  //       return;\n  //     }\n  //   },\n  //   onError: (e) => {\n  //     toast.error(e.message);\n  //   },\n  // });\n\n  const { completion, complete, isLoading } = useCompletion({\n    // id: \"novel\",\n    api: \"/api/generate\",\n    onResponse: (response) => {\n      if (response.status === 429) {\n        console.log(\"You have reached your request limit for the day.\");\n\n        return;\n      }\n    },\n\n    onError: (e) => {\n      console.log(\"ERROR\", e.message);\n    },\n  });\n\n  const hasCompletion = completion.length > 0;\n  const handleClick = useCallback(() => {\n    if (completion) {\n      return complete(completion, {\n        body: { option: \"zap\", command: inputValue, language: code ?? \"en\" },\n      }).then(() => setInputValue(\"\"));\n    }\n    const text = getPrevText(editor, { chars: 5000 });\n\n    complete(text, {\n      body: { option: \"zap\", command: inputValue, language: code ?? \"en\" },\n    }).then(() => setInputValue(\"\"));\n  }, [code, inputValue]);\n\n  useEffect(() => {\n    if (!isLoading && completion) {\n      const selection = editor.state.selection;\n      editor\n        .chain()\n        .focus()\n        .insertContentAt(selection.to - 1, completion)\n        .insertContentAt(selection.to, \" \")\n        .run();\n    }\n  }, [completion, isLoading]);\n\n  const editorMarkdown = useEditor(\n    {\n      content: completion ?? \"\",\n      autofocus: true,\n      onCreate: ({ editor }) => {\n        // provider?.on('synced', () => {\n        //   if (editor.isEmpty) {\n        //     editor.commands.setContent(initialContent)\n        //   }\n        // })\n      },\n\n      extensions: [StarterKit, Markdown],\n      editorProps: {\n        attributes: {\n          autocomplete: \"off\",\n          autocorrect: \"off\",\n          autocapitalize: \"off\",\n          class: \"min-h-full\",\n        },\n      },\n    },\n    []\n  );\n  return (\n    <Surface\n      className={`p-2 min-w-[20rem] flex  flex-col gap-2 `}\n      style={{\n        width: boundigClient?.width,\n      }}\n    >\n      <>\n        {hasCompletion && (\n          <div className=\"flex  w-full\">\n            <ScrollArea>\n              <div\n                className=\"prose p-2 px-4 prose-sm\"\n                dir={isRTL(completion) ? \"rtl\" : \"ltr\"}\n              >\n                {/* <Markdown>{completion}</Markdown> */}\n              </div>\n            </ScrollArea>\n          </div>\n        )}\n\n        {isLoading && (\n          <div\n            className=\"flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-blue-500\"\n            style={{\n              width: boundigClient?.width,\n            }}\n          >\n            <Sparkles className=\"mr-2 h-4 w-4 shrink-0  \" />\n            AI is thinking\n            <div className=\"ml-2 mt-1\">\n              <CrazySpinner />\n            </div>\n          </div>\n        )}\n\n        {!isLoading && (\n          <>\n            <div className=\"flex justify-between items-center \">\n              {/* <CommandInput\n                value={inputValue}\n                onValueChange={setInputValue}\n                autoFocus\n                placeholder={\n                  hasCompletion ? 'Tell AI what to do next' : 'Ask AI to edit or generate...'\n                }\n                // onFocus={() => addAIHighlight(editor)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') handleClick()\n                }}\n              /> */}\n              <Sparkles className=\"mr-2 h-4 w-4 shrink-0 text-blue-500 \" />\n              <TextareaAutosize\n                ref={inputRef}\n                className=\"w-full p-2 text-black bg-white  rounded dark:bg-black dark:text-white focus:outline-none\"\n                value={inputValue}\n                onChange={(e) => {\n                  setInputValue(e.target.value);\n                }}\n                placeholder={\n                  hasCompletion\n                    ? \"Tell AI what to do next\"\n                    : \"Ask AI to edit or generate...\"\n                }\n                autoFocus\n                // onFocus={() => {\n                //   addAIHighlight(editor)}}\n\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\") handleClick();\n                }}\n              />\n              <Toolbar.Button\n                // size=\"icon\"\n\n                // className=\"absolute right-2 top-1/2 h-6 w-6 -translate-y-1/2 rounded-full  bg-zinc-100 hover:bg-zinc-150\"\n                onClick={handleClick}\n              >\n                <ArrowRight />\n              </Toolbar.Button>\n            </div>\n            {hasCompletion ? (\n              <AICompletionCommands\n                editor={editor}\n                onDiscard={() => {\n                  editor.chain().unsetHighlight().focus().run();\n                  onOpenChange(false);\n                }}\n                completion={completion}\n              />\n            ) : (\n              <AIDraftSelectorCommands\n                editor={editor}\n                onSelect={(value) => {\n                  setInputValue(value);\n                  inputRef.current.focus();\n                }}\n              />\n            )}\n          </>\n        )}\n      </>\n    </Surface>\n  );\n};\n"],"names":["useLocale","useEditor","useCompletion","ArrowRight","Sparkles","useCallback","useEffect","useRef","useState","TextareaAutosize","Markdown","getPrevText","isRTL","AICompletionCommands","Surface","Toolbar","CrazySpinner","ScrollArea","AIDraftSelectorCommands","StarterKit","AICommandPanel","editor","onOpenChange","inputValue","setInputValue","code","view","editorNode","dom","boundigClient","getBoundingClientRect","inputRef","completion","complete","isLoading","api","onResponse","response","status","console","log","onError","e","message","hasCompletion","length","handleClick","body","option","command","language","then","text","chars","selection","state","chain","focus","insertContentAt","to","run","editorMarkdown","content","autofocus","onCreate","extensions","editorProps","attributes","autocomplete","autocorrect","autocapitalize","class","className","style","width","div","dir","ref","value","onChange","target","placeholder","autoFocus","onKeyDown","key","Button","onClick","onDiscard","unsetHighlight","onSelect","current"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/features/panels/AICommandPanel/index.d.ts

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

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

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

package/dist/src/fields/TiptapEditor/features/panels/AICommandPanel/index.js

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

package/dist/src/fields/TiptapEditor/features/panels/AICommandPanel/index.js.map

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