payload-richtext-tiptap 0.0.146 → 0.0.147

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.tsx"],"sourcesContent":["import { ExternalLinkIcon } from \"@payloadcms/ui/graphics/ExternalLink\";\r\nimport { NodeViewContent, NodeViewWrapper } from \"@tiptap/react\";\r\nimport i18next from \"i18next\";\r\nimport { cn } from \"../../lib/utils/index.js\";\r\n\r\nexport default ({ className, ...props }: any) => {\r\n  return (\r\n    <NodeViewWrapper\r\n      className={cn(\"react-component\", className)}\r\n      onClick={() => {\r\n        props.editor.commands.setNodeSelection(props.getPos());\r\n      }}\r\n    >\r\n      <NodeViewContent contentEditable=\"false\" className=\"socialMediaContainer\">\r\n        {props?.node.type.spec.draggable ? (\r\n          <div draggable=\"true\" data-drag-handle=\"\" style={{ width: \"100%\" }}>\r\n            {/*@ts-ignore*/}\r\n            {(!props?.node?.attrs?.id ?? \"\") ? (\r\n              <div\r\n                className=\"w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard\"\r\n                draggable=\"true\"\r\n                data-drag-handle=\"\"\r\n              >\r\n                <ExternalLinkIcon className=\"h-6 w-6\" />\r\n\r\n                <p\r\n                  className=\"w-full flex items-center justify-start mt-0\"\r\n                  style={{\r\n                    marginTop: 0,\r\n                  }}\r\n                >\r\n                  Add Internal Content Links\r\n                  {/* {text} */}\r\n                </p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"flex justify-center items-center w-full  gap-x-6\">\r\n                <div className=\"flex justify-center items-center\">\r\n                  <div className=\"w-[32px] h-[64px] bg-blue-400\"></div>\r\n                  <img\r\n                    src={props?.node?.attrs?.thumbnail ?? \"\"}\r\n                    width={212}\r\n                    height={120}\r\n                    alt={\"\"}\r\n                    className=\"-ml-6 !w-[212px] !h-[120px] object-cover\"\r\n                  />\r\n                </div>\r\n                <div className=\"flex flex-col justidy-start items-start font-trt gap-y-2 \">\r\n                  <a\r\n                    className=\"text-black dark:text-white text-lg capitalize w-full\"\r\n                    // href={`https://test-payload.trtglobal.tech/en${props?.node?.attrs?.url}` ?? ''}\r\n                    //@ts-ignore\r\n                    // dir={isRTL(\"بیشتر بخوانید\" ?? \"\") ? \"rtl\" : \"ltr\"}\r\n                    dir={i18next.dir()}\r\n                  >\r\n                    بیشتر بخوانید\r\n                  </a>\r\n                  <h3\r\n                    className=\"text-2xl font-bold !mt-0 w-full\"\r\n                    dir={i18next.dir()}\r\n                  >\r\n                    {props?.node?.attrs?.title}\r\n                  </h3>\r\n                </div>\r\n              </div>\r\n            )}\r\n          </div>\r\n        ) : null}\r\n      </NodeViewContent>\r\n    </NodeViewWrapper>\r\n  );\r\n};\r\n"],"names":["ExternalLinkIcon","NodeViewContent","NodeViewWrapper","i18next","cn","className","props","onClick","editor","commands","setNodeSelection","getPos","contentEditable","node","type","spec","draggable","div","data-drag-handle","style","width","attrs","id","p","marginTop","img","src","thumbnail","height","alt","a","dir","h3","title"],"mappings":";AAAA,SAASA,gBAAgB,QAAQ,uCAAuC;AACxE,SAASC,eAAe,EAAEC,eAAe,QAAQ,gBAAgB;AACjE,OAAOC,aAAa,UAAU;AAC9B,SAASC,EAAE,QAAQ,2BAA2B;AAE9C,eAAe,CAAA,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAY;IAC1C,qBACE,KAACJ;QACCG,WAAWD,GAAG,mBAAmBC;QACjCE,SAAS;YACPD,MAAME,MAAM,CAACC,QAAQ,CAACC,gBAAgB,CAACJ,MAAMK,MAAM;QACrD;kBAEA,cAAA,KAACV;YAAgBW,iBAAgB;YAAQP,WAAU;sBAChDC,OAAOO,KAAKC,KAAKC,KAAKC,0BACrB,KAACC;gBAAID,WAAU;gBAAOE,oBAAiB;gBAAGC,OAAO;oBAAEC,OAAO;gBAAO;0BAE9D,AAAC,CAACd,OAAOO,MAAMQ,OAAOC,MAAM,mBAC3B,MAACL;oBACCZ,WAAU;oBACVW,WAAU;oBACVE,oBAAiB;;sCAEjB,KAAClB;4BAAiBK,WAAU;;sCAE5B,KAACkB;4BACClB,WAAU;4BACVc,OAAO;gCACLK,WAAW;4BACb;sCACD;;;mCAMH,MAACP;oBAAIZ,WAAU;;sCACb,MAACY;4BAAIZ,WAAU;;8CACb,KAACY;oCAAIZ,WAAU;;8CACf,KAACoB;oCACCC,KAAKpB,OAAOO,MAAMQ,OAAOM,aAAa;oCACtCP,OAAO;oCACPQ,QAAQ;oCACRC,KAAK;oCACLxB,WAAU;;;;sCAGd,MAACY;4BAAIZ,WAAU;;8CACb,KAACyB;oCACCzB,WAAU;oCACV,kFAAkF;oCAClF,YAAY;oCACZ,qDAAqD;oCACrD0B,KAAK5B,QAAQ4B,GAAG;8CACjB;;8CAGD,KAACC;oCACC3B,WAAU;oCACV0B,KAAK5B,QAAQ4B,GAAG;8CAEfzB,OAAOO,MAAMQ,OAAOY;;;;;;iBAM7B;;;AAIZ,CAAA,EAAE"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.tsx"],"sourcesContent":["import { ExternalLinkIcon } from \"@payloadcms/ui/graphics/ExternalLink\";\nimport { NodeViewContent, NodeViewWrapper } from \"@tiptap/react\";\nimport i18next from \"i18next\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nexport default ({ className, ...props }: any) => {\n  return (\n    <NodeViewWrapper\n      className={cn(\"react-component\", className)}\n      onClick={() => {\n        props.editor.commands.setNodeSelection(props.getPos());\n      }}\n    >\n      <NodeViewContent contentEditable=\"false\" className=\"socialMediaContainer\">\n        {props?.node.type.spec.draggable ? (\n          <div draggable=\"true\" data-drag-handle=\"\" style={{ width: \"100%\" }}>\n            {/*@ts-ignore*/}\n            {(!props?.node?.attrs?.id ?? \"\") ? (\n              <div\n                className=\"w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard\"\n                draggable=\"true\"\n                data-drag-handle=\"\"\n              >\n                <ExternalLinkIcon className=\"h-6 w-6\" />\n\n                <p\n                  className=\"w-full flex items-center justify-start mt-0\"\n                  style={{\n                    marginTop: 0,\n                  }}\n                >\n                  Add Internal Content Links\n                  {/* {text} */}\n                </p>\n              </div>\n            ) : (\n              <div className=\"flex justify-center items-center w-full  gap-x-6\">\n                <div className=\"flex justify-center items-center\">\n                  <div className=\"w-[32px] h-[64px] bg-blue-400\"></div>\n                  <img\n                    src={props?.node?.attrs?.thumbnail ?? \"\"}\n                    width={212}\n                    height={120}\n                    alt={\"\"}\n                    className=\"-ml-6 !w-[212px] !h-[120px] object-cover\"\n                  />\n                </div>\n                <div className=\"flex flex-col justidy-start items-start font-trt gap-y-2 \">\n                  <a\n                    className=\"text-black dark:text-white text-lg capitalize w-full\"\n                    // href={`https://test-payload.trtglobal.tech/en${props?.node?.attrs?.url}` ?? ''}\n                    //@ts-ignore\n                    // dir={isRTL(\"بیشتر بخوانید\" ?? \"\") ? \"rtl\" : \"ltr\"}\n                    dir={i18next.dir()}\n                  >\n                    بیشتر بخوانید\n                  </a>\n                  <h3\n                    className=\"text-2xl font-bold !mt-0 w-full\"\n                    dir={i18next.dir()}\n                  >\n                    {props?.node?.attrs?.title}\n                  </h3>\n                </div>\n              </div>\n            )}\n          </div>\n        ) : null}\n      </NodeViewContent>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["ExternalLinkIcon","NodeViewContent","NodeViewWrapper","i18next","cn","className","props","onClick","editor","commands","setNodeSelection","getPos","contentEditable","node","type","spec","draggable","div","data-drag-handle","style","width","attrs","id","p","marginTop","img","src","thumbnail","height","alt","a","dir","h3","title"],"mappings":";AAAA,SAASA,gBAAgB,QAAQ,uCAAuC;AACxE,SAASC,eAAe,EAAEC,eAAe,QAAQ,gBAAgB;AACjE,OAAOC,aAAa,UAAU;AAC9B,SAASC,EAAE,QAAQ,2BAA2B;AAE9C,eAAe,CAAA,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAY;IAC1C,qBACE,KAACJ;QACCG,WAAWD,GAAG,mBAAmBC;QACjCE,SAAS;YACPD,MAAME,MAAM,CAACC,QAAQ,CAACC,gBAAgB,CAACJ,MAAMK,MAAM;QACrD;kBAEA,cAAA,KAACV;YAAgBW,iBAAgB;YAAQP,WAAU;sBAChDC,OAAOO,KAAKC,KAAKC,KAAKC,0BACrB,KAACC;gBAAID,WAAU;gBAAOE,oBAAiB;gBAAGC,OAAO;oBAAEC,OAAO;gBAAO;0BAE9D,AAAC,CAACd,OAAOO,MAAMQ,OAAOC,MAAM,mBAC3B,MAACL;oBACCZ,WAAU;oBACVW,WAAU;oBACVE,oBAAiB;;sCAEjB,KAAClB;4BAAiBK,WAAU;;sCAE5B,KAACkB;4BACClB,WAAU;4BACVc,OAAO;gCACLK,WAAW;4BACb;sCACD;;;mCAMH,MAACP;oBAAIZ,WAAU;;sCACb,MAACY;4BAAIZ,WAAU;;8CACb,KAACY;oCAAIZ,WAAU;;8CACf,KAACoB;oCACCC,KAAKpB,OAAOO,MAAMQ,OAAOM,aAAa;oCACtCP,OAAO;oCACPQ,QAAQ;oCACRC,KAAK;oCACLxB,WAAU;;;;sCAGd,MAACY;4BAAIZ,WAAU;;8CACb,KAACyB;oCACCzB,WAAU;oCACV,kFAAkF;oCAClF,YAAY;oCACZ,qDAAqD;oCACrD0B,KAAK5B,QAAQ4B,GAAG;8CACjB;;8CAGD,KAACC;oCACC3B,WAAU;oCACV0B,KAAK5B,QAAQ4B,GAAG;8CAEfzB,OAAOO,MAAMQ,OAAOY;;;;;;iBAM7B;;;AAIZ,CAAA,EAAE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/insideLinks.ts"],"sourcesContent":["declare module '@tiptap/core' {\r\n  interface Commands<ReturnType> {\r\n    insideLinks: {\r\n      /**\r\n       * Add an image\r\n       */\r\n\r\n      insertInsideLinks: ({\r\n        thumbnail,\r\n        title,\r\n        id,\r\n        type,\r\n        url,\r\n      }: {\r\n        thumbnail?: string\r\n        title?: string\r\n        id?: string\r\n        type?: string\r\n        url?: string\r\n      }) => ReturnType\r\n    }\r\n  }\r\n}\r\n\r\nimport { Node, mergeAttributes } from '@tiptap/core'\r\nimport { ReactNodeViewRenderer } from '@tiptap/react'\r\nimport InsideLinksComponent from './InsideLinksComponent.js'\r\n\r\nexport const InsideLinks = Node.create({\r\n  name: 'insideLinks',\r\n\r\n  group: 'block',\r\n  content: 'inline*',\r\n  draggable: true,\r\n\r\n  // content: 'inline*',\r\n\r\n  parseHTML() {\r\n    return [\r\n      {\r\n        tag: 'div[data-type=\"social-media-embed\"]',\r\n      },\r\n    ]\r\n  },\r\n\r\n  addAttributes() {\r\n    return {\r\n      id: {\r\n        default: null,\r\n      },\r\n      url: {\r\n        default: null,\r\n      },\r\n      title: {\r\n        default: '',\r\n      },\r\n      thumbnail: {\r\n        default: '',\r\n      },\r\n      draggable: {\r\n        default: true,\r\n      },\r\n      type: { default: null },\r\n    }\r\n  },\r\n\r\n  addKeyboardShortcuts() {\r\n    return {\r\n      'Mod-Enter': () => {\r\n        return this.editor\r\n          .chain()\r\n          .insertContentAt(this.editor.state.selection.head, {\r\n            type: this.type.name,\r\n          })\r\n          .focus()\r\n          .run()\r\n      },\r\n    }\r\n  },\r\n\r\n  // renderHTML({ HTMLAttributes }) {\r\n  //   return [\r\n  //     \"div\",\r\n  //     mergeAttributes(HTMLAttributes, { \"data-type\": \"insideLinks\" }),\r\n  //     0,\r\n  //   ];\r\n  // },\r\n  // parseHTML() {\r\n  //   return [\r\n  //     {\r\n  //       tag: 'div[data-type=\"social-media-embed\"]',\r\n  //     },\r\n  //   ];\r\n  // },\r\n\r\n  renderHTML({ node, HTMLAttributes }) {\r\n    const { id, url, title, thumbnail, draggable } = node.attrs\r\n\r\n    if (!id) {\r\n      return [\r\n        'div',\r\n        mergeAttributes(HTMLAttributes, {\r\n          'data-type': 'social-media-embed',\r\n          class: 'socialMediaContainer',\r\n        }),\r\n        [\r\n          'div',\r\n          {\r\n            class:\r\n              'w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard',\r\n            draggable: draggable ? 'true' : 'false',\r\n            'data-drag-handle': '',\r\n          },\r\n          [\r\n            'svg',\r\n            {\r\n              class: 'h-6 w-6',\r\n              // SVG content for ExternalLinkIcon\r\n            },\r\n          ],\r\n          [\r\n            'p',\r\n            {\r\n              class: 'w-full flex items-center justify-start mt-0',\r\n              style: 'margin-top: 0;',\r\n            },\r\n            'Add Internal Content Links',\r\n          ],\r\n        ],\r\n      ]\r\n    }\r\n\r\n    return [\r\n      'div',\r\n      mergeAttributes(HTMLAttributes, {\r\n        'data-type': 'social-media-embed',\r\n        class: 'socialMediaContainer',\r\n      }),\r\n      [\r\n        'div',\r\n        {\r\n          class: 'flex justify-center items-center w-full gap-x-6',\r\n        },\r\n        [\r\n          'div',\r\n          {\r\n            class: 'flex justify-center items-center',\r\n          },\r\n          [\r\n            'div',\r\n            {\r\n              class: 'w-[32px] h-[64px] bg-blue-400',\r\n            },\r\n          ],\r\n          [\r\n            'img',\r\n            {\r\n              src: thumbnail,\r\n              width: '212',\r\n              height: '120',\r\n              alt: '',\r\n              class: '-ml-6 !w-[212px] !h-[120px] object-cover',\r\n            },\r\n          ],\r\n        ],\r\n        [\r\n          'div',\r\n          {\r\n            class: 'flex flex-col justify-start items-start font-trt gap-y-2',\r\n          },\r\n          [\r\n            'a',\r\n            {\r\n              class: 'text-black dark:text-white text-lg capitalize w-full',\r\n              href: url,\r\n              dir: 'ltr', // Adjust based on your i18n setup\r\n            },\r\n            'Read More', // Adjust based on your i18n setup\r\n          ],\r\n          [\r\n            'h3',\r\n            {\r\n              class: 'text-2xl font-bold !mt-0 w-full',\r\n              dir: 'ltr', // Adjust based on your i18n setup\r\n            },\r\n            title,\r\n          ],\r\n        ],\r\n      ],\r\n    ]\r\n  },\r\n\r\n  addNodeView() {\r\n    return ReactNodeViewRenderer(InsideLinksComponent)\r\n  },\r\n\r\n  addCommands() {\r\n    return {\r\n      insertInsideLinks:\r\n        ({\r\n          thumbnail,\r\n          title,\r\n          id,\r\n          type,\r\n          url,\r\n        }: {\r\n          thumbnail?: string\r\n          title?: string\r\n          id?: string\r\n          type?: string\r\n          url?: string\r\n        }) =>\r\n        ({ commands, state }) => {\r\n          return commands.insertContent({\r\n            type: 'insideLinks',\r\n            attrs: {\r\n              thumbnail,\r\n              title,\r\n              id,\r\n              type,\r\n              url,\r\n            },\r\n          })\r\n        },\r\n    }\r\n  },\r\n})\r\n\r\nfunction isValidHttpUrl(string: string) {\r\n  let url\r\n\r\n  try {\r\n    url = new URL(string)\r\n  } catch (_) {\r\n    return false\r\n  }\r\n\r\n  return url.protocol === 'http:' || url.protocol === 'https:'\r\n}\r\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","InsideLinksComponent","InsideLinks","create","name","group","content","draggable","parseHTML","tag","addAttributes","id","default","url","title","thumbnail","type","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","focus","run","renderHTML","node","HTMLAttributes","attrs","class","style","src","width","height","alt","href","dir","addNodeView","addCommands","insertInsideLinks","commands","insertContent","isValidHttpUrl","string","URL","_","protocol"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/insideLinks.ts"],"sourcesContent":["declare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    insideLinks: {\n      /**\n       * Add an image\n       */\n\n      insertInsideLinks: ({\n        thumbnail,\n        title,\n        id,\n        type,\n        url,\n      }: {\n        thumbnail?: string\n        title?: string\n        id?: string\n        type?: string\n        url?: string\n      }) => ReturnType\n    }\n  }\n}\n\nimport { Node, mergeAttributes } from '@tiptap/core'\nimport { ReactNodeViewRenderer } from '@tiptap/react'\nimport InsideLinksComponent from './InsideLinksComponent.js'\n\nexport const InsideLinks = Node.create({\n  name: 'insideLinks',\n\n  group: 'block',\n  content: 'inline*',\n  draggable: true,\n\n  // content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"social-media-embed\"]',\n      },\n    ]\n  },\n\n  addAttributes() {\n    return {\n      id: {\n        default: null,\n      },\n      url: {\n        default: null,\n      },\n      title: {\n        default: '',\n      },\n      thumbnail: {\n        default: '',\n      },\n      draggable: {\n        default: true,\n      },\n      type: { default: null },\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      'Mod-Enter': () => {\n        return this.editor\n          .chain()\n          .insertContentAt(this.editor.state.selection.head, {\n            type: this.type.name,\n          })\n          .focus()\n          .run()\n      },\n    }\n  },\n\n  // renderHTML({ HTMLAttributes }) {\n  //   return [\n  //     \"div\",\n  //     mergeAttributes(HTMLAttributes, { \"data-type\": \"insideLinks\" }),\n  //     0,\n  //   ];\n  // },\n  // parseHTML() {\n  //   return [\n  //     {\n  //       tag: 'div[data-type=\"social-media-embed\"]',\n  //     },\n  //   ];\n  // },\n\n  renderHTML({ node, HTMLAttributes }) {\n    const { id, url, title, thumbnail, draggable } = node.attrs\n\n    if (!id) {\n      return [\n        'div',\n        mergeAttributes(HTMLAttributes, {\n          'data-type': 'social-media-embed',\n          class: 'socialMediaContainer',\n        }),\n        [\n          'div',\n          {\n            class:\n              'w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard',\n            draggable: draggable ? 'true' : 'false',\n            'data-drag-handle': '',\n          },\n          [\n            'svg',\n            {\n              class: 'h-6 w-6',\n              // SVG content for ExternalLinkIcon\n            },\n          ],\n          [\n            'p',\n            {\n              class: 'w-full flex items-center justify-start mt-0',\n              style: 'margin-top: 0;',\n            },\n            'Add Internal Content Links',\n          ],\n        ],\n      ]\n    }\n\n    return [\n      'div',\n      mergeAttributes(HTMLAttributes, {\n        'data-type': 'social-media-embed',\n        class: 'socialMediaContainer',\n      }),\n      [\n        'div',\n        {\n          class: 'flex justify-center items-center w-full gap-x-6',\n        },\n        [\n          'div',\n          {\n            class: 'flex justify-center items-center',\n          },\n          [\n            'div',\n            {\n              class: 'w-[32px] h-[64px] bg-blue-400',\n            },\n          ],\n          [\n            'img',\n            {\n              src: thumbnail,\n              width: '212',\n              height: '120',\n              alt: '',\n              class: '-ml-6 !w-[212px] !h-[120px] object-cover',\n            },\n          ],\n        ],\n        [\n          'div',\n          {\n            class: 'flex flex-col justify-start items-start font-trt gap-y-2',\n          },\n          [\n            'a',\n            {\n              class: 'text-black dark:text-white text-lg capitalize w-full',\n              href: url,\n              dir: 'ltr', // Adjust based on your i18n setup\n            },\n            'Read More', // Adjust based on your i18n setup\n          ],\n          [\n            'h3',\n            {\n              class: 'text-2xl font-bold !mt-0 w-full',\n              dir: 'ltr', // Adjust based on your i18n setup\n            },\n            title,\n          ],\n        ],\n      ],\n    ]\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(InsideLinksComponent)\n  },\n\n  addCommands() {\n    return {\n      insertInsideLinks:\n        ({\n          thumbnail,\n          title,\n          id,\n          type,\n          url,\n        }: {\n          thumbnail?: string\n          title?: string\n          id?: string\n          type?: string\n          url?: string\n        }) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: 'insideLinks',\n            attrs: {\n              thumbnail,\n              title,\n              id,\n              type,\n              url,\n            },\n          })\n        },\n    }\n  },\n})\n\nfunction isValidHttpUrl(string: string) {\n  let url\n\n  try {\n    url = new URL(string)\n  } catch (_) {\n    return false\n  }\n\n  return url.protocol === 'http:' || url.protocol === 'https:'\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","InsideLinksComponent","InsideLinks","create","name","group","content","draggable","parseHTML","tag","addAttributes","id","default","url","title","thumbnail","type","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","focus","run","renderHTML","node","HTMLAttributes","attrs","class","style","src","width","height","alt","href","dir","addNodeView","addCommands","insertInsideLinks","commands","insertContent","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAwBA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAc;AACpD,SAASC,qBAAqB,QAAQ,gBAAe;AACrD,OAAOC,0BAA0B,4BAA2B;AAE5D,OAAO,MAAMC,cAAcJ,KAAKK,MAAM,CAAC;IACrCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC;QACE,OAAO;YACLC,IAAI;gBACFC,SAAS;YACX;YACAC,KAAK;gBACHD,SAAS;YACX;YACAE,OAAO;gBACLF,SAAS;YACX;YACAG,WAAW;gBACTH,SAAS;YACX;YACAL,WAAW;gBACTK,SAAS;YACX;YACAI,MAAM;gBAAEJ,SAAS;YAAK;QACxB;IACF;IAEAK;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDP,MAAM,IAAI,CAACA,IAAI,CAACZ,IAAI;gBACtB,GACCoB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEA,mCAAmC;IACnC,aAAa;IACb,aAAa;IACb,uEAAuE;IACvE,SAAS;IACT,OAAO;IACP,KAAK;IACL,gBAAgB;IAChB,aAAa;IACb,QAAQ;IACR,oDAAoD;IACpD,SAAS;IACT,OAAO;IACP,KAAK;IAELC,YAAW,EAAEC,IAAI,EAAEC,cAAc,EAAE;QACjC,MAAM,EAAEjB,EAAE,EAAEE,GAAG,EAAEC,KAAK,EAAEC,SAAS,EAAER,SAAS,EAAE,GAAGoB,KAAKE,KAAK;QAE3D,IAAI,CAAClB,IAAI;YACP,OAAO;gBACL;gBACAZ,gBAAgB6B,gBAAgB;oBAC9B,aAAa;oBACbE,OAAO;gBACT;gBACA;oBACE;oBACA;wBACEA,OACE;wBACFvB,WAAWA,YAAY,SAAS;wBAChC,oBAAoB;oBACtB;oBACA;wBACE;wBACA;4BACEuB,OAAO;wBAET;qBACD;oBACD;wBACE;wBACA;4BACEA,OAAO;4BACPC,OAAO;wBACT;wBACA;qBACD;iBACF;aACF;QACH;QAEA,OAAO;YACL;YACAhC,gBAAgB6B,gBAAgB;gBAC9B,aAAa;gBACbE,OAAO;YACT;YACA;gBACE;gBACA;oBACEA,OAAO;gBACT;gBACA;oBACE;oBACA;wBACEA,OAAO;oBACT;oBACA;wBACE;wBACA;4BACEA,OAAO;wBACT;qBACD;oBACD;wBACE;wBACA;4BACEE,KAAKjB;4BACLkB,OAAO;4BACPC,QAAQ;4BACRC,KAAK;4BACLL,OAAO;wBACT;qBACD;iBACF;gBACD;oBACE;oBACA;wBACEA,OAAO;oBACT;oBACA;wBACE;wBACA;4BACEA,OAAO;4BACPM,MAAMvB;4BACNwB,KAAK;wBACP;wBACA;qBACD;oBACD;wBACE;wBACA;4BACEP,OAAO;4BACPO,KAAK;wBACP;wBACAvB;qBACD;iBACF;aACF;SACF;IACH;IAEAwB;QACE,OAAOtC,sBAAsBC;IAC/B;IAEAsC;QACE,OAAO;YACLC,mBACE,CAAC,EACCzB,SAAS,EACTD,KAAK,EACLH,EAAE,EACFK,IAAI,EACJH,GAAG,EAOJ,GACD,CAAC,EAAE4B,QAAQ,EAAEpB,KAAK,EAAE;oBAClB,OAAOoB,SAASC,aAAa,CAAC;wBAC5B1B,MAAM;wBACNa,OAAO;4BACLd;4BACAD;4BACAH;4BACAK;4BACAH;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAE;AAEF,SAAS8B,eAAeC,MAAc;IACpC,IAAI/B;IAEJ,IAAI;QACFA,MAAM,IAAIgC,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOjC,IAAIkC,QAAQ,KAAK,WAAWlC,IAAIkC,QAAQ,KAAK;AACtD"}

package/dist/src/fields/TiptapEditor/extensions/InsideLinks/menus/InsideLinksMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/menus/InsideLinksMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\r\nimport { useCallback } from \"react\";\r\n\r\nimport { MenuProps } from \"../../../features/menus/types.js\";\r\nimport { InsideLinksEditorPanel } from \"../../../features/panels/InsideLinksEditorPanel/index.js\";\r\n\r\nexport const InsideLinksMenu = ({ editor, appendTo }: MenuProps) => {\r\n  const shouldShow = useCallback(() => {\r\n    const isInsideLinks = editor.isActive(\"insideLinks\");\r\n    return isInsideLinks;\r\n  }, [editor]);\r\n\r\n  const onRelationshipSelect = useCallback(\r\n    ({\r\n      id,\r\n      type,\r\n      thumbnail,\r\n      title,\r\n      url,\r\n    }: {\r\n      id: string;\r\n      type: string;\r\n      thumbnail: string;\r\n      title: string;\r\n      url: string;\r\n    }) => {\r\n      editor\r\n        .chain()\r\n        .focus()\r\n        .insertInsideLinks({ id, type, thumbnail, title, url })\r\n        .run();\r\n    },\r\n    [editor]\r\n  );\r\n\r\n  return (\r\n    <BaseBubbleMenu\r\n      editor={editor}\r\n      pluginKey={`socialMediaMenu`}\r\n      shouldShow={shouldShow}\r\n      tippyOptions={{\r\n        popperOptions: { placement: \"bottom\" },\r\n        placement: \"bottom\",\r\n        // appendTo: () => {\r\n        //   return appendTo?.current\r\n        // },\r\n      }}\r\n      updateDelay={100}\r\n    >\r\n      <p>Inside Links</p>\r\n      <InsideLinksEditorPanel\r\n        onRelationshipSelect={onRelationshipSelect}\r\n        onCancel={() => {\r\n          editor.chain().blur().run();\r\n        }}\r\n      />\r\n      {/* <SocialMediaPopover onSetLink={onHtml} initialSrcLink={''} /> */}\r\n      {/* \r\n      <Toolbar.Wrapper>\r\n        <to\r\n        <Toolbar.Button\r\n          type=\"button\"\r\n          tooltip=\"Sidebar left\"\r\n          active={true}\r\n          // onClick={onColumnLeft}\r\n        >\r\n          <SocialMediaPopover onSetLink={onHtml} initialSrcLink={''} />\r\n        </Toolbar.Button>\r\n      </Toolbar.Wrapper> */}\r\n    </BaseBubbleMenu>\r\n  );\r\n};\r\n\r\nexport default InsideLinksMenu;\r\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","InsideLinksEditorPanel","InsideLinksMenu","editor","appendTo","shouldShow","isInsideLinks","isActive","onRelationshipSelect","id","type","thumbnail","title","url","chain","focus","insertInsideLinks","run","pluginKey","tippyOptions","popperOptions","placement","updateDelay","p","onCancel","blur"],"mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,SAASC,WAAW,QAAQ,QAAQ;AAGpC,SAASC,sBAAsB,QAAQ,2DAA2D;AAElG,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAa;IAC7D,MAAMC,aAAaL,YAAY;QAC7B,MAAMM,gBAAgBH,OAAOI,QAAQ,CAAC;QACtC,OAAOD;IACT,GAAG;QAACH;KAAO;IAEX,MAAMK,uBAAuBR,YAC3B,CAAC,EACCS,EAAE,EACFC,IAAI,EACJC,SAAS,EACTC,KAAK,EACLC,GAAG,EAOJ;QACCV,OACGW,KAAK,GACLC,KAAK,GACLC,iBAAiB,CAAC;YAAEP;YAAIC;YAAMC;YAAWC;YAAOC;QAAI,GACpDI,GAAG;IACR,GACA;QAACd;KAAO;IAGV,qBACE,MAACJ;QACCI,QAAQA;QACRe,WAAW,CAAC,eAAe,CAAC;QAC5Bb,YAAYA;QACZc,cAAc;YACZC,eAAe;gBAAEC,WAAW;YAAS;YACrCA,WAAW;QAIb;QACAC,aAAa;;0BAEb,KAACC;0BAAE;;0BACH,KAACtB;gBACCO,sBAAsBA;gBACtBgB,UAAU;oBACRrB,OAAOW,KAAK,GAAGW,IAAI,GAAGR,GAAG;gBAC3B;;;;AAiBR,EAAE;AAEF,eAAef,gBAAgB"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/menus/InsideLinksMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\n\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { InsideLinksEditorPanel } from \"../../../features/panels/InsideLinksEditorPanel/index.js\";\n\nexport const InsideLinksMenu = ({ editor, appendTo }: MenuProps) => {\n  const shouldShow = useCallback(() => {\n    const isInsideLinks = editor.isActive(\"insideLinks\");\n    return isInsideLinks;\n  }, [editor]);\n\n  const onRelationshipSelect = useCallback(\n    ({\n      id,\n      type,\n      thumbnail,\n      title,\n      url,\n    }: {\n      id: string;\n      type: string;\n      thumbnail: string;\n      title: string;\n      url: string;\n    }) => {\n      editor\n        .chain()\n        .focus()\n        .insertInsideLinks({ id, type, thumbnail, title, url })\n        .run();\n    },\n    [editor]\n  );\n\n  return (\n    <BaseBubbleMenu\n      editor={editor}\n      pluginKey={`socialMediaMenu`}\n      shouldShow={shouldShow}\n      tippyOptions={{\n        popperOptions: { placement: \"bottom\" },\n        placement: \"bottom\",\n        // appendTo: () => {\n        //   return appendTo?.current\n        // },\n      }}\n      updateDelay={100}\n    >\n      <p>Inside Links</p>\n      <InsideLinksEditorPanel\n        onRelationshipSelect={onRelationshipSelect}\n        onCancel={() => {\n          editor.chain().blur().run();\n        }}\n      />\n      {/* <SocialMediaPopover onSetLink={onHtml} initialSrcLink={''} /> */}\n      {/* \n      <Toolbar.Wrapper>\n        <to\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Sidebar left\"\n          active={true}\n          // onClick={onColumnLeft}\n        >\n          <SocialMediaPopover onSetLink={onHtml} initialSrcLink={''} />\n        </Toolbar.Button>\n      </Toolbar.Wrapper> */}\n    </BaseBubbleMenu>\n  );\n};\n\nexport default InsideLinksMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","InsideLinksEditorPanel","InsideLinksMenu","editor","appendTo","shouldShow","isInsideLinks","isActive","onRelationshipSelect","id","type","thumbnail","title","url","chain","focus","insertInsideLinks","run","pluginKey","tippyOptions","popperOptions","placement","updateDelay","p","onCancel","blur"],"mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,SAASC,WAAW,QAAQ,QAAQ;AAGpC,SAASC,sBAAsB,QAAQ,2DAA2D;AAElG,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAa;IAC7D,MAAMC,aAAaL,YAAY;QAC7B,MAAMM,gBAAgBH,OAAOI,QAAQ,CAAC;QACtC,OAAOD;IACT,GAAG;QAACH;KAAO;IAEX,MAAMK,uBAAuBR,YAC3B,CAAC,EACCS,EAAE,EACFC,IAAI,EACJC,SAAS,EACTC,KAAK,EACLC,GAAG,EAOJ;QACCV,OACGW,KAAK,GACLC,KAAK,GACLC,iBAAiB,CAAC;YAAEP;YAAIC;YAAMC;YAAWC;YAAOC;QAAI,GACpDI,GAAG;IACR,GACA;QAACd;KAAO;IAGV,qBACE,MAACJ;QACCI,QAAQA;QACRe,WAAW,CAAC,eAAe,CAAC;QAC5Bb,YAAYA;QACZc,cAAc;YACZC,eAAe;gBAAEC,WAAW;YAAS;YACrCA,WAAW;QAIb;QACAC,aAAa;;0BAEb,KAACC;0BAAE;;0BACH,KAACtB;gBACCO,sBAAsBA;gBACtBgB,UAAU;oBACRrB,OAAOW,KAAK,GAAGW,IAAI,GAAGR,GAAG;gBAC3B;;;;AAiBR,EAAE;AAEF,eAAef,gBAAgB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Link/Link.ts"],"sourcesContent":["import { PasteRule, mergeAttributes } from '@tiptap/core'\r\nimport TiptapLink from '@tiptap/extension-link'\r\nimport { Plugin } from '@tiptap/pm/state'\r\nimport { EditorView } from '@tiptap/pm/view'\r\n\r\nexport const Link = TiptapLink.extend({\r\n  inclusive: false,\r\n\r\n  parseHTML() {\r\n    return [{ tag: 'a[href]:not([data-type=\"button\"]):not([href *= \"javascript:\" i])' }]\r\n  },\r\n\r\n  renderHTML({ HTMLAttributes }) {\r\n    return ['a', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { class: 'link' }), 0]\r\n  },\r\n\r\n  addPasteRules() {\r\n    const twitterRegex = /^https:\\/\\/(twitter|x)\\.com\\/([a-zA-Z0-9_-]+)\\/status\\/(\\d+)/g\r\n    const instagramRegex = /^https:\\/\\/www\\.instagram\\.com\\/p\\/([A-Za-z0-9_-]+)/g\r\n    const instagramReelRegex = /^https:\\/\\/www\\.instagram\\.com\\/reel\\/([A-Za-z0-9_-]+)/g\r\n    const youtubeRegex =\r\n      /^((?:https?:)?\\/\\/)?((?:www|m)\\.)?((?:youtube(-nocookie)?\\.com|youtu.be))(\\/(?:[\\w\\-]+\\?v=|embed\\/|live\\/|v\\/)?)([\\w\\-]+)(\\S+)?/g\r\n    const facebookRegex =\r\n      /^https:\\/\\/(?:www\\.)?facebook\\.com\\/[a-zA-Z0-9.]+\\/(?:posts|photos|videos)\\/(?:[a-zA-Z0-9.]+\\/)?(\\d+)/g\r\n    const tiktokRegex = /^https:\\/\\/(?:www\\.)?tiktok\\.com\\/@[\\w.-]+\\/video\\/(\\d+)/g\r\n\r\n    return [\r\n      new PasteRule({\r\n        find: twitterRegex,\r\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\r\n          const matchUrl = match?.[0]\r\n          chain().selectParentNode().deleteSelection().insertTwitter(matchUrl).run()\r\n        },\r\n      }),\r\n      new PasteRule({\r\n        find: instagramRegex,\r\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\r\n          const matchUrl = match?.[0]\r\n          chain().selectParentNode().deleteSelection().insertInstagram(matchUrl).run()\r\n        },\r\n      }),\r\n      new PasteRule({\r\n        find: instagramReelRegex,\r\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\r\n          const matchUrl = match?.[0]\r\n          chain().selectParentNode().deleteSelection().insertInstagram(matchUrl).run()\r\n        },\r\n      }),\r\n      new PasteRule({\r\n        find: youtubeRegex,\r\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\r\n          const matchUrl = match?.[0]\r\n          chain().selectParentNode().deleteSelection().insertYoutube(matchUrl).run()\r\n        },\r\n      }),\r\n      new PasteRule({\r\n        find: facebookRegex,\r\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\r\n          const matchUrl = match?.[0]\r\n          chain().selectParentNode().deleteSelection().insertFacebook(matchUrl).run()\r\n        },\r\n      }),\r\n      new PasteRule({\r\n        find: tiktokRegex,\r\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\r\n          const matchUrl = match?.[0]\r\n          chain().selectParentNode().deleteSelection().insertTiktok(matchUrl).run()\r\n        },\r\n      }),\r\n    ]\r\n  },\r\n  addProseMirrorPlugins() {\r\n    const { editor } = this\r\n\r\n    return [\r\n      ...(this.parent?.() || []),\r\n      new Plugin({\r\n        props: {\r\n          handleKeyDown: (view: EditorView, event: KeyboardEvent) => {\r\n            const { selection } = editor.state\r\n\r\n            if (event.key === 'Escape' && selection.empty !== true) {\r\n              editor.commands.focus(selection.to, { scrollIntoView: false })\r\n            }\r\n\r\n            return false\r\n          },\r\n        },\r\n      }),\r\n    ]\r\n  },\r\n})\r\n\r\nexport default Link\r\n"],"names":["PasteRule","mergeAttributes","TiptapLink","Plugin","Link","extend","inclusive","parseHTML","tag","renderHTML","HTMLAttributes","options","class","addPasteRules","twitterRegex","instagramRegex","instagramReelRegex","youtubeRegex","facebookRegex","tiktokRegex","find","handler","commands","match","state","pasteEvent","chain","matchUrl","selectParentNode","deleteSelection","insertTwitter","run","insertInstagram","insertYoutube","insertFacebook","insertTiktok","addProseMirrorPlugins","editor","parent","props","handleKeyDown","view","event","selection","key","empty","focus","to","scrollIntoView"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Link/Link.ts"],"sourcesContent":["import { PasteRule, mergeAttributes } from '@tiptap/core'\nimport TiptapLink from '@tiptap/extension-link'\nimport { Plugin } from '@tiptap/pm/state'\nimport { EditorView } from '@tiptap/pm/view'\n\nexport const Link = TiptapLink.extend({\n  inclusive: false,\n\n  parseHTML() {\n    return [{ tag: 'a[href]:not([data-type=\"button\"]):not([href *= \"javascript:\" i])' }]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['a', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { class: 'link' }), 0]\n  },\n\n  addPasteRules() {\n    const twitterRegex = /^https:\\/\\/(twitter|x)\\.com\\/([a-zA-Z0-9_-]+)\\/status\\/(\\d+)/g\n    const instagramRegex = /^https:\\/\\/www\\.instagram\\.com\\/p\\/([A-Za-z0-9_-]+)/g\n    const instagramReelRegex = /^https:\\/\\/www\\.instagram\\.com\\/reel\\/([A-Za-z0-9_-]+)/g\n    const youtubeRegex =\n      /^((?:https?:)?\\/\\/)?((?:www|m)\\.)?((?:youtube(-nocookie)?\\.com|youtu.be))(\\/(?:[\\w\\-]+\\?v=|embed\\/|live\\/|v\\/)?)([\\w\\-]+)(\\S+)?/g\n    const facebookRegex =\n      /^https:\\/\\/(?:www\\.)?facebook\\.com\\/[a-zA-Z0-9.]+\\/(?:posts|photos|videos)\\/(?:[a-zA-Z0-9.]+\\/)?(\\d+)/g\n    const tiktokRegex = /^https:\\/\\/(?:www\\.)?tiktok\\.com\\/@[\\w.-]+\\/video\\/(\\d+)/g\n\n    return [\n      new PasteRule({\n        find: twitterRegex,\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\n          const matchUrl = match?.[0]\n          chain().selectParentNode().deleteSelection().insertTwitter(matchUrl).run()\n        },\n      }),\n      new PasteRule({\n        find: instagramRegex,\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\n          const matchUrl = match?.[0]\n          chain().selectParentNode().deleteSelection().insertInstagram(matchUrl).run()\n        },\n      }),\n      new PasteRule({\n        find: instagramReelRegex,\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\n          const matchUrl = match?.[0]\n          chain().selectParentNode().deleteSelection().insertInstagram(matchUrl).run()\n        },\n      }),\n      new PasteRule({\n        find: youtubeRegex,\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\n          const matchUrl = match?.[0]\n          chain().selectParentNode().deleteSelection().insertYoutube(matchUrl).run()\n        },\n      }),\n      new PasteRule({\n        find: facebookRegex,\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\n          const matchUrl = match?.[0]\n          chain().selectParentNode().deleteSelection().insertFacebook(matchUrl).run()\n        },\n      }),\n      new PasteRule({\n        find: tiktokRegex,\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\n          const matchUrl = match?.[0]\n          chain().selectParentNode().deleteSelection().insertTiktok(matchUrl).run()\n        },\n      }),\n    ]\n  },\n  addProseMirrorPlugins() {\n    const { editor } = this\n\n    return [\n      ...(this.parent?.() || []),\n      new Plugin({\n        props: {\n          handleKeyDown: (view: EditorView, event: KeyboardEvent) => {\n            const { selection } = editor.state\n\n            if (event.key === 'Escape' && selection.empty !== true) {\n              editor.commands.focus(selection.to, { scrollIntoView: false })\n            }\n\n            return false\n          },\n        },\n      }),\n    ]\n  },\n})\n\nexport default Link\n"],"names":["PasteRule","mergeAttributes","TiptapLink","Plugin","Link","extend","inclusive","parseHTML","tag","renderHTML","HTMLAttributes","options","class","addPasteRules","twitterRegex","instagramRegex","instagramReelRegex","youtubeRegex","facebookRegex","tiktokRegex","find","handler","commands","match","state","pasteEvent","chain","matchUrl","selectParentNode","deleteSelection","insertTwitter","run","insertInstagram","insertYoutube","insertFacebook","insertTiktok","addProseMirrorPlugins","editor","parent","props","handleKeyDown","view","event","selection","key","empty","focus","to","scrollIntoView"],"mappings":"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"}

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

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

