https://go.chatway.app/assets/EditCannedResponse-BtxYtk5U.js

1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`release-202609300849`};var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`1b02c8e4-9143-4cce-9011-bf43a61d8d51`,e._sentryDebugIdIdentifier=`sentry-dbid-1b02c8e4-9143-4cce-9011-bf43a61d8d51`)}catch{}})();import{$ as e,A as t,Et as n,I as r,It as i,K as a,M as o,Mt as s,Nt as c,O as l,Ot as u,Q as d,R as f,S as p,Z as m,b as h,d as g,et as _,f as v,gt as y,ht as b,it as x,j as S,k as C,ot as w,pt as T,u as E,w as D}from"./vendor-vue-core-DI5wj9bP.js";import{Ct as O,i as k,rt as A,u as j,zt as M}from"./utils-CL0hl12X.js";import{$ as N,at as P,d as F,t as I}from"./user-TQfZ8_Hw.js";import{i as L}from"./vendor-utils-DEw0FKGV.js";import{t as R}from"./toast-Bw7mV9qC.js";import{T as z,b as B}from"./vendor-ui-CGAfvdzI.js";import{t as V}from"./_plugin-vue_export-helper-C8SdpCFW.js";import{p as H,u as U}from"./vendor-forms-HWkCcuzf.js";import{D as W,q as G}from"./vendor-tiptap-BYc2tCfl.js";import{n as K}from"./markdown-JoaCwf-B.js";import{O as q,a as ee,d as te,k as ne,l as re,o as ie,p as ae,s as oe}from"./vendor-prosemirror-core-BRjRA0uN.js";import{n as se,t as ce}from"./vendor-prosemirror-extra-Bknp-F1W.js";import{_ as le,a as ue,b as de,c as fe,d as pe,f as me,g as he,h as ge,l as _e,m as ve,n as J,p as ye,r as be,s as xe,t as Se,u as Ce,v as we,y as Te}from"./prose-mirror-BxYcX06m.js";var Y=E({id:`cannedResponses`,state:()=>({cannedResponses:[],cannedResponseFolders:[],meta:{total:0,count:0,per_page:0,current_page:0,total_pages:0},uiFlags:{isFetchingCannedResponses:!1,isCreatingCannedResponse:!1,isFetchingCannedResponseByFolder:!1,isCreatingCannedResponseFailed:!1,isAddEditResponseOpen:!1,isFolderDropdownOpen:!1}})}),Ee=class{index(){return N.get(`canned-responses/plus-folders`)}indexByFolderId(e){return N.get(`canned-response-folders/${e}?include[]=cannedResponses`)}create(e){let t=new FormData;return t.append(`message`,e.message),t.append(`shortcut`,e.shortcut),e.folder_name&&t.append(`folder_name`,e.folder_name),e.order_id&&t.append(`order_id`,e.order_id),N.post(`canned-responses`,t)}delete(e){return N.delete(`canned-responses/${e}`)}update(e,t){let n=new FormData;return n.append(`message`,t.message),n.append(`shortcut`,t.shortcut),t.folder_name&&n.append(`folder_id`,t.folder_name),t.order_id&&n.append(`order_id`,t.order_id),N.put(`canned-responses/${e}`,n)}};function De(){let{cannedResponses:e,cannedResponseFolders:t,meta:n,uiFlags:r}=g(Y());async function i(){r.value.isFetchingCannedResponses=!0;try{let{data:i,meta:{folders:a,pagination:o}}=await new Ee().index();r.value.isFetchingCannedResponses=!1,e.value=i,t.value=a,n.value=o}catch(e){O(e),r.value.isFetchingCannedResponses=!1}}async function a(e){r.value.isFetchingCannedResponseByFolder=!0;try{let{included:n}=await new Ee().indexByFolderId(e);r.value.isFetchingCannedResponseByFolder=!1;let i=t.value.find(t=>t.id===e);i&&(i.items=n)}catch(e){O(e),r.value.isFetchingCannedResponseByFolder=!1}}async function o(e){return r.value.isCreatingCannedResponse=!0,new Promise((t,n)=>{P.emit(M.CANNED_RESPONSE_CREATED,e,e=>{e.error?(R().set({message:e.error.message,type:`error`}),r.value.isCreatingCannedResponse=!1,r.value.isCreatingCannedResponseFailed=!1,n(Error(e.error.message))):(R().set({message:`Canned response created`,type:`success`}),r.value.isCreatingCannedResponse=!1,r.value.isCreatingCannedResponseFailed=!0,i(),t())})})}async function s(e){return new Promise((t,n)=>{P.emit(M.CANNED_RESPONSE_DELETE,e,e=>{e.error?(R().set({message:`Not able to delete it`,type:`error`}),n(Error(e.error))):(R().set({message:`Canned response deleted`,type:`success`}),t())})})}async function c(e){return new Promise((t,n)=>{P.emit(M.CANNED_RESPONSE_UPDATE,e,e=>{e.error?(R().set({message:e.error,type:`error`}),n(Error(e.error))):(R().set({message:`Canned response updated`,type:`success`}),t())})})}async function l(e){return new Promise((t,n)=>{P.emit(M.CANNED_RESPONSE_FOLDER_UPDATE,e,async e=>{e.error?(R().set({message:`The folder name already exists. Please select a different name`,type:`error`}),n(Error(e.error))):(R().set({message:`Canned response folder updated`,type:`success`}),await i(),t())})})}async function u(e){P.emit(M.CANNED_RESPONSE_FOLDER_CREATE,e,e=>{e.error?R().set({message:e.error,type:`error`}):(R().set({message:`Canned response folder created`,type:`success`}),i())})}

1async function d(e){P.emit(M.CANNED_RESPONSE_FOLDER_DELETE,e,e=>{e.error?R().set({message:e.error,type:`error`}):R().set({message:`Canned response folder deleted`,type:`success`})})}async function f(e){P.emit(M.CANNED_RESPONSE_ORDER_UPDATE,e,e=>{e.error?R().set({message:e.error,type:`error`}):R().set({message:`Successfully updated`,type:`success`})})}async function p(e){P.emit(M.CANNED_RESPONSE_FOLDER_ORDER_UPDATE,e,e=>{e.error?R().set({message:e.error,type:`error`}):R().set({message:`Canned response folder order updated`,type:`success`})})}return{getAllCannedResponses:i,getCannedResponsesByFolderId:a,createCannedResponse:o,deleteCannedResponse:s,updateCannedResponse:c,renameCannedResponseFolder:l,deleteCannedResponseFolder:d,updateCannedResponseOrder:f,updateCannedResponseFolderOrder:p,createCannedResponseFolder:u}}var Oe={class:`rounded-lg z-10 w-full`},ke=[`disabled`],Ae={class:`px-2 flex items-center`},je={key:0,class:`flex h-full items-center justify-center`},Me={key:1},Ne=[`onClick`],Pe=V(f({__name:`CannedResponseFolderDropdown`,props:{selectedFolder:{},disabled:{type:Boolean}},emits:[`onFolderSelect`,`onFolderNameChange`],setup(t,{emit:n}){let s=t,f=Y(),p=l(()=>f.cannedResponseFolders),g=u({}),E=u(!1),O=u(s.selectedFolder?.name||``),k=u(null),A=u(null),j=u([]),M=u(0),N=u(!1),P=l(()=>g.value.name||``),F=l(()=>E.value&&L.value.length>0),I=n;T(O,()=>{N.value=!0});let L=l(()=>!N.value||O.value.trim()===``?p.value:p.value.filter(e=>e.name.toLowerCase().includes(O.value.toLowerCase()))),R=e=>{I(`onFolderNameChange`,e.target.value)},z=e=>{I(`onFolderSelect`,e),E.value=!1,O.value=e.name,g.value=e};B(k,()=>{E.value=!1}),T(O,e=>{e&&!p.value.find(t=>t.name===e)&&(g.value={})});let V=()=>{s.disabled||(E.value=!E.value)},H=e=>e===0?M.value===0:M.value===e,U=()=>{a(()=>{let e=j.value[M.value];e&&A.value&&e.scrollIntoView({block:`nearest`})})},W=async e=>{e.key===`ArrowUp`&&(M.value===0?M.value=L.value.length-1:--M.value,U())},G=async e=>{e.key===`ArrowDown`&&(E.value=!0,M.value===L.value.length-1?M.value=0:M.value+=1,U())},K=()=>{z(L.value[M.value])},q=e=>{e.key===`Enter`&&(E.value&&=(e.preventDefault(),K(),!1))};return T(L,()=>{M.value=0}),T(E,e=>{e?f.uiFlags.isFolderDropdownOpen=!0:f.uiFlags.isFolderDropdownOpen=!1}),m(()=>{E.value||(f.uiFlags.isFolderDropdownOpen=!1),window.addEventListener(`keydown`,W),window.addEventListener(`keydown`,G),window.addEventListener(`keydown`,q)}),d(()=>{window.removeEventListener(`keydown`,W),window.removeEventListener(`keydown`,G),window.removeEventListener(`keydown`,q)}),e(()=>{s.selectedFolder&&(g.value=s.selectedFolder)}),(e,t)=>{let n=w(`CwIcon`);return _(),o(`div`,{class:`flex relative flex-col items-start gap-1 mt-6`,ref_key:`folderlist`,ref:k},[t[2]||=C(`label`,{for:`folder-search`,class:`text-sm text-grey700`},`Create new or select folder (optional)`,-1),C(`div`,{class:c([`pl-3 rounded-lg flex items-center w-full border border-solid border-grey200 h-[46px]`,{"opacity-50 cursor-not-allowed bg-grey100":e.disabled}]),onClick:V},[C(`div`,Oe,[y(C(`input`,{id:`folder-search`,"onUpdate:modelValue":t[0]||=e=>O.value=e,type:`text`,autofocus:``,disabled:e.disabled,class:`folder-search p-0 h-[40px] border-b border-solid border-gray-200 w-full disabled:cursor-not-allowed disabled:bg-transparent`,placeholder:`Create new folder or select`,onInput:R,maxlength:`30`},null,40,ke),[[h,O.value]])]),C(`div`,Ae,[r(n,{name:`chevron-down`,class:`text-grey600`})])],2),r(v,{name:`modal-fade`},{default:b(()=>[F.value?(_(),o(`div`,{key:0,ref_key:`dropdownContainer`,ref:A,class:`z-10 rounded-sm absolute border border-sold border-gray-200 shadow-md top-[70px] overflow-y-auto bg-white max-h-32 w-full`},[p.value.length?(_(),o(`div`,Me,[(_(!0),o(D,null,x(L.value,(e,t)=>(_(),o(`button`,{type:`button`,key:e.id,ref_for:!0,ref_key:`folderItems`,ref:j,class:`p-0 flex flex-col w-full h-auto`,onClick:t=>z(e)},[C(`span`,{class:c([`text-sm py-2.5 px-3 w-full items-center flex justify-start hover:bg-[#F6F6F8]`,[P.value===e.name?`bg-[#F6F6F8]`:``,H(t)?`bg-grey100`:``]])},i(e.name),3)],8,Ne))),128))])):(_(),o(`div`,je,t[1]||=[C(`span`,{class:`text-sm py-2 px-2`},`No folders found`,-1)]))],512)):S(``,!0)]),_:1}),t[3]||=C(`span`,{class:`text-grey600 text-xs w-full`},`To list all the folders, enter # in the chat`,-1)],512)}}}

1),[[`__scopeId`,`data-v-c967804c`]]),Fe=new te({state:{init(){return{deco:ie.empty}},apply(e,t,n){let r=e.selection;if(r){let e=[ee.inline(r.$from.pos,r.$to.pos,{class:`selection-marker`},{inclusiveLeft:!0,inclusiveRight:!0})];return{deco:ie.create(n.doc,e)}}return t}},props:{decorations(e){if(e&&this.getState(e)){let t=this.getState(e);return t?t.deco:null}return null}}}),Ie=L();function X(e){let{files:t,open:r,reset:i}=z({accept:`image/png, image/gif, image/jpeg`,multiple:!1}),o,s,c=!1,l=u(``),d=u(``),f=n({href:``}),p=u(!1),m=u(!1),h=u(!1),g=u(null),_=u(null),v=n({top:0,left:0}),y=u(e?.hideOptions??!1),b=(e,t,n,r,i,a=768,o)=>new ce({run:e,title:t,active:o?e=>{if(o.type===`mark`){let t=o.value,{from:n,$from:r,to:i,empty:a}=e.selection;return a?!!t.isInSet(e.storedMarks||r.marks()):e.doc.rangeHasMark(n,i,t)}else if(o.type===`node`){let t=o.value,{$from:n}=e.selection;for(let e=n.depth;e>0;e--)if(n.node(e).type===t)return!0;return!1}else if(o.type===`custom`&&typeof o.value==`function`)return o.value(e);return!1}:void 0,icon:{dom:(()=>{let e=document.createElement(`div`);e.className=r??``,e.title=t;let o=document.createElement(`span`);if(o.innerHTML=n,e.appendChild(o),i){let t=document.createElement(`span`);t.textContent=i,t.style.display=`none`,t.className=`text-sm font-normal text-grey900`;let n=()=>{t.style.display=window.innerWidth>=a?`inline`:`none`};window.addEventListener(`resize`,n),n(),e.appendChild(t)}return e})()}}),x={bold:b(G(J.marks.strong),`Bold`,me,void 0,void 0,768,{type:`mark`,value:J.marks.strong}),italic:b(G(J.marks.em),`Italic`,he,void 0,void 0,768,{type:`mark`,value:J.marks.em}),underline:b(G(J.marks.underline),`Underline`,de,void 0,void 0,768,{type:`mark`,value:J.marks.underline}),bulletList:b(_e,`Bulleted list`,ye,void 0,void 0,768,{type:`node`,value:J.nodes.bullet_list}),orderedList:b(pe,`Ordered list`,we,void 0,void 0,768,{type:`node`,value:J.nodes.ordered_list}),link:b(I,`Link`,le,`link-icon`,void 0,768,{type:`mark`,value:J.marks.link}),image:b(r,`Image`,ge,`file-icon`),codeBlock:b(Ce,`Code block`,ve,void 0,void 0,768,{type:`node`,value:J.nodes.code_block}),quote:b(fe,`Block quote`,Te,void 0,void 0,768,{type:`node`,value:J.nodes.blockquote})},S=()=>{let t=Object.keys(x);return e?.menuOrder?.length&&(t=e.menuOrder.filter(e=>t.includes(e))),t.map(e=>x[e])},C=()=>{let t=new DOMParser().parseFromString(l.value,`text/html`),n=q.fromSchema(J).parse(t),r=[se({content:[y.value?[]:S()]}),W(),Fe,ue(J)];return(0,Ie.isFunction)(e?.applyPlugins)&&(r=e.applyPlugins(r)),re.create({doc:n,plugins:Se({schema:J,placeholder:e?.placeholder||`Write something...`,class:`editor-content`,plugins:r})})},w=()=>{c&&=(o.destroy(),!1)},E=()=>{w(),s=C(),o=new oe(g.value,{state:s,dispatchTransaction:function(e){s=s.apply(e),o.updateState(s),D(),e.docChanged&&O(),e.selectionSet&&!s.selection.empty&&setTimeout(()=>{let e=document.querySelector(`.scrollable-container`);e&&(e.scrollTop+=50)},10)},handleDOMEvents:{click:(e,t)=>(M(e),N(e,t),!1)}}),c=!0},D=()=>{let e=A();l.value=e===`<p></p>`?``:e.replace(/<p>\s*<\/p>/g,`<p style="margin-bottom: 10px"></p>`)},O=()=>{d.value=be.serialize(s.doc)},A=()=>{let e=ne.fromSchema(J).serializeFragment(s.doc.content),t=document.createElement(`div`);return t.appendChild(e),t.innerHTML},j=e=>{if(!o)return;l.value=e,s=C();let t=s.tr.setSelection(ae.atEnd(s.doc));s=s.apply(t),o.updateState(s)},M=e=>{let t=e.coordsAtPos(e.state.selection.from),n=e.dom.getBoundingClientRect(),r=t.left-n.left,i=t.top-n.top;if(!(r<0||i<0)){if(n.width<300){v.left=n.width/2,v.top=i+60;return}if(n.width<400){v.left=n.width/1.9,v.top=n.height+20;return}i>200?v.top=i-30:v.top=i+60,r<180?v.left=r+180:r>350?v.left=r-130:v.left=r}};function N(e,t){t.target.closest(`a[href]`)?P(e):f.href=``}function P(e){let{state:t}=e,{from:n,to:r}=t.selection;t.doc.nodesBetween(n,r,e=>{if(e.isText){let t=e.marks.find(e=>e.type===J.marks.link);t&&(f.href=t.attrs.href,m.value=!0)}})}function I(e,t){let{doc:n,selection:r}=e;if(r.empty&&!h.value||!n.rangeHasMark(r.from,r.to,J.marks.link)&&(p.value=!0,m.value=!1,a(()=>{p.value&&_.value?.focus()}),!f.href))return!1;f.href&&!f.href.startsWith(`http://`)&&!f.href.startsWith(`https://`)&&(f.href=`https://${f.href}`);let i=e.tr;n.nodesBetween(r.from,r.to,(n,r)=>{if(n.isText){let a=n.marks.find(e=>e.type===J.marks.link);if(a&&h.value){let e={...a.attrs,...f};i.removeMark(r,r+n.nodeSize,J.marks.link),i.addMark(r,r+n.nodeSize,J.marks.link.create(e)),t(i)}else G(J.marks.link,f)(e,t)}}),h.value=!1}let L=()=>{f.href&&(I(s,o.dispatch),o.focus(),f.href=``,p.value=!1)},B=()=>{m.value=!1,p.value=!0,h.value=!0},V=()=>{let{tr:e,selection:t}=s,{from:n,to:r}=t;s.doc.nodesBetween(n,r,(t,n)=>{t.isText&&t.marks.find(e=>e.type===J.marks.link)&&(e.removeMark(n,n+t.nodeSize,J.marks.link),o.dispatch(e),f.href=``)}

1),m.value=!1};async function H(e){let t=e?.[0];if(!t)return;if(t.type!==`image/png`&&t.type!==`image/gif`&&t.type!==`image/jpeg`){R().set({message:`Please upload a valid image file`,type:`error`});return}if(!k(t))return;let n=`/loader.gif`,r=J.nodes.image.create({src:n,class:`w-[200px] mx-auto`}),a=s.tr.replaceSelectionWith(r);o.dispatch(a);try{let e=await new F().uploadSingleFile(t),r=null;if(s.doc.descendants((e,t)=>e.type.name===`image`&&e.attrs.src===n?(r=t,!1):!0),r!==null&&typeof r==`number`){let t=J.nodes.image.create({src:e}),n=J.nodes.paragraph.create(),i=r+1,a=s.tr.replaceWith(r,i,[t,n]);o.dispatch(a)}}catch(e){console.error(e);let t=null;if(s.doc.descendants((e,r)=>e.type.name===`image`&&e.attrs.src===n?(t=r,!1):!0),t!==null&&typeof t==`number`){let e=t+1,n=s.tr.delete(t,e);o.dispatch(n)}R().set({message:`Failed to upload image`,type:`error`})}finally{i()}}return T(t,e=>{H(e)}),{createMenuItem:b,createEditorView:E,destroyEditorView:w,reloadState:j,insertLink:L,removeLink:V,openAddLinkPopup:B,editorRef:g,content:l,linkAttrs:f,isAddLinkPopupOpen:p,isPreviewLinkPopupOpen:m,linkInput:_,popupStyle:v,markdownContent:d}}var Le={class:`p-4`},Re={class:`flex flex-col items-center gap-1 mb-6`},ze={key:0,class:`text-red-500 text-xs w-full`},Be={class:`flex flex-col items-center gap-1`},Ve=V(f({__name:`AddCannedResponse`,props:{showModal:{type:Boolean,default:!1},message:{default:``},openedFromShortcut:{type:Boolean,default:!1},backdropClickClose:{type:Boolean,default:!0}},emits:[`closeAddCannedResponseModal`,`addCannedResponse`],setup(e,{emit:i}){let d=u(),f=u(),m=u(!1),h=e,g=Y(),v=l(()=>g.uiFlags.isCreatingCannedResponse),y=l(()=>g.uiFlags.isCreatingCannedResponseFailed),x=l(()=>g.uiFlags.isAddEditResponseOpen),E=l(()=>g.uiFlags.isFolderDropdownOpen),D=i,O=n({message:h.message,shortcut:``}),k=H(l(()=>({message:{required:U},shortcut:{required:U}})),O),M=u(``),N=u(!1),{createEditorView:P,reloadState:F,editorRef:L,markdownContent:R}=X({applyPlugins(){return[xe({editorWrapperEl:d.value})]}}),z=e=>{M.value=e.name,N.value=!0},B=e=>{M.value=e},V=()=>{O.message=``,O.shortcut=``,M.value=``,N.value=!1,m.value=!1,k.value.$reset()},W=async()=>{if(m.value=!0,await a(),k.value.$touch(),k.value.$pending||k.value.$error)return!1;let e=O.shortcut.startsWith(`#`)?O.shortcut:`#`+O.shortcut;D(`addCannedResponse`,{message:O.message,shortcut:e,folder_name:M.value,team_id:I().user?.attributes?.team_id})},G=()=>{V(),D(`closeAddCannedResponseModal`),g.uiFlags.isAddEditResponseOpen=!1},q=async()=>{E.value&&!N.value?setTimeout(()=>{N.value=!0},200):await W()},ee=e=>{O.shortcut=e,m.value&&O.shortcut.trim()&&a(()=>{k.value.shortcut.$touch()})};return T(R,e=>{O.message=e,m.value&&O.message.trim()&&a(()=>{k.value.message.$touch()})}),T(()=>O.message,e=>{e!==R.value&&F(e)}),T(x,e=>{e&&a(()=>{L.value&&L.value.focus()})}),T(y,e=>{e&&(V(),g.uiFlags.isCreatingCannedResponseFailed=!1)}),T(()=>h.showModal,e=>{e&&a(()=>{P(),F(h.message)}),e||(m.value=!1),e&&h.openedFromShortcut&&a(()=>{F(K(j(h.message||``))),f.value?.focus()})}),T(()=>[O.message,O.shortcut],()=>{m.value&&O.message.trim()&&O.shortcut.trim()&&a(()=>{k.value.$validate()})},{deep:!0}),(e,n)=>{let i=w(`InputField`),a=w(`Modal`);return e.showModal?(_(),t(a,{key:0,"header-title":`Add New Canned Response`,actionButtonTypeOneText:`Cancel`,actionButtonTypeTwoText:`Save`,closeModal:e.showModal,isLoading:v.value,backdropClickClose:h.backdropClickClose,onActionButtonTypeOne:G,onActionButtonTypeTwo:q,onCloseModal:G},{default:b(()=>[C(`div`,Le,[C(`div`,Re,[n[0]||=C(`label`,{for:`message`,class:`mb-0 text-sm font-normal w-full text-grey600`},`Message`,-1),C(`div`,{ref_key:`editorWrapperRef`,ref:d,class:c([`relative border border-grey200 rounded-lg mt-1 w-full`,{"!border-red-500 editor-error":m.value&&s(k).message.$error}])},[C(`div`,{ref_key:`editorRef`,ref:L,class:c([`chatway-editor h-48`,{isRtl:s(A)(O.message)}])},null,2)],2),m.value&&s(k).message.$error?(_(),o(`span`,ze,`Message is required`)):S(``,!0)]),C(`div`,Be,[r(i,{ref_key:`shortcutInput`,ref:f,label:`Shortcut`,value:O.shortcut,type:`text`,forValue:`shortcut`,placeholder:`For example #welcome_new_user`,hasError:m.value&&s(k).shortcut.$error,validationMessage:m.value?s(k).shortcut.$errors:[],onInput:ee,onBlur:s(k).shortcut.$touch,onKeydown:p(q,[`enter`]),maxlength:30},null,8,[`value`,`hasError`,`validationMessage`,`onBlur`]),n[1]||=C(`span`,{class:`text-grey600 text-xs w-full`}

1,`Quickly access responses by entering "#+shortcut" in the chat`,-1)]),r(Pe,{onOnFolderSelect:z,onOnFolderNameChange:B,onKeydown:p(q,[`enter`])})])]),_:1},8,[`closeModal`,`isLoading`,`backdropClickClose`])):S(``,!0)}}}),[[`__scopeId`,`data-v-04d5ef9b`]]),Z=e=>({newOrder:e.newIndex+1,elementId:e.item.__draggable_context?.element.id}),Q=(e,t,n,r,i)=>{if(!e.find(e=>e.id===t))return e;let a=e.map(e=>JSON.parse(JSON.stringify(e))).sort((e,t)=>{let n=r(e)-r(t);return n===0?e.id.localeCompare(t.id):n}).map((e,t)=>i({...e},t+1)),o=a.findIndex(e=>e.id===t);if(o===-1)return e;let s=[...a],[c]=s.splice(o,1),l=Math.min(Math.max(0,n-1),s.length);return s.splice(l,0,c),s.map((e,t)=>i({...e},t+1))},He={getOrderId:e=>e.order_id,setOrderId:(e,t)=>({...e,order_id:t})},$={getOrderId:e=>e.attributes.order_id,setOrderId:(e,t)=>({...e,attributes:{...e.attributes,order_id:t}})},Ue=(e,t)=>{let{newOrder:n,elementId:r}=Z(e);return Q(t,r,n,He.getOrderId,He.setOrderId)},We=(e,t,n)=>{let{newOrder:r,elementId:i}=Z(e),a=t.filter(e=>e.attributes?.folder_id===n),o=t.filter(e=>e.attributes?.folder_id!==n),s=Q(a,i,r,$.getOrderId,$.setOrderId);return[...o,...s]},Ge=(e,t)=>{let{newOrder:n,elementId:r}=Z(e),i=t.filter(e=>!e.attributes.folder_id),a=t.filter(e=>e.attributes.folder_id),o=Q(i,r,n,$.getOrderId,$.setOrderId);return[...a,...o]},Ke=(e,t,n)=>{let{newOrder:r,elementId:i}=Z(e);if(!t.find(e=>e.id===i))return t;let a=t.map(e=>e.id===i?{...e,attributes:{...e.attributes,folder:n.name,folder_id:n.id}}:e),o=a.filter(e=>e.attributes.folder_id===n.id),s=a.filter(e=>e.attributes.folder_id!==n.id),c=Q(o,i,r,$.getOrderId,$.setOrderId);return[...s,...c]},qe=(e,t)=>{let{newOrder:n,elementId:r}=Z(e);if(!t.find(e=>e.id===r))return t;let i=t.map(e=>e.id===r?{...e,attributes:{...e.attributes,folder:null,folder_id:null}}:e),a=i.filter(e=>!e.attributes.folder_id),o=i.filter(e=>e.attributes.folder_id),s=Q(a,r,n,$.getOrderId,$.setOrderId);return[...o,...s]},Je={class:`p-4`},Ye={class:`flex flex-col items-center gap-1 mb-6`},Xe={key:0,class:`text-red-500 text-xs w-full`},Ze={class:`flex flex-col items-center gap-1`},Qe=V(f({__name:`EditCannedResponse`,props:{showModal:{type:Boolean,default:!1},selectedCannedResponse:{},activeFolder:{},backdropClickClose:{type:Boolean,default:!0},isSaving:{type:Boolean,default:!1},isDeleting:{type:Boolean,default:!1}},emits:[`closeEditCannedResponseModal`,`deleteCannedResponse`,`editCannedResponse`],setup(i,{emit:d}){let f=Y(),m=u(),h=i,g=d,v=l(()=>f.uiFlags.isAddEditResponseOpen),y=n({message:h.selectedCannedResponse?.attributes?.message||``,shortcut:h.selectedCannedResponse?.attributes?.shortcut||``}),x=u(h.activeFolder?.name||null),E=u(null),O=e=>{x.value=e};e(()=>{y.message=h.selectedCannedResponse?.attributes?.message||``,y.shortcut=h.selectedCannedResponse?.attributes?.shortcut||``});let k=H(l(()=>({message:{required:U},shortcut:{required:U}})),y),M=u(!1),N=()=>{M.value=!0},P=()=>{M.value=!1},F=e=>{x.value=e.name},{createEditorView:L,reloadState:R,editorRef:z,markdownContent:B}=X({applyPlugins(){return[xe({editorWrapperEl:m.value})]}}),V=()=>{if(k.value.$touch(),k.value.$pending||k.value.$error)return!1;let e=y.shortcut.startsWith(`#`)?y.shortcut:`#`+y.shortcut;g(`editCannedResponse`,{message:y.message,shortcut:e,folder_name:x.value||h.activeFolder?.name,team_id:I().user?.attributes?.team_id,canned_response_id:h.selectedCannedResponse?.id})},W=()=>{g(`deleteCannedResponse`,{team_id:I().user?.attributes?.team_id,canned_response_id:h.selectedCannedResponse?.id}),M.value=!1},G=()=>{g(`closeEditCannedResponseModal`),f.uiFlags.isAddEditResponseOpen=!1};return T(B,e=>{y.message=e,y.message.trim()&&a(()=>{k.value.message.$touch()})}),T(()=>h.showModal,e=>{e&&a(()=>{L(),R(K(j(h.selectedCannedResponse?.attributes?.message||``)))})}),T(v,e=>{e&&a(()=>{E.value&&E.value.focus()})}),(e,n)=>{let i=w(`InputField`),a=w(`Modal`);return _(),o(D,null,[e.showModal?(_(),t(a,{key:0,"header-title":`Edit Canned Response`,actionButtonTypeOneText:`Cancel`,actionButtonTypeTwoText:`Save`,alertButtonText:`Delete response`,isLoading:h.isSaving,closeModal:e.showModal,backdropClickClose:h.backdropClickClose,onActionAlertButton:N,onActionButtonTypeOne:G,onActionButtonTypeTwo:V,onCloseModal:G},{default:b(()=>[C(`div`,Je,[C(`div`,Ye,[n[1]||=C(`label`,{class:`mb-0 text-sm font-normal w-full`},`Message`,-1),C(`div`,{ref_key:`editorWrapperRef`,ref:m,class:c([`relative border border-grey200 rounded-lg mt-1 w-full`,{"!border-danger200 editor-error":s(k).message.$error,"pointer-events-none opacity-60":h.isSaving}])},[C(`div`,{ref_key:`editorRef`,ref:z,class:c([`chatway-editor h-48`,{isRtl:s(A)(y.message)}])},null,2)],2),s(k).message.$error?(_(),o(`span`,Xe,`Message is required`)):S(``,!0)]),C(`div`,Ze,[r(i,{label:`Shortcut`,value:y.shortcut,type:`text`,forValue:`shortcut`,placeholder:`Enter shortcut`,disable:h.isSaving,hasError:s(k).shortcut.$error,validationMessage:s(k).shortcut.$errors,onInput:n[0]||=e=>y.shortcut=e,onBlur:s(k).shortcut.$touch,onKeydown:p(V,[`enter`]),maxlength:30},null,8,[`value`,`disable`,`hasError`,`validationMessage`,`onBlur`]),n[2]||=C(`span`,{class:`text-grey600 text-xs w-full`}

1,`Quickly access responses by entering "#+shortcut" in the chat`,-1)]),r(Pe,{disabled:h.isSaving,onOnFolderSelect:F,onOnFolderNameChange:O,selectedFolder:e.activeFolder,onKeydown:p(V,[`enter`])},null,8,[`disabled`,`selectedFolder`])])]),_:1},8,[`isLoading`,`closeModal`,`backdropClickClose`])):S(``,!0),M.value?(_(),t(a,{key:1,"header-title":`Delete This Canned Response?`,alertModal:!0,showHeaderClose:!1,classes:`md:!w-[424px]`,actionButtonTypeOneText:`Cancel`,actionButtonTypeTwoText:`Delete Response`,isLoading:h.isDeleting,closeModal:M.value,onActionButtonTypeOne:P,onActionButtonTypeTwo:W,onCloseModal:P},{default:b(()=>n[3]||=[C(`div`,{class:`p-4`},`Are you sure you want to delete this canned response?`,-1)]),_:1},8,[`isLoading`,`closeModal`])):S(``,!0)],64)}}}),[[`__scopeId`,`data-v-d0c6625e`]]);export{Ue as a,X as c,We as i,De as l,qe as n,Ge as o,Ke as r,Ve as s,Qe as t,Y as u};
2//# sourceMappingURL=EditCannedResponse-BtxYtk5U.js.map