https://app.authic.io/_next/static/chunks/5565.614bceaae5386a48.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5565],{55565:function(e,i,t){t.r(i),t.d(i,{default:function(){return D}});var s=t(85893),n=t(56066),l=t(67294),c=t(44173),r=t(19850),a=t(5969),o=t(48184),u=t(37513),d=t(77322),g=t(4253),h=t(54197),x=t(31672),j=t(31216),f=t(33243),v=t(49777),b=t(92146),k=t(97818),A=t(23641),m=t(88207),p=t(36186),Z=t(68760),C=t(10857),z=t(92385),w=t(32865),y=t(26396),L=t(74885),R=t(9333),T=t(32533);let I=e=>{let{onClick:i,isActive:t=!1,disabled:n=!1,children:l,title:c}=e;return(0,s.jsx)("button",{type:"button",onClick:i,disabled:n,title:c,className:"p-2 rounded hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed transition-colors ".concat(t?"bg-gray-200 text-blue-600":"text-gray-700"),children:l})},P=()=>(0,s.jsx)("div",{className:"w-px h-6 bg-gray-300 mx-1"});var H=e=>{let{editor:i,setLink:t,onInsertImage:n,onInsertYoutube:l,isUploadingImage:c=!1}=e;return(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-1 p-2 bg-gray-50 border-b",children:[(0,s.jsx)(I,{onClick:()=>i.chain().focus().toggleBold().run(),isActive:i.isActive("bold"),title:"Bold",children:(0,s.jsx)(a.Z,{size:18})}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().toggleItalic().run(),isActive:i.isActive("italic"),title:"Italic",children:(0,s.jsx)(o.Z,{size:18})}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().toggleUnderline().run(),isActive:i.isActive("underline"),title:"Underline",children:(0,s.jsx)(u.Z,{size:18})}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().toggleStrike().run(),isActive:i.isActive("strike"),title:"Strikethrough",children:(0,s.jsx)(d.Z,{size:18})}),(0,s.jsx)(P,{}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().setParagraph().run(),isActive:i.isActive("paragraph"),title:"Paragraph",children:(0,s.jsx)(g.Z,{size:18})}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().toggleHeading({level:1}).run(),isActive:i.isActive("heading",{level:1}),title:"Heading 1",children:(0,s.jsx)(h.Z,{size:18})}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().toggleHeading({level:2}).run(),isActive:i.isActive("heading",{level:2}),title:"Heading 2",children:(0,s.jsx)(x.Z,{size:18})}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().toggleHeading({level:3}).run(),isActive:i.isActive("heading",{level:3}),title:"Heading 3",children:(0,s.jsx)(j.Z,{size:18})}),(0,s.jsx)(P,{}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().toggleBulletList().run(),isActive:i.isActive("bulletList"),title:"Bullet List",children:(0,s.jsx)(f.Z,{size:18})}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().toggleOrderedList().run(),isActive:i.isActive("orderedList"),title:"Numbered List",children:(0,s.jsx)(v.Z,{size:18})}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().toggleBlockquote().run(),isActive:i.isActive("blockquote"),title:"Quote",children:(0,s.jsx)(b.Z,{size:18})}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().setHorizontalRule().run(),title:"Divider",children:(0,s.jsx)(k.Z,{size:18})}),(0,s.jsx)(P,{}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().setTextAlign("left").run(),isActive:i.isActive({textAlign:"left"}),title:"Align Left",children:(0,s.jsx)(A.Z,{size:18})}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().setTextAlign("center").run(),isActive:i.isActive({textAlign:"center"}),title:"Align Center",children:(0,s.jsx)(m.Z,{size:18})}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().setTextAlign("right").run(),isActive:i.isActive({textAlign:"right"}),title:"Align Right",children:(0,s.jsx)(p.Z,{size:18})}),(0,s.jsx)(P,{}),(0,s.jsx)(I,{onClick:n,disabled:c,title:"Insert Image",children:c?(0,s.jsx)(T.Z,{size:16}):(0,s.jsx)(Z.Z,{size:18})}),(0,s.jsx)(I,{onClick:l,title:"Embed YouTube Video",children:(0,s.jsx)(C.Z,{size:18})}),(0,s.jsx)(P,{}),(0,s.jsx)(I,{onClick:t,isActive:i.isActive("link"),title:"Add Link",children:(0,s.jsx)(z.Z,{size:18})}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().unsetLink().run(),disabled:!i.isActive("link"),title:"Remove Link",children:(0,s.jsx)(w.Z,{size:18})}),(0,s.jsx)(P,{}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().insertTable({rows:3,cols:3,withHeaderRow:!0}).run(),title:"Insert Table",children:(0,s.jsx)(y.Z,{size:18})}),(0,s.jsx)(P,{}),(0,s.jsx)(I,{onClick:()=>

