https://console.dialics.com/assets/DetailOutgoingWebhookLogIntegration-D-t_w9XM.js

1import{N as K,cL as Y,ax as g,e as I,b6 as T,cM as X,o as f,c as O,d as i,v as w,am as G,q as h,a as c,b as p,n as M,H as A,Y as Q,f as Z,r as U,aF as ee,w as S,T as P,t as C,aG as D,aA as te,ag as q,x as B,cu as j,aM as R,R as W,aB as z,cP as oe,gV as se,bF as ae,an as ne,a9 as ie,A as le,k as re,ab as ue,bP as ge,J as ce,g as de,V as me,F as pe,l as be,m as V,p as he}from"./index-CgxcxX9c.js";import{_ as fe}from"./DetailLayout-DCQThFId.js";import{r as ve,k as Se,g as ye}from"./outgoing-webhooks-routes-mfhlNEyq.js";import{_ as ke}from"./WrapTableScroll-BC3mBFGz.js";import{_ as xe}from"./CustomTableControls-ZVNMatYV.js";import{F as _e}from"./filterKeys-mnbXh9WL.js";import{_ as Oe}from"./CustomDataTable-DkPon6Ol.js";import{O as we}from"./OpenCallLogIcon-Cl0h-QOU.js";import{D as Le}from"./DetailInfoIcon-BKzLHcZf.js";import{_ as Ce}from"./SettingsBar-DPgPWRho.js";import{_ as E}from"./ResponseRequestLog-DRtjUQxi.js";import{_ as H,a as We,F as Ie}from"./FailedIcon-BzoOvSKy.js";import{V as Re}from"./VerifyIcon-BAkuesTV.js";import"./ArrowSelect-D87KNEp8.js";import"./FormSelect-BRaLJRDD.js";import"./SearchMiniIcon-DVnTahDt.js";import"./CrossIcon-Cfm-FAfX.js";import"./PlusIcon-CN2GTR9T.js";import"./ArrowInputIconBottom-D50zN8Wy.js";const F=K("detailOutgoingWebhookLogStore",{state:()=>({loading:!1,resendLoading:!1,slug:null,page:1,onPage:25,total:1,search:null,items:[],webhook:{}}),actions:{setSlug(e){this.slug=e},changePage(e){this.page=e,this.goToGetLogsOutgoingWebhooks()},changeOnPage(e){this.onPage=e,X(e,g.detailLogsOutgoingWebhookIntegration),this.goToGetLogsOutgoingWebhooks()},updateAfterChangeStatus(e){e.forEach(t=>{const o=this.items.findIndex(s=>s.slug===t.slug);o+1&&(this.items[o].status_id=t.status_id)})},async goToLoadFiltersAndSorting(){const{success:e,payload:t,message:o}=await ye();if(e){const{logs:s}=t,n=T();n.setFilters(g.detailLogsOutgoingWebhookIntegration,s.filters),n.setSorting(g.detailLogsOutgoingWebhookIntegration,s.sorting)}else I().setErrorMessage({message:o})},checkValidPage(){this.page>this.total?this.changePage(this.total):this.loading=!1},async goToGetLogsOutgoingWebhooks(){const e=T(),{filtersForSend:t,sortingForSend:o}=e.getTable(g.detailLogsOutgoingWebhookIntegration);this.loading=!0;const{success:s,payload:n,message:l}=await Se({slug:this.slug,params:{page:this.page,search:this.search,onPage:this.onPage,...t,...o}});if(s){const{log:a,webhook:r}=n,{data:m=[],current_page:y,last_page:d}=a;this.webhook=r,this.items=m,this.page=y,this.total=d}else I().setErrorMessage({message:l});this.loading=!1},async goToResendOutgoingWebhook(e){const t=I();this.resendLoading=!0;const{success:o,message:s}=await ve({slug:this.slug,log:e});o?t.setSuccessMessage({message:s}):t.setErrorMessage({message:s}),this.resendLoading=!1},onSearch(e){this.search=e,this.changePage(1)},getLocalStorageOnPage(){const e=Y(g.detailLogsOutgoingWebhookIntegration);this.onPage=e?Number(e):25}}}),Fe={class:"max-mob:px-4 gap-x-4 flex items-center justify-between relative"},Te={class:"text-gray-370 dark:text-white text-2xl font-medium uppercase break-all"},$e={class:"px-3 py-1.5 min-w-max bg-purple-50 dark:bg-purple-730 text-gray-370 dark:text-purple-140 text-lg font-medium rounded-custom max-mob:absolute max-mob:-top-11 max-mob:right-4"},Pe={__name:"DetailLogOutgoingWebhookMainSection",props:{mainSectionStyles:{type:Object,default:()=>({})}},setup(e){const t=F(),o=h(()=>t.webhook);return(s,n)=>{var l;return f(),O("div",{style:G(e.mainSectionStyles)},[i("div",Fe,[i("div",Te,w(o.value.name),1),i("div",$e,w((l=o.value.event)==null?void 0:l.name),1)]),n[0]||(n[0]=i("div",{class:"text-xs text-gray-280 mt-1 max-mob:px-4"}," View detail information about webhook log ",-1))],4)}}},De={class:"pt-4 pb-2"},Ve={__name:"DetailLogOutgoingWebhooksTableControls",setup(e){const t=T(),o=F(),s=h(()=>[_e.call]),n=h(()=>t.getTable(g.detailLogsOutgoingWebhookIntegration));function l(m,y){switch(y){case"deleteAll":t.removeAllSorting(g.detailLogsOutgoingWebhookIntegration),t.sendFiltersSorting(g.detailLogsOutgoingWebhookIntegration),o.changePage(1);break;case"delete":t.changeSelectedSortingAfterDelete(m,g.detailLogsOutgoingWebhookIntegration),t.sendFiltersSorting(g.detailLogsOutgoingWebhookIntegration),o.changePage(1);break;case"update":t.sendFiltersSorting(g.detailLogsOutgoingWebhookIntegration),o.changePage(1);break;default:t.changeSelectedSortingAfterAdd(m,g.detailLogsOutgoingWebhookIntegration),t.sendFiltersSorting(g.detailLogsOutgoingWebhookIntegration),o.changePage(1)}}function a(){t.resetSortFilter(g.detailLogsOutgoingWebhookIntegration),o.changePage(1)}function r(m){t.updateSelectedFilters(m,g.detailLogsOutgoingWebhookIntegration),o.changePage(1)}return(m,y)=>(f(),O("div",De,[c(xe,{headerType:p(g).detailLogsOutgoingWebhookIntegration,controlsParams:p(t).controlParams(p(g).detailLogsOutgoingWebhookIntegration),selectedSorting:n.value.selectedSorting,selectedFilters:n.value.selectedFilters,searchValue:p(o).search,keysForFilterStringStrict:s.value,onPage:p(o).onPage,onPageConfig:{max:100,min:10},showOnPage:"",showReload:"",showSettings:"",showSort:"",showFilter:"",onOnChangeOnPage:p(o).changeOnPage,onOnSelectedSorting:l,onOnSelectedFilters:r,onClearSortFilter:a,onOnSearch:p(o).onSearch,onOnReload:p(o).goToGetLogsOutgoingWebhooks},null,8,["headerType","controlsParams","selectedSorting","selectedFilters","searchValue","keysForFilterStringStrict","onPage","onOnChangeOnPage","onOnSearch","onOnReload"])]))}},Be={__name:"DetailLogOutgoingWebhooksStatusColumn",props:{statusId:{type:Number,default:1}},setup(e){const t=e,o={1:{id:1,name:"Success",class:"bg-green-80 dark:bg-green-750 text-green-600 dark:text-green-200"},2:{id:2,name:"Retrying",class:"bg-yellow-100 dark:bg-yellow-500/75 dark:text-orange-50 text-orange-75"},3:{id:3,name:"Error",class:"bg-red-800/26 text-red"}},s=h(()=>o[t.statusId]);return(n,l)=>(f(),O("div",{class:M(["h-5.5 mx-auto w-19 flex items-center justify-center text-xs rounded-custom",s.value.class])},w(s.value.name),3))}},Me={class:"pb-3 max-mob:pb-1.5"},Ae={class:"gap-x-1 flex items-center"},Ee={class:"w-4"},Ne={class:"absolute inset-y-0 -left-5 flex items-center justify-center"},Ue={class:"pl-6 max-w-100 truncate"},qe={class:"flex items-center justify-center gap-x-1.5"},Ge={__name:"DetailLogOutgoingWebhooksTable",props:R({disabledClickRow:{type:Boolean,default:!1}},{activeRow:{type:Number,default:-1},activeRowModifiers:{}}),emits:R(["openDetail"],["update:activeRow"]),setup(e,{emit:t}){const o=t,s=A(e,"activeRow"),n=F(),l=Q(),a=I(),r=Z(),m=h({get(){return n.page},set(u){n.changePage(u)}});function y({call_uuid:u,created_at:b}){return{name:W.reporting,params:{workspace:r.getWorkspaceSlug},query:d(u,b)}}function d(u,b){oe(45,g.reporting);const L=se(b);return{uuidValue:u,uuidRule:"is",range:[L,L],preset:"customRange"}}function k({country_id:u}){return l.getCountryCodeById(u)}function x({call_uuid:u}){z(u),a.setInfoMessage({message:"Successful copy"})}function _(u,b){o("openDetail",u,b)}return(u,b)=>{const L=U("CountryFlag"),J=U("router-link"),$=ee("tippy");return f(),O("div",Me,[c(Oe,{activeRow:s.value,"onUpdate:activeRow":b[0]||(b[0]=v=>s.value=v),page:m.value,"onUpdate:page":b[1]||(b[1]=v=>m.value=v),headerType:p(g).detailLogsOutgoingWebhookIntegration,items:p(n).items,loading:p(n).loading,total:p(n).total,disabledEventClickRow:e.disabledClickRow,rowKey:"slug",mainBg:"bg-white dark:bg-blue-850"},{"item.created_at":S(({item:v,rowIndex:N})=>[i("div",Ae,[i("div",Ee,[P(c(Le,{class:"text-gray-200 hover:text-purple transition-colors cursor-pointer",onClick:q(gt=>_(v,N),["stop"])},null,8,["onClick"]),[[$,p(D)("Show detail")]])]),B(" "+w(p(j)(v.created_at)),1)])]),"item.campaign":S(({item:v})=>

1[i("div",Ne,[c(L,{class:"rounded-0.5 small-size",country:k(v.campaign)},null,8,["country"])]),i("div",Ue,w(v.campaign.name),1)]),"item.status":S(({item:v})=>[c(Be,{statusId:v.status_id},null,8,["statusId"])]),"item.actions":S(({item:v})=>[i("div",qe,[P((f(),C(J,{to:y(v),target:"_blank"},{default:S(()=>[c(we,{class:"text-gray-200 hover:text-purple transition-colors"})]),_:1},8,["to"])),[[$,p(D)("Show in call log")]]),P(c(te,{class:"text-gray-200 hover:text-purple transition-colors cursor-pointer",onClick:q(N=>x(v),["stop"])},null,8,["onClick"]),[[$,p(D)("Copy call UUID")]])])]),_:1},8,["activeRow","page","headerType","items","loading","total","disabledEventClickRow"])])}}},je={class:"max-w-232 mx-auto block-bg-border block-bg-border-max-mob mt-8 max-mob:mt-5 max-mob:my-4 max-mob:px-4 max-mob:pt-4 pt-5 overflow-hidden"},ze={class:"relative w-max min-w-full"},He={__name:"DetailLogOutgoingWebhookLogSection",props:R({disabledClickRow:{type:Boolean,default:!1}},{activeRow:{type:Number,default:-1},activeRowModifiers:{}}),emits:R(["openDetail"],["update:activeRow"]),setup(e,{emit:t}){const o=A(e,"activeRow"),s=t;function n(l,a){s("openDetail",l,a)}return(l,a)=>(f(),O("div",je,[a[1]||(a[1]=i("div",{class:"max-mob:px-0 px-5 uppercase app-text-lg"}," Webhook Log ",-1)),a[2]||(a[2]=i("div",{class:"max-mob:px-0 px-5 pt-2 pb-4 app-text-xs"}," View activity history ",-1)),c(ae,{class:"max-mob:px-0 px-5"}),c(ke,{classBody:"w-full min-w-min",classWrap:"max-mob:px-0 px-5 min-w-min",space:"max-mob:px-4 max-mob:-mx-4"},{default:S(()=>[i("div",ze,[c(Ve),c(Ge,{activeRow:o.value,"onUpdate:activeRow":a[0]||(a[0]=r=>o.value=r),disabledClickRow:e.disabledClickRow,onOpenDetail:n},null,8,["activeRow","disabledClickRow"])])]),_:1})]))}},Je={__name:"RequestSection",props:{item:{type:Object,default:()=>({})}},emits:["onCopy"],setup(e,{emit:t}){const o=e,s=t,n=h(()=>{const{request_body:a={}}=o.item;return a});function l(){s("onCopy",JSON.stringify(n.value))}return(a,r)=>(f(),C(E,{title:"Request",onOnCopy:l},{default:S(()=>[i("div",null,[r[0]||(r[0]=i("div",null,"{",-1)),c(H,{data:n.value},null,8,["data"]),r[1]||(r[1]=i("div",{class:"pt-3"},"}",-1))])]),_:1}))}},Ke={key:0,class:"pt-5"},Ye={key:2},Xe={class:"absolute top-4 right-4"},Qe={key:0,class:"flex gap-1 items-center"},Ze={class:"text-xs text-green-600 tracking-0.13"},et={key:1,class:"flex gap-1 items-center"},tt={class:"text-xs text-red-720 tracking-0.13"},ot={__name:"ResponseSection",props:{item:{type:Object,default:()=>({})},currentStatus:{type:Number,default:200},successStatus:{type:Boolean,default:!1}},emits:["onCopy"],setup(e,{emit:t}){const o=e,s=t,n=h(()=>{const{response_body:d={}}=o.item;return d}),l=h(()=>{const{body:d={}}=n.value;return d}),a=h(()=>{var d;return((d=n.value)==null?void 0:d.type)==="xml"}),r=h(()=>{var d;return((d=n.value)==null?void 0:d.type)==="other"}),m=h(()=>a.value?new DOMParser().parseFromString(l.value,"application/xml"):"");function y(){r.value?s("onCopy","Unsupported data type"):a.value?s("onCopy",l.value):s("onCopy",JSON.stringify(l.value))}return(d,k)=>(f(),C(E,{title:"Response",padding:"py-4",onOnCopy:y},{default:S(()=>[i("div",{class:M(["px-4 flex flex-col w-full max-h-107.5",r.value?"justify-center items-center":"py-0.5 custom-scroll"])},[r.value?(f(),O("div",Ke," Unsupported data type ")):a.value?(f(),C(We,{key:1,class:"-ml-4",data:m.value},null,8,["data"])):(f(),O("div",Ye,[k[0]||(k[0]=i("div",null,"{",-1)),c(H,{data:l.value},null,8,["data"]),k[1]||(k[1]=i("div",{class:"pt-3"},"}",-1))]))],2),i("div",Xe,[e.successStatus?(f(),O("div",Qe,[i("span",Ze," Success: "+w(e.currentStatus),1),c(Re,{class:"text-green-600"})])):(f(),O("div",et,[i("span",tt," Failed: "+w(e.currentStatus),1),c(Ie,{class:"text-red-720"})]))])]),_:1}))}}

