https://taniakhazaal.com/_next/static/chunks/8396.b9d2d3f3171968e1.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8396],{28396:(e,l,t)=>{t.r(l),t.d(l,{default:()=>u});var i=t(95155),n=t(12115),s=t(154),c=t(68652),r=t(63660),a=t(77004);function o(e){let{onClick:l,active:t,title:n,children:s}=e;return(0,i.jsx)("button",{type:"button",className:"rte-btn".concat(t?" active":""),title:n,"aria-label":n,"aria-pressed":t,onMouseDown:e=>e.preventDefault(),onClick:l,children:s})}let u=(0,n.forwardRef)(function(e,l){let{value:t,onChange:u,onPickImage:d}=e,[v,h]=(0,n.useState)(!1),g=(0,s.hGv)({immediatelyRender:!1,extensions:[c.A.configure({heading:{levels:[2,3]},link:{openOnClick:!1,HTMLAttributes:{rel:"noopener noreferrer"}}}),r.Ay.configure({HTMLAttributes:{class:"rte-img"}}),a.A.configure({placeholder:"Write your post…"})],content:t,onUpdate:e=>{let{editor:l}=e;return u(l.getHTML())}}),[,f]=(0,n.useState)(0);return((0,n.useEffect)(()=>{if(!g)return;let e=()=>f(e=>e+1);return g.on("transaction",e),()=>{g.off("transaction",e)}},[g]),(0,n.useImperativeHandle)(l,()=>({insertImage(e){null==g||g.chain().focus().setImage({src:e,alt:""}).run()}}),[g]),v)?(0,i.jsxs)("div",{className:"rte",children:[(0,i.jsxs)("div",{className:"rte-toolbar",children:[(0,i.jsx)("button",{type:"button",className:"rte-btn rte-toggle",onClick:()=>{null==g||g.commands.setContent(t),h(!1)},children:"← Visual editor"}),(0,i.jsx)("span",{className:"rte-src-label",children:"Editing raw HTML"})]}),(0,i.jsx)("textarea",{className:"rte-source",value:t,onChange:e=>u(e.target.value),rows:20,spellCheck:!1})]}):(0,i.jsxs)("div",{className:"rte",children:[(0,i.jsxs)("div",{className:"rte-toolbar",children:[(0,i.jsx)(o,{title:"Paragraph",active:null==g?void 0:g.isActive("paragraph"),onClick:()=>null==g?void 0:g.chain().focus().setParagraph().run(),children:"\xb6"}),(0,i.jsx)(o,{title:"Heading",active:null==g?void 0:g.isActive("heading",{level:2}),onClick:()=>null==g?void 0:g.chain().focus().toggleHeading({level:2}).run(),children:"H2"}),(0,i.jsx)(o,{title:"Subheading",active:null==g?void 0:g.isActive("heading",{level:3}),onClick:()=>null==g?void 0:g.chain().focus().toggleHeading({level:3}).run(),children:"H3"}),(0,i.jsx)("span",{className:"rte-sep"}),(0,i.jsx)(o,{title:"Bold",active:null==g?void 0:g.isActive("bold"),onClick:()=>null==g?void 0:g.chain().focus().toggleBold().run(),children:(0,i.jsx)("b",{children:"B"})}),(0,i.jsx)(o,{title:"Italic",active:null==g?void 0:g.isActive("italic"),onClick:()=>null==g?void 0:g.chain().focus().toggleItalic().run(),children:(0,i.jsx)("i",{children:"I"})}),(0,i.jsx)(o,{title:"Bulleted list",active:null==g?void 0:g.isActive("bulletList"),onClick:()=>null==g?void 0:g.chain().focus().toggleBulletList().run(),children:"•\xa0List"}),(0,i.jsx)(o,{title:"Numbered list",active:null==g?void 0:g.isActive("orderedList"),onClick:()=>null==g?void 0:g.chain().focus().toggleOrderedList().run(),children:"1.\xa0List"}),(0,i.jsx)(o,{title:"Quote",active:null==g?void 0:g.isActive("blockquote"),onClick:()=>null==g?void 0:g.chain().focus().toggleBlockquote().run(),children:"❝"}),(0,i.jsx)(o,{title:"Link",active:null==g?void 0:g.isActive("link"),onClick:function(){var e;let l=null!=(e=null==g?void 0:g.getAttributes("link").href)?e:"",t=window.prompt("Link URL:",l);null!==t&&(""===t?null==g||g.chain().focus().unsetLink().run():null==g||g.chain().focus().extendMarkRange("link").setLink({href:t}).run())},children:"Link"}),(0,i.jsx)(o,{title:"Insert image",onClick:d,children:"\uD83D\uDDBC\xa0Image"}),(0,i.jsx)("span",{className:"rte-sep"}),(0,i.jsx)(o,{title:"Undo",onClick:()=>null==g?void 0:g.chain().focus().undo().run(),children:"↶"}),(0,i.jsx)(o,{title:"Redo",onClick:()=>null==g?void 0:g.chain().focus().redo().run(),children:"↷"}),(0,i.jsx)("span",{className:"rte-sep"}),(0,i.jsx)("button",{type:"button",className:"rte-btn rte-toggle",title:"Edit raw HTML",onClick:()=>{var e;u(null!=(e=null==g?void 0:g.getHTML())?e:t),h(!0)},children:"</> HTML"})]}),(0,i.jsx)(s.$Z$,{editor:g,className:"rte-editor blog-prose"})]})})}}]);