1i.chain().focus().undo().run(),disabled:!i.can().undo(),title:"Undo",children:(0,s.jsx)(L.Z,{size:18})}),(0,s.jsx)(I,{onClick:()=>i.chain().focus().redo().run(),disabled:!i.can().redo(),title:"Redo",children:(0,s.jsx)(R.Z,{size:18})})]})},M=t(26761),N=t(85915),U=t(93237),B=t(527),E=t(658),Y=t(43626),_=t(33991),O=t(96279),S=t(48510),G=t(8045),q=t(33716);let V=["image/png","image/jpeg","image/jpg","image/webp"];var D=e=>{let{content:i,onChange:t,placeholder:a="Start typing...",className:o="",disabled:u=!1}=e,d=(0,l.useRef)(null),{mutateAsync:g,isPending:h}=(0,r.TR)(),x=(0,n.jE)({immediatelyRender:!1,extensions:[q.Z.configure({heading:{levels:[1,2,3]}}),N.ZP.configure({openOnClick:!1,HTMLAttributes:{class:"text-blue-600 underline"}}),S.Z,O.Z.configure({types:["heading","paragraph"]}),M.ZP.configure({inline:!1,allowBase64:!1,HTMLAttributes:{class:"blog-content-image"}}),G.ZP.configure({width:640,height:360,nocookie:!0,modestBranding:!0,HTMLAttributes:{class:"blog-youtube-embed"}}),B.iA.configure({resizable:!0}),_.Z,Y.Z,E.Z,U.Z.configure({placeholder:a})],content:i,editable:!u,onUpdate:e=>{let{editor:i}=e;t(i.getHTML())},editorProps:{attributes:{class:"ProseMirror max-w-none focus:outline-none min-h-[400px] p-4 text-textPrimary"}}});(0,l.useEffect)(()=>{x&&i!==x.getHTML()&&x.commands.setContent(i)},[i,x]),(0,l.useEffect)(()=>{x&&x.setEditable(!u)},[u,x]);let j=(0,l.useCallback)(()=>{if(!x)return;let e=x.getAttributes("link").href,i=window.prompt("URL",e);if(null!==i){if(""===i){x.chain().focus().extendMarkRange("link").unsetLink().run();return}x.chain().focus().extendMarkRange("link").setLink({href:i}).run()}},[x]),f=(0,l.useCallback)(()=>{if(!x)return;let e=window.prompt("Paste a YouTube URL (e.g. https://www.youtube.com/watch?v=...)");(null==e?void 0:e.trim())&&(x.commands.setYoutubeVideo({src:e.trim()})||c.Am.error("Invalid YouTube URL"))},[x]),v=(0,l.useCallback)(()=>{var e;null===(e=d.current)||void 0===e||e.click()},[]),b=(0,l.useCallback)(async e=>{var i;let t=null===(i=e.target.files)||void 0===i?void 0:i[0];if(e.target.value="",t&&x){if(!V.includes(t.type)){c.Am.error("Only PNG, JPG, and WebP images are allowed");return}if(t.size>5242880){c.Am.error("Image must be less than 5MB");return}try{let e=await g({file:t,type:"POST_IMAGE"});x.chain().focus().setImage({src:e.optimizedURL||e.originalURL,alt:t.name.replace(/\.[^.]+$/,"")}).run(),c.Am.success("Image inserted")}catch(e){c.Am.error("Failed to upload image")}}},[x,g]);return x?(0,s.jsxs)("div",{className:"border rounded-lg overflow-hidden bg-white ".concat(o),children:[(0,s.jsx)("input",{ref:d,type:"file",accept:V.join(","),className:"hidden",onChange:b}),(0,s.jsx)(H,{editor:x,setLink:j,onInsertImage:v,onInsertYoutube:f,isUploadingImage:h}),(0,s.jsxs)("div",{className:"border-t relative",children:[h&&(0,s.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center bg-white/70",children:(0,s.jsx)(T.Z,{size:24})}),(0,s.jsx)(n.kg,{editor:x})]})]}):null}},97818:function(e,i,t){t.d(i,{Z:function(){return s}});let s=(0,t(31134).Z)("minus",[["path",{d:"M5 12h14",key:"1ays0h"}]])}}]);