package/dist/src/fields/TiptapEditor/extensions/LinkPreview/EditLinkPreviewPopover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/LinkPreview/EditLinkPreviewPopover.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\r\nimport { Link } from \"lucide-react\";\r\nimport { Icon } from \"../../features/ui/Icon.js\";\r\nimport { Toolbar } from \"../../features/ui/Toolbar.js\";\r\nimport i18next from \"i18next\";\r\nimport { LinkPreviewEditorPanel } from \"./LinkPreviewEditorPanel.js\";\r\n\r\nexport type EditIframeLinkPopoverProps = {\r\n  onSetLink: (src: string) => void;\r\n  initialSrcLink: string;\r\n};\r\n\r\nexport const EditLinkPreviewPopover = ({\r\n  onSetLink,\r\n  initialSrcLink,\r\n}: EditIframeLinkPopoverProps) => {\r\n  return (\r\n    <Popover.Root>\r\n      <Popover.Trigger asChild>\r\n        <Toolbar.Button\r\n          type=\"button\"\r\n          tooltip={\r\n            i18next.t(\"setEmbedCodeOrLink\") || \"Set Embed Code / Embed Link\"\r\n          }\r\n        >\r\n          <Icon icon={Link} />\r\n        </Toolbar.Button>\r\n      </Popover.Trigger>\r\n      <Popover.Content>\r\n        <LinkPreviewEditorPanel\r\n          onSetLink={onSetLink}\r\n          initialSrc={initialSrcLink ?? \"\"}\r\n        />\r\n      </Popover.Content>\r\n    </Popover.Root>\r\n  );\r\n};\r\n"],"names":["Popover","Link","Icon","Toolbar","i18next","LinkPreviewEditorPanel","EditLinkPreviewPopover","onSetLink","initialSrcLink","Root","Trigger","asChild","Button","type","tooltip","t","icon","Content","initialSrc"],"mappings":";AAAA,YAAYA,aAAa,0BAA0B;AACnD,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SAASC,OAAO,QAAQ,+BAA+B;AACvD,OAAOC,aAAa,UAAU;AAC9B,SAASC,sBAAsB,QAAQ,8BAA8B;AAOrE,OAAO,MAAMC,yBAAyB,CAAC,EACrCC,SAAS,EACTC,cAAc,EACa;IAC3B,qBACE,MAACR,QAAQS,IAAI;;0BACX,KAACT,QAAQU,OAAO;gBAACC,OAAO;0BACtB,cAAA,KAACR,QAAQS,MAAM;oBACbC,MAAK;oBACLC,SACEV,QAAQW,CAAC,CAAC,yBAAyB;8BAGrC,cAAA,KAACb;wBAAKc,MAAMf;;;;0BAGhB,KAACD,QAAQiB,OAAO;0BACd,cAAA,KAACZ;oBACCE,WAAWA;oBACXW,YAAYV,kBAAkB;;;;;AAKxC,EAAE"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/LinkPreview/EditLinkPreviewPopover.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { Link } from \"lucide-react\";\nimport { Icon } from \"../../features/ui/Icon.js\";\nimport { Toolbar } from \"../../features/ui/Toolbar.js\";\nimport i18next from \"i18next\";\nimport { LinkPreviewEditorPanel } from \"./LinkPreviewEditorPanel.js\";\n\nexport type EditIframeLinkPopoverProps = {\n  onSetLink: (src: string) => void;\n  initialSrcLink: string;\n};\n\nexport const EditLinkPreviewPopover = ({\n  onSetLink,\n  initialSrcLink,\n}: EditIframeLinkPopoverProps) => {\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip={\n            i18next.t(\"setEmbedCodeOrLink\") || \"Set Embed Code / Embed Link\"\n          }\n        >\n          <Icon icon={Link} />\n        </Toolbar.Button>\n      </Popover.Trigger>\n      <Popover.Content>\n        <LinkPreviewEditorPanel\n          onSetLink={onSetLink}\n          initialSrc={initialSrcLink ?? \"\"}\n        />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n"],"names":["Popover","Link","Icon","Toolbar","i18next","LinkPreviewEditorPanel","EditLinkPreviewPopover","onSetLink","initialSrcLink","Root","Trigger","asChild","Button","type","tooltip","t","icon","Content","initialSrc"],"mappings":";AAAA,YAAYA,aAAa,0BAA0B;AACnD,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SAASC,OAAO,QAAQ,+BAA+B;AACvD,OAAOC,aAAa,UAAU;AAC9B,SAASC,sBAAsB,QAAQ,8BAA8B;AAOrE,OAAO,MAAMC,yBAAyB,CAAC,EACrCC,SAAS,EACTC,cAAc,EACa;IAC3B,qBACE,MAACR,QAAQS,IAAI;;0BACX,KAACT,QAAQU,OAAO;gBAACC,OAAO;0BACtB,cAAA,KAACR,QAAQS,MAAM;oBACbC,MAAK;oBACLC,SACEV,QAAQW,CAAC,CAAC,yBAAyB;8BAGrC,cAAA,KAACb;wBAAKc,MAAMf;;;;0BAGhB,KAACD,QAAQiB,OAAO;0BACd,cAAA,KAACZ;oBACCE,WAAWA;oBACXW,YAAYV,kBAAkB;;;;;AAKxC,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/LinkPreview/LinkPreview.tsx"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core';\r\nimport { SiteMetaData } from '../../features/BlockEditor/types.jsx';\r\nimport i18next from 'i18next';\r\n\r\ndeclare module '@tiptap/core' {\r\n  interface Commands<ReturnType> {\r\n    linkPreview: {\r\n      setLinkPreview: (src?: string, metadata?: SiteMetaData) => ReturnType;\r\n    };\r\n  }\r\n}\r\n\r\nexport const LinkPreview = Node.create({\r\n  name: 'linkPreview',\r\n  group: 'block',\r\n  atom: true,\r\n\r\n  addAttributes() {\r\n    return {\r\n      href: {\r\n        default: ''\r\n      },\r\n      title: { default: '' },\r\n      description: {\r\n        default: ''\r\n      },\r\n      image: {\r\n        default: ''\r\n      }\r\n    };\r\n  },\r\n\r\n  parseHTML() {\r\n    return [\r\n      {\r\n        tag: 'a[data-link-preview]'\r\n      }\r\n    ];\r\n  },\r\n\r\n  renderHTML({ node }) {\r\n    const hasValidImage =\r\n      node.attrs.image && node.attrs.image !== '/png/placeholder.png';\r\n\r\n    const padding = hasValidImage ? 'px-4' : 'pl-6 pr-4';\r\n\r\n    return [\r\n      'a',\r\n      mergeAttributes({\r\n        'data-link-preview': '',\r\n        href: node.attrs.href,\r\n        target: '_blank',\r\n        rel: 'noopener noreferrer',\r\n        dir: i18next.dir(),\r\n        class: `relative flex w-full ${padding} py-3 flex-col items-start gap-6 rounded bg-[#F1F1F1] border-l-0 transition-all duration-200 ease-in-out box-border mb-4 hover:bg-[#F9F9F9] hover:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_-4px_6px_-1px_rgba(0,0,0,0.06),4px_0_6px_-1px_rgba(0,0,0,0.06)] focus:bg-[#F9F9F9] focus:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_-4px_6px_-1px_rgba(0,0,0,0.06),4px_0_6px_-1px_rgba(0,0,0,0.06)] before:content-[\"\"] before:absolute before:left-0 before:top-0 before:bottom-0 before:w-[3px] before:rounded-l-md before:bg-[#01ABD9]`\r\n      }),\r\n      [\r\n        'div',\r\n        {\r\n          class: hasValidImage\r\n            ? 'flex items-start w-full gap-3'\r\n            : 'flex items-start w-full'\r\n        },\r\n        hasValidImage\r\n          ? [\r\n              'img',\r\n              {\r\n                class:\r\n                  'flex justify-center items-center rounded-md !w-20 !h-20 aspect-square flex-shrink-0 sm:rounded md:rounded-md lg:!w-[84px] lg:!h-[84px] lg:rounded xl:rounded-md',\r\n                src: node.attrs.image\r\n              }\r\n            ]\r\n          : '',\r\n        [\r\n          'div',\r\n          {\r\n            class: 'flex flex-col items-start'\r\n          },\r\n          [\r\n            'span',\r\n            {\r\n              class:\r\n                'line-clamp-1 overflow-hidden text-[#1F2121] text-ellipsis font-[var(--font-notosans),Arial,sans-serif] text-xs font-bold leading-normal uppercase sm:text-xs sm:font-bold md:text-base md:font-medium md:leading-[15px] lg:text-base xl:text-base',\r\n              'data-link-preview-related': '',\r\n              'data-testid': 'link-preview-related'\r\n            },\r\n            i18next.t('related', 'RELATED')\r\n          ],\r\n          [\r\n            'strong',\r\n            {\r\n              class:\r\n                'text-[#1F2121] font-[var(--font-playfair),Georgia,serif] text-base font-extrabold leading-[26px] underline decoration-solid line-clamp-2 overflow-hidden text-ellipsis sm:text-lg sm:leading-[31px] md:text-lg md:leading-[28px] lg:text-xl lg:leading-[31px] xl:text-xl'\r\n            },\r\n            node.attrs.title\r\n          ]\r\n        ]\r\n      ]\r\n    ];\r\n  },\r\n\r\n  addCommands() {\r\n    return {\r\n      setLinkPreview:\r\n        (src, metadata) =>\r\n        ({ commands, state }) => {\r\n          // Don't use placeholder image\r\n          const imageUrl = metadata?.images?.[0] || '';\r\n\r\n          return commands.insertContent({\r\n            type: 'linkPreview',\r\n            attrs: {\r\n              href: src,\r\n              title: metadata?.title,\r\n              description: metadata?.description,\r\n              image: imageUrl\r\n            }\r\n          });\r\n        }\r\n    };\r\n  }\r\n});\r\n"],"names":["Node","mergeAttributes","i18next","LinkPreview","create","name","group","atom","addAttributes","href","default","title","description","image","parseHTML","tag","renderHTML","node","hasValidImage","attrs","padding","target","rel","dir","class","src","t","addCommands","setLinkPreview","metadata","commands","state","imageUrl","images","insertContent","type"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAOC,aAAa,UAAU;AAU9B,OAAO,MAAMC,cAAcH,KAAKI,MAAM,CAAC;IACrCC,MAAM;IACNC,OAAO;IACPC,MAAM;IAENC;QACE,OAAO;YACLC,MAAM;gBACJC,SAAS;YACX;YACAC,OAAO;gBAAED,SAAS;YAAG;YACrBE,aAAa;gBACXF,SAAS;YACX;YACAG,OAAO;gBACLH,SAAS;YACX;QACF;IACF;IAEAI;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC,YAAW,EAAEC,IAAI,EAAE;QACjB,MAAMC,gBACJD,KAAKE,KAAK,CAACN,KAAK,IAAII,KAAKE,KAAK,CAACN,KAAK,KAAK;QAE3C,MAAMO,UAAUF,gBAAgB,SAAS;QAEzC,OAAO;YACL;YACAjB,gBAAgB;gBACd,qBAAqB;gBACrBQ,MAAMQ,KAAKE,KAAK,CAACV,IAAI;gBACrBY,QAAQ;gBACRC,KAAK;gBACLC,KAAKrB,QAAQqB,GAAG;gBAChBC,OAAO,CAAC,qBAAqB,EAAEJ,QAAQ,kgBAAkgB,CAAC;YAC5iB;YACA;gBACE;gBACA;oBACEI,OAAON,gBACH,kCACA;gBACN;gBACAA,gBACI;oBACE;oBACA;wBACEM,OACE;wBACFC,KAAKR,KAAKE,KAAK,CAACN,KAAK;oBACvB;iBACD,GACD;gBACJ;oBACE;oBACA;wBACEW,OAAO;oBACT;oBACA;wBACE;wBACA;4BACEA,OACE;4BACF,6BAA6B;4BAC7B,eAAe;wBACjB;wBACAtB,QAAQwB,CAAC,CAAC,WAAW;qBACtB;oBACD;wBACE;wBACA;4BACEF,OACE;wBACJ;wBACAP,KAAKE,KAAK,CAACR,KAAK;qBACjB;iBACF;aACF;SACF;IACH;IAEAgB;QACE,OAAO;YACLC,gBACE,CAACH,KAAKI,WACN,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE;oBAClB,8BAA8B;oBAC9B,MAAMC,WAAWH,UAAUI,QAAQ,CAAC,EAAE,IAAI;oBAE1C,OAAOH,SAASI,aAAa,CAAC;wBAC5BC,MAAM;wBACNhB,OAAO;4BACLV,MAAMgB;4BACNd,OAAOkB,UAAUlB;4BACjBC,aAAaiB,UAAUjB;4BACvBC,OAAOmB;wBACT;oBACF;gBACF;QACJ;IACF;AACF,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/LinkPreview/LinkPreview.tsx"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core';\nimport { SiteMetaData } from '../../features/BlockEditor/types.jsx';\nimport i18next from 'i18next';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    linkPreview: {\n      setLinkPreview: (src?: string, metadata?: SiteMetaData) => ReturnType;\n    };\n  }\n}\n\nexport const LinkPreview = Node.create({\n  name: 'linkPreview',\n  group: 'block',\n  atom: true,\n\n  addAttributes() {\n    return {\n      href: {\n        default: ''\n      },\n      title: { default: '' },\n      description: {\n        default: ''\n      },\n      image: {\n        default: ''\n      }\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-link-preview]'\n      }\n    ];\n  },\n\n  renderHTML({ node }) {\n    const hasValidImage =\n      node.attrs.image && node.attrs.image !== '/png/placeholder.png';\n\n    const padding = hasValidImage ? 'px-4' : 'pl-6 pr-4';\n\n    return [\n      'a',\n      mergeAttributes({\n        'data-link-preview': '',\n        href: node.attrs.href,\n        target: '_blank',\n        rel: 'noopener noreferrer',\n        dir: i18next.dir(),\n        class: `relative flex w-full ${padding} py-3 flex-col items-start gap-6 rounded bg-[#F1F1F1] border-l-0 transition-all duration-200 ease-in-out box-border mb-4 hover:bg-[#F9F9F9] hover:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_-4px_6px_-1px_rgba(0,0,0,0.06),4px_0_6px_-1px_rgba(0,0,0,0.06)] focus:bg-[#F9F9F9] focus:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_-4px_6px_-1px_rgba(0,0,0,0.06),4px_0_6px_-1px_rgba(0,0,0,0.06)] before:content-[\"\"] before:absolute before:left-0 before:top-0 before:bottom-0 before:w-[3px] before:rounded-l-md before:bg-[#01ABD9]`\n      }),\n      [\n        'div',\n        {\n          class: hasValidImage\n            ? 'flex items-start w-full gap-3'\n            : 'flex items-start w-full'\n        },\n        hasValidImage\n          ? [\n              'img',\n              {\n                class:\n                  'flex justify-center items-center rounded-md !w-20 !h-20 aspect-square flex-shrink-0 sm:rounded md:rounded-md lg:!w-[84px] lg:!h-[84px] lg:rounded xl:rounded-md',\n                src: node.attrs.image\n              }\n            ]\n          : '',\n        [\n          'div',\n          {\n            class: 'flex flex-col items-start'\n          },\n          [\n            'span',\n            {\n              class:\n                'line-clamp-1 overflow-hidden text-[#1F2121] text-ellipsis font-[var(--font-notosans),Arial,sans-serif] text-xs font-bold leading-normal uppercase sm:text-xs sm:font-bold md:text-base md:font-medium md:leading-[15px] lg:text-base xl:text-base',\n              'data-link-preview-related': '',\n              'data-testid': 'link-preview-related'\n            },\n            i18next.t('related', 'RELATED')\n          ],\n          [\n            'strong',\n            {\n              class:\n                'text-[#1F2121] font-[var(--font-playfair),Georgia,serif] text-base font-extrabold leading-[26px] underline decoration-solid line-clamp-2 overflow-hidden text-ellipsis sm:text-lg sm:leading-[31px] md:text-lg md:leading-[28px] lg:text-xl lg:leading-[31px] xl:text-xl'\n            },\n            node.attrs.title\n          ]\n        ]\n      ]\n    ];\n  },\n\n  addCommands() {\n    return {\n      setLinkPreview:\n        (src, metadata) =>\n        ({ commands, state }) => {\n          // Don't use placeholder image\n          const imageUrl = metadata?.images?.[0] || '';\n\n          return commands.insertContent({\n            type: 'linkPreview',\n            attrs: {\n              href: src,\n              title: metadata?.title,\n              description: metadata?.description,\n              image: imageUrl\n            }\n          });\n        }\n    };\n  }\n});\n"],"names":["Node","mergeAttributes","i18next","LinkPreview","create","name","group","atom","addAttributes","href","default","title","description","image","parseHTML","tag","renderHTML","node","hasValidImage","attrs","padding","target","rel","dir","class","src","t","addCommands","setLinkPreview","metadata","commands","state","imageUrl","images","insertContent","type"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAOC,aAAa,UAAU;AAU9B,OAAO,MAAMC,cAAcH,KAAKI,MAAM,CAAC;IACrCC,MAAM;IACNC,OAAO;IACPC,MAAM;IAENC;QACE,OAAO;YACLC,MAAM;gBACJC,SAAS;YACX;YACAC,OAAO;gBAAED,SAAS;YAAG;YACrBE,aAAa;gBACXF,SAAS;YACX;YACAG,OAAO;gBACLH,SAAS;YACX;QACF;IACF;IAEAI;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC,YAAW,EAAEC,IAAI,EAAE;QACjB,MAAMC,gBACJD,KAAKE,KAAK,CAACN,KAAK,IAAII,KAAKE,KAAK,CAACN,KAAK,KAAK;QAE3C,MAAMO,UAAUF,gBAAgB,SAAS;QAEzC,OAAO;YACL;YACAjB,gBAAgB;gBACd,qBAAqB;gBACrBQ,MAAMQ,KAAKE,KAAK,CAACV,IAAI;gBACrBY,QAAQ;gBACRC,KAAK;gBACLC,KAAKrB,QAAQqB,GAAG;gBAChBC,OAAO,CAAC,qBAAqB,EAAEJ,QAAQ,kgBAAkgB,CAAC;YAC5iB;YACA;gBACE;gBACA;oBACEI,OAAON,gBACH,kCACA;gBACN;gBACAA,gBACI;oBACE;oBACA;wBACEM,OACE;wBACFC,KAAKR,KAAKE,KAAK,CAACN,KAAK;oBACvB;iBACD,GACD;gBACJ;oBACE;oBACA;wBACEW,OAAO;oBACT;oBACA;wBACE;wBACA;4BACEA,OACE;4BACF,6BAA6B;4BAC7B,eAAe;wBACjB;wBACAtB,QAAQwB,CAAC,CAAC,WAAW;qBACtB;oBACD;wBACE;wBACA;4BACEF,OACE;wBACJ;wBACAP,KAAKE,KAAK,CAACR,KAAK;qBACjB;iBACF;aACF;SACF;IACH;IAEAgB;QACE,OAAO;YACLC,gBACE,CAACH,KAAKI,WACN,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE;oBAClB,8BAA8B;oBAC9B,MAAMC,WAAWH,UAAUI,QAAQ,CAAC,EAAE,IAAI;oBAE1C,OAAOH,SAASI,aAAa,CAAC;wBAC5BC,MAAM;wBACNhB,OAAO;4BACLV,MAAMgB;4BACNd,OAAOkB,UAAUlB;4BACjBC,aAAaiB,UAAUjB;4BACvBC,OAAOmB;wBACT;oBACF;gBACF;QACJ;IACF;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/LinkPreview/LinkPreviewEditorPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/LinkPreview/LinkPreviewEditorPanel.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\r\nimport { Link } from \"lucide-react\";\r\n\r\nimport { Icon } from \"../../features/ui/Icon.js\";\r\nimport { Surface } from \"../../features/ui/Surface.js\";\r\nimport i18next from \"i18next\";\r\nimport { Button } from \"../../features/ui/Button/Button.js\";\r\n\r\nexport type LinkPreviewEditorPanelProps = {\r\n  initialSrc?: string;\r\n  initialOpenInNewTab?: boolean;\r\n  onSetLink: (src: string) => void;\r\n};\r\n\r\nexport const useLinkEditorState = ({\r\n  initialSrc,\r\n  onSetLink,\r\n}: LinkPreviewEditorPanelProps) => {\r\n  const [url, setUrl] = useState(initialSrc || \"\");\r\n\r\n  const onChange = useCallback(\r\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n      setUrl(event.target.value);\r\n    },\r\n    []\r\n  );\r\n\r\n  // const isValidUrl = useMemo(() => /^(\\S+):(\\/\\/)?\\S+$/.test(url), [url]);\r\n\r\n  const handleSubmit = useCallback(\r\n    (e: React.FormEvent) => {\r\n      e.preventDefault();\r\n      // if (isValidUrl) {\r\n      onSetLink(url);\r\n      // }\r\n    },\r\n    [url, onSetLink]\r\n  );\r\n\r\n  return {\r\n    url,\r\n    setUrl,\r\n    onChange,\r\n    handleSubmit,\r\n  };\r\n};\r\n\r\nexport const LinkPreviewEditorPanel = ({\r\n  onSetLink,\r\n  initialOpenInNewTab,\r\n  initialSrc,\r\n}: LinkPreviewEditorPanelProps) => {\r\n  const state = useLinkEditorState({\r\n    onSetLink,\r\n    initialOpenInNewTab,\r\n    initialSrc,\r\n  });\r\n\r\n  return (\r\n    <Surface className=\"p-2\">\r\n      <div className=\"flex items-center gap-2\">\r\n        <label className=\"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text\">\r\n          <Icon icon={Link} className=\"flex-none text-black dark:text-white\" />\r\n          <textarea\r\n            className=\"flex-1 bg-transparent outline-none min-w-[16rem] min-h-[200px] text-black text-sm dark:text-white\"\r\n            placeholder={i18next.t(\"enterEmbedCode\") || \"Enter Embed Code\"}\r\n            value={state.url}\r\n            onChange={state.onChange}\r\n          />\r\n        </label>\r\n        <Button\r\n          variant=\"primary\"\r\n          buttonSize=\"small\"\r\n          type=\"button\"\r\n          onClick={(e) => {\r\n            state.handleSubmit(e);\r\n          }}\r\n          // disabled={!state.isValidUrl}\r\n        >\r\n          Set Link\r\n        </Button>\r\n      </div>\r\n    </Surface>\r\n  );\r\n};\r\n"],"names":["React","useCallback","useState","Link","Icon","Surface","i18next","Button","useLinkEditorState","initialSrc","onSetLink","url","setUrl","onChange","event","target","value","handleSubmit","e","preventDefault","LinkPreviewEditorPanel","initialOpenInNewTab","state","className","div","label","icon","textarea","placeholder","t","variant","buttonSize","type","onClick"],"mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,IAAI,QAAQ,eAAe;AAEpC,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SAASC,OAAO,QAAQ,+BAA+B;AACvD,OAAOC,aAAa,UAAU;AAC9B,SAASC,MAAM,QAAQ,qCAAqC;AAQ5D,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,SAAS,EACmB;IAC5B,MAAM,CAACC,KAAKC,OAAO,GAAGV,SAASO,cAAc;IAE7C,MAAMI,WAAWZ,YACf,CAACa;QACCF,OAAOE,MAAMC,MAAM,CAACC,KAAK;IAC3B,GACA,EAAE;IAGJ,2EAA2E;IAE3E,MAAMC,eAAehB,YACnB,CAACiB;QACCA,EAAEC,cAAc;QAChB,oBAAoB;QACpBT,UAAUC;IACV,IAAI;IACN,GACA;QAACA;QAAKD;KAAU;IAGlB,OAAO;QACLC;QACAC;QACAC;QACAI;IACF;AACF,EAAE;AAEF,OAAO,MAAMG,yBAAyB,CAAC,EACrCV,SAAS,EACTW,mBAAmB,EACnBZ,UAAU,EACkB;IAC5B,MAAMa,QAAQd,mBAAmB;QAC/BE;QACAW;QACAZ;IACF;IAEA,qBACE,KAACJ;QAAQkB,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,MAACE;oBAAMF,WAAU;;sCACf,KAACnB;4BAAKsB,MAAMvB;4BAAMoB,WAAU;;sCAC5B,KAACI;4BACCJ,WAAU;4BACVK,aAAatB,QAAQuB,CAAC,CAAC,qBAAqB;4BAC5Cb,OAAOM,MAAMX,GAAG;4BAChBE,UAAUS,MAAMT,QAAQ;;;;8BAG5B,KAACN;oBACCuB,SAAQ;oBACRC,YAAW;oBACXC,MAAK;oBACLC,SAAS,CAACf;wBACRI,MAAML,YAAY,CAACC;oBACrB;8BAED;;;;;AAMT,EAAE"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/LinkPreview/LinkPreviewEditorPanel.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Link } from \"lucide-react\";\n\nimport { Icon } from \"../../features/ui/Icon.js\";\nimport { Surface } from \"../../features/ui/Surface.js\";\nimport i18next from \"i18next\";\nimport { Button } from \"../../features/ui/Button/Button.js\";\n\nexport type LinkPreviewEditorPanelProps = {\n  initialSrc?: string;\n  initialOpenInNewTab?: boolean;\n  onSetLink: (src: string) => void;\n};\n\nexport const useLinkEditorState = ({\n  initialSrc,\n  onSetLink,\n}: LinkPreviewEditorPanelProps) => {\n  const [url, setUrl] = useState(initialSrc || \"\");\n\n  const onChange = useCallback(\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      setUrl(event.target.value);\n    },\n    []\n  );\n\n  // const isValidUrl = useMemo(() => /^(\\S+):(\\/\\/)?\\S+$/.test(url), [url]);\n\n  const handleSubmit = useCallback(\n    (e: React.FormEvent) => {\n      e.preventDefault();\n      // if (isValidUrl) {\n      onSetLink(url);\n      // }\n    },\n    [url, onSetLink]\n  );\n\n  return {\n    url,\n    setUrl,\n    onChange,\n    handleSubmit,\n  };\n};\n\nexport const LinkPreviewEditorPanel = ({\n  onSetLink,\n  initialOpenInNewTab,\n  initialSrc,\n}: LinkPreviewEditorPanelProps) => {\n  const state = useLinkEditorState({\n    onSetLink,\n    initialOpenInNewTab,\n    initialSrc,\n  });\n\n  return (\n    <Surface className=\"p-2\">\n      <div className=\"flex items-center gap-2\">\n        <label className=\"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text\">\n          <Icon icon={Link} className=\"flex-none text-black dark:text-white\" />\n          <textarea\n            className=\"flex-1 bg-transparent outline-none min-w-[16rem] min-h-[200px] text-black text-sm dark:text-white\"\n            placeholder={i18next.t(\"enterEmbedCode\") || \"Enter Embed Code\"}\n            value={state.url}\n            onChange={state.onChange}\n          />\n        </label>\n        <Button\n          variant=\"primary\"\n          buttonSize=\"small\"\n          type=\"button\"\n          onClick={(e) => {\n            state.handleSubmit(e);\n          }}\n          // disabled={!state.isValidUrl}\n        >\n          Set Link\n        </Button>\n      </div>\n    </Surface>\n  );\n};\n"],"names":["React","useCallback","useState","Link","Icon","Surface","i18next","Button","useLinkEditorState","initialSrc","onSetLink","url","setUrl","onChange","event","target","value","handleSubmit","e","preventDefault","LinkPreviewEditorPanel","initialOpenInNewTab","state","className","div","label","icon","textarea","placeholder","t","variant","buttonSize","type","onClick"],"mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,IAAI,QAAQ,eAAe;AAEpC,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SAASC,OAAO,QAAQ,+BAA+B;AACvD,OAAOC,aAAa,UAAU;AAC9B,SAASC,MAAM,QAAQ,qCAAqC;AAQ5D,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,SAAS,EACmB;IAC5B,MAAM,CAACC,KAAKC,OAAO,GAAGV,SAASO,cAAc;IAE7C,MAAMI,WAAWZ,YACf,CAACa;QACCF,OAAOE,MAAMC,MAAM,CAACC,KAAK;IAC3B,GACA,EAAE;IAGJ,2EAA2E;IAE3E,MAAMC,eAAehB,YACnB,CAACiB;QACCA,EAAEC,cAAc;QAChB,oBAAoB;QACpBT,UAAUC;IACV,IAAI;IACN,GACA;QAACA;QAAKD;KAAU;IAGlB,OAAO;QACLC;QACAC;QACAC;QACAI;IACF;AACF,EAAE;AAEF,OAAO,MAAMG,yBAAyB,CAAC,EACrCV,SAAS,EACTW,mBAAmB,EACnBZ,UAAU,EACkB;IAC5B,MAAMa,QAAQd,mBAAmB;QAC/BE;QACAW;QACAZ;IACF;IAEA,qBACE,KAACJ;QAAQkB,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,MAACE;oBAAMF,WAAU;;sCACf,KAACnB;4BAAKsB,MAAMvB;4BAAMoB,WAAU;;sCAC5B,KAACI;4BACCJ,WAAU;4BACVK,aAAatB,QAAQuB,CAAC,CAAC,qBAAqB;4BAC5Cb,OAAOM,MAAMX,GAAG;4BAChBE,UAAUS,MAAMT,QAAQ;;;;8BAG5B,KAACN;oBACCuB,SAAQ;oBACRC,YAAW;oBACXC,MAAK;oBACLC,SAAS,CAACf;wBACRI,MAAML,YAAY,CAACC;oBACrB;8BAED;;;;;AAMT,EAAE"}

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

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

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

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

package/dist/src/fields/TiptapEditor/extensions/LinkPreview/menus/linkPreviewMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/LinkPreview/menus/linkPreviewMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\r\nimport React, { useCallback } from \"react\";\r\nimport { sticky } from \"tippy.js\";\r\nimport { v4 as uuid } from \"uuid\";\r\n\r\nimport { MenuProps } from \"../../../features/menus/types.js\";\r\nimport { Toolbar } from \"../../../features/ui/Toolbar.js\";\r\nimport i18next from \"i18next\";\r\nimport { LinkPreviewEditorPanel } from \"../LinkPreviewEditorPanel.js\";\r\nimport { FetchSiteMetadataType } from \"src/fields/TiptapEditor/features/BlockEditor/types.jsx\";\r\n\r\nexport const ILinkPreviewMenu = ({\r\n  editor,\r\n  appendTo,\r\n  fetchSiteMetadata,\r\n}: MenuProps & { fetchSiteMetadata: FetchSiteMetadataType }) => {\r\n  const shouldShow = useCallback(() => {\r\n    const isLinkPreview = editor.isActive(\"linkPreview\");\r\n    return isLinkPreview;\r\n  }, [editor]);\r\n\r\n  const onSetLink = useCallback(\r\n    async (src: string) => {\r\n      if (fetchSiteMetadata) {\r\n        const metadata = await fetchSiteMetadata(src);\r\n        editor.chain().focus().setLinkPreview(src, metadata).run();\r\n      }\r\n    },\r\n    [editor]\r\n  );\r\n  return (\r\n    <BaseBubbleMenu\r\n      editor={editor}\r\n      pluginKey=\"linkPreview\"\r\n      shouldShow={shouldShow}\r\n      tippyOptions={{ popperOptions: { placement: \"top-start\" } }}\r\n      updateDelay={100}\r\n    >\r\n      <Toolbar.Button type=\"button\">\r\n        <LinkPreviewEditorPanel\r\n          onSetLink={onSetLink}\r\n          // @ts-ignore\r\n          initialSrcLink={\r\n            editor?.getAttributes(\"linkPreview\")?.editorValue ?? \"\"\r\n          }\r\n        />\r\n      </Toolbar.Button>\r\n    </BaseBubbleMenu>\r\n  );\r\n};\r\n\r\nexport default ILinkPreviewMenu;\r\n"],"names":["BubbleMenu","BaseBubbleMenu","React","useCallback","Toolbar","LinkPreviewEditorPanel","ILinkPreviewMenu","editor","appendTo","fetchSiteMetadata","shouldShow","isLinkPreview","isActive","onSetLink","src","metadata","chain","focus","setLinkPreview","run","pluginKey","tippyOptions","popperOptions","placement","updateDelay","Button","type","initialSrcLink","getAttributes","editorValue"],"mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,OAAOC,SAASC,WAAW,QAAQ,QAAQ;AAK3C,SAASC,OAAO,QAAQ,kCAAkC;AAE1D,SAASC,sBAAsB,QAAQ,+BAA+B;AAGtE,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,MAAM,EACNC,QAAQ,EACRC,iBAAiB,EACwC;IACzD,MAAMC,aAAaP,YAAY;QAC7B,MAAMQ,gBAAgBJ,OAAOK,QAAQ,CAAC;QACtC,OAAOD;IACT,GAAG;QAACJ;KAAO;IAEX,MAAMM,YAAYV,YAChB,OAAOW;QACL,IAAIL,mBAAmB;YACrB,MAAMM,WAAW,MAAMN,kBAAkBK;YACzCP,OAAOS,KAAK,GAAGC,KAAK,GAAGC,cAAc,CAACJ,KAAKC,UAAUI,GAAG;QAC1D;IACF,GACA;QAACZ;KAAO;IAEV,qBACE,KAACN;QACCM,QAAQA;QACRa,WAAU;QACVV,YAAYA;QACZW,cAAc;YAAEC,eAAe;gBAAEC,WAAW;YAAY;QAAE;QAC1DC,aAAa;kBAEb,cAAA,KAACpB,QAAQqB,MAAM;YAACC,MAAK;sBACnB,cAAA,KAACrB;gBACCQ,WAAWA;gBACX,aAAa;gBACbc,gBACEpB,QAAQqB,cAAc,gBAAgBC,eAAe;;;;AAMjE,EAAE;AAEF,eAAevB,iBAAiB"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/LinkPreview/menus/linkPreviewMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport React, { useCallback } from \"react\";\nimport { sticky } from \"tippy.js\";\nimport { v4 as uuid } from \"uuid\";\n\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { Toolbar } from \"../../../features/ui/Toolbar.js\";\nimport i18next from \"i18next\";\nimport { LinkPreviewEditorPanel } from \"../LinkPreviewEditorPanel.js\";\nimport { FetchSiteMetadataType } from \"src/fields/TiptapEditor/features/BlockEditor/types.jsx\";\n\nexport const ILinkPreviewMenu = ({\n  editor,\n  appendTo,\n  fetchSiteMetadata,\n}: MenuProps & { fetchSiteMetadata: FetchSiteMetadataType }) => {\n  const shouldShow = useCallback(() => {\n    const isLinkPreview = editor.isActive(\"linkPreview\");\n    return isLinkPreview;\n  }, [editor]);\n\n  const onSetLink = useCallback(\n    async (src: string) => {\n      if (fetchSiteMetadata) {\n        const metadata = await fetchSiteMetadata(src);\n        editor.chain().focus().setLinkPreview(src, metadata).run();\n      }\n    },\n    [editor]\n  );\n  return (\n    <BaseBubbleMenu\n      editor={editor}\n      pluginKey=\"linkPreview\"\n      shouldShow={shouldShow}\n      tippyOptions={{ popperOptions: { placement: \"top-start\" } }}\n      updateDelay={100}\n    >\n      <Toolbar.Button type=\"button\">\n        <LinkPreviewEditorPanel\n          onSetLink={onSetLink}\n          // @ts-ignore\n          initialSrcLink={\n            editor?.getAttributes(\"linkPreview\")?.editorValue ?? \"\"\n          }\n        />\n      </Toolbar.Button>\n    </BaseBubbleMenu>\n  );\n};\n\nexport default ILinkPreviewMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","React","useCallback","Toolbar","LinkPreviewEditorPanel","ILinkPreviewMenu","editor","appendTo","fetchSiteMetadata","shouldShow","isLinkPreview","isActive","onSetLink","src","metadata","chain","focus","setLinkPreview","run","pluginKey","tippyOptions","popperOptions","placement","updateDelay","Button","type","initialSrcLink","getAttributes","editorValue"],"mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,OAAOC,SAASC,WAAW,QAAQ,QAAQ;AAK3C,SAASC,OAAO,QAAQ,kCAAkC;AAE1D,SAASC,sBAAsB,QAAQ,+BAA+B;AAGtE,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,MAAM,EACNC,QAAQ,EACRC,iBAAiB,EACwC;IACzD,MAAMC,aAAaP,YAAY;QAC7B,MAAMQ,gBAAgBJ,OAAOK,QAAQ,CAAC;QACtC,OAAOD;IACT,GAAG;QAACJ;KAAO;IAEX,MAAMM,YAAYV,YAChB,OAAOW;QACL,IAAIL,mBAAmB;YACrB,MAAMM,WAAW,MAAMN,kBAAkBK;YACzCP,OAAOS,KAAK,GAAGC,KAAK,GAAGC,cAAc,CAACJ,KAAKC,UAAUI,GAAG;QAC1D;IACF,GACA;QAACZ;KAAO;IAEV,qBACE,KAACN;QACCM,QAAQA;QACRa,WAAU;QACVV,YAAYA;QACZW,cAAc;YAAEC,eAAe;gBAAEC,WAAW;YAAY;QAAE;QAC1DC,aAAa;kBAEb,cAAA,KAACpB,QAAQqB,MAAM;YAACC,MAAK;sBACnB,cAAA,KAACrB;gBACCQ,WAAWA;gBACX,aAAa;gBACbc,gBACEpB,QAAQqB,cAAc,gBAAgBC,eAAe;;;;AAMjE,EAAE;AAEF,eAAevB,iBAAiB"}