1,st={class:"px-10 max-mob:px-4 pb-24"},at={class:"flex items-center justify-between"},nt={class:"text-gray-370 dark:text-white text-xxl font-medium"},it={class:"mt-6 gap-y-3 grid"},lt={__name:"DetailOutgoingWebhookLogSidebar",props:R({item:{type:Object,default:()=>({})}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=e,o=A(e,"modelValue"),s=I(),n=F(),l=ne(),a=ie("currentViewSize"),r=h(()=>l.permissions.integrations.edit),m=h(()=>ue.mb>=a.value),y=h(()=>m.value?"Back to Webhook Log":"Close"),d=h(()=>{const{http_status:u=200}=t.item;return+u}),k=h(()=>d.value>199&&d.value<300);function x(u){z(u),s.setInfoMessage({message:"Successful copy"})}function _(){const{slug:u}=t.item;n.goToResendOutgoingWebhook(u)}return(u,b)=>(f(),C(Ce,{modelValue:o.value,"onUpdate:modelValue":b[1]||(b[1]=L=>o.value=L),title:y.value},{default:S(()=>[i("div",st,[i("div",at,[i("div",nt,w(p(j)(e.item.created_at)),1),!k.value&&r.value?(f(),C(le,{key:0,loading:p(n).resendLoading,outlined:"",onClick:_},{default:S(()=>[...b[2]||(b[2]=[B(" Resend ",-1)])]),_:1},8,["loading"])):re("",!0)]),i("div",it,[c(E,{title:e.item.request_type,customTitleClass:"uppercase",tippyText:"Copy request url",onOnCopy:b[0]||(b[0]=L=>x(e.item.request_url))},{default:S(()=>[B(w(e.item.request_url),1)]),_:1},8,["title"]),c(Je,{item:e.item,tippyText:"Copy request",onOnCopy:x},null,8,["item"]),c(ot,{item:e.item,tippyText:"Copy response",currentStatus:d.value,successStatus:k.value,onOnCopy:x},null,8,["item","currentStatus","successStatus"])])])]),_:1},8,["modelValue","title"]))}},rt=[{name:"Date",value:"created_at",sortSettings:{key:"",sortBy:"byCreatedAt"},disabled:!0,insertContent:!0},{name:"Status",value:"status",align:"center",sortSettings:{key:"",sortBy:"byStatus"},filterSettings:{},insertContent:!0},{name:"Campaign",value:"campaign"},{name:"Actions",value:"actions",minWidth:114,align:"center",disabled:!0}],ut=640,Rt={__name:"DetailOutgoingWebhookLogIntegration",setup(e){const t=F(),o=ge(),s=T(),n=he(),l=be(),a=V(!1),r=V({}),m=V(-1),y=h(()=>({width:a.value?`calc(100% - ${ut}px)`:"100%"}));function d(x,_){x.id===r.value.id?(a.value=!a.value,m.value=-1):(r.value=x,a.value=!0,m.value=_)}function k(){n.push({name:W.outgoingWebhooksIntegration})}return ce(a,x=>{x||(r.value={})}),de(()=>{t.setSlug(l.params.slug),o.setBreadCrumbs([{title:"Integrations",routeName:W.manageIntegrations},{title:"Outgoing Webhooks",routeName:W.outgoingWebhooksIntegration},{title:"Webhook Log",view:W.detailOutgoingWebhooksLogIntegration}]),s.initializeTableSettings(g.detailLogsOutgoingWebhookIntegration),s.setHeaders(g.detailLogsOutgoingWebhookIntegration,rt),s.getQueryLocalStorage(g.detailLogsOutgoingWebhookIntegration),t.getLocalStorageOnPage(),t.goToLoadFiltersAndSorting(),t.goToGetLogsOutgoingWebhooks()}),me(()=>{o.$reset(),t.$reset(),s.removeFilter(g.detailLogsOutgoingWebhookIntegration)}),(x,_)=>(f(),O(pe,null,[c(fe,{title:"Manage Outgoing Webhooks",style:G(y.value),isSidebarVisible:"",onGoBack:k},{header:S(()=>[c(Pe)]),default:S(()=>[c(He,{class:M({"min-w-max":a.value}),activeRow:m.value,"onUpdate:activeRow":_[0]||(_[0]=u=>m.value=u),disabledClickRow:a.value,onOpenDetail:d},null,8,["class","activeRow","disabledClickRow"])]),_:1},8,["style"]),c(lt,{modelValue:a.value,"onUpdate:modelValue":_[1]||(_[1]=u=>a.value=u),item:r.value},null,8,["modelValue","item"])],64))}};export{Rt as default};
2//# sourceMappingURL=DetailOutgoingWebhookLogIntegration-D-t_w9XM.js.map