@zeniai/web-components 4.4.70 → 4.4.71-betaAK1

package/dist/Editor-D13LiK8V.cjs

@@ -0,0 +1,269 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-react-CzqSQR9J.cjs"),m=require("@emotion/styled"),G=require("@lexical/code"),S=require("@lexical/link"),N=require("@lexical/list"),je=require("@lexical/markdown"),fe=require("@lexical/react/LexicalAutoFocusPlugin"),Ee=require("@lexical/react/LexicalComposer"),Ce=require("@lexical/react/LexicalContentEditable"),ye=require("@lexical/react/LexicalErrorBoundary"),Re=require("@lexical/react/LexicalHistoryPlugin"),Ne=require("@lexical/react/LexicalLinkPlugin"),Se=require("@lexical/react/LexicalListPlugin"),ke=require("@lexical/react/LexicalMarkdownShortcutPlugin"),$e=require("@lexical/react/LexicalRichTextPlugin"),J=require("@lexical/rich-text"),z=require("@lexical/table"),re=require("@mui/material/styles"),o=require("./SessionTimeoutPopup-JoJimbHb.cjs"),i=require("lexical"),d=require("./underline-CtPZKkkA.cjs"),n=require("react"),ne=require("@lexical/react/LexicalComposerContext"),I=require("@lexical/html"),X=require("@lexical/selection"),F=require("@lexical/utils"),Le=require("react-dom");function ve(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const Y=ve(n);class ie extends i.ParagraphNode{__customClass;static getType(){return"custom-paragraph"}constructor(l,r){super(r),this.__customClass=l}createDOM(l){const r=super.createDOM(l);return r.classList.add(this.__customClass),r}updateDOM(l,r,c){const x=super.updateDOM(l,r,c);return this.__customClass!==l.__customClass&&(r.classList.remove(l.__customClass),r.classList.add(this.__customClass)),x}exportJSON(){return{...super.exportJSON(),type:"custom-paragraph",customClass:this.__customClass}}}function Z(e){return i.$applyNodeReplacement(new ie(e))}function Me(){const[e]=ne.useLexicalComposerContext();return n.useEffect(()=>G.registerCodeHighlighting(e),[e]),null}const Te=e=>Y.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},Y.createElement("path",{d:"M6.60533 4.32937L7.53159 1.82613C7.69249 1.39129 8.30751 1.39129 8.46841 1.82613L9.39467 4.32937C9.7849 5.38384 10.6162 6.2151 11.6706 6.60533L14.1739 7.53158C14.6087 7.69249 14.6087 8.30751 14.1739 8.46841L11.6706 9.39467C10.6162 9.7849 9.7849 10.6162 9.39467 11.6706L8.46841 14.1739C8.30751 14.6087 7.69248 14.6087 7.53158 14.1739L6.60533 11.6706C6.2151 10.6162 5.38384 9.7849 4.32937 9.39467L1.82613 8.46841C1.39129 8.30751 1.39129 7.69248 1.82613 7.53158L4.32937 6.60533C5.38384 6.2151 6.2151 5.38384 6.60533 4.32937Z",fill:"currentColor",stroke:"currentColor"})),{cockpit:{monthEndReport:{toolbarPluginTooltip:_e,editorZeniGPTButton:ee}},common:{documents:H,strings:K,texts:{bold:Ae,indent:Oe,italic:we,link:De,outdent:Pe,redo:Ie,underline:Fe,undo:qe}}}=o.appLocale.getLocalizedStrings(),D=1;function te(){return t.jsxRuntimeExports.jsx("div",{className:"divider"})}function oe(e,l){l===null?(e.style.opacity="0",e.style.top="-1000px",e.style.left="-1000px"):(e.style.opacity="1",e.style.top=`${l.top+l.height+window.pageYOffset+10}px`,e.style.left=`${l.left+window.pageXOffset-e.offsetWidth/2+l.width/2}px`)}function Be({editor:e}){const l=re.useTheme(),r=n.useRef(null),c=n.useRef(null),x=n.useRef(!1),[f,y]=n.useState(""),[k,s]=n.useState(!1),[q,P]=n.useState(null),v=n.useCallback(()=>{const p=i.$getSelection();if(i.$isRangeSelection(p)){const E=le(p),R=E.getParent();S.$isLinkNode(R)?y(R.getURL()):S.$isLinkNode(E)?y(E.getURL()):y("")}const O=r.current,$=window.getSelection(),w=document.activeElement;if(O===null)return;const T=e.getRootElement();if(p!==null&&$!=null&&!$.isCollapsed&&T!==null&&T.contains($.anchorNode)){const E=$.getRangeAt(0);let R;if($.anchorNode===T){let _=T;for(;_.firstElementChild!=null;)_=_.firstElementChild;R=_.getBoundingClientRect()}else R=E.getBoundingClientRect();x.current||oe(O,R),P(p)}else(!w||w.className!=="link-input")&&(oe(O,null),P(null),s(!1),y(""));return!0},[e]);return n.useEffect(()=>F.mergeRegister(e.registerUpdateListener(({editorState:p})=>{p.read(()=>{v()})}),e.registerCommand(i.SELECTION_CHANGE_COMMAND,()=>(v(),!0),D)),[e,v]),n.useEffect(()=>{e.getEditorState().read(()=>{v()})},[e,v]),n.useEffect(()=>{k&&c.current!=null&&c.current?.focus()},[k]),t.jsxRuntimeExports.jsx(Ge,{ref:r,children:k?t.jsxRuntimeExports.jsx("input",{ref:c,className:"link-input",value:f,onChange:p=>{y(p.target.value)},onKeyDown:p=>{p.key==="Enter"?(p.preventDefault(),q!==null&&(f!==""&&e.dispatchCommand(S.TOGGLE_LINK_COMMAND,f),s(!1))):p.key==="Escape"&&(p.preventDefault(),s(!1))}}):t.jsxRuntimeExports.jsxs(Je,{className:"link-input",children:[t.jsxRuntimeExports.jsx(Xe,{href:f,target:"_blank",rel:"noopener noreferrer",children:f}),t.jsxRuntimeExports.jsx(u,{className:"link-edit",type:"button",tabIndex:0,onMouseDown:p=>p.preventDefault(),onClick:()=>{s(!0)},children:t.jsxRuntimeExports.jsx(o.SvgEdit,{style:{width:o.Space.sp3,height:o.Space.sp3,color:l.colors.primary}})})]})})}function le(e){const l=e.anchor,r=e.focus,c=e.anchor.getNode(),x=e.focus.getNode();return c===x?c:e?.isBackward()?X.$isAtNodeEnd(r)?c:x:X.$isAtNodeEnd(l)?x:c}function Ue({fileAttached:e,enableZeniGPTFeature:l,isZeniGPTResponseLoading:r,customerRequestData:c,initialHtmlString:x,handleFileInputClick:f,improveUsingZeniGPTClick:y,setZeniRequestsHtml:k}){const[s]=ne.useLexicalComposerContext(),q=n.useRef(null),[P,v]=n.useState(!1),[p,O]=n.useState(!1),[$,w]=n.useState("paragraph"),[,T]=n.useState(!1),[E,R]=n.useState(!1),[_,ae]=n.useState(!1),[ce,de]=n.useState(!1),[pe,ue]=n.useState(!1),Q=n.useCallback(a=>{const h=new DOMParser().parseFromString(a,"text/html"),L=h.getElementsByTagName("p");for(let C=L.length-1;C>=0;C--){const j=L[C];j.textContent?.trim()===""&&(j.innerHTML="")}const A=I.$generateNodesFromDOM(s,h),b=i.$getRoot();b.clear(),b.append(...A)},[s]);n.useEffect(()=>{s.update(()=>{x!=null&&x.length>0&&Q(x)})},[s,x,Q]),n.useEffect(()=>{s.update(()=>{r===!0?s.setEditable(!1):s.setEditable(!0)})},[s,r]),n.useEffect(()=>F.mergeRegister(s.registerCommand(i.BLUR_COMMAND,()=>{const a=I.$generateHtmlFromNodes(s,null);return k?.(a),!0},D)),[s,k]);const me=()=>{s.update(()=>{const a=I.$generateHtmlFromNodes(s,null);y?.(a)})},V=n.useCallback(a=>{s.update(()=>{const M=new DOMParser,h=Z(o.PARAGRAPH_CLASS_NAME),L=N.$createListNode("bullet");a.forEach(j=>{const U=M.parseFromString(j,"text/html"),ge=I.$generateNodesFromDOM(s,U),W=N.$createListItemNode();ge.forEach(be=>{W.append(be)}),L.append(W)}),h.append(L);const A=Z(o.PARAGRAPH_CLASS_NAME);A.append(i.$createTextNode(""));const b=i.$getRoot(),C=b.getFirstChild();C?C.insertBefore(h):b.append(h),C?C.insertBefore(A):b.append(A),b.getFirstChild()===null&&b.append(i.$createParagraphNode().append(i.$createTextNode(K.empty))),setTimeout(()=>{s.update(()=>{const j=N.ListNode.clone(L);h.replace(j)})},1e3)})},[s]);n.useEffect(()=>{c.length>0&&V(c)},[c,V]);const B=n.useCallback(()=>{const a=i.$getSelection();if(i.$isRangeSelection(a)){const M=a.anchor.getNode(),h=M.getKey()==="root"?M:M.getTopLevelElementOrThrow(),L=h.getKey();if(s.getElementByKey(L)!==null)if(N.$isListNode(h)){const j=F.$getNearestNodeOfType(M,N.ListNode),U=j?j.getTag():h.getTag();w(U)}else{const j=J.$isHeadingNode(h)?h.getTag():h.getType();w(j)}ue(a.hasFormat("bold")),ae(a.hasFormat("italic")),de(a.hasFormat("underline")),T(X.$isParentElementRTL(a));const b=le(a),C=b.getParent();S.$isLinkNode(C)||S.$isLinkNode(b)?R(!0):R(!1)}},[s]);n.useEffect(()=>F.mergeRegister(s.registerUpdateListener(({editorState:a})=>{a.read(()=>{B()})}),s.registerCommand(i.SELECTION_CHANGE_COMMAND,a=>(B(),!1),D),s.registerCommand(i.CAN_UNDO_COMMAND,a=>(v(a),!1),D),s.registerCommand(i.CAN_REDO_COMMAND,a=>(O(a),!1),D)),[s,B]);const xe=n.useCallback(()=>{E?s.dispatchCommand(S.TOGGLE_LINK_COMMAND,null):s.dispatchCommand(S.TOGGLE_LINK_COMMAND,"https://")},[s,E]),he=()=>{$!=="ul"?s.dispatchCommand(N.INSERT_UNORDERED_LIST_COMMAND,void 0):s.dispatchCommand(N.REMOVE_LIST_COMMAND,void 0)};return t.jsxRuntimeExports.jsxs("div",{className:"toolbar",ref:q,children:[t.jsxRuntimeExports.jsxs(se,{children:[t.jsxRuntimeExports.jsx(o.Tooltip,{placement:"bottom",title:t.jsxRuntimeExports.jsx(g,{children:Ae}),children:t.jsxRuntimeExports.jsx(u,{type:"button",onClick:()=>{s.dispatchCommand(i.FORMAT_TEXT_COMMAND,"bold")},className:"toolbar-item spaced "+(pe?"active":""),style:{padding:o.Space.sp1},disabled:r,"aria-label":"Format Bold",children:t.jsxRuntimeExports.jsx(d.SvgBold,{className:"format"})})}),t.jsxRuntimeExports.jsx(o.Tooltip,{placement:"bottom",title:t.jsxRuntimeExports.jsx(g,{children:we}),children:t.jsxRuntimeExports.jsx(u,{type:"button",onClick:()=>{s.dispatchCommand(i.FORMAT_TEXT_COMMAND,"italic")},className:"toolbar-item spaced "+(_?"active":""),style:{padding:o.Space.sp1},disabled:r,"aria-label":"Format Italics",children:t.jsxRuntimeExports.jsx(d.SvgItalic,{className:"format"})})}),t.jsxRuntimeExports.jsx(o.Tooltip,{placement:"bottom",title:t.jsxRuntimeExports.jsx(g,{children:Fe}),children:t.jsxRuntimeExports.jsx(u,{type:"button",onClick:()=>{s.dispatchCommand(i.FORMAT_TEXT_COMMAND,"underline")},className:"toolbar-item spaced "+(ce?"active":""),style:{padding:o.Space.sp1},disabled:r,"aria-label":"Format Underline",children:t.jsxRuntimeExports.jsx(d.SvgUnderline,{className:"format"})})}),t.jsxRuntimeExports.jsx(o.Tooltip,{placement:"bottom",title:t.jsxRuntimeExports.jsx(g,{children:De}),children:t.jsxRuntimeExports.jsxs(u,{type:"button",onClick:xe,className:"toolbar-item spaced "+(E?"active":""),style:{padding:o.Space.sp1},disabled:r,"aria-label":"Insert Link",children:[t.jsxRuntimeExports.jsx(Qe,{className:"format link"}),t.jsxRuntimeExports.jsx(d.SvgLink,{className:"format"})]})}),E&&Le.createPortal(t.jsxRuntimeExports.jsx(Be,{editor:s}),document.body),t.jsxRuntimeExports.jsx(te,{}),t.jsxRuntimeExports.jsx(o.Tooltip,{placement:"bottom",title:t.jsxRuntimeExports.jsx(g,{children:_e.list}),children:t.jsxRuntimeExports.jsx(u,{type:"button",onClick:he,className:"toolbar-item spaced "+($==="ul"?"active":""),style:{padding:o.Space.sp1},disabled:r,"aria-label":"Format Underline",children:t.jsxRuntimeExports.jsx(d.SvgList,{className:"format"})})}),t.jsxRuntimeExports.jsx(te,{}),t.jsxRuntimeExports.jsx(u,{type:"button",onClick:()=>{s.dispatchCommand(i.FORMAT_ELEMENT_COMMAND,"left")},className:"toolbar-item spaced",style:{padding:o.Space.sp1},disabled:r,"aria-label":"Left Align",children:t.jsxRuntimeExports.jsx(d.SvgLeft,{className:"format"})}),t.jsxRuntimeExports.jsx(u,{type:"button",onClick:()=>{s.dispatchCommand(i.FORMAT_ELEMENT_COMMAND,"center")},className:"toolbar-item spaced",style:{padding:o.Space.sp1},disabled:r,"aria-label":"Center Align",children:t.jsxRuntimeExports.jsx(d.SvgCentre,{className:"format"})}),t.jsxRuntimeExports.jsx(u,{type:"button",onClick:()=>{s.dispatchCommand(i.FORMAT_ELEMENT_COMMAND,"right")},className:"toolbar-item spaced",style:{padding:o.Space.sp1},disabled:r,"aria-label":"Right Align",children:t.jsxRuntimeExports.jsx(d.SvgRight,{className:"format"})}),t.jsxRuntimeExports.jsx(u,{type:"button",onClick:()=>{s.dispatchCommand(i.FORMAT_ELEMENT_COMMAND,"justify")},className:"toolbar-item",style:{padding:o.Space.sp1},disabled:r,"aria-label":"Justify Align",children:t.jsxRuntimeExports.jsx(d.SvgJustify,{className:"format"})}),t.jsxRuntimeExports.jsx(o.Tooltip,{placement:"bottom",title:t.jsxRuntimeExports.jsx(g,{children:Oe}),children:t.jsxRuntimeExports.jsx(u,{type:"button",onClick:()=>{s.dispatchCommand(i.INDENT_CONTENT_COMMAND,void 0)},className:"toolbar-item",style:{padding:o.Space.sp1},disabled:r,"aria-label":"Indent",children:t.jsxRuntimeExports.jsx(d.SvgIndent,{className:"format"})})}),t.jsxRuntimeExports.jsx(o.Tooltip,{placement:"bottom",title:t.jsxRuntimeExports.jsx(g,{children:Pe}),children:t.jsxRuntimeExports.jsx(u,{type:"button",onClick:()=>{s.dispatchCommand(i.OUTDENT_CONTENT_COMMAND,void 0)},className:"toolbar-item",style:{padding:o.Space.sp1},disabled:r,"aria-label":"Outdent",children:t.jsxRuntimeExports.jsx(d.SvgOutdent,{className:"format"})})}),t.jsxRuntimeExports.jsx(o.Tooltip,{placement:"bottom",style:{padding:`2px ${o.Space.sp2}`},title:t.jsxRuntimeExports.jsxs(Ve,{children:[t.jsxRuntimeExports.jsxs(g,{children:[H.attachFile,K.space]}),t.jsxRuntimeExports.jsx(g,{children:H.formatImageAndDocumentAttachments}),t.jsxRuntimeExports.jsxs(g,{children:[K.space,H.attachmentFileSize700KB]})]}),children:t.jsxRuntimeExports.jsx(u,{type:"button",onClick:f,className:"toolbar-item",style:{padding:o.Space.sp1},disabled:r||e,"aria-label":"Attachment",children:t.jsxRuntimeExports.jsx(o.SvgEmailAttachment,{className:"format"})})})]}),t.jsxRuntimeExports.jsxs(se,{children:[l?t.jsxRuntimeExports.jsx(o.Tooltip,{placement:"top",title:t.jsxRuntimeExports.jsx(g,{children:ee.tooltip}),children:t.jsxRuntimeExports.jsxs(He,{isZeniGPTResponseLoading:r,type:"button",onClick:me,disabled:r,children:[t.jsxRuntimeExports.jsx(Ke,{}),t.jsxRuntimeExports.jsx(ze,{children:ee.label})]})}):null,t.jsxRuntimeExports.jsx(o.Tooltip,{placement:"bottom",title:t.jsxRuntimeExports.jsx(g,{children:qe}),children:t.jsxRuntimeExports.jsx(u,{type:"button",disabled:!P||r,onClick:()=>{s.dispatchCommand(i.UNDO_COMMAND,void 0)},className:"toolbar-item spaced",style:{padding:o.Space.sp1},"aria-label":"Undo",children:t.jsxRuntimeExports.jsx(o.SvgUndo,{className:"format"})})}),t.jsxRuntimeExports.jsx(o.Tooltip,{placement:"bottom",title:t.jsxRuntimeExports.jsx(g,{children:Ie}),children:t.jsxRuntimeExports.jsx(u,{type:"button",disabled:!p||r,onClick:()=>{s.dispatchCommand(i.REDO_COMMAND,void 0)},className:"toolbar-item",style:{padding:o.Space.sp1},"aria-label":"Redo",children:t.jsxRuntimeExports.jsx(d.SvgRedo,{className:"format"})})})]})]})}const u=m.button``,se=m.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.Space.sp1};
+`,g=m.div`
+  padding: 2px ${o.Space.sp2};
+  color: ${o.Colors.neutralGrey4Light};
+`,ze=m(o.SmallMedium)`
+  color: ${o.Colors.neutralGrey5Light};
+`,He=m.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 165px;
+  background-color: ${e=>e.isZeniGPTResponseLoading?e.theme.colors.brandColorSapphireLight:e.theme.colors.brandColorSapphire};
+  color: ${o.Colors.neutralGrey5Light};
+  border-radius: ${o.Space.sp1};
+  border: none;
+  height: 26px;
+  &:hover {
+    background-color: ${o.Colors.brandColorSapphireDark};
+  }
+`,Ke=m(Te)`
+  height: ${o.Space.sp3};
+  width: ${o.Space.sp3};
+  margin-right: ${o.Space.sp1};
+  color: ${o.Colors.brandColorPearl};
+`,Ge=m.div`
+  position: absolute;
+  z-index: 100;
+  top: -10000px;
+  left: -10000px;
+  margin-top: -6px;
+  max-width: 300px;
+  width: 100%;
+  opacity: 0;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${o.Space.sp0} 5px 10px ${o.Colors.overlayLight};
+  border-radius: ${o.Space.sp2};
+  transition: opacity 0.5s;
+  z-index: 10000;
+
+  .link-input {
+    display: block;
+    box-sizing: border-box;
+    padding: ${o.Space.sp3};
+    border-radius: ${o.Space.sp3};
+    background-color: ${e=>e.theme.colors.grey5};
+    font-size: 15px;
+    color: ${e=>e.theme.colors.primary};
+    border: 0;
+    outline: 0;
+    position: relative;
+    font-family: inherit;
+  }
+
+  button.link-edit {
+    display: flex;
+    align-items: center;
+    width: 35px;
+    position: absolute;
+    right: ${o.Space.sp0};
+    top: ${o.Space.sp0};
+    bottom: ${o.Space.sp0};
+    cursor: pointer;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  .link-input a {
+    color: ${e=>e.theme.colors.link};
+    text-decoration: none;
+    display: block;
+    white-space: nowrap;
+    overflow: hidden;
+    margin-right: 30px;
+    text-overflow: ellipsis;
+  }
+
+  .link-input a:hover {
+    text-decoration: underline;
+  }
+
+  .button {
+    width: 20px;
+    height: 20px;
+    display: inline-block;
+    padding: 6px;
+    border-radius: ${o.Space.sp2};
+    cursor: pointer;
+    margin: 0 2px;
+  }
+
+  .button.hovered {
+    width: 20px;
+    height: 20px;
+    display: inline-block;
+    background-color: ${e=>e.theme.colors.background};
+  }
+
+  .button i,
+  .actions i {
+    background-size: contain;
+    display: inline-block;
+    height: 20px;
+    width: 20px;
+    vertical-align: -0.25em;
+  }
+`,Je=m.div``,Xe=m.a``,Qe=m.i``,Ve=m.div`
+  display: flex;
+  flex-direction: column; /* Align children vertically */
+  align-items: center; /* Center children horizontally */
+  justify-content: center; /* Center children vertically */
+  height: 100%; /* Adjust to your desired height */
+  width: 100%; /* Adjust to your desired width */
+`,{cockpit:{monthEndReport:{editorPlaceholder:We}}}=o.appLocale.getLocalizedStrings(),Ye=m(o.LargeRegular)`
+  color: ${e=>e.theme.colors.grey2};
+  overflow: hidden;
+  position: absolute;
+  text-overflow: ellipsis;
+  top: ${o.Space.sp3};
+  left: 12px;
+  user-select: none;
+  display: inline-block;
+  pointer-events: none;
+`,Ze=m(o.StandardRegular)`
+  position: relative;
+  margin: ${o.Space.sp0};
+  border-radius: ${o.Space.sp2};
+  color: ${e=>e.theme.colors.primary};
+  text-align: left;
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  overflow: hidden;
+
+  &:hover {
+    border: ${e=>`1px solid ${e.isZeniGPTResponseLoading?e.theme.colors.grey2:e.theme.colors.primary}`};
+
+    .toolbar {
+      border-bottom: ${e=>`1px solid ${e.isZeniGPTResponseLoading?e.theme.colors.grey2:e.theme.colors.primary}`};
+    }
+  }
+
+  &:focus-within {
+    border: ${e=>`1px solid ${e.isZeniGPTResponseLoading?e.theme.colors.grey2:e.theme.colors.primary}`};
+
+    .toolbar {
+      border-bottom: ${e=>`1px solid ${e.isZeniGPTResponseLoading?e.theme.colors.grey2:e.theme.colors.primary}`};
+    }
+  }
+
+  .editor-input {
+    min-height: 120px;
+    max-height: 360px;
+    overflow: auto;
+    resize: none;
+    ${o.textStyles.largeRegular.css};
+    color: ${e=>e.isZeniGPTResponseLoading?e.theme.colors.grey2:e.theme.colors.primary};
+    position: relative;
+    tab-size: 1;
+    outline: 0;
+    padding: ${o.Space.sp3} 12px;
+
+    .editor__link {
+      color: ${e=>e.isZeniGPTResponseLoading?e.theme.colors.grey2:e.theme.colors.link};
+      text-decoration: none;
+    }
+    .editor__link:hover {
+      text-decoration: underline;
+      cursor: pointer;
+    }
+  }
+
+  .editor-input p {
+    margin: 0;
+  }
+
+  .toolbar {
+    display: flex;
+    margin-bottom: 1px;
+    background: ${e=>e.theme.colors.grey5};
+    padding: ${o.Space.sp1};
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    vertical-align: middle;
+    border-bottom: 1px solid ${e=>e.theme.colors.grey2};
+    justify-content: space-between;
+  }
+
+  .toolbar button.toolbar-item {
+    border: 0;
+    display: flex;
+    background: none;
+    border-radius: ${o.Space.sp2};
+    padding: ${o.Space.sp2};
+    cursor: pointer;
+    vertical-align: middle;
+  }
+
+  .toolbar button.toolbar-item:disabled {
+    cursor: not-allowed;
+  }
+
+  .toolbar button.toolbar-item.spaced {
+    margin-right: 2px;
+  }
+
+  .toolbar button.toolbar-item svg.format {
+    background-size: contain;
+    display: inline-block;
+    height: ${o.Space.sp3};
+    width: ${o.Space.sp3};
+    vertical-align: -0.25em;
+    display: flex;
+    color: ${e=>e.theme.colors.grey1};
+  }
+
+  .toolbar button.toolbar-item:disabled svg.format {
+    opacity: 0.2;
+  }
+
+  .toolbar button.toolbar-item.active {
+    svg.format {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+
+  .toolbar .toolbar-item:hover:not([disabled]) {
+    svg.format {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+
+  .toolbar .divider {
+    width: 1px;
+    background-color: ${e=>e.theme.colors.background};
+    margin: ${o.Space.sp0} ${o.Space.sp1};
+  }
+
+  .toolbar .toolbar-item .text {
+    display: flex;
+    width: 200px;
+    vertical-align: middle;
+    ${o.textStyles.standardRegular.css};
+    color: ${e=>e.theme.colors.primary};
+    text-overflow: ellipsis;
+    width: 70px;
+    overflow: hidden;
+    height: 20px;
+    text-align: left;
+  }
+`,et=m.div`
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  z-index: 1;
+`,tt=m.div`
+  background-color: transparent;
+  position: relative;
+`;function ot(){return t.jsxRuntimeExports.jsx(Ye,{children:We})}const st={namespace:"",onError(e){throw e},nodes:[J.HeadingNode,N.ListNode,N.ListItemNode,J.QuoteNode,G.CodeNode,G.CodeHighlightNode,z.TableNode,z.TableCellNode,z.TableRowNode,S.AutoLinkNode,S.LinkNode,ie],theme:d.theme};function rt({fileAttached:e,enableZeniGPTFeature:l,isZeniGPTResponseLoading:r,initialHtmlString:c,customerRequestData:x,handleFileInputClick:f,improveUsingZeniGPTClick:y,setZeniRequestsHtml:k}){const s=re.useTheme();return t.jsxRuntimeExports.jsxs(Ee.LexicalComposer,{initialConfig:st,children:[t.jsxRuntimeExports.jsx(d.EditorGlobalStyles,{}),t.jsxRuntimeExports.jsxs(Ze,{isZeniGPTResponseLoading:r,children:[r?t.jsxRuntimeExports.jsx(et,{children:t.jsxRuntimeExports.jsx(o.ActivityIndicator,{size:"Standard",start:!0,style:{display:"flex",padding:o.Space.sp4,borderRadius:"100%",backgroundColor:s.colors.grey5,border:`2px solid ${s.colors.grey3}`,boxShadow:`${o.Space.sp0} 2px ${o.Space.sp1} ${s.colors.dropShadowNormal}`}})}):null,t.jsxRuntimeExports.jsx(Ue,{handleFileInputClick:f,fileAttached:e,customerRequestData:x,enableZeniGPTFeature:l,isZeniGPTResponseLoading:r,initialHtmlString:c,improveUsingZeniGPTClick:y,setZeniRequestsHtml:k}),t.jsxRuntimeExports.jsxs(tt,{children:[t.jsxRuntimeExports.jsx($e.RichTextPlugin,{contentEditable:t.jsxRuntimeExports.jsx(Ce.ContentEditable,{className:o.EDITOR_CLASS_NAME}),placeholder:t.jsxRuntimeExports.jsx(ot,{}),ErrorBoundary:ye}),t.jsxRuntimeExports.jsx(d.CustomPastePlugin,{}),t.jsxRuntimeExports.jsx(d.CustomTabPlugin,{}),t.jsxRuntimeExports.jsx(Re.HistoryPlugin,{}),t.jsxRuntimeExports.jsx(fe.AutoFocusPlugin,{}),t.jsxRuntimeExports.jsx(Me,{}),t.jsxRuntimeExports.jsx(Se.ListPlugin,{}),t.jsxRuntimeExports.jsx(Ne.LinkPlugin,{}),t.jsxRuntimeExports.jsx(d.PlaygroundAutoLinkPlugin,{}),t.jsxRuntimeExports.jsx(d.ListMaxIndentLevelPlugin,{maxDepth:7}),t.jsxRuntimeExports.jsx(ke.MarkdownShortcutPlugin,{transformers:je.TRANSFORMERS})]})]})]})}exports.default=rt;