package/dist/src/fields/TiptapEditor/extensions/MultiColumn/Column.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/MultiColumn/Column.ts"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core'\r\n\r\nexport const Column = Node.create({\r\n  name: 'column',\r\n\r\n  content: 'block+',\r\n\r\n  isolating: true,\r\n\r\n  addAttributes() {\r\n    return {\r\n      position: {\r\n        default: '',\r\n        parseHTML: element => element.getAttribute('data-position'),\r\n        renderHTML: attributes => ({ 'data-position': attributes.position }),\r\n      },\r\n    }\r\n  },\r\n\r\n  renderHTML({ HTMLAttributes }) {\r\n    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'column' }), 0]\r\n  },\r\n\r\n  parseHTML() {\r\n    return [\r\n      {\r\n        tag: 'div[data-type=\"column\"]',\r\n      },\r\n    ]\r\n  },\r\n})\r\n\r\nexport default Column\r\n"],"names":["Node","mergeAttributes","Column","create","name","content","isolating","addAttributes","position","default","parseHTML","element","getAttribute","renderHTML","attributes","HTMLAttributes","tag"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAc;AAEpD,OAAO,MAAMC,SAASF,KAAKG,MAAM,CAAC;IAChCC,MAAM;IAENC,SAAS;IAETC,WAAW;IAEXC;QACE,OAAO;YACLC,UAAU;gBACRC,SAAS;gBACTC,WAAWC,CAAAA,UAAWA,QAAQC,YAAY,CAAC;gBAC3CC,YAAYC,CAAAA,aAAe,CAAA;wBAAE,iBAAiBA,WAAWN,QAAQ;oBAAC,CAAA;YACpE;QACF;IACF;IAEAK,YAAW,EAAEE,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAOd,gBAAgBc,gBAAgB;gBAAE,aAAa;YAAS;YAAI;SAAE;IAC/E;IAEAL;QACE,OAAO;YACL;gBACEM,KAAK;YACP;SACD;IACH;AACF,GAAE;AAEF,eAAed,OAAM"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/MultiColumn/Column.ts"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core'\n\nexport const Column = Node.create({\n  name: 'column',\n\n  content: 'block+',\n\n  isolating: true,\n\n  addAttributes() {\n    return {\n      position: {\n        default: '',\n        parseHTML: element => element.getAttribute('data-position'),\n        renderHTML: attributes => ({ 'data-position': attributes.position }),\n      },\n    }\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'column' }), 0]\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"column\"]',\n      },\n    ]\n  },\n})\n\nexport default Column\n"],"names":["Node","mergeAttributes","Column","create","name","content","isolating","addAttributes","position","default","parseHTML","element","getAttribute","renderHTML","attributes","HTMLAttributes","tag"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAc;AAEpD,OAAO,MAAMC,SAASF,KAAKG,MAAM,CAAC;IAChCC,MAAM;IAENC,SAAS;IAETC,WAAW;IAEXC;QACE,OAAO;YACLC,UAAU;gBACRC,SAAS;gBACTC,WAAWC,CAAAA,UAAWA,QAAQC,YAAY,CAAC;gBAC3CC,YAAYC,CAAAA,aAAe,CAAA;wBAAE,iBAAiBA,WAAWN,QAAQ;oBAAC,CAAA;YACpE;QACF;IACF;IAEAK,YAAW,EAAEE,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAOd,gBAAgBc,gBAAgB;gBAAE,aAAa;YAAS;YAAI;SAAE;IAC/E;IAEAL;QACE,OAAO;YACL;gBACEM,KAAK;YACP;SACD;IACH;AACF,GAAE;AAEF,eAAed,OAAM"}

