@kong-ui-public/entities-snis 3.5.3 → 3.5.4

package/dist/entities-snis.es.js

@@ -115,7 +115,7 @@ const ue = {
       certificates: `${V}/certificates`
     }
   }
-}, Je = { class: "kong-ui-entities-snis-list" }, Qe = { key: 1 }, We = { key: 1 }, Ge = /* @__PURE__ */ ce({
+}, Je = { class: "kong-ui-entities-snis-list" }, Qe = { key: 1 }, We = { key: 1 }, ze = /* @__PURE__ */ ce({
   __name: "SniList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -188,7 +188,7 @@ const ue = {
         fields: { name: f },
         schema: t.config.filterSchema
       };
-    }), { fetcher: G, fetcherState: z } = Se(t.config, r.value), H = () => {
+    }), { fetcher: z, fetcherState: G } = Se(t.config, r.value), H = () => {
       E.value = "";
     }, T = () => {
       K.value++;
@@ -245,7 +245,7 @@ const ue = {
         }
       }
     }, Q = k(!1);
-    return oe(z, (i) => {
+    return oe(G, (i) => {
       var f, m, e, n;
       if (Array.isArray((f = i == null ? void 0 : i.response) == null ? void 0 : f.data) && (Q.value = i.response.data.length > 0), i.status === Me.Error) {
         _.value = {
@@ -268,13 +268,12 @@ const ue = {
           "empty-state-options": q.value,
           "enable-entity-actions": "",
           "error-message": _.value,
-          fetcher: o(G),
+          fetcher: o(z),
           "fetcher-cache-key": K.value,
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-snis-list",
           query: E.value,
           "table-headers": o(x),
-          "use-action-outside": a.useActionOutside,
           onClearSearchInput: H,
           onSort: T
         }, {
@@ -297,7 +296,7 @@ const ue = {
                   ye(g(m, {
                     appearance: "primary",
                     "data-testid": "toolbar-add-sni",
-                    size: "large",
+                    size: a.useActionOutside ? "medium" : "large",
                     to: a.config.createRoute
                   }, {
                     default: d(() => [
@@ -305,7 +304,7 @@ const ue = {
                       O(" " + S(o(s)("snis.list.toolbar_actions.new")), 1)
                     ]),
                     _: 1
-                  }, 8, ["to"]), [
+                  }, 8, ["size", "to"]), [
                     [ve, Q.value]
                   ])
                 ]),
@@ -402,7 +401,7 @@ const ue = {
             }, 1032, ["auth-function"])
           ]),
           _: 1
-        }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "use-action-outside"]),
+        }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers"]),
         g(o(De), {
           "action-pending": F.value,
           description: o(s)("delete.description"),
@@ -423,7 +422,7 @@ const ue = {
   for (const [t, s] of R)
     h[t] = s;
   return h;
-}, nt = /* @__PURE__ */ pe(Ge, [["__scopeId", "data-v-7738772b"]]), ze = { class: "kong-ui-entities-snis-form" }, He = { "data-testid": "no-search-results" }, Xe = {
+}, nt = /* @__PURE__ */ pe(ze, [["__scopeId", "data-v-4d4acd58"]]), Ge = { class: "kong-ui-entities-snis-form" }, He = { "data-testid": "no-search-results" }, Xe = {
   key: 2,
   class: "invalid-certificate-message",
   "data-testid": "invalid-certificate-message"
@@ -466,10 +465,10 @@ const ue = {
       name: "",
       tags: "",
       certificate_id: ""
-    }), W = v(() => JSON.stringify(r.fields) !== JSON.stringify(E) && !!r.fields.name && !!(r.fields.certificate_id || D.value)), G = (e) => {
+    }), W = v(() => JSON.stringify(r.fields) !== JSON.stringify(E) && !!r.fields.name && !!(r.fields.certificate_id || D.value)), z = (e) => {
       var n, u;
       r.fields.name = (e == null ? void 0 : e.name) || "", r.fields.tags = ((n = e == null ? void 0 : e.tags) == null ? void 0 : n.join(", ")) || "", r.fields.certificate_id = ((u = e == null ? void 0 : e.certificate) == null ? void 0 : u.id) || "", Object.assign(E, r.fields);
-    }, z = () => {
+    }, G = () => {
       s.push(t.config.cancelRoute);
     }, H = v(() => {
       var n, u;
@@ -525,7 +524,7 @@ const ue = {
       await F();
     }), (e, n) => {
       const u = M("KInput"), C = M("KSelect");
-      return b(), w("div", ze, [
+      return b(), w("div", Ge, [
         g(o(Be), {
           "can-submit": W.value,
           config: a.config,
@@ -536,9 +535,9 @@ const ue = {
           "fetch-url": L.value,
           "form-fields": _.value,
           "is-readonly": r.isReadonly,
-          onCancel: z,
+          onCancel: G,
           "onFetch:error": n[3] || (n[3] = (y) => e.$emit("error", y)),
-          "onFetch:success": G,
+          "onFetch:success": z,
           onLoading: n[4] || (n[4] = (y) => e.$emit("loading", y)),
           onSubmit: q
         }, {

package/dist/entities-snis.umd.js

@@ -1 +1 @@
-(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared"),require("@kong/icons"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/i18n","@kong-ui-public/entities-shared","@kong/icons","vue-router"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h["kong-ui-public-entities-snis"]={},h.Vue,h["kong-ui-public-i18n"],h["kong-ui-public-entities-shared"],h.KongIcons,h.VueRouter))})(this,function(h,e,H,d,Z,v){"use strict";const ee={actions:{create:"New SNI",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",clear:"Clear",loading:"Loading..."},search:{placeholder:"Filter by exact name or ID",no_results:"No results found"},snis:{title:"SNIs",list:{toolbar_actions:{new:"New SNI"},table_headers:{name:"Name",id:"ID",certificate_id:"SSL Certificate ID",tags:"Tags"},empty_state:{title:"Configure a New SNI",description:"SNIs are used to map hostnames to a certificate."}}},form:{sections:{general:{title:"General Information",description:"General information will help identify and manage this SNI."},certificate:{title:"Certificate",description:"Map an existing Certificate object to hostnames"}},fields:{name:{label:"Name",placeholder:"Enter a unique name for this SNI"},tags:{label:"Tags",placeholder:"Enter a list of tags separated by comma",help:"e.g. tag1, tag2, tag3",tooltip:"An optional set of strings for grouping and filtering, separated by commas."},certificate_id:{label:"SSL Certificate ID",placeholder:"Enter or select a Certificate ID",footer:"Search by exact ID to find certificates not included in the list"}}},delete:{title:"Delete an SNI",description:"This action cannot be reversed so make sure to check the SNI usage before deleting."},errors:{delete:"The SNI could not be deleted at this time.",general:"SNIs could not be retrieved",certificates:{fetch:"Could not fetch available certificates",invalid:"Please select a valid certificate ID"},copy:"Failed to copy to clipboard"},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"}};function te(){const o=H.createI18n("en-us",ee);return{i18n:o,i18nT:H.i18nTComponent(o)}}const X={useI18n:te},S="/v2/control-planes/{controlPlaneId}/core-entities",E="/{workspace}",V={list:{konnect:{all:`${S}/snis`},kongManager:{all:`${E}/snis`}},form:{konnect:{create:`${S}/snis`,edit:`${S}/snis/{id}`,validate:`${S}/v1/schemas/json/sni/validate`,certificates:`${S}/certificates`},kongManager:{create:`${E}/snis`,edit:`${E}/snis/{id}`,validate:`${E}/schemas/snis/validate`,certificates:`${E}/certificates`}}},ie={class:"kong-ui-entities-snis-list"},ae={key:1},oe={key:1},ne=e.defineComponent({__name:"SniList",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||!o.createRoute||!o.getViewRoute||!o.getEditRoute||o.app==="kongManager"&&!o.isExactMatch&&!o.filterSchema)},cacheIdentifier:{type:String,default:""},canCreate:{type:Function,required:!1,default:async()=>!0},canDelete:{type:Function,required:!1,default:async()=>!0},canEdit:{type:Function,required:!1,default:async()=>!0},canRetrieve:{type:Function,required:!1,default:async()=>!0},useActionOutside:{type:Boolean,default:!1}},emits:["error","copy:success","copy:error","delete:success"],setup(o,{emit:D}){var B;const y=D,i=o,{i18n:{t:s}}=X.useI18n(),{axiosInstance:u}=d.useAxios((B=i.config)==null?void 0:B.axiosRequestConfig),M=e.ref(1),I=e.computed(()=>i.config.app!=="kongManager"||!!i.config.disableSorting),K={name:{label:s("snis.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1},certificate:{label:s("snis.list.table_headers.certificate_id"),sortable:!1},tags:{label:s("snis.list.table_headers.tags"),sortable:!1}},x=K,N=a=>({style:{maxWidth:a.headerKey==="name"?"250px":a.headerKey==="certificate"?"350px":null}}),r=e.computed(()=>{var f,m;let a=`${i.config.apiBaseUrl}${V.list[i.config.app].all}`;return i.config.app==="konnect"?a=a.replace(/{controlPlaneId}/gi,((f=i.config)==null?void 0:f.controlPlaneId)||""):i.config.app==="kongManager"&&(a=a.replace(/\/{workspace}/gi,(m=i.config)!=null&&m.workspace?`/${i.config.workspace}`:"")),a}),_=e.ref(""),O=e.computed(()=>{const a=i.config.app==="konnect"||i.config.isExactMatch;if(a)return{isExactMatch:a,placeholder:s("search.placeholder")};const{name:f}=K;return{isExactMatch:a,fields:{name:f},schema:i.config.filterSchema}}),{fetcher:U,fetcherState:j}=d.useFetcher(i.config,r.value),A=()=>{_.value=""},F=()=>{M.value++},b=e.ref(null),$=e.ref({ctaPath:i.config.createRoute,ctaText:void 0,message:`${s("snis.list.empty_state.description")}${i.config.additionMessageForEmptyState?` ${i.config.additionMessageForEmptyState}`:""}`,title:s("snis.title")}),L=(a,f)=>{const m=a.id;if(!f(m)){y("copy:error",{entity:a,field:"id",message:s("errors.copy")});return}y("copy:success",{entity:a,field:"id",message:s("copy.success",{val:m})})},J=(a,f)=>{const m=JSON.stringify(a);if(!f(m)){y("copy:error",{entity:a,message:s("errors.copy")});return}y("copy:success",{entity:a,message:s("copy.success_brief")})},W=a=>({label:s("actions.edit"),to:i.config.getEditRoute(a)}),k=e.ref(void 0),T=e.ref(!1),w=e.ref(!1),q=e.ref(""),Q=d.useDeleteUrlBuilder(i.config,r.value),G=a=>{k.value=a,T.value=!0},R=()=>{T.value=!1,k.value=void 0},z=async()=>{var a,f,m;if((a=k.value)!=null&&a.id){w.value=!0;try{await u.delete(Q(k.value.id)),y("delete:success",k.value),w.value=!1,R(),M.value++}catch(t){q.value=((m=(f=t.response)==null?void 0:f.data)==null?void 0:m.message)||t.message||s("errors.delete"),y("error",t)}finally{w.value=!1}}},P=e.ref(!1);return e.watch(j,a=>{var f,m,t,n;if(Array.isArray((f=a==null?void 0:a.response)==null?void 0:f.data)&&(P.value=a.response.data.length>0),a.status===d.FetcherStatus.Error){b.value={title:s("errors.general")},(n=(t=(m=a.error)==null?void 0:m.response)==null?void 0:t.data)!=null&&n.message&&(b.value.message=a.error.response.data.message),y("error",a.error);return}b.value=null}),e.onBeforeMount(async()=>{await i.canCreate()&&($.value.title=s("snis.list.empty_state.title"),$.value.ctaText=s("actions.create"))}),(a,f)=>{const m=e.resolveComponent("KButton"),t=e.resolveComponent("KCopy"),n=e.resolveComponent("KBadge"),p=e.resolveComponent("KTruncate"),C=e.resolveComponent("KDropdownItem"),g=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",ie,[e.createVNode(e.unref(d.EntityBaseTable),{"cache-identifier":o.cacheIdentifier,"cell-attributes":N,"disable-pagination-page-jump":"","disable-row-click":!0,"disable-sorting":I.value,"empty-state-options":$.value,"enable-entity-actions":"","error-message":b.value,fetcher:e.unref(U),"fetcher-cache-key":M.value,"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-snis-list",query:_.value,"table-headers":e.unref(x),"use-action-outside":o.useActionOutside,onClearSearchInput:A,onSort:F},{"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(d.EntityFilter),{modelValue:_.value,"onUpdate:modelValue":f[0]||(f[0]=c=>_.value=c),config:O.value},null,8,["modelValue","config"])]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!o.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>o.canCreate()},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(m,{appearance:"primary","data-testid":"toolbar-add-sni",size:"large",to:o.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(Z.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(s)("snis.list.toolbar_actions.new")),1)]),_:1},8,["to"]),[[e.vShow,P.value]])]),_:1},8,["auth-function"])],8,["disabled"]))]),name:e.withCtx(({rowValue:c})=>[e.createElementVNode("b",null,e.toDisplayString(c??"-"),1)]),certificate:e.withCtx(({row:c})=>[c.certificate&&c.certificate.id?(e.openBlock(),e.createBlock(t,{key:0,class:"copy-certificate-uuid","data-testid":"copy-certificate-uuid",text:c.certificate.id,truncate:""},null,8,["text"])):(e.openBlock(),e.createElementBlock("span",ae,"-"))]),tags:e.withCtx(({rowValue:c})=>[c!=null&&c.length?(e.openBlock(),e.createBlock(p,{key:0},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c,l=>(e.openBlock(),e.createBlock(n,{key:l,onClick:f[1]||(f[1]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l),1)]),_:2},1024))),128))]),_:2},1024)):(e.openBlock(),e.createElementBlock("span",oe,"-"))]),actions:e.withCtx(({row:c})=>[e.createVNode(g,null,{default:e.withCtx(({copyToClipboard:l})=>[e.createVNode(C,{"data-testid":"action-entity-copy-id",onClick:fe=>L(c,l)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("actions.copy_id")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(g,null,{default:e.withCtx(({copyToClipboard:l})=>[e.createVNode(C,{"data-testid":"action-entity-copy-json",onClick:fe=>J(c,l)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("actions.copy_json")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>o.canEdit(c)},{default:e.withCtx(()=>[e.createVNode(C,{"data-testid":"action-entity-edit",item:W(c.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>o.canDelete(c)},{default:e.withCtx(()=>[e.createVNode(C,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:l=>G(c)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("actions.delete")),1)]),_:2},1032,["onClick"])]),_:2},1032,["auth-function"])]),_:1},8,["cache-identifier","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","query","table-headers","use-action-outside"]),e.createVNode(e.unref(d.EntityDeleteModal),{"action-pending":w.value,description:e.unref(s)("delete.description"),"entity-name":k.value&&(k.value.name||k.value.id),"entity-type":e.unref(d.EntityTypes).SNI,error:q.value,"need-confirm":!1,title:e.unref(s)("delete.title"),visible:T.value,onCancel:R,onProceed:z},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),Y=(o,D)=>{const y=o.__vccOpts||o;for(const[i,s]of D)y[i]=s;return y},re=Y(ne,[["__scopeId","data-v-7738772b"]]),se={class:"kong-ui-entities-snis-form"},le={"data-testid":"no-search-results"},ce={key:2,class:"invalid-certificate-message","data-testid":"invalid-certificate-message"},de=Y(e.defineComponent({__name:"SniForm",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||o.app==="konnect"&&!o.controlPlaneId||o.app==="kongManager"&&typeof o.workspace!="string"||!o.cancelRoute)},sniId:{type:String,required:!1,default:""},enableTerraform:{type:Boolean,default:!1}},emits:["update","error","loading"],setup(o,{emit:D}){var m;const y=D,i=o,s=v.useRouter(),{i18n:{t:u}}=X.useI18n(),{getMessageFromError:M}=d.useErrors(),{axiosInstance:I}=d.useAxios((m=i.config)==null?void 0:m.axiosRequestConfig),K=e.computed(()=>V.form[i.config.app].edit),x=e.computed(()=>i.sniId?d.EntityBaseFormType.Edit:d.EntityBaseFormType.Create),N=e.computed(()=>i.config.certificateId&&x.value===d.EntityBaseFormType.Create?i.config.certificateId:""),r=e.reactive({fields:{name:"",tags:"",certificate_id:""},isReadonly:!1,errorMessage:""}),_=e.reactive({name:"",tags:"",certificate_id:""}),O=e.computed(()=>JSON.stringify(r.fields)!==JSON.stringify(_)&&!!r.fields.name&&!!(r.fields.certificate_id||N.value)),U=t=>{var n,p;r.fields.name=(t==null?void 0:t.name)||"",r.fields.tags=((n=t==null?void 0:t.tags)==null?void 0:n.join(", "))||"",r.fields.certificate_id=((p=t==null?void 0:t.certificate)==null?void 0:p.id)||"",Object.assign(_,r.fields)},j=()=>{s.push(i.config.cancelRoute)},A=e.computed(()=>{var n,p;let t=`${i.config.apiBaseUrl}${V.form[i.config.app].validate}`;return i.config.app==="konnect"?t=t.replace(/{controlPlaneId}/gi,((n=i.config)==null?void 0:n.controlPlaneId)||""):i.config.app==="kongManager"&&(t=t.replace(/\/{workspace}/gi,(p=i.config)!=null&&p.workspace?`/${i.config.workspace}`:"")),t=t.replace(/{id}/gi,i.sniId),t}),F=e.computed(()=>{var n,p;let t=`${i.config.apiBaseUrl}${V.form[i.config.app][x.value]}`;return i.config.app==="konnect"?t=t.replace(/{controlPlaneId}/gi,((n=i.config)==null?void 0:n.controlPlaneId)||""):i.config.app==="kongManager"&&(t=t.replace(/\/{workspace}/gi,(p=i.config)!=null&&p.workspace?`/${i.config.workspace}`:"")),t=t.replace(/{id}/gi,i.sniId),t}),b=e.computed(()=>{var t,n;return{name:r.fields.name,tags:(n=(t=r.fields.tags.split(","))==null?void 0:t.map(p=>String(p||"").trim()))==null?void 0:n.filter(p=>p!==""),certificate:{id:N.value||r.fields.certificate_id}}}),$=async()=>{var t,n,p,C,g,c;try{r.isReadonly=!0;let l;await I.post(A.value,b.value),x.value==="create"?l=await I.post(F.value,b.value):x.value==="edit"&&(l=((t=i.config)==null?void 0:t.app)==="konnect"?await I.put(F.value,b.value):await I.patch(F.value,b.value)),r.fields.name=((n=l==null?void 0:l.data)==null?void 0:n.name)||"",r.fields.tags=((C=(p=l==null?void 0:l.data)==null?void 0:p.tags)==null?void 0:C.join(", "))||"",r.fields.certificate_id=((c=(g=l==null?void 0:l.data)==null?void 0:g.certificate)==null?void 0:c.id)||"",Object.assign(_,r.fields),y("update",l==null?void 0:l.data)}catch(l){r.errorMessage=M(l),y("error",l)}finally{r.isReadonly=!1}},{debouncedQueryChange:L,loading:J,allRecords:W,error:k,validationError:T,loadItems:w,results:q}=d.useDebouncedFilter(i.config,V.form[i.config.app].certificates),Q=t=>{L(t)},G=e.computed(()=>k.value?u("errors.certificates.fetch"):""),R=e.computed(()=>T.value?u("errors.certificates.invalid"):""),z=e.ref(0),P=e.computed(()=>W.value===void 0),B=e.ref(new Set),a=e.computed(()=>Array.from(B.value).map(n=>({label:n,value:n,selected:r.fields.certificate_id===n}))),f=t=>{B.value.clear();let n;for(n of t)B.value.add(n.id)};return e.watch(q,t=>{f(t)},{immediate:!0,deep:!0}),e.watch(a,()=>{z.value++},{immediate:!0,deep:!0}),e.onBeforeMount(async()=>{await w()}),(t,n)=>{const p=e.resolveComponent("KInput"),C=e.resolveComponent("KSelect");return e.openBlock(),e.createElementBlock("div",se,[e.createVNode(e.unref(d.EntityBaseForm),{"can-submit":O.value,config:o.config,"edit-id":o.sniId,"enable-terraform":o.enableTerraform,"entity-type":e.unref(d.SupportedEntityType).SNI,"error-message":r.errorMessage||G.value,"fetch-url":K.value,"form-fields":b.value,"is-readonly":r.isReadonly,onCancel:j,"onFetch:error":n[3]||(n[3]=g=>t.$emit("error",g)),"onFetch:success":U,onLoading:n[4]||(n[4]=g=>t.$emit("loading",g)),onSubmit:$},{default:e.withCtx(()=>[e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(u)("form.sections.general.description"),title:e.unref(u)("form.sections.general.title")},{default:e.withCtx(()=>[e.createVNode(p,{modelValue:r.fields.name,"onUpdate:modelValue":n[0]||(n[0]=g=>r.fields.name=g),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"sni-form-name",label:e.unref(u)("form.fields.name.label"),placeholder:e.unref(u)("form.fields.name.placeholder"),readonly:r.isReadonly,required:"",type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(p,{modelValue:r.fields.tags,"onUpdate:modelValue":n[1]||(n[1]=g=>r.fields.tags=g),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"sni-form-tags",help:e.unref(u)("form.fields.tags.help"),label:e.unref(u)("form.fields.tags.label"),"label-attributes":{info:e.unref(u)("form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(u)("form.fields.tags.placeholder"),readonly:r.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"]),e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(u)("form.sections.certificate.description"),"has-divider":"",title:e.unref(u)("form.sections.certificate.title")},{default:e.withCtx(()=>[N.value?(e.openBlock(),e.createBlock(p,{key:0,"data-testid":"sni-form-certificate-id",label:e.unref(u)("form.fields.certificate_id.label"),"model-value":N.value,readonly:"",required:"",width:"100%"},null,8,["label","model-value"])):(e.openBlock(),e.createBlock(C,{key:1,modelValue:r.fields.certificate_id,"onUpdate:modelValue":n[2]||(n[2]=g=>r.fields.certificate_id=g),clearable:"","data-testid":"sni-form-certificate-id","dropdown-footer-text":P.value?e.unref(u)("form.fields.certificate_id.footer"):void 0,"enable-filtering":"","filter-function":()=>!0,items:a.value,label:e.unref(u)("form.fields.certificate_id.label"),loading:e.unref(J),placeholder:e.unref(u)("form.fields.certificate_id.placeholder"),readonly:r.isReadonly,required:"",width:"100%",onQueryChange:Q},{loading:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(e.unref(u)("actions.loading")),1)]),empty:e.withCtx(()=>[e.createElementVNode("div",le,e.toDisplayString(e.unref(u)("search.no_results")),1)]),_:1},8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly"])),R.value?(e.openBlock(),e.createElementBlock("p",ce,e.toDisplayString(R.value),1)):e.createCommentVNode("",!0)]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","enable-terraform","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-97327875"]]);h.SniForm=de,h.SniList=re,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});
+(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared"),require("@kong/icons"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/i18n","@kong-ui-public/entities-shared","@kong/icons","vue-router"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h["kong-ui-public-entities-snis"]={},h.Vue,h["kong-ui-public-i18n"],h["kong-ui-public-entities-shared"],h.KongIcons,h.VueRouter))})(this,function(h,e,H,d,Z,v){"use strict";const ee={actions:{create:"New SNI",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",clear:"Clear",loading:"Loading..."},search:{placeholder:"Filter by exact name or ID",no_results:"No results found"},snis:{title:"SNIs",list:{toolbar_actions:{new:"New SNI"},table_headers:{name:"Name",id:"ID",certificate_id:"SSL Certificate ID",tags:"Tags"},empty_state:{title:"Configure a New SNI",description:"SNIs are used to map hostnames to a certificate."}}},form:{sections:{general:{title:"General Information",description:"General information will help identify and manage this SNI."},certificate:{title:"Certificate",description:"Map an existing Certificate object to hostnames"}},fields:{name:{label:"Name",placeholder:"Enter a unique name for this SNI"},tags:{label:"Tags",placeholder:"Enter a list of tags separated by comma",help:"e.g. tag1, tag2, tag3",tooltip:"An optional set of strings for grouping and filtering, separated by commas."},certificate_id:{label:"SSL Certificate ID",placeholder:"Enter or select a Certificate ID",footer:"Search by exact ID to find certificates not included in the list"}}},delete:{title:"Delete an SNI",description:"This action cannot be reversed so make sure to check the SNI usage before deleting."},errors:{delete:"The SNI could not be deleted at this time.",general:"SNIs could not be retrieved",certificates:{fetch:"Could not fetch available certificates",invalid:"Please select a valid certificate ID"},copy:"Failed to copy to clipboard"},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"}};function te(){const o=H.createI18n("en-us",ee);return{i18n:o,i18nT:H.i18nTComponent(o)}}const X={useI18n:te},S="/v2/control-planes/{controlPlaneId}/core-entities",E="/{workspace}",V={list:{konnect:{all:`${S}/snis`},kongManager:{all:`${E}/snis`}},form:{konnect:{create:`${S}/snis`,edit:`${S}/snis/{id}`,validate:`${S}/v1/schemas/json/sni/validate`,certificates:`${S}/certificates`},kongManager:{create:`${E}/snis`,edit:`${E}/snis/{id}`,validate:`${E}/schemas/snis/validate`,certificates:`${E}/certificates`}}},ie={class:"kong-ui-entities-snis-list"},ae={key:1},oe={key:1},ne=e.defineComponent({__name:"SniList",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||!o.createRoute||!o.getViewRoute||!o.getEditRoute||o.app==="kongManager"&&!o.isExactMatch&&!o.filterSchema)},cacheIdentifier:{type:String,default:""},canCreate:{type:Function,required:!1,default:async()=>!0},canDelete:{type:Function,required:!1,default:async()=>!0},canEdit:{type:Function,required:!1,default:async()=>!0},canRetrieve:{type:Function,required:!1,default:async()=>!0},useActionOutside:{type:Boolean,default:!1}},emits:["error","copy:success","copy:error","delete:success"],setup(o,{emit:D}){var B;const y=D,i=o,{i18n:{t:s}}=X.useI18n(),{axiosInstance:u}=d.useAxios((B=i.config)==null?void 0:B.axiosRequestConfig),M=e.ref(1),I=e.computed(()=>i.config.app!=="kongManager"||!!i.config.disableSorting),K={name:{label:s("snis.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1},certificate:{label:s("snis.list.table_headers.certificate_id"),sortable:!1},tags:{label:s("snis.list.table_headers.tags"),sortable:!1}},x=K,N=a=>({style:{maxWidth:a.headerKey==="name"?"250px":a.headerKey==="certificate"?"350px":null}}),r=e.computed(()=>{var f,m;let a=`${i.config.apiBaseUrl}${V.list[i.config.app].all}`;return i.config.app==="konnect"?a=a.replace(/{controlPlaneId}/gi,((f=i.config)==null?void 0:f.controlPlaneId)||""):i.config.app==="kongManager"&&(a=a.replace(/\/{workspace}/gi,(m=i.config)!=null&&m.workspace?`/${i.config.workspace}`:"")),a}),_=e.ref(""),O=e.computed(()=>{const a=i.config.app==="konnect"||i.config.isExactMatch;if(a)return{isExactMatch:a,placeholder:s("search.placeholder")};const{name:f}=K;return{isExactMatch:a,fields:{name:f},schema:i.config.filterSchema}}),{fetcher:U,fetcherState:j}=d.useFetcher(i.config,r.value),A=()=>{_.value=""},F=()=>{M.value++},b=e.ref(null),$=e.ref({ctaPath:i.config.createRoute,ctaText:void 0,message:`${s("snis.list.empty_state.description")}${i.config.additionMessageForEmptyState?` ${i.config.additionMessageForEmptyState}`:""}`,title:s("snis.title")}),L=(a,f)=>{const m=a.id;if(!f(m)){y("copy:error",{entity:a,field:"id",message:s("errors.copy")});return}y("copy:success",{entity:a,field:"id",message:s("copy.success",{val:m})})},J=(a,f)=>{const m=JSON.stringify(a);if(!f(m)){y("copy:error",{entity:a,message:s("errors.copy")});return}y("copy:success",{entity:a,message:s("copy.success_brief")})},W=a=>({label:s("actions.edit"),to:i.config.getEditRoute(a)}),k=e.ref(void 0),T=e.ref(!1),w=e.ref(!1),q=e.ref(""),Q=d.useDeleteUrlBuilder(i.config,r.value),z=a=>{k.value=a,T.value=!0},R=()=>{T.value=!1,k.value=void 0},G=async()=>{var a,f,m;if((a=k.value)!=null&&a.id){w.value=!0;try{await u.delete(Q(k.value.id)),y("delete:success",k.value),w.value=!1,R(),M.value++}catch(t){q.value=((m=(f=t.response)==null?void 0:f.data)==null?void 0:m.message)||t.message||s("errors.delete"),y("error",t)}finally{w.value=!1}}},P=e.ref(!1);return e.watch(j,a=>{var f,m,t,n;if(Array.isArray((f=a==null?void 0:a.response)==null?void 0:f.data)&&(P.value=a.response.data.length>0),a.status===d.FetcherStatus.Error){b.value={title:s("errors.general")},(n=(t=(m=a.error)==null?void 0:m.response)==null?void 0:t.data)!=null&&n.message&&(b.value.message=a.error.response.data.message),y("error",a.error);return}b.value=null}),e.onBeforeMount(async()=>{await i.canCreate()&&($.value.title=s("snis.list.empty_state.title"),$.value.ctaText=s("actions.create"))}),(a,f)=>{const m=e.resolveComponent("KButton"),t=e.resolveComponent("KCopy"),n=e.resolveComponent("KBadge"),p=e.resolveComponent("KTruncate"),C=e.resolveComponent("KDropdownItem"),g=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",ie,[e.createVNode(e.unref(d.EntityBaseTable),{"cache-identifier":o.cacheIdentifier,"cell-attributes":N,"disable-pagination-page-jump":"","disable-row-click":!0,"disable-sorting":I.value,"empty-state-options":$.value,"enable-entity-actions":"","error-message":b.value,fetcher:e.unref(U),"fetcher-cache-key":M.value,"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-snis-list",query:_.value,"table-headers":e.unref(x),onClearSearchInput:A,onSort:F},{"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(d.EntityFilter),{modelValue:_.value,"onUpdate:modelValue":f[0]||(f[0]=c=>_.value=c),config:O.value},null,8,["modelValue","config"])]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!o.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>o.canCreate()},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(m,{appearance:"primary","data-testid":"toolbar-add-sni",size:o.useActionOutside?"medium":"large",to:o.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(Z.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(s)("snis.list.toolbar_actions.new")),1)]),_:1},8,["size","to"]),[[e.vShow,P.value]])]),_:1},8,["auth-function"])],8,["disabled"]))]),name:e.withCtx(({rowValue:c})=>[e.createElementVNode("b",null,e.toDisplayString(c??"-"),1)]),certificate:e.withCtx(({row:c})=>[c.certificate&&c.certificate.id?(e.openBlock(),e.createBlock(t,{key:0,class:"copy-certificate-uuid","data-testid":"copy-certificate-uuid",text:c.certificate.id,truncate:""},null,8,["text"])):(e.openBlock(),e.createElementBlock("span",ae,"-"))]),tags:e.withCtx(({rowValue:c})=>[c!=null&&c.length?(e.openBlock(),e.createBlock(p,{key:0},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c,l=>(e.openBlock(),e.createBlock(n,{key:l,onClick:f[1]||(f[1]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l),1)]),_:2},1024))),128))]),_:2},1024)):(e.openBlock(),e.createElementBlock("span",oe,"-"))]),actions:e.withCtx(({row:c})=>[e.createVNode(g,null,{default:e.withCtx(({copyToClipboard:l})=>[e.createVNode(C,{"data-testid":"action-entity-copy-id",onClick:fe=>L(c,l)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("actions.copy_id")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(g,null,{default:e.withCtx(({copyToClipboard:l})=>[e.createVNode(C,{"data-testid":"action-entity-copy-json",onClick:fe=>J(c,l)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("actions.copy_json")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>o.canEdit(c)},{default:e.withCtx(()=>[e.createVNode(C,{"data-testid":"action-entity-edit",item:W(c.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>o.canDelete(c)},{default:e.withCtx(()=>[e.createVNode(C,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:l=>z(c)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("actions.delete")),1)]),_:2},1032,["onClick"])]),_:2},1032,["auth-function"])]),_:1},8,["cache-identifier","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","query","table-headers"]),e.createVNode(e.unref(d.EntityDeleteModal),{"action-pending":w.value,description:e.unref(s)("delete.description"),"entity-name":k.value&&(k.value.name||k.value.id),"entity-type":e.unref(d.EntityTypes).SNI,error:q.value,"need-confirm":!1,title:e.unref(s)("delete.title"),visible:T.value,onCancel:R,onProceed:G},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),Y=(o,D)=>{const y=o.__vccOpts||o;for(const[i,s]of D)y[i]=s;return y},re=Y(ne,[["__scopeId","data-v-4d4acd58"]]),se={class:"kong-ui-entities-snis-form"},le={"data-testid":"no-search-results"},ce={key:2,class:"invalid-certificate-message","data-testid":"invalid-certificate-message"},de=Y(e.defineComponent({__name:"SniForm",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||o.app==="konnect"&&!o.controlPlaneId||o.app==="kongManager"&&typeof o.workspace!="string"||!o.cancelRoute)},sniId:{type:String,required:!1,default:""},enableTerraform:{type:Boolean,default:!1}},emits:["update","error","loading"],setup(o,{emit:D}){var m;const y=D,i=o,s=v.useRouter(),{i18n:{t:u}}=X.useI18n(),{getMessageFromError:M}=d.useErrors(),{axiosInstance:I}=d.useAxios((m=i.config)==null?void 0:m.axiosRequestConfig),K=e.computed(()=>V.form[i.config.app].edit),x=e.computed(()=>i.sniId?d.EntityBaseFormType.Edit:d.EntityBaseFormType.Create),N=e.computed(()=>i.config.certificateId&&x.value===d.EntityBaseFormType.Create?i.config.certificateId:""),r=e.reactive({fields:{name:"",tags:"",certificate_id:""},isReadonly:!1,errorMessage:""}),_=e.reactive({name:"",tags:"",certificate_id:""}),O=e.computed(()=>JSON.stringify(r.fields)!==JSON.stringify(_)&&!!r.fields.name&&!!(r.fields.certificate_id||N.value)),U=t=>{var n,p;r.fields.name=(t==null?void 0:t.name)||"",r.fields.tags=((n=t==null?void 0:t.tags)==null?void 0:n.join(", "))||"",r.fields.certificate_id=((p=t==null?void 0:t.certificate)==null?void 0:p.id)||"",Object.assign(_,r.fields)},j=()=>{s.push(i.config.cancelRoute)},A=e.computed(()=>{var n,p;let t=`${i.config.apiBaseUrl}${V.form[i.config.app].validate}`;return i.config.app==="konnect"?t=t.replace(/{controlPlaneId}/gi,((n=i.config)==null?void 0:n.controlPlaneId)||""):i.config.app==="kongManager"&&(t=t.replace(/\/{workspace}/gi,(p=i.config)!=null&&p.workspace?`/${i.config.workspace}`:"")),t=t.replace(/{id}/gi,i.sniId),t}),F=e.computed(()=>{var n,p;let t=`${i.config.apiBaseUrl}${V.form[i.config.app][x.value]}`;return i.config.app==="konnect"?t=t.replace(/{controlPlaneId}/gi,((n=i.config)==null?void 0:n.controlPlaneId)||""):i.config.app==="kongManager"&&(t=t.replace(/\/{workspace}/gi,(p=i.config)!=null&&p.workspace?`/${i.config.workspace}`:"")),t=t.replace(/{id}/gi,i.sniId),t}),b=e.computed(()=>{var t,n;return{name:r.fields.name,tags:(n=(t=r.fields.tags.split(","))==null?void 0:t.map(p=>String(p||"").trim()))==null?void 0:n.filter(p=>p!==""),certificate:{id:N.value||r.fields.certificate_id}}}),$=async()=>{var t,n,p,C,g,c;try{r.isReadonly=!0;let l;await I.post(A.value,b.value),x.value==="create"?l=await I.post(F.value,b.value):x.value==="edit"&&(l=((t=i.config)==null?void 0:t.app)==="konnect"?await I.put(F.value,b.value):await I.patch(F.value,b.value)),r.fields.name=((n=l==null?void 0:l.data)==null?void 0:n.name)||"",r.fields.tags=((C=(p=l==null?void 0:l.data)==null?void 0:p.tags)==null?void 0:C.join(", "))||"",r.fields.certificate_id=((c=(g=l==null?void 0:l.data)==null?void 0:g.certificate)==null?void 0:c.id)||"",Object.assign(_,r.fields),y("update",l==null?void 0:l.data)}catch(l){r.errorMessage=M(l),y("error",l)}finally{r.isReadonly=!1}},{debouncedQueryChange:L,loading:J,allRecords:W,error:k,validationError:T,loadItems:w,results:q}=d.useDebouncedFilter(i.config,V.form[i.config.app].certificates),Q=t=>{L(t)},z=e.computed(()=>k.value?u("errors.certificates.fetch"):""),R=e.computed(()=>T.value?u("errors.certificates.invalid"):""),G=e.ref(0),P=e.computed(()=>W.value===void 0),B=e.ref(new Set),a=e.computed(()=>Array.from(B.value).map(n=>({label:n,value:n,selected:r.fields.certificate_id===n}))),f=t=>{B.value.clear();let n;for(n of t)B.value.add(n.id)};return e.watch(q,t=>{f(t)},{immediate:!0,deep:!0}),e.watch(a,()=>{G.value++},{immediate:!0,deep:!0}),e.onBeforeMount(async()=>{await w()}),(t,n)=>{const p=e.resolveComponent("KInput"),C=e.resolveComponent("KSelect");return e.openBlock(),e.createElementBlock("div",se,[e.createVNode(e.unref(d.EntityBaseForm),{"can-submit":O.value,config:o.config,"edit-id":o.sniId,"enable-terraform":o.enableTerraform,"entity-type":e.unref(d.SupportedEntityType).SNI,"error-message":r.errorMessage||z.value,"fetch-url":K.value,"form-fields":b.value,"is-readonly":r.isReadonly,onCancel:j,"onFetch:error":n[3]||(n[3]=g=>t.$emit("error",g)),"onFetch:success":U,onLoading:n[4]||(n[4]=g=>t.$emit("loading",g)),onSubmit:$},{default:e.withCtx(()=>[e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(u)("form.sections.general.description"),title:e.unref(u)("form.sections.general.title")},{default:e.withCtx(()=>[e.createVNode(p,{modelValue:r.fields.name,"onUpdate:modelValue":n[0]||(n[0]=g=>r.fields.name=g),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"sni-form-name",label:e.unref(u)("form.fields.name.label"),placeholder:e.unref(u)("form.fields.name.placeholder"),readonly:r.isReadonly,required:"",type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(p,{modelValue:r.fields.tags,"onUpdate:modelValue":n[1]||(n[1]=g=>r.fields.tags=g),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"sni-form-tags",help:e.unref(u)("form.fields.tags.help"),label:e.unref(u)("form.fields.tags.label"),"label-attributes":{info:e.unref(u)("form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(u)("form.fields.tags.placeholder"),readonly:r.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"]),e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(u)("form.sections.certificate.description"),"has-divider":"",title:e.unref(u)("form.sections.certificate.title")},{default:e.withCtx(()=>[N.value?(e.openBlock(),e.createBlock(p,{key:0,"data-testid":"sni-form-certificate-id",label:e.unref(u)("form.fields.certificate_id.label"),"model-value":N.value,readonly:"",required:"",width:"100%"},null,8,["label","model-value"])):(e.openBlock(),e.createBlock(C,{key:1,modelValue:r.fields.certificate_id,"onUpdate:modelValue":n[2]||(n[2]=g=>r.fields.certificate_id=g),clearable:"","data-testid":"sni-form-certificate-id","dropdown-footer-text":P.value?e.unref(u)("form.fields.certificate_id.footer"):void 0,"enable-filtering":"","filter-function":()=>!0,items:a.value,label:e.unref(u)("form.fields.certificate_id.label"),loading:e.unref(J),placeholder:e.unref(u)("form.fields.certificate_id.placeholder"),readonly:r.isReadonly,required:"",width:"100%",onQueryChange:Q},{loading:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(e.unref(u)("actions.loading")),1)]),empty:e.withCtx(()=>[e.createElementVNode("div",le,e.toDisplayString(e.unref(u)("search.no_results")),1)]),_:1},8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly"])),R.value?(e.openBlock(),e.createElementBlock("p",ce,e.toDisplayString(R.value),1)):e.createCommentVNode("",!0)]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","enable-terraform","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-97327875"]]);h.SniForm=de,h.SniList=re,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-711ebcf2]{align-items:center;border-bottom:var(--2f5b0492);display:var(--5d59c22c);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-711ebcf2]{width:var(--aa41a894)}.config-card-details-row .config-card-details-label label[data-v-711ebcf2]{color:#3a3f51}.config-card-details-row .config-card-details-value[data-v-711ebcf2]{width:var(--aa3d1cde)}.config-card-details-row .config-card-details-value .truncated[data-v-711ebcf2]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-711ebcf2]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-711ebcf2] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-711ebcf2]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-711ebcf2]{margin-right:4px}.config-card-details-row[data-v-711ebcf2] .k-label{margin-bottom:0}.config-card-details-row[data-v-711ebcf2] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-711ebcf2] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--454fa8c4);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-85381f68]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-85381f68]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-85381f68]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-85381f68] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-85381f68]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-94d27e50]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-94d27e50]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-94d27e50] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-94d27e50] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-94d27e50] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-94d27e50] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-94d27e50] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-94d27e50] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-71b4425a]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-71b4425a]{margin-left:auto}.kong-ui-entity-base-table .actions-container[data-v-71b4425a]{float:right}.kong-ui-entity-base-table .actions-container[data-v-71b4425a] .k-dropdown-item-trigger{margin-bottom:0;margin-top:0}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-94990087]{width:100%}.kong-ui-entity-filter-clear[data-v-94990087]{cursor:pointer}.kong-ui-entity-filter[data-v-94990087]{display:flex;position:relative}.kong-ui-entity-filter[data-v-94990087] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-94990087] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-94990087]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-94990087]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-94990087]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-94990087]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-94990087]{color:#232633}.menu-item-expand-icon[data-v-94990087]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-94990087]{transform:rotate(180deg)}.menu-item-indicator[data-v-94990087]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-94990087]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-94990087] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-94990087] .k-input{width:100%}.menu-item-body[data-v-94990087] .k-select-input .input{font-size:12px}.menu-item-body[data-v-94990087] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-94990087]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-94990087]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-94990087]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.kong-ui-entities-snis-list[data-v-7738772b]{width:100%}.kong-ui-entities-snis-list .kong-ui-entity-filter-input[data-v-7738772b]{margin-right:12px}.kong-ui-entities-snis-form[data-v-97327875]{width:100%}.kong-ui-entities-snis-form .invalid-certificate-message[data-v-97327875]{color:#d60027;font-size:11px;font-weight:500;margin-top:3px!important}
+.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-711ebcf2]{align-items:center;border-bottom:var(--2f5b0492);display:var(--5d59c22c);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-711ebcf2]{width:var(--aa41a894)}.config-card-details-row .config-card-details-label label[data-v-711ebcf2]{color:#3a3f51}.config-card-details-row .config-card-details-value[data-v-711ebcf2]{width:var(--aa3d1cde)}.config-card-details-row .config-card-details-value .truncated[data-v-711ebcf2]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-711ebcf2]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-711ebcf2] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-711ebcf2]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-711ebcf2]{margin-right:4px}.config-card-details-row[data-v-711ebcf2] .k-label{margin-bottom:0}.config-card-details-row[data-v-711ebcf2] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-711ebcf2] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--454fa8c4);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-85381f68]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-85381f68]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-85381f68]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-85381f68] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-85381f68]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-94d27e50]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-94d27e50]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-94d27e50] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-94d27e50] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-94d27e50] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-94d27e50] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-94d27e50] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-94d27e50] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-71b4425a]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-71b4425a]{margin-left:auto}.kong-ui-entity-base-table .actions-container[data-v-71b4425a]{float:right}.kong-ui-entity-base-table .actions-container[data-v-71b4425a] .k-dropdown-item-trigger{margin-bottom:0;margin-top:0}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-94990087]{width:100%}.kong-ui-entity-filter-clear[data-v-94990087]{cursor:pointer}.kong-ui-entity-filter[data-v-94990087]{display:flex;position:relative}.kong-ui-entity-filter[data-v-94990087] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-94990087] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-94990087]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-94990087]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-94990087]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-94990087]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-94990087]{color:#232633}.menu-item-expand-icon[data-v-94990087]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-94990087]{transform:rotate(180deg)}.menu-item-indicator[data-v-94990087]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-94990087]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-94990087] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-94990087] .k-input{width:100%}.menu-item-body[data-v-94990087] .k-select-input .input{font-size:12px}.menu-item-body[data-v-94990087] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-94990087]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-94990087]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-94990087]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.kong-ui-entities-snis-list[data-v-4d4acd58]{width:100%}.kong-ui-entities-snis-list .kong-ui-entity-filter-input[data-v-4d4acd58]{margin-right:12px}.kong-ui-entities-snis-form[data-v-97327875]{width:100%}.kong-ui-entities-snis-form .invalid-certificate-message[data-v-97327875]{color:#d60027;font-size:11px;font-weight:500;margin-top:3px!important}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/entities-snis",
-  "version": "3.5.3",
+  "version": "3.5.4",
   "type": "module",
   "main": "./dist/entities-snis.umd.js",
   "module": "./dist/entities-snis.es.js",