https://kiku.listen.org/1410.e14c2128b160be3f.bundle.js

1"use strict";(self["webpackChunkclient"]=self["webpackChunkclient"]||[]).push([[1410],{1410:function(e,t,s){s.r(t),s.d(t,{default:function(){return Q}});var a=s(20641),l=s(90033);const i={class:"level"},o={class:"level-left"},n={class:"level-item"},r={class:"title"},d={key:0,class:"level-right"},c={class:"ml-2"},u={key:0,class:"card p-5 mb-4"},h={class:"content"},k={key:1,class:"card p-5"},b={class:"has-text-grey"},p={class:"is-family-monospace is-size-7"},g={class:"has-text-centered"},m={class:"is-size-7"},f={class:"has-text-success"},v={class:"has-text-danger"},y={class:"has-text-grey"},_={key:0,class:"is-size-7"},$={key:1,class:"has-text-grey is-size-7"},w={class:"buttons"},L=["title","onClick"],C={class:"icon is-small"},W={class:"icon is-small"},T={class:"icon is-small"},E=["title","onClick"],A={class:"icon is-small"},D={key:2,class:"card p-5 has-text-centered"},F={class:"content"},N={class:"has-text-grey"};function X(e,t,s,X,x,U){const z=(0,a.g2)("font-awesome-icon"),R=(0,a.g2)("router-link"),Q=(0,a.g2)("b-table-column"),I=(0,a.g2)("b-tag"),G=(0,a.g2)("b-table");return(0,a.uX)(),(0,a.CE)("section",null,[(0,a.Lk)("div",i,[(0,a.Lk)("div",o,[(0,a.Lk)("div",n,[(0,a.Lk)("h2",r,(0,l.v_)(e.$t("Webhooks")),1)])]),e.isGranted("ADMIN_TENANT")?((0,a.uX)(),(0,a.CE)("div",d,[(0,a.bF)(R,{to:{name:"WebhookCreate"},class:"button is-primary is-rounded"},{default:(0,a.k6)(()=>[(0,a.Lk)("span",null,[(0,a.bF)(z,{icon:"fa-light fa-plus"})]),(0,a.Lk)("span",c,(0,l.v_)(e.$t("Add Webhook")),1)]),_:1})])):(0,a.Q3)("",!0)]),x.items&&0===x.items.length?((0,a.uX)(),(0,a.CE)("div",u,[(0,a.Lk)("div",h,[(0,a.Lk)("p",null,(0,l.v_)(e.$t("Webhooks allow you to receive real-time notifications when events occur in your organization. Configure webhooks to integrate with external systems like n8n, Zapier, or custom applications.")),1)])])):(0,a.Q3)("",!0),x.items&&x.items.length>0?((0,a.uX)(),(0,a.CE)("div",k,[(0,a.bF)(G,{data:x.items,loading:x.loading},{default:(0,a.k6)(()=>[(0,a.bF)(Q,{label:e.$t("Name"),field:"name",sortable:""},{default:(0,a.k6)(e=>[(0,a.Lk)("div",null,[(0,a.Lk)("strong",null,(0,l.v_)(e.row.name),1),t[0]||(t[0]=(0,a.Lk)("br",null,null,-1)),(0,a.Lk)("small",b,(0,l.v_)(e.row.description),1)])]),_:1},8,["label"]),(0,a.bF)(Q,{label:e.$t("URL"),field:"url"},{default:(0,a.k6)(e=>[(0,a.Lk)("span",p,(0,l.v_)(e.row.url),1)]),_:1},8,["label"]),(0,a.bF)(Q,{label:e.$t("Events"),field:"eventTypes"},{default:(0,a.k6)(t=>[(0,a.Lk)("div",null,[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(t.row.eventTypes.slice(0,3),e=>((0,a.uX)(),(0,a.Wv)(I,{key:e,size:"is-small",class:"mr-1 mb-1"},{default:(0,a.k6)(()=>[(0,a.eW)((0,l.v_)(U.formatEventType(e)),1)]),_:2},1024))),128)),t.row.eventTypes.length>3?((0,a.uX)(),(0,a.Wv)(I,{key:0,size:"is-small",type:"is-light"},{default:(0,a.k6)(()=>[(0,a.eW)(" +"+(0,l.v_)(t.row.eventTypes.length-3)+" "+(0,l.v_)(e.$t("more")),1)]),_:2},1024)):(0,a.Q3)("",!0)])]),_:1},8,["label"]),(0,a.bF)(Q,{label:e.$t("Status"),field:"isActive",centered:""},{default:(0,a.k6)(t=>[(0,a.bF)(I,{type:t.row.isActive?"is-success":"is-danger",size:"is-small"},{default:(0,a.k6)(()=>[(0,a.eW)((0,l.v_)(t.row.isActive?e.$t("Active"):e.$t("Inactive")),1)]),_:2},1032,["type"])]),_:1},8,["label"]),(0,a.bF)(Q,{label:e.$t("Stats"),centered:""},{default:(0,a.k6)(s=>[(0,a.Lk)("div",g,[(0,a.Lk)("div",m,[(0,a.Lk)("span",f,(0,l.v_)(s.row.successfulDeliveries),1),t[1]||(t[1]=(0,a.eW)(" / ",-1)),(0,a.Lk)("span",v,(0,l.v_)(s.row.failedDeliveries),1),t[2]||(t[2]=(0,a.eW)(" / ",-1)),(0,a.Lk)("span",null,(0,l.v_)(s.row.totalDeliveries),1)]),(0,a.Lk)("small",y,(0,l.v_)(e.$t("Success / Failed / Total")),1)])]),_:1},8,["label"]),(0,a.bF)(Q,{label:e.$t("Last Triggered"),field:"lastTriggeredAt"},{default:(0,a.k6)(t=>[t.row.lastTriggeredAt?((0,a.uX)(),(0,a.CE)("span",_,(0,l.v_)(U.formatDateTime(t.row.lastTriggeredAt)),1)):((0,a.uX)(),(0,a.CE)("span",$,(0,l.v_)(e.$t("Never")),1))]),_:1},8,["label"]),(0,a.bF)(Q,{label:e.$t("Actions"),width:"200"},{default:(0,a.k6)(t=>[(0,a.Lk)("div",w,[(0,a.Lk)("button",{class:(0,l.C4)(["button is-small is-rounded is-info",{"is-loading":x.testingWebhook===t.row.id}]),title:e.$t("Test Webhook"),onClick:e=>U.testWebhook(t.row)},[(0,a.Lk)("span",C,[(0,a.bF)(z,{icon:"fa-light fa-play"})])],10,L),(0,a.bF)(R,{to:{name:"WebhookDeliveryLogs",params:{id:t.row.id}},class:"button is-small is-rounded",title:e.$t("View Delivery Logs")},{default:(0,a.k6)(()=>[(0,a.Lk)("span",W,[(0,a.bF)(z,{icon:"fa-light fa-list-ul"})])]),_:1},8,["to","title"]),e.isGranted("ADMIN_TENANT")?((0,a.uX)(),(0,a.Wv)(R,{key:0,to:{name:"WebhookUpdate",params:{item:t.row.id}},class:"button is-small is-rounded",title:e.$t("Edit")},{default:(0,a.k6)(()=>[(0,a.Lk)("span",T,[(0,a.bF)(z,{icon:"fa-light fa-pencil-alt"})])]),_:1},8,["to","title"])):(0,a.Q3)("",!0),e.isGranted("ADMIN_TENANT")?((0,a.uX)(),(0,a.CE)("button",{key:1,class:"button is-small is-rounded is-danger",title:e.$t("Delete"),onClick:e=>U.confirmDelete(t.row)},[(0,a.Lk)("span",A,[(0,a.bF)(z,{icon:"fa-light fa-trash"})])],8,E)):(0,a.Q3)("",!0)])]),_:1},8,["label"])]),_:1},8,["data","loading"])])):x.loading?(0,a.Q3)("",!0):((0,a.uX)(),(0,a.CE)("div",D,[(0,a.Lk)("div",F,[(0,a.Lk)("p",N,[(0,a.bF)(z,{icon:"fa-light fa-webhook",size:"3x",class:"mb-3"})]),(0,a.Lk)("p",null,(0,l.v_)(e.$t("No webhooks configured yet.")),1),e.isGranted("ADMIN_TENANT")?((0,a.uX)(),(0,a.Wv)(R,{key:0,to:{name:"WebhookCreate"},class:"button is-primary is-rounded mt-3"},{default:(0,a.k6)(()=>[(0,a.eW)((0,l.v_)(e.$t("Create your first webhook")),1)]),_:1})):(0,a.Q3)("",!0)])]))])}var x=s(40834),U={name:"WebhookList",components:{},data(){return{items:null,loading:!0,testingWebhook:null}},computed:{...(0,x.L8)(["isGranted","user","tenant"])},created(){this.fetch()},methods:{fetch(){this.loading=!0,this.$http.plain.get("/webhook_subscriptions").then(e=>{this.items=e.data["hydra:member"]}).catch(e=>{console.error("Error fetching webhooks:",e),this.$buefy.snackbar.open({message:this.$t("Error loading webhooks"),type:"is-danger"})}).finally(()=>{this.loading=!1})},formatEventType(e){const t={"user.created":"User Created","user.updated":"User Updated","user.deleted":"User Deleted","product_payment.created":"Payment Created","product_payment.updated":"Payment Updated","product_payment.deleted":"Payment Deleted","event_attend.created":"Registration Created","event_attend.updated":"Registration Updated","event_attend.deleted":"Registration Cancelled","contract_user.created":"Contract Signed","contract_user.updated":"Contract Updated","contract_user.deleted":"Contract Removed","user_role.created":"Role Assigned","user_role.updated":"Role Updated","user_role.deleted":"Role Removed"};return t[e]?this.$t(t[e]):e.replace(/[._]/g," ").replace(/\b\w/g,e=>e.toUpperCase())}

1,formatDateTime(e){return new Date(e).toLocaleString()},testWebhook(e){this.testingWebhook=e.id,this.$http.plain.post(`/webhook_subscriptions/${e.id}/test`,{}).then(e=>{this.$buefy.snackbar.open({message:this.$t("Test webhook sent successfully"),type:"is-success"})}).catch(e=>{console.error("Error testing webhook:",e),this.$buefy.snackbar.open({message:this.$t("Error sending test webhook"),type:"is-danger"})}).finally(()=>{this.testingWebhook=null})},confirmDelete(e){this.$buefy.dialog.confirm({title:this.$t("Deleting"),message:`${this.$t("Are you sure you want to delete")}"${e.name}"? ${this.$t("This action cannot be undone.")}`,confirmText:this.$t("Delete"),type:"is-danger",onConfirm:()=>this.deleteWebhook(e)})},deleteWebhook(e){this.$http.plain.delete(`/webhook_subscriptions/${e.id}`).then(e=>{this.$buefy.toast.open(this.$t("Webhook deleted successfully")),this.fetch()}).catch(e=>{console.error("Error deleting webhook:",e),this.$buefy.snackbar.open({message:this.$t("Error deleting webhook"),type:"is-danger"})})}}},z=s(66262);const R=(0,z.A)(U,[["render",X]]);var Q=R}}]);