package/dist/src/fields/TiptapEditor/extensions/MultiColumn/Columns.js

@@ -1,10 +1,10 @@
 import { Node } from '@tiptap/core';
-export var ColumnLayout = /*#__PURE__*/ function(ColumnLayout) {
+export var ColumnLayout;
+(function(ColumnLayout) {
     ColumnLayout["SidebarLeft"] = "sidebar-left";
     ColumnLayout["SidebarRight"] = "sidebar-right";
     ColumnLayout["TwoColumn"] = "two-column";
-    return ColumnLayout;
-}({});
+})(ColumnLayout || (ColumnLayout = {}));
 export const Columns = Node.create({
     name: 'columns',
     group: 'columns',

package/dist/src/fields/TiptapEditor/extensions/MultiColumn/Columns.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/MultiColumn/Columns.ts"],"sourcesContent":["import { Node } from '@tiptap/core'\r\n\r\nexport enum ColumnLayout {\r\n  SidebarLeft = 'sidebar-left',\r\n  SidebarRight = 'sidebar-right',\r\n  TwoColumn = 'two-column',\r\n}\r\n\r\ndeclare module '@tiptap/core' {\r\n  interface Commands<ReturnType> {\r\n    columns: {\r\n      setColumns: () => ReturnType\r\n      setLayout: (layout: ColumnLayout) => ReturnType\r\n    }\r\n  }\r\n}\r\n\r\nexport const Columns = Node.create({\r\n  name: 'columns',\r\n\r\n  group: 'columns',\r\n\r\n  content: 'column column',\r\n\r\n  defining: true,\r\n\r\n  isolating: true,\r\n\r\n  addAttributes() {\r\n    return {\r\n      layout: {\r\n        default: ColumnLayout.TwoColumn,\r\n      },\r\n    }\r\n  },\r\n\r\n  addCommands() {\r\n    return {\r\n      setColumns:\r\n        () =>\r\n        ({ commands }) =>\r\n          commands.insertContent(\r\n            `<div data-type=\"columns\"><div data-type=\"column\" data-position=\"left\"><p></p></div><div data-type=\"column\" data-position=\"right\"><p></p></div></div>`,\r\n          ),\r\n      setLayout:\r\n        (layout: ColumnLayout) =>\r\n        ({ commands }) =>\r\n          commands.updateAttributes('columns', { layout }),\r\n    }\r\n  },\r\n\r\n  renderHTML({ HTMLAttributes }) {\r\n    return ['div', { 'data-type': 'columns', class: `layout-${HTMLAttributes.layout}` }, 0]\r\n  },\r\n\r\n  parseHTML() {\r\n    return [\r\n      {\r\n        tag: 'div[data-type=\"columns\"]',\r\n      },\r\n    ]\r\n  },\r\n})\r\n\r\nexport default Columns\r\n"],"names":["Node","ColumnLayout","Columns","create","name","group","content","defining","isolating","addAttributes","layout","default","addCommands","setColumns","commands","insertContent","setLayout","updateAttributes","renderHTML","HTMLAttributes","class","parseHTML","tag"],"mappings":"AAAA,SAASA,IAAI,QAAQ,eAAc;AAEnC,OAAO,IAAA,AAAKC,sCAAAA;;;;WAAAA;MAIX;AAWD,OAAO,MAAMC,UAAUF,KAAKG,MAAM,CAAC;IACjCC,MAAM;IAENC,OAAO;IAEPC,SAAS;IAETC,UAAU;IAEVC,WAAW;IAEXC;QACE,OAAO;YACLC,QAAQ;gBACNC,OAAO;YACT;QACF;IACF;IAEAC;QACE,OAAO;YACLC,YACE,IACA,CAAC,EAAEC,QAAQ,EAAE,GACXA,SAASC,aAAa,CACpB,CAAC,oJAAoJ,CAAC;YAE5JC,WACE,CAACN,SACD,CAAC,EAAEI,QAAQ,EAAE,GACXA,SAASG,gBAAgB,CAAC,WAAW;wBAAEP;oBAAO;QACpD;IACF;IAEAQ,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAO;gBAAE,aAAa;gBAAWC,OAAO,CAAC,OAAO,EAAED,eAAeT,MAAM,EAAE;YAAC;YAAG;SAAE;IACzF;IAEAW;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;AACF,GAAE;AAEF,eAAepB,QAAO"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/MultiColumn/Columns.ts"],"sourcesContent":["import { Node } from '@tiptap/core'\n\nexport enum ColumnLayout {\n  SidebarLeft = 'sidebar-left',\n  SidebarRight = 'sidebar-right',\n  TwoColumn = 'two-column',\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    columns: {\n      setColumns: () => ReturnType\n      setLayout: (layout: ColumnLayout) => ReturnType\n    }\n  }\n}\n\nexport const Columns = Node.create({\n  name: 'columns',\n\n  group: 'columns',\n\n  content: 'column column',\n\n  defining: true,\n\n  isolating: true,\n\n  addAttributes() {\n    return {\n      layout: {\n        default: ColumnLayout.TwoColumn,\n      },\n    }\n  },\n\n  addCommands() {\n    return {\n      setColumns:\n        () =>\n        ({ commands }) =>\n          commands.insertContent(\n            `<div data-type=\"columns\"><div data-type=\"column\" data-position=\"left\"><p></p></div><div data-type=\"column\" data-position=\"right\"><p></p></div></div>`,\n          ),\n      setLayout:\n        (layout: ColumnLayout) =>\n        ({ commands }) =>\n          commands.updateAttributes('columns', { layout }),\n    }\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', { 'data-type': 'columns', class: `layout-${HTMLAttributes.layout}` }, 0]\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"columns\"]',\n      },\n    ]\n  },\n})\n\nexport default Columns\n"],"names":["Node","ColumnLayout","Columns","create","name","group","content","defining","isolating","addAttributes","layout","default","addCommands","setColumns","commands","insertContent","setLayout","updateAttributes","renderHTML","HTMLAttributes","class","parseHTML","tag"],"mappings":"AAAA,SAASA,IAAI,QAAQ,eAAc;;UAEvBC;;;;GAAAA,iBAAAA;AAeZ,OAAO,MAAMC,UAAUF,KAAKG,MAAM,CAAC;IACjCC,MAAM;IAENC,OAAO;IAEPC,SAAS;IAETC,UAAU;IAEVC,WAAW;IAEXC;QACE,OAAO;YACLC,QAAQ;gBACNC,OAAO;YACT;QACF;IACF;IAEAC;QACE,OAAO;YACLC,YACE,IACA,CAAC,EAAEC,QAAQ,EAAE,GACXA,SAASC,aAAa,CACpB,CAAC,oJAAoJ,CAAC;YAE5JC,WACE,CAACN,SACD,CAAC,EAAEI,QAAQ,EAAE,GACXA,SAASG,gBAAgB,CAAC,WAAW;wBAAEP;oBAAO;QACpD;IACF;IAEAQ,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAO;gBAAE,aAAa;gBAAWC,OAAO,CAAC,OAAO,EAAED,eAAeT,MAAM,EAAE;YAAC;YAAG;SAAE;IACzF;IAEAW;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;AACF,GAAE;AAEF,eAAepB,QAAO"}

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

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

