https://my.doran.app/_next/static/chunks/comment-editor.18a74266ac653471.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69133],{33147:function(e,t,i){i.r(t),i.d(t,{default:function(){return Z}});var n,r,l=i(27730),s=i(30812),d=i(82540),a=i(60535),c=i(68553),o=i(44060);(n=r||(r={})).Heading="heading",n.BulletedList="bulleted-list",n.ToDo="todo",n.Paragraph="paragraph",n.Link="link",n.Image="image";var h=i(85637);let g=({children:e})=>(0,l.jsx)(h.Px,{children:(0,l.jsx)("li",{children:e})}),u=({element:e,children:t})=>(0,l.jsxs)(h.L1,{children:[(0,l.jsx)(h.$q,{children:(0,l.jsx)("input",{type:"checkbox",checked:e.checked,readOnly:!0})}),(0,l.jsx)(h.Q1,Object.assign({$checked:e.checked},{children:(0,l.jsx)("p",{children:t})}))]}),j=({element:e,children:t,attributes:i})=>e.type===r.Paragraph?(0,l.jsx)("p",Object.assign({},i,{children:t})):e.type===r.Heading?(0,l.jsx)("h3",Object.assign({},i,{children:t})):e.type===r.BulletedList?(0,l.jsx)("div",Object.assign({},i,{children:(0,l.jsx)(g,{children:t})})):e.type===r.ToDo?(0,l.jsx)("div",Object.assign({},i,{children:(0,l.jsx)(u,Object.assign({element:e},{children:t}))})):(0,l.jsx)(c.Qr,Object.assign({element:e,attributes:i},{children:t}));var p=i(8863);let x=p.ZP.strong`
2  font-weight: bold;
3`,b=p.ZP.em`
4  font-style: italic;
5`,m=({leaf:e,children:t,attributes:i})=>(e.bold&&(t=(0,l.jsx)(x,{children:t})),e.italic&&(t=(0,l.jsx)(b,{children:t})),e.underline&&(t=(0,l.jsx)("u",{children:t})),e.strikeThrough&&(t=(0,l.jsx)("del",{children:t})),(0,l.jsx)("span",Object.assign({},i,{children:t})));var k=i(90860);let v=(e,t)=>{let i=d.ML.marks(e);return!!i&&!0===i[t]},f=(e,t)=>{let i=v(e,t);i?d.ML.removeMark(e,t):d.ML.addMark(e,t,!0)},y=p.ZP.div`
6  display: flex;
7  height: 1.75rem;
8  align-items: center;
9  padding-left: 0.5rem;
10  padding-right: 0.5rem;
11  --tw-text-opacity: 1;
12  color: rgb(82 82 91 / var(--tw-text-opacity));
13  position: absolute;
14  bottom: 0;
15  right: 0;
16  left: 0;
17`;p.ZP.div`
18  margin-right: 0;
19`;let $=p.ZP.div`
20  display: flex;
21  align-items: center;
22  gap: 0.75rem;
23`,P=p.ZP.button`
24  ${e=>e.$active&&p.iv`
25      color: ${e=>e.theme.primaryColor};
26    `}
27`,w=()=>{let e=(0,s.useRef)(null),t=(0,c.ui)();return(0,l.jsx)(y,Object.assign({ref:e},{children:(0,l.jsxs)($,{children:[(0,l.jsx)(P,Object.assign({type:"button",onPointerDown:e=>e.preventDefault(),onClick:()=>f(t,"bold"),$active:v(t,"bold")},{children:(0,l.jsx)(k.J,{type:"bold",$width:.75,$height:.75})})),(0,l.jsx)(P,Object.assign({type:"button",onPointerDown:e=>e.preventDefault(),onClick:()=>f(t,"italic"),$active:v(t,"italic")},{children:(0,l.jsx)(k.J,{type:"italic",$width:.75,$height:.75})})),(0,l.jsx)(P,Object.assign({type:"button",onPointerDown:e=>e.preventDefault(),onClick:()=>f(t,"underline"),$active:v(t,"underline")},{children:(0,l.jsx)(k.J,{type:"underline",$width:.75,$height:.75})})),(0,l.jsx)(P,Object.assign({type:"button",onPointerDown:e=>e.preventDefault(),onClick:()=>f(t,"strikeThrough"),$active:v(t,"strikeThrough")},{children:(0,l.jsx)(k.J,{type:"strikethrough",$width:.75,$height:.75})}))]})}))},O={"mod+b":"bold","mod+i":"italic","mod+u":"underline","mod+s":"strikeThrough"},C=p.ZP.div`
28  line-height: 1.5;
29  border: 1px solid #e5e7eb;
30  border-radius: 0.25rem;
31  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
32`,D=(0,p.ZP)(c.CX)`
33  min-height: 6rem !important;
34  padding: 1rem;
35`,L=(0,s.memo)(({value:e,onChange:t,placeholder:i})=>{let n=(0,s.useMemo)(()=>(0,a.VC)((0,c.BU)((0,d.Jh)())),[]),r=(0,s.useCallback)(e=>{for(let t in O)if((0,o.P)(t,{},e)&&n.selection&&!d.e6.includes(n.selection,[0])){e.preventDefault();let i=O[t];f(n,i)}},[n]);return(0,l.jsxs)(c.mH,Object.assign({editor:n,value:e,onChange:t},{children:[(0,l.jsx)(C,{children:(0,l.jsx)(D,{renderElement:j,renderLeaf:m,placeholder:i,spellCheck:!0,autoFocus:!0,onKeyDown:r})}),(0,l.jsx)(w,{})]}))});var Z=L}}]);