package/dist/src/fields/TiptapEditor/extensions/MultiColumn/menus/ColumnsMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/MultiColumn/menus/ColumnsMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\r\nimport { useCallback } from \"react\";\r\nimport { sticky } from \"tippy.js\";\r\nimport { v4 as uuid } from \"uuid\";\r\n\r\nimport { Columns2, PanelLeft, PanelRight } from \"lucide-react\";\r\nimport { MenuProps } from \"../../../features/menus/types.js\";\r\nimport { Icon } from \"../../../features/ui/Icon.js\";\r\nimport { Toolbar } from \"../../../features/ui/Toolbar.js\";\r\nimport { getRenderContainer } from \"../../../lib/utils/index.js\";\r\nimport { ColumnLayout } from \"../Columns.js\";\r\nimport i18next from \"i18next\";\r\n\r\nexport const ColumnsMenu = ({ editor, appendTo }: MenuProps) => {\r\n  const getReferenceClientRect = useCallback(() => {\r\n    const renderContainer = getRenderContainer(editor, \"columns\");\r\n    const rect =\r\n      renderContainer?.getBoundingClientRect() ||\r\n      new DOMRect(-1000, -1000, 0, 0);\r\n\r\n    return rect;\r\n  }, [editor]);\r\n\r\n  const shouldShow = useCallback(() => {\r\n    const isColumns = editor.isActive(\"columns\");\r\n    return isColumns;\r\n  }, [editor]);\r\n\r\n  const onColumnLeft = useCallback(() => {\r\n    editor.chain().focus().setLayout(ColumnLayout.SidebarLeft).run();\r\n  }, [editor]);\r\n\r\n  const onColumnRight = useCallback(() => {\r\n    editor.chain().focus().setLayout(ColumnLayout.SidebarRight).run();\r\n  }, [editor]);\r\n\r\n  const onColumnTwo = useCallback(() => {\r\n    editor.chain().focus().setLayout(ColumnLayout.TwoColumn).run();\r\n  }, [editor]);\r\n\r\n  return (\r\n    <BaseBubbleMenu\r\n      editor={editor}\r\n      pluginKey={`columnsMenu-${uuid()}`}\r\n      shouldShow={shouldShow}\r\n      updateDelay={0}\r\n      tippyOptions={{\r\n        offset: [0, 8],\r\n        popperOptions: {\r\n          modifiers: [{ name: \"flip\", enabled: false }],\r\n        },\r\n        getReferenceClientRect,\r\n        appendTo: () => appendTo?.current,\r\n        plugins: [sticky],\r\n        sticky: \"popper\",\r\n      }}\r\n    >\r\n      <Toolbar.Wrapper>\r\n        <Toolbar.Button\r\n          type=\"button\"\r\n          tooltip={i18next.t(\"sidebarLeft\") || \"Sidebar left\"}\r\n          active={editor.isActive(\"columns\", {\r\n            layout: ColumnLayout.SidebarLeft,\r\n          })}\r\n          onClick={onColumnLeft}\r\n        >\r\n          <Icon icon={PanelLeft} />\r\n        </Toolbar.Button>\r\n        <Toolbar.Button\r\n          type=\"button\"\r\n          tooltip={i18next.t(\"twoColumns\") || \"Two columns\"}\r\n          active={editor.isActive(\"columns\", {\r\n            layout: ColumnLayout.TwoColumn,\r\n          })}\r\n          onClick={onColumnTwo}\r\n        >\r\n          <Icon icon={Columns2} />\r\n        </Toolbar.Button>\r\n        <Toolbar.Button\r\n          type=\"button\"\r\n          tooltip={i18next.t(\"sidebarRight\") || \"Sidebar right\"}\r\n          active={editor.isActive(\"columns\", {\r\n            layout: ColumnLayout.SidebarRight,\r\n          })}\r\n          onClick={onColumnRight}\r\n        >\r\n          <Icon icon={PanelRight} />\r\n        </Toolbar.Button>\r\n      </Toolbar.Wrapper>\r\n    </BaseBubbleMenu>\r\n  );\r\n};\r\n\r\nexport default ColumnsMenu;\r\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","sticky","v4","uuid","Columns2","PanelLeft","PanelRight","Icon","Toolbar","getRenderContainer","ColumnLayout","i18next","ColumnsMenu","editor","appendTo","getReferenceClientRect","renderContainer","rect","getBoundingClientRect","DOMRect","shouldShow","isColumns","isActive","onColumnLeft","chain","focus","setLayout","SidebarLeft","run","onColumnRight","SidebarRight","onColumnTwo","TwoColumn","pluginKey","updateDelay","tippyOptions","offset","popperOptions","modifiers","name","enabled","current","plugins","Wrapper","Button","type","tooltip","t","active","layout","onClick","icon"],"mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,SAASC,WAAW,QAAQ,QAAQ;AACpC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,MAAMC,IAAI,QAAQ,OAAO;AAElC,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,eAAe;AAE/D,SAASC,IAAI,QAAQ,+BAA+B;AACpD,SAASC,OAAO,QAAQ,kCAAkC;AAC1D,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,OAAOC,aAAa,UAAU;AAE9B,OAAO,MAAMC,cAAc,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAa;IACzD,MAAMC,yBAAyBf,YAAY;QACzC,MAAMgB,kBAAkBP,mBAAmBI,QAAQ;QACnD,MAAMI,OACJD,iBAAiBE,2BACjB,IAAIC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG;QAE/B,OAAOF;IACT,GAAG;QAACJ;KAAO;IAEX,MAAMO,aAAapB,YAAY;QAC7B,MAAMqB,YAAYR,OAAOS,QAAQ,CAAC;QAClC,OAAOD;IACT,GAAG;QAACR;KAAO;IAEX,MAAMU,eAAevB,YAAY;QAC/Ba,OAAOW,KAAK,GAAGC,KAAK,GAAGC,SAAS,CAAChB,aAAaiB,WAAW,EAAEC,GAAG;IAChE,GAAG;QAACf;KAAO;IAEX,MAAMgB,gBAAgB7B,YAAY;QAChCa,OAAOW,KAAK,GAAGC,KAAK,GAAGC,SAAS,CAAChB,aAAaoB,YAAY,EAAEF,GAAG;IACjE,GAAG;QAACf;KAAO;IAEX,MAAMkB,cAAc/B,YAAY;QAC9Ba,OAAOW,KAAK,GAAGC,KAAK,GAAGC,SAAS,CAAChB,aAAasB,SAAS,EAAEJ,GAAG;IAC9D,GAAG;QAACf;KAAO;IAEX,qBACE,KAACd;QACCc,QAAQA;QACRoB,WAAW,CAAC,YAAY,EAAE9B,QAAQ;QAClCiB,YAAYA;QACZc,aAAa;QACbC,cAAc;YACZC,QAAQ;gBAAC;gBAAG;aAAE;YACdC,eAAe;gBACbC,WAAW;oBAAC;wBAAEC,MAAM;wBAAQC,SAAS;oBAAM;iBAAE;YAC/C;YACAzB;YACAD,UAAU,IAAMA,UAAU2B;YAC1BC,SAAS;gBAACzC;aAAO;YACjBA,QAAQ;QACV;kBAEA,cAAA,MAACO,QAAQmC,OAAO;;8BACd,KAACnC,QAAQoC,MAAM;oBACbC,MAAK;oBACLC,SAASnC,QAAQoC,CAAC,CAAC,kBAAkB;oBACrCC,QAAQnC,OAAOS,QAAQ,CAAC,WAAW;wBACjC2B,QAAQvC,aAAaiB,WAAW;oBAClC;oBACAuB,SAAS3B;8BAET,cAAA,KAAChB;wBAAK4C,MAAM9C;;;8BAEd,KAACG,QAAQoC,MAAM;oBACbC,MAAK;oBACLC,SAASnC,QAAQoC,CAAC,CAAC,iBAAiB;oBACpCC,QAAQnC,OAAOS,QAAQ,CAAC,WAAW;wBACjC2B,QAAQvC,aAAasB,SAAS;oBAChC;oBACAkB,SAASnB;8BAET,cAAA,KAACxB;wBAAK4C,MAAM/C;;;8BAEd,KAACI,QAAQoC,MAAM;oBACbC,MAAK;oBACLC,SAASnC,QAAQoC,CAAC,CAAC,mBAAmB;oBACtCC,QAAQnC,OAAOS,QAAQ,CAAC,WAAW;wBACjC2B,QAAQvC,aAAaoB,YAAY;oBACnC;oBACAoB,SAASrB;8BAET,cAAA,KAACtB;wBAAK4C,MAAM7C;;;;;;AAKtB,EAAE;AAEF,eAAeM,YAAY"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/MultiColumn/menus/ColumnsMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\nimport { sticky } from \"tippy.js\";\nimport { v4 as uuid } from \"uuid\";\n\nimport { Columns2, PanelLeft, PanelRight } from \"lucide-react\";\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { Icon } from \"../../../features/ui/Icon.js\";\nimport { Toolbar } from \"../../../features/ui/Toolbar.js\";\nimport { getRenderContainer } from \"../../../lib/utils/index.js\";\nimport { ColumnLayout } from \"../Columns.js\";\nimport i18next from \"i18next\";\n\nexport const ColumnsMenu = ({ editor, appendTo }: MenuProps) => {\n  const getReferenceClientRect = useCallback(() => {\n    const renderContainer = getRenderContainer(editor, \"columns\");\n    const rect =\n      renderContainer?.getBoundingClientRect() ||\n      new DOMRect(-1000, -1000, 0, 0);\n\n    return rect;\n  }, [editor]);\n\n  const shouldShow = useCallback(() => {\n    const isColumns = editor.isActive(\"columns\");\n    return isColumns;\n  }, [editor]);\n\n  const onColumnLeft = useCallback(() => {\n    editor.chain().focus().setLayout(ColumnLayout.SidebarLeft).run();\n  }, [editor]);\n\n  const onColumnRight = useCallback(() => {\n    editor.chain().focus().setLayout(ColumnLayout.SidebarRight).run();\n  }, [editor]);\n\n  const onColumnTwo = useCallback(() => {\n    editor.chain().focus().setLayout(ColumnLayout.TwoColumn).run();\n  }, [editor]);\n\n  return (\n    <BaseBubbleMenu\n      editor={editor}\n      pluginKey={`columnsMenu-${uuid()}`}\n      shouldShow={shouldShow}\n      updateDelay={0}\n      tippyOptions={{\n        offset: [0, 8],\n        popperOptions: {\n          modifiers: [{ name: \"flip\", enabled: false }],\n        },\n        getReferenceClientRect,\n        appendTo: () => appendTo?.current,\n        plugins: [sticky],\n        sticky: \"popper\",\n      }}\n    >\n      <Toolbar.Wrapper>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip={i18next.t(\"sidebarLeft\") || \"Sidebar left\"}\n          active={editor.isActive(\"columns\", {\n            layout: ColumnLayout.SidebarLeft,\n          })}\n          onClick={onColumnLeft}\n        >\n          <Icon icon={PanelLeft} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip={i18next.t(\"twoColumns\") || \"Two columns\"}\n          active={editor.isActive(\"columns\", {\n            layout: ColumnLayout.TwoColumn,\n          })}\n          onClick={onColumnTwo}\n        >\n          <Icon icon={Columns2} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip={i18next.t(\"sidebarRight\") || \"Sidebar right\"}\n          active={editor.isActive(\"columns\", {\n            layout: ColumnLayout.SidebarRight,\n          })}\n          onClick={onColumnRight}\n        >\n          <Icon icon={PanelRight} />\n        </Toolbar.Button>\n      </Toolbar.Wrapper>\n    </BaseBubbleMenu>\n  );\n};\n\nexport default ColumnsMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","sticky","v4","uuid","Columns2","PanelLeft","PanelRight","Icon","Toolbar","getRenderContainer","ColumnLayout","i18next","ColumnsMenu","editor","appendTo","getReferenceClientRect","renderContainer","rect","getBoundingClientRect","DOMRect","shouldShow","isColumns","isActive","onColumnLeft","chain","focus","setLayout","SidebarLeft","run","onColumnRight","SidebarRight","onColumnTwo","TwoColumn","pluginKey","updateDelay","tippyOptions","offset","popperOptions","modifiers","name","enabled","current","plugins","Wrapper","Button","type","tooltip","t","active","layout","onClick","icon"],"mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,SAASC,WAAW,QAAQ,QAAQ;AACpC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,MAAMC,IAAI,QAAQ,OAAO;AAElC,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,eAAe;AAE/D,SAASC,IAAI,QAAQ,+BAA+B;AACpD,SAASC,OAAO,QAAQ,kCAAkC;AAC1D,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,OAAOC,aAAa,UAAU;AAE9B,OAAO,MAAMC,cAAc,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAa;IACzD,MAAMC,yBAAyBf,YAAY;QACzC,MAAMgB,kBAAkBP,mBAAmBI,QAAQ;QACnD,MAAMI,OACJD,iBAAiBE,2BACjB,IAAIC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG;QAE/B,OAAOF;IACT,GAAG;QAACJ;KAAO;IAEX,MAAMO,aAAapB,YAAY;QAC7B,MAAMqB,YAAYR,OAAOS,QAAQ,CAAC;QAClC,OAAOD;IACT,GAAG;QAACR;KAAO;IAEX,MAAMU,eAAevB,YAAY;QAC/Ba,OAAOW,KAAK,GAAGC,KAAK,GAAGC,SAAS,CAAChB,aAAaiB,WAAW,EAAEC,GAAG;IAChE,GAAG;QAACf;KAAO;IAEX,MAAMgB,gBAAgB7B,YAAY;QAChCa,OAAOW,KAAK,GAAGC,KAAK,GAAGC,SAAS,CAAChB,aAAaoB,YAAY,EAAEF,GAAG;IACjE,GAAG;QAACf;KAAO;IAEX,MAAMkB,cAAc/B,YAAY;QAC9Ba,OAAOW,KAAK,GAAGC,KAAK,GAAGC,SAAS,CAAChB,aAAasB,SAAS,EAAEJ,GAAG;IAC9D,GAAG;QAACf;KAAO;IAEX,qBACE,KAACd;QACCc,QAAQA;QACRoB,WAAW,CAAC,YAAY,EAAE9B,QAAQ;QAClCiB,YAAYA;QACZc,aAAa;QACbC,cAAc;YACZC,QAAQ;gBAAC;gBAAG;aAAE;YACdC,eAAe;gBACbC,WAAW;oBAAC;wBAAEC,MAAM;wBAAQC,SAAS;oBAAM;iBAAE;YAC/C;YACAzB;YACAD,UAAU,IAAMA,UAAU2B;YAC1BC,SAAS;gBAACzC;aAAO;YACjBA,QAAQ;QACV;kBAEA,cAAA,MAACO,QAAQmC,OAAO;;8BACd,KAACnC,QAAQoC,MAAM;oBACbC,MAAK;oBACLC,SAASnC,QAAQoC,CAAC,CAAC,kBAAkB;oBACrCC,QAAQnC,OAAOS,QAAQ,CAAC,WAAW;wBACjC2B,QAAQvC,aAAaiB,WAAW;oBAClC;oBACAuB,SAAS3B;8BAET,cAAA,KAAChB;wBAAK4C,MAAM9C;;;8BAEd,KAACG,QAAQoC,MAAM;oBACbC,MAAK;oBACLC,SAASnC,QAAQoC,CAAC,CAAC,iBAAiB;oBACpCC,QAAQnC,OAAOS,QAAQ,CAAC,WAAW;wBACjC2B,QAAQvC,aAAasB,SAAS;oBAChC;oBACAkB,SAASnB;8BAET,cAAA,KAACxB;wBAAK4C,MAAM/C;;;8BAEd,KAACI,QAAQoC,MAAM;oBACbC,MAAK;oBACLC,SAASnC,QAAQoC,CAAC,CAAC,mBAAmB;oBACtCC,QAAQnC,OAAOS,QAAQ,CAAC,WAAW;wBACjC2B,QAAQvC,aAAaoB,YAAY;oBACnC;oBACAoB,SAASrB;8BAET,cAAA,KAACtB;wBAAK4C,MAAM7C;;;;;;AAKtB,EAAE;AAEF,eAAeM,YAAY"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/Paragraph.ts"],"sourcesContent":["import { mergeAttributes } from \"@tiptap/core\";\r\nimport TiptapParagraph from \"@tiptap/extension-paragraph\";\r\n\r\nexport const Paragraph = TiptapParagraph.extend({\r\n  addAttributes() {\r\n    return {\r\n      textAlign: { default: \"\" },\r\n      class: { default: \"\" },\r\n    };\r\n  },\r\n  renderHTML({ node, HTMLAttributes }) {\r\n    return [\r\n      'p',\r\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\r\n      0,\r\n    ];\r\n  },\r\n});\r\n\r\nexport default Paragraph;\r\n"],"names":["mergeAttributes","TiptapParagraph","Paragraph","extend","addAttributes","textAlign","default","class","renderHTML","node","HTMLAttributes","options"],"mappings":"AAAA,SAASA,eAAe,QAAQ,eAAe;AAC/C,OAAOC,qBAAqB,8BAA8B;AAE1D,OAAO,MAAMC,YAAYD,gBAAgBE,MAAM,CAAC;IAC9CC;QACE,OAAO;YACLC,WAAW;gBAAEC,SAAS;YAAG;YACzBC,OAAO;gBAAED,SAAS;YAAG;QACvB;IACF;IACAE,YAAW,EAAEC,IAAI,EAAEC,cAAc,EAAE;QACjC,OAAO;YACL;YACAV,gBAAgB,IAAI,CAACW,OAAO,CAACD,cAAc,EAAEA;YAC7C;SACD;IACH;AACF,GAAG;AAEH,eAAeR,UAAU"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/Paragraph.ts"],"sourcesContent":["import { mergeAttributes } from \"@tiptap/core\";\nimport TiptapParagraph from \"@tiptap/extension-paragraph\";\n\nexport const Paragraph = TiptapParagraph.extend({\n  addAttributes() {\n    return {\n      textAlign: { default: \"\" },\n      class: { default: \"\" },\n    };\n  },\n  renderHTML({ node, HTMLAttributes }) {\n    return [\n      'p',\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n      0,\n    ];\n  },\n});\n\nexport default Paragraph;\n"],"names":["mergeAttributes","TiptapParagraph","Paragraph","extend","addAttributes","textAlign","default","class","renderHTML","node","HTMLAttributes","options"],"mappings":"AAAA,SAASA,eAAe,QAAQ,eAAe;AAC/C,OAAOC,qBAAqB,8BAA8B;AAE1D,OAAO,MAAMC,YAAYD,gBAAgBE,MAAM,CAAC;IAC9CC;QACE,OAAO;YACLC,WAAW;gBAAEC,SAAS;YAAG;YACzBC,OAAO;gBAAED,SAAS;YAAG;QACvB;IACF;IACAE,YAAW,EAAEC,IAAI,EAAEC,cAAc,EAAE;QACjC,OAAO;YACL;YACAV,gBAAgB,IAAI,CAACW,OAAO,CAACD,cAAc,EAAEA;YAC7C;SACD;IACH;AACF,GAAG;AAEH,eAAeR,UAAU"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Selection/Selection.ts"],"sourcesContent":["import { Extension } from '@tiptap/core'\r\nimport { Plugin, PluginKey } from '@tiptap/pm/state'\r\nimport { Decoration, DecorationSet } from '@tiptap/pm/view'\r\n\r\nexport const Selection = Extension.create({\r\n  name: 'selection',\r\n\r\n  addProseMirrorPlugins() {\r\n    const { editor } = this\r\n\r\n    return [\r\n      new Plugin({\r\n        key: new PluginKey('selection'),\r\n        props: {\r\n          decorations(state) {\r\n            if (state.selection.empty) {\r\n              return null\r\n            }\r\n\r\n            if (editor.isFocused === true) {\r\n              return null\r\n            }\r\n\r\n            return DecorationSet.create(state.doc, [\r\n              Decoration.inline(state.selection.from, state.selection.to, {\r\n                class: 'selection',\r\n              }),\r\n            ])\r\n          },\r\n        },\r\n      }),\r\n    ]\r\n  },\r\n})\r\n\r\nexport default Selection\r\n"],"names":["Extension","Plugin","PluginKey","Decoration","DecorationSet","Selection","create","name","addProseMirrorPlugins","editor","key","props","decorations","state","selection","empty","isFocused","doc","inline","from","to","class"],"mappings":"AAAA,SAASA,SAAS,QAAQ,eAAc;AACxC,SAASC,MAAM,EAAEC,SAAS,QAAQ,mBAAkB;AACpD,SAASC,UAAU,EAAEC,aAAa,QAAQ,kBAAiB;AAE3D,OAAO,MAAMC,YAAYL,UAAUM,MAAM,CAAC;IACxCC,MAAM;IAENC;QACE,MAAM,EAAEC,MAAM,EAAE,GAAG,IAAI;QAEvB,OAAO;YACL,IAAIR,OAAO;gBACTS,KAAK,IAAIR,UAAU;gBACnBS,OAAO;oBACLC,aAAYC,KAAK;wBACf,IAAIA,MAAMC,SAAS,CAACC,KAAK,EAAE;4BACzB,OAAO;wBACT;wBAEA,IAAIN,OAAOO,SAAS,KAAK,MAAM;4BAC7B,OAAO;wBACT;wBAEA,OAAOZ,cAAcE,MAAM,CAACO,MAAMI,GAAG,EAAE;4BACrCd,WAAWe,MAAM,CAACL,MAAMC,SAAS,CAACK,IAAI,EAAEN,MAAMC,SAAS,CAACM,EAAE,EAAE;gCAC1DC,OAAO;4BACT;yBACD;oBACH;gBACF;YACF;SACD;IACH;AACF,GAAE;AAEF,eAAehB,UAAS"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Selection/Selection.ts"],"sourcesContent":["import { Extension } from '@tiptap/core'\nimport { Plugin, PluginKey } from '@tiptap/pm/state'\nimport { Decoration, DecorationSet } from '@tiptap/pm/view'\n\nexport const Selection = Extension.create({\n  name: 'selection',\n\n  addProseMirrorPlugins() {\n    const { editor } = this\n\n    return [\n      new Plugin({\n        key: new PluginKey('selection'),\n        props: {\n          decorations(state) {\n            if (state.selection.empty) {\n              return null\n            }\n\n            if (editor.isFocused === true) {\n              return null\n            }\n\n            return DecorationSet.create(state.doc, [\n              Decoration.inline(state.selection.from, state.selection.to, {\n                class: 'selection',\n              }),\n            ])\n          },\n        },\n      }),\n    ]\n  },\n})\n\nexport default Selection\n"],"names":["Extension","Plugin","PluginKey","Decoration","DecorationSet","Selection","create","name","addProseMirrorPlugins","editor","key","props","decorations","state","selection","empty","isFocused","doc","inline","from","to","class"],"mappings":"AAAA,SAASA,SAAS,QAAQ,eAAc;AACxC,SAASC,MAAM,EAAEC,SAAS,QAAQ,mBAAkB;AACpD,SAASC,UAAU,EAAEC,aAAa,QAAQ,kBAAiB;AAE3D,OAAO,MAAMC,YAAYL,UAAUM,MAAM,CAAC;IACxCC,MAAM;IAENC;QACE,MAAM,EAAEC,MAAM,EAAE,GAAG,IAAI;QAEvB,OAAO;YACL,IAAIR,OAAO;gBACTS,KAAK,IAAIR,UAAU;gBACnBS,OAAO;oBACLC,aAAYC,KAAK;wBACf,IAAIA,MAAMC,SAAS,CAACC,KAAK,EAAE;4BACzB,OAAO;wBACT;wBAEA,IAAIN,OAAOO,SAAS,KAAK,MAAM;4BAC7B,OAAO;wBACT;wBAEA,OAAOZ,cAAcE,MAAM,CAACO,MAAMI,GAAG,EAAE;4BACrCd,WAAWe,MAAM,CAACL,MAAMC,SAAS,CAACK,IAAI,EAAEN,MAAMC,SAAS,CAACM,EAAE,EAAE;gCAC1DC,OAAO;4BACT;yBACD;oBACH;gBACF;YACF;SACD;IACH;AACF,GAAE;AAEF,eAAehB,UAAS"}

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

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

package/dist/src/fields/TiptapEditor/extensions/SlashCommand/CommandButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SlashCommand/CommandButton.tsx"],"sourcesContent":["import { LucideIcon } from \"lucide-react\";\r\nimport { forwardRef } from \"react\";\r\nimport { Icon } from \"../../features/ui/Icon.js\";\r\nimport { cn } from \"../../lib/utils/index.js\";\r\n\r\nexport type CommandButtonProps = {\r\n  active?: boolean;\r\n  description: string;\r\n  icon: LucideIcon;\r\n  onClick: () => void;\r\n  title: string;\r\n};\r\n\r\nexport const CommandButton = forwardRef<HTMLButtonElement, CommandButtonProps>(\r\n  ({ active, icon, onClick, title }, ref) => {\r\n    const wrapperClass = cn(\r\n      \"flex text-neutral-500 items-center text-xs font-semibold justify-start p-1.5 gap-2 rounded\",\r\n      !active && \"bg-transparent hover:bg-neutral-50 hover:text-black\",\r\n      active && \"bg-neutral-100 text-black hover:bg-neutral-100\"\r\n    );\r\n\r\n    return (\r\n      <button\r\n        type=\"button\"\r\n        ref={ref}\r\n        onClick={onClick}\r\n        className={wrapperClass}\r\n      >\r\n        <Icon icon={icon} className=\"w-3 h-3\" />\r\n        <div className=\"flex flex-col items-start justify-start\">\r\n          <div className=\"text-sm font-medium\">{title}</div>\r\n        </div>\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nCommandButton.displayName = \"CommandButton\";\r\n"],"names":["forwardRef","Icon","cn","CommandButton","active","icon","onClick","title","ref","wrapperClass","button","type","className","div","displayName"],"mappings":";AACA,SAASA,UAAU,QAAQ,QAAQ;AACnC,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SAASC,EAAE,QAAQ,2BAA2B;AAU9C,OAAO,MAAMC,8BAAgBH,WAC3B,CAAC,EAAEI,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAE,EAAEC;IACjC,MAAMC,eAAeP,GACnB,8FACA,CAACE,UAAU,uDACXA,UAAU;IAGZ,qBACE,MAACM;QACCC,MAAK;QACLH,KAAKA;QACLF,SAASA;QACTM,WAAWH;;0BAEX,KAACR;gBAAKI,MAAMA;gBAAMO,WAAU;;0BAC5B,KAACC;gBAAID,WAAU;0BACb,cAAA,KAACC;oBAAID,WAAU;8BAAuBL;;;;;AAI9C,GACA;AAEFJ,cAAcW,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SlashCommand/CommandButton.tsx"],"sourcesContent":["import { LucideIcon } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport { Icon } from \"../../features/ui/Icon.js\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nexport type CommandButtonProps = {\n  active?: boolean;\n  description: string;\n  icon: LucideIcon;\n  onClick: () => void;\n  title: string;\n};\n\nexport const CommandButton = forwardRef<HTMLButtonElement, CommandButtonProps>(\n  ({ active, icon, onClick, title }, ref) => {\n    const wrapperClass = cn(\n      \"flex text-neutral-500 items-center text-xs font-semibold justify-start p-1.5 gap-2 rounded\",\n      !active && \"bg-transparent hover:bg-neutral-50 hover:text-black\",\n      active && \"bg-neutral-100 text-black hover:bg-neutral-100\"\n    );\n\n    return (\n      <button\n        type=\"button\"\n        ref={ref}\n        onClick={onClick}\n        className={wrapperClass}\n      >\n        <Icon icon={icon} className=\"w-3 h-3\" />\n        <div className=\"flex flex-col items-start justify-start\">\n          <div className=\"text-sm font-medium\">{title}</div>\n        </div>\n      </button>\n    );\n  }\n);\n\nCommandButton.displayName = \"CommandButton\";\n"],"names":["forwardRef","Icon","cn","CommandButton","active","icon","onClick","title","ref","wrapperClass","button","type","className","div","displayName"],"mappings":";AACA,SAASA,UAAU,QAAQ,QAAQ;AACnC,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SAASC,EAAE,QAAQ,2BAA2B;AAU9C,OAAO,MAAMC,8BAAgBH,WAC3B,CAAC,EAAEI,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAE,EAAEC;IACjC,MAAMC,eAAeP,GACnB,8FACA,CAACE,UAAU,uDACXA,UAAU;IAGZ,qBACE,MAACM;QACCC,MAAK;QACLH,KAAKA;QACLF,SAASA;QACTM,WAAWH;;0BAEX,KAACR;gBAAKI,MAAMA;gBAAMO,WAAU;;0BAC5B,KAACC;gBAAID,WAAU;0BACb,cAAA,KAACC;oBAAID,WAAU;8BAAuBL;;;;;AAI9C,GACA;AAEFJ,cAAcW,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/SlashCommand/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SlashCommand/MenuList.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\r\n\r\nimport { DropdownButton } from \"../../features/ui/Dropdown/Dropdown.js\";\r\nimport { Surface } from \"../../features/ui/Surface.js\";\r\nimport { Command, MenuListProps } from \"./types.js\";\r\n\r\nimport { Icon } from \"../../features/ui/Icon.js\";\r\nimport { AICommandPanel } from \"../../features/panels/AICommandPanel/AICommandPanel.js\";\r\n\r\nexport const MenuList = React.forwardRef((props: MenuListProps, ref) => {\r\n  const scrollContainer = useRef<HTMLDivElement>(null);\r\n  const activeItem = useRef<HTMLButtonElement>(null);\r\n  const [selectedGroupIndex, setSelectedGroupIndex] = useState(0);\r\n  const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);\r\n\r\n  // Anytime the groups change, i.e. the user types to narrow it down, we want to\r\n  // reset the current selection to the first menu item\r\n  useEffect(() => {\r\n    setSelectedGroupIndex(0);\r\n    setSelectedCommandIndex(0);\r\n  }, [props.items]);\r\n\r\n  const selectItem = useCallback(\r\n    (groupIndex: number, commandIndex: number) => {\r\n      const command = props.items[groupIndex].commands[commandIndex];\r\n      props.command(command);\r\n    },\r\n    [props]\r\n  );\r\n\r\n  React.useImperativeHandle(ref, () => ({\r\n    onKeyDown: ({ event }: { event: React.KeyboardEvent }) => {\r\n      if (event.key === \"ArrowDown\") {\r\n        if (!props.items.length) {\r\n          return false;\r\n        }\r\n\r\n        const commands = props.items[selectedGroupIndex].commands;\r\n\r\n        let newCommandIndex = selectedCommandIndex + 1;\r\n        let newGroupIndex = selectedGroupIndex;\r\n\r\n        if (commands.length - 1 < newCommandIndex) {\r\n          newCommandIndex = 0;\r\n          newGroupIndex = selectedGroupIndex + 1;\r\n        }\r\n\r\n        if (props.items.length - 1 < newGroupIndex) {\r\n          newGroupIndex = 0;\r\n        }\r\n\r\n        setSelectedCommandIndex(newCommandIndex);\r\n        setSelectedGroupIndex(newGroupIndex);\r\n\r\n        return true;\r\n      }\r\n\r\n      if (event.key === \"ArrowUp\") {\r\n        if (!props.items.length) {\r\n          return false;\r\n        }\r\n\r\n        let newCommandIndex = selectedCommandIndex - 1;\r\n        let newGroupIndex = selectedGroupIndex;\r\n\r\n        if (newCommandIndex < 0) {\r\n          newGroupIndex = selectedGroupIndex - 1;\r\n          newCommandIndex =\r\n            props.items[newGroupIndex]?.commands.length - 1 || 0;\r\n        }\r\n\r\n        if (newGroupIndex < 0) {\r\n          newGroupIndex = props.items.length - 1;\r\n          newCommandIndex = props.items[newGroupIndex].commands.length - 1;\r\n        }\r\n\r\n        setSelectedCommandIndex(newCommandIndex);\r\n        setSelectedGroupIndex(newGroupIndex);\r\n\r\n        return true;\r\n      }\r\n\r\n      if (event.key === \"Enter\") {\r\n        if (\r\n          !props.items.length ||\r\n          selectedGroupIndex === -1 ||\r\n          selectedCommandIndex === -1\r\n        ) {\r\n          return false;\r\n        }\r\n\r\n        selectItem(selectedGroupIndex, selectedCommandIndex);\r\n\r\n        return true;\r\n      }\r\n\r\n      return false;\r\n    },\r\n  }));\r\n\r\n  useEffect(() => {\r\n    if (activeItem.current && scrollContainer.current) {\r\n      const offsetTop = activeItem.current.offsetTop;\r\n      const offsetHeight = activeItem.current.offsetHeight;\r\n\r\n      scrollContainer.current.scrollTop = offsetTop - offsetHeight;\r\n    }\r\n  }, [selectedCommandIndex, selectedGroupIndex]);\r\n\r\n  const createCommandClickHandler = useCallback(\r\n    (groupIndex: number, commandIndex: number) => {\r\n      return () => {\r\n        selectItem(groupIndex, commandIndex);\r\n      };\r\n    },\r\n    [selectItem]\r\n  );\r\n\r\n  if (!props.items.length) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Surface\r\n        ref={scrollContainer}\r\n        className=\"text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2\"\r\n      >\r\n        <div className=\"grid grid-cols-1 gap-0.5\">\r\n          {props.items.map((group, groupIndex: number) => (\r\n            <React.Fragment key={`${group.title}-wrapper`}>\r\n              <div\r\n                className=\"text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5\"\r\n                key={`${group.title}`}\r\n              >\r\n                {group.title}\r\n              </div>\r\n              {group.commands.map((command: Command, commandIndex: number) => (\r\n                <DropdownButton\r\n                  key={`${command.label}`}\r\n                  isActive={\r\n                    selectedGroupIndex === groupIndex &&\r\n                    selectedCommandIndex === commandIndex\r\n                  }\r\n                  onClick={createCommandClickHandler(groupIndex, commandIndex)}\r\n                >\r\n                  <Icon icon={command.icon} className=\"mr-1\" />\r\n                  {command.label}\r\n                </DropdownButton>\r\n              ))}\r\n            </React.Fragment>\r\n          ))}\r\n        </div>\r\n      </Surface>\r\n    </>\r\n  );\r\n});\r\n\r\nMenuList.displayName = \"MenuList\";\r\n\r\nexport default MenuList;\r\n"],"names":["React","useCallback","useEffect","useRef","useState","DropdownButton","Surface","Icon","MenuList","forwardRef","props","ref","scrollContainer","activeItem","selectedGroupIndex","setSelectedGroupIndex","selectedCommandIndex","setSelectedCommandIndex","items","selectItem","groupIndex","commandIndex","command","commands","useImperativeHandle","onKeyDown","event","key","length","newCommandIndex","newGroupIndex","current","offsetTop","offsetHeight","scrollTop","createCommandClickHandler","className","div","map","group","Fragment","title","isActive","onClick","icon","label","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SlashCommand/MenuList.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { DropdownButton } from \"../../features/ui/Dropdown/Dropdown.js\";\nimport { Surface } from \"../../features/ui/Surface.js\";\nimport { Command, MenuListProps } from \"./types.js\";\n\nimport { Icon } from \"../../features/ui/Icon.js\";\nimport { AICommandPanel } from \"../../features/panels/AICommandPanel/AICommandPanel.js\";\n\nexport const MenuList = React.forwardRef((props: MenuListProps, ref) => {\n  const scrollContainer = useRef<HTMLDivElement>(null);\n  const activeItem = useRef<HTMLButtonElement>(null);\n  const [selectedGroupIndex, setSelectedGroupIndex] = useState(0);\n  const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);\n\n  // Anytime the groups change, i.e. the user types to narrow it down, we want to\n  // reset the current selection to the first menu item\n  useEffect(() => {\n    setSelectedGroupIndex(0);\n    setSelectedCommandIndex(0);\n  }, [props.items]);\n\n  const selectItem = useCallback(\n    (groupIndex: number, commandIndex: number) => {\n      const command = props.items[groupIndex].commands[commandIndex];\n      props.command(command);\n    },\n    [props]\n  );\n\n  React.useImperativeHandle(ref, () => ({\n    onKeyDown: ({ event }: { event: React.KeyboardEvent }) => {\n      if (event.key === \"ArrowDown\") {\n        if (!props.items.length) {\n          return false;\n        }\n\n        const commands = props.items[selectedGroupIndex].commands;\n\n        let newCommandIndex = selectedCommandIndex + 1;\n        let newGroupIndex = selectedGroupIndex;\n\n        if (commands.length - 1 < newCommandIndex) {\n          newCommandIndex = 0;\n          newGroupIndex = selectedGroupIndex + 1;\n        }\n\n        if (props.items.length - 1 < newGroupIndex) {\n          newGroupIndex = 0;\n        }\n\n        setSelectedCommandIndex(newCommandIndex);\n        setSelectedGroupIndex(newGroupIndex);\n\n        return true;\n      }\n\n      if (event.key === \"ArrowUp\") {\n        if (!props.items.length) {\n          return false;\n        }\n\n        let newCommandIndex = selectedCommandIndex - 1;\n        let newGroupIndex = selectedGroupIndex;\n\n        if (newCommandIndex < 0) {\n          newGroupIndex = selectedGroupIndex - 1;\n          newCommandIndex =\n            props.items[newGroupIndex]?.commands.length - 1 || 0;\n        }\n\n        if (newGroupIndex < 0) {\n          newGroupIndex = props.items.length - 1;\n          newCommandIndex = props.items[newGroupIndex].commands.length - 1;\n        }\n\n        setSelectedCommandIndex(newCommandIndex);\n        setSelectedGroupIndex(newGroupIndex);\n\n        return true;\n      }\n\n      if (event.key === \"Enter\") {\n        if (\n          !props.items.length ||\n          selectedGroupIndex === -1 ||\n          selectedCommandIndex === -1\n        ) {\n          return false;\n        }\n\n        selectItem(selectedGroupIndex, selectedCommandIndex);\n\n        return true;\n      }\n\n      return false;\n    },\n  }));\n\n  useEffect(() => {\n    if (activeItem.current && scrollContainer.current) {\n      const offsetTop = activeItem.current.offsetTop;\n      const offsetHeight = activeItem.current.offsetHeight;\n\n      scrollContainer.current.scrollTop = offsetTop - offsetHeight;\n    }\n  }, [selectedCommandIndex, selectedGroupIndex]);\n\n  const createCommandClickHandler = useCallback(\n    (groupIndex: number, commandIndex: number) => {\n      return () => {\n        selectItem(groupIndex, commandIndex);\n      };\n    },\n    [selectItem]\n  );\n\n  if (!props.items.length) {\n    return null;\n  }\n\n  return (\n    <>\n      <Surface\n        ref={scrollContainer}\n        className=\"text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2\"\n      >\n        <div className=\"grid grid-cols-1 gap-0.5\">\n          {props.items.map((group, groupIndex: number) => (\n            <React.Fragment key={`${group.title}-wrapper`}>\n              <div\n                className=\"text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5\"\n                key={`${group.title}`}\n              >\n                {group.title}\n              </div>\n              {group.commands.map((command: Command, commandIndex: number) => (\n                <DropdownButton\n                  key={`${command.label}`}\n                  isActive={\n                    selectedGroupIndex === groupIndex &&\n                    selectedCommandIndex === commandIndex\n                  }\n                  onClick={createCommandClickHandler(groupIndex, commandIndex)}\n                >\n                  <Icon icon={command.icon} className=\"mr-1\" />\n                  {command.label}\n                </DropdownButton>\n              ))}\n            </React.Fragment>\n          ))}\n        </div>\n      </Surface>\n    </>\n  );\n});\n\nMenuList.displayName = \"MenuList\";\n\nexport default MenuList;\n"],"names":["React","useCallback","useEffect","useRef","useState","DropdownButton","Surface","Icon","MenuList","forwardRef","props","ref","scrollContainer","activeItem","selectedGroupIndex","setSelectedGroupIndex","selectedCommandIndex","setSelectedCommandIndex","items","selectItem","groupIndex","commandIndex","command","commands","useImperativeHandle","onKeyDown","event","key","length","newCommandIndex","newGroupIndex","current","offsetTop","offsetHeight","scrollTop","createCommandClickHandler","className","div","map","group","Fragment","title","isActive","onClick","icon","label","displayName"],"mappings":"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"}