@kong-ui-public/entities-consumer-groups 4.5.21 → 4.5.23-pr.3427.6c3a3576f.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -794,7 +794,7 @@ const he = {
|
|
|
794
794
|
// we need this to determine whether or not to show the description text
|
|
795
795
|
}))), se = k(() => {
|
|
796
796
|
var o;
|
|
797
|
-
return Y.
|
|
797
|
+
return Y.form[(o = a.config) == null ? void 0 : o.app].edit;
|
|
798
798
|
}), le = k(() => a.consumerGroupId ? Ie.Edit : Ie.Create), $ = k(() => !!n.fields.name && !re.value), Q = k(() => JSON.stringify(n.fields) !== JSON.stringify(x)), M = (o, i = "", b = "") => {
|
|
799
799
|
var l, A, q, h, J;
|
|
800
800
|
let c = `${(l = a.config) == null ? void 0 : l.apiBaseUrl}${Y.form[(A = a.config) == null ? void 0 : A.app][o]}`;
|
|
@@ -979,7 +979,7 @@ const he = {
|
|
|
979
979
|
]);
|
|
980
980
|
};
|
|
981
981
|
}
|
|
982
|
-
}), Fo = /* @__PURE__ */ Ee(xo, [["__scopeId", "data-v-
|
|
982
|
+
}), Fo = /* @__PURE__ */ Ee(xo, [["__scopeId", "data-v-9c98b878"]]), Mo = { class: "kong-ui-consumer-group-entity-config-card" }, Ko = /* @__PURE__ */ _e({
|
|
983
983
|
__name: "ConsumerGroupConfigCard",
|
|
984
984
|
props: {
|
|
985
985
|
/** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(N,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router"),require("@kong/icons"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","@kong/icons","@kong-ui-public/i18n","@kong-ui-public/entities-shared"],e):(N=typeof globalThis<"u"?globalThis:N||self,e(N["kong-ui-public-entities-consumer-groups"]={},N.Vue,N.VueRouter,N.KongIcons,N["kong-ui-public-i18n"],N["kong-ui-public-entities-shared"]))})(this,function(N,e,me,X,pe,m){"use strict";const _e={consumer_groups:{list:{table_headers:{name:"Name",consumers_count:"Consumers",tags:"Tags",id:"ID"},empty_state:{title:"Configure a new consumer group",description:"Use consumer groups to manage custom rate limiting configuration for subsets of consumers.",title_for_consumer:"Add to a consumer group"},empty_state_v2:{title:"Configure your first consumer group",group:"Consumer groups created in gateways within this group will automatically appear here.",description:"Organize consumers into groups to easily apply policies like rate limiting and authentication across the entire group.",learn_more:"Learn more"},toolbar_actions:{new_consumer_group:"New consumer group"}},title:"Consumer groups",search:{placeholder:"Filter by exact name or ID"},actions:{add_to_group:"Add to consumer group",create:"New consumer group",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",exit:"Exit",view:"View details"},delete:{title:"Delete a consumer group",description:"Deleting this group will remove all its plugins and rate limit configuration. This action cannot be reversed."},consumers:{add:{title:"Add to consumer groups",ctaText:"Add this consumer to consumer groups",consumer_groups_label:"Consumer groups",consumer_group_placeholder:"Add to consumer groups",footer:"Search by exact name or ID to find consumer groups not included in the list"},exit:{title:"Exit from a consumer group",confirmation:"Are you sure you want to remove consumer {consumer} from consumer group {consumerGroup}?",confirmationNoUsername:"Are you sure you want this consumer to exit from consumer group {consumerGroup}?",description:"Exiting from the group could change the rate limit policy applied to this consumer."}},errors:{general:"Consumer groups could not be retrieved",delete:"The consumer group could not be deleted at this time.",copy:"Failed to copy to clipboard",add:"The consumer could not be added to some groups at this time.",already_added:"The consumer is already in this consumer group",add_consumer:"An unexpected error occurred while adding consumers. Please try again.",remove_consumer:"An unexpected error occurred while removing consumers. Please try again."},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"},form:{general_info:{title:"General information",description:"General information will help identify and manage this consumer group."},consumers:{title:"Consumers",description:"Add or remove consumers from this group"},fields:{name:{label:"Name",placeholder:"Enter a unique name for this consumer group "},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."},consumers:{label:"Consumers",placeholder:"Select one or more consumers"}}}}};function Ce(){const o=pe.createI18n("en-us",_e);return{i18n:o,i18nT:pe.i18nTComponent(o)}}const se={useI18n:Ce},A="/v2/control-planes/{controlPlaneId}/core-entities/{workspace}",P="/{workspace}",R={list:{konnect:{all:`${A}/consumer_groups`,forModal:`${A}/consumer_groups`,forConsumer:`${A}/consumers/{consumerId}/consumer_groups`,oneForConsumer:`${A}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`},kongManager:{all:`${P}/consumer_groups?counter=true`,forModal:`${P}/consumer_groups`,forConsumer:`${P}/consumers/{consumerId}/consumer_groups`,oneForConsumer:`${P}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`}},form:{konnect:{consumersList:`${A}/consumers`,create:`${A}/consumer_groups`,edit:`${A}/consumer_groups/{id}`,addConsumer:`${A}/consumer_groups/{id}/consumers`,removeConsumer:`${A}/consumer_groups/{id}/consumers/{consumerId}`,getConsumers:`${A}/consumer_groups/{id}/consumers`},kongManager:{consumersList:`${P}/consumers`,create:`${P}/consumer_groups`,edit:`${P}/consumer_groups/{id}`,addConsumer:`${P}/consumer_groups/{id}/consumers`,removeConsumer:`${P}/consumer_groups/{id}/consumers/{consumerId}`,getConsumers:`${P}/consumer_groups/{id}/consumers`}},item:{konnect:`${A}/consumer_groups/{id}?list_consumers=false`,kongManager:`${P}/consumer_groups/{id}?list_consumers=false`}},ke={class:"add-to-group-form-container"},be={class:"add-to-group-cta-text"},we={key:0,class:"kong-ui-entity-add-to-groups-error"},Ve={key:0},xe=e.defineComponent({__name:"AddToGroupModal",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||!o.consumerId)},visible:{type:Boolean,required:!0}},emits:["cancel","add:success","add:partial-success","error"],setup(o,{emit:F}){var D;const{i18n:{t:a}}=se.useI18n(),r=o,f=F,{axiosInstance:c}=m.useAxios((D=r.config)==null?void 0:D.axiosRequestConfig),s=e.ref([]),{debouncedQueryChange:V,loading:Y,allRecords:G,error:Z,loadItems:v,results:j}=m.useDebouncedFilter(r.config,R.list[r.config.app].forModal,"",{fetchedItemsKey:"data",searchKeys:["name","id"]}),B=e.computed(()=>Z.value?a("consumer_groups.errors.general"):""),T=e.ref(0),Q=e.computed(()=>G.value===void 0),H=e.computed(()=>j.value.map(g=>({label:g.name,value:g.id,selected:s.value.includes(g.id),data:g}))),J=g=>{var p;const b=Q.value?j.value.find(k=>k.id===g):(p=G.value)==null?void 0:p.find(k=>k.id===g);return b?b.name:g},ee=()=>{x.value="",w.value=[],M.value=[],f("cancel")},w=e.ref([]),U=e.ref(!1),x=e.ref(""),oe=async()=>{if(!s.value.length){x.value="",M.value=[],f("cancel");return}U.value=!0,x.value="",w.value=[],M.value=[];try{const g=s.value.map(k=>K(k)),b=await Promise.allSettled(g);let p=!0;b.forEach(k=>{k.status!=="fulfilled"&&(p=!1)}),p?(w.value=[],M.value=[],f("add:success",s.value),s.value=[]):(w.value.length&&f("add:partial-success",w.value),s.value=[],W(b))}catch{x.value=a("consumer_groups.errors.add"),f("error",x.value)}finally{U.value=!1}},te=e.computed(()=>{var b,p,k;let g=`${r.config.apiBaseUrl}${R.list[r.config.app].forConsumer}`;return r.config.app==="konnect"&&(g=g.replace(/{controlPlaneId}/gi,((b=r.config)==null?void 0:b.controlPlaneId)||"")),g.replace(/\/{workspace}/gi,(p=r.config)!=null&&p.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((k=r.config)==null?void 0:k.consumerId)||"")}),K=async g=>{const b={group:g};try{const p=await c.post(te.value,b);return w.value.push(g),p}catch(p){let k=`${J(g)} - ${p.message}`;return p.response.status===409&&(k=`${J(g)} - ${a("consumer_groups.errors.already_added")}`),Promise.reject(Error(k))}},M=e.ref([]),W=g=>{M.value=g.map(b=>{var p;return(p=b.reason)==null?void 0:p.message}).filter(Boolean)};return e.watch(H,()=>{T.value++},{immediate:!0,deep:!0}),e.watch(()=>r.visible,()=>{r.visible&&v()},{immediate:!0}),(g,b)=>{const p=e.resolveComponent("KMultiselect"),k=e.resolveComponent("KAlert"),L=e.resolveComponent("KPrompt");return e.openBlock(),e.createBlock(L,{"action-button-disabled":U.value,class:"kong-ui-entities-add-to-groups-modal","data-testid":"add-to-group-modal",title:e.unref(a)("consumer_groups.consumers.add.title"),visible:o.visible,onCancel:ee,onProceed:oe},{default:e.withCtx(()=>[e.createElementVNode("div",ke,[e.createElementVNode("p",be,e.toDisplayString(e.unref(a)("consumer_groups.consumers.add.ctaText")),1),e.createVNode(p,{modelValue:s.value,"onUpdate:modelValue":b[0]||(b[0]=$=>s.value=$),autosuggest:"","data-testid":"add-to-groups-multiselect","dropdown-footer-text":Q.value?e.unref(a)("consumer_groups.consumers.add.footer"):void 0,items:H.value,label:e.unref(a)("consumer_groups.consumers.add.consumer_groups_label"),loading:e.unref(Y),placeholder:e.unref(a)("consumer_groups.consumers.add.consumer_group_placeholder"),readonly:U.value,required:"",width:"100%",onQueryChange:e.unref(V)},null,8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly","onQueryChange"]),x.value||B.value||M.value.length?(e.openBlock(),e.createElementBlock("div",we,[e.createVNode(k,{appearance:"danger"},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(e.unref(a)("consumer_groups.errors.add")),1),M.value.length?(e.openBlock(),e.createElementBlock("ul",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,($,q)=>(e.openBlock(),e.createElementBlock("li",{key:q},e.toDisplayString($),1))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(x.value||B.value),1)]),_:1})])):e.createCommentVNode("",!0)])]),_:1},8,["action-button-disabled","title","visible"])}}}),le=(o,F)=>{const a=o.__vccOpts||o;for(const[r,f]of F)a[r]=f;return a},Ee=le(xe,[["__scopeId","data-v-54887165"]]),Ie={class:"kong-ui-entities-consumer-groups-list"},Ne={class:"button-row"},$e=le(e.defineComponent({__name:"ConsumerGroupList",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","click:learn-more","copy:success","copy:error","delete:success","add:success","remove:success"],setup(o,{emit:F}){var ye;const a=F,r=o,{i18nT:f,i18n:{t:c}}=se.useI18n(),s=me.useRouter(),{axiosInstance:V}=m.useAxios((ye=r.config)==null?void 0:ye.axiosRequestConfig),Y=e.computed(()=>r.config.app!=="kongManager"||!!r.config.disableSorting),G={name:{label:c("consumer_groups.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1}};r.config.app==="kongManager"&&(G.consumers_count={label:c("consumer_groups.list.table_headers.consumers_count"),searchable:!1,sortable:!1}),G.tags={label:c("consumer_groups.list.table_headers.tags"),sortable:!1};const Z=G,v=n=>({"data-testid":n.username??n.custom_id??n.id}),j=()=>{r.config.consumerId?u():s.push(r.config.createRoute)},B=e.computed(()=>{var d,h,I;let n=`${r.config.apiBaseUrl}${R.list[r.config.app][w.value?"forConsumer":"all"]}`;return r.config.app==="konnect"&&(n=n.replace(/{controlPlaneId}/gi,((d=r.config)==null?void 0:d.controlPlaneId)||""),T.value&&r.config.isExactMatch&&(n+="?list_consumers=false")),n.replace(/\/{workspace}/gi,(h=r.config)!=null&&h.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((I=r.config)==null?void 0:I.consumerId)||"")}),T=e.ref(""),Q=e.computed(()=>{const n=r.config.app==="konnect"||r.config.isExactMatch;return n?{isExactMatch:n,fields:{username:G.name,id:{label:c("consumer_groups.list.table_headers.id")}},placeholder:c("consumer_groups.search.placeholder")}:{isExactMatch:n,fields:{name:G.name},schema:r.config.filterSchema}}),{hasRecords:H,handleStateChange:J}=m.useTableState(T),ee=e.computed(()=>H.value&&r.config.app==="konnect"),w=e.computed(()=>!!r.config.consumerId),U=e.computed(()=>w.value?"kong-ui-entities-consumer-groups-list-in-consumer-page":"kong-ui-entities-consumer-groups-list"),x=e.computed(()=>r.config.app==="konnect"&&T.value?"consumer_group":w.value&&!r.config.paginatedEndpoint?"consumer_groups":void 0),{fetcher:oe,fetcherState:te,fetcherCacheKey:K}=m.useFetcher(e.computed(()=>({...r.config,cacheIdentifier:r.cacheIdentifier})),B,x),M=()=>{T.value=""},W=()=>{K.value++},D=e.ref(null),g=async(n,d)=>{const h=n.id;if(!await d(h)){a("copy:error",{entity:n,field:"id",message:c("consumer_groups.errors.copy")});return}a("copy:success",{entity:n,field:"id",message:c("consumer_groups.copy.success",{val:h})})},b=async(n,d)=>{const h=JSON.stringify(n);if(!await d(h)){a("copy:error",{entity:n,message:c("consumer_groups.errors.copy")});return}a("copy:success",{entity:n,message:c("consumer_groups.copy.success_brief")})},p=async n=>{var h;await((h=r.canRetrieve)==null?void 0:h.call(r,n))&&s.push(r.config.getViewRoute(n.id))},k=n=>({label:c("consumer_groups.actions.view"),to:r.config.getViewRoute(n)}),L=n=>({label:c("consumer_groups.actions.edit"),to:r.config.getEditRoute(n)}),$=e.ref(void 0),q=e.ref(!1),z=e.ref(!1),re=e.ref(""),ae=m.useDeleteUrlBuilder(r.config,B.value),ce=n=>{$.value=n,q.value=!0},t=()=>{q.value=!1},i=async()=>{var n,d,h;if((n=$.value)!=null&&n.id){z.value=!0;try{await V.delete(ae($.value.id)),z.value=!1,q.value=!1,K.value++,a("delete:success",$.value)}catch(I){re.value=((h=(d=I.response)==null?void 0:d.data)==null?void 0:h.message)||I.message||c("consumer_groups.errors.delete"),a("error",I)}finally{z.value=!1}}},C=e.ref(!1),u=()=>{C.value=!0},l=()=>{C.value=!1},E=(n,d)=>{d||l(),K.value++,a("add:success",n)},S=()=>{w.value&&u()},_=e.ref(void 0),O=e.ref(!1),Se=e.ref(""),Fe=n=>{_.value=n,O.value=!0},fe=()=>{O.value=!1,_.value=void 0},Ke=e.computed(()=>{var d,h,I;let n=`${r.config.apiBaseUrl}${R.list[r.config.app].oneForConsumer}`;return r.config.app==="konnect"&&(n=n.replace(/{controlPlaneId}/gi,((d=r.config)==null?void 0:d.controlPlaneId)||"")),n.replace(/\/{workspace}/gi,(h=r.config)!=null&&h.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((I=r.config)==null?void 0:I.consumerId)||"")}),ge=e.ref(!1),Re=async()=>{if(_.value){ge.value=!0;try{const n=Ke.value.replace(/{consumerGroupId}/gi,_.value.id);await V.delete(n),a("remove:success",_.value),fe(),K.value++}catch(n){Se.value=n.message||c("consumer_groups.errors.delete"),a("error",n)}finally{ge.value=!1}}};e.watch(te,n=>{var d,h,I;if(n.status===m.FetcherStatus.Error){D.value={title:c("consumer_groups.errors.general")},(I=(h=(d=n.error)==null?void 0:d.response)==null?void 0:h.data)!=null&&I.message&&(D.value.message=n.error.response.data.message),a("error",n.error);return}D.value=null});const ue=e.ref({ctaPath:w.value?void 0:r.config.createRoute,ctaText:void 0,message:`${c("consumer_groups.list.empty_state.description")}${r.config.additionMessageForEmptyState?` ${r.config.additionMessageForEmptyState}`:""}`,title:c("consumer_groups.title")}),de=e.ref(!1);return e.onBeforeMount(async()=>{de.value=await r.canCreate(),de.value&&(ue.value.title=w.value?c("consumer_groups.list.empty_state.title_for_consumer"):c("consumer_groups.list.empty_state.title"),ue.value.ctaText=w.value?c("consumer_groups.actions.add_to_group"):c("consumer_groups.actions.create"))}),(n,d)=>{const h=e.resolveComponent("KButton"),I=e.resolveComponent("KEmptyState"),ne=e.resolveComponent("KDropdownItem"),he=e.resolveComponent("KClipboardProvider"),Ue=e.resolveComponent("KPrompt");return e.openBlock(),e.createElementBlock("div",Ie,[e.createVNode(e.unref(m.EntityBaseTable),{"cache-identifier":o.cacheIdentifier,"disable-pagination":w.value&&!o.config.paginatedEndpoint,"disable-sorting":Y.value,"empty-state-options":ue.value,"enable-entity-actions":"","error-message":D.value,fetcher:e.unref(oe),"fetcher-cache-key":e.unref(K),"pagination-type":"offset","preferences-storage-key":U.value,query:T.value,"row-attributes":v,"table-headers":e.unref(Z),onClearSearchInput:M,"onClick:row":d[3]||(d[3]=y=>p(y)),onEmptyStateCtaClicked:S,onSort:W,onState:e.unref(J)},e.createSlots({"toolbar-filter":e.withCtx(()=>[w.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(m.EntityFilter),{key:0,modelValue:T.value,"onUpdate:modelValue":d[0]||(d[0]=y=>T.value=y),config:Q.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.createElementVNode("div",Ne,[ee.value?(e.openBlock(),e.createBlock(h,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"consumer-groups-learn-more-button",icon:"",onClick:d[1]||(d[1]=y=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(X.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(m.PermissionsWrapper),{"auth-function":()=>o.canCreate()},{default:e.withCtx(()=>[e.createVNode(h,{appearance:"primary","data-testid":"toolbar-add-consumer-group",size:o.useActionOutside?"medium":"large",onClick:j},{default:e.withCtx(()=>[e.createVNode(e.unref(X.AddIcon)),e.createTextVNode(" "+e.toDisplayString(o.config.consumerId?e.unref(c)("consumer_groups.actions.add_to_group"):e.unref(c)("consumer_groups.list.toolbar_actions.new_consumer_group")),1)]),_:1},8,["size"])]),_:1},8,["auth-function"])])],8,["disabled"]))]),name:e.withCtx(({rowValue:y})=>[e.createElementVNode("b",null,e.toDisplayString(y??"-"),1)]),consumers_count:e.withCtx(({rowValue:y})=>[e.createTextVNode(e.toDisplayString(y??"-"),1)]),tags:e.withCtx(({rowValue:y})=>[e.createVNode(e.unref(m.TableTags),{tags:y},null,8,["tags"])]),actions:e.withCtx(({row:y})=>[e.createVNode(he,null,{default:e.withCtx(({copyToClipboard:ie})=>[e.createVNode(ne,{"data-testid":"action-entity-copy-id",onClick:qe=>g(y,ie)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("consumer_groups.actions.copy_id")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(he,null,{default:e.withCtx(({copyToClipboard:ie})=>[e.createVNode(ne,{"data-testid":"action-entity-copy-json",onClick:qe=>b(y,ie)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("consumer_groups.actions.copy_json")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(e.unref(m.PermissionsWrapper),{"auth-function":()=>o.canRetrieve(y)},{default:e.withCtx(()=>[e.createVNode(ne,{"data-testid":"action-entity-view","has-divider":"",item:k(y.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(m.PermissionsWrapper),{"auth-function":()=>o.canEdit(y)},{default:e.withCtx(()=>[e.createVNode(ne,{"data-testid":"action-entity-edit",item:L(y.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(m.PermissionsWrapper),{"auth-function":()=>o.canDelete(y)},{default:e.withCtx(()=>[e.createVNode(ne,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:()=>o.config.consumerId?Fe(y):ce(y)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.config.consumerId?e.unref(c)("consumer_groups.actions.exit"):e.unref(c)("consumer_groups.actions.delete")),1)]),_:1},8,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!T.value&&o.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>{var y;return[e.createVNode(I,{"data-testid":"consumer-groups-entity-empty-state","icon-background":"",message:e.unref(c)("consumer_groups.list.empty_state_v2.description"),title:e.unref(c)("consumer_groups.list.empty_state_v2.title")},e.createSlots({icon:e.withCtx(()=>[e.createVNode(e.unref(X.TeamIcon),{decorative:""})]),action:e.withCtx(()=>[de.value?(e.openBlock(),e.createBlock(h,{key:0,"data-testid":"entity-create-button",onClick:j},{default:e.withCtx(()=>[e.createVNode(e.unref(X.AddIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(c)("consumer_groups.list.toolbar_actions.new_consumer_group")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(h,{appearance:"secondary","data-testid":"entity-learn-more-button",onClick:d[2]||(d[2]=ie=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(X.BookIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(c)("consumer_groups.list.empty_state_v2.learn_more")),1)]),_:1})]),_:2},[(y=o.config)!=null&&y.isControlPlaneGroup?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("consumer_groups.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["message","title"])]}),key:"0"}:void 0]),1032,["cache-identifier","disable-pagination","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","preferences-storage-key","query","table-headers","onState"]),e.createVNode(e.unref(m.EntityDeleteModal),{"action-pending":z.value,"data-testid":"delete-consumer-group-modal",description:e.unref(c)("consumer_groups.delete.description"),"entity-name":$.value&&($.value.name||$.value.id),"entity-type":e.unref(m.EntityTypes).ConsumerGroup,error:re.value,title:e.unref(c)("consumer_groups.delete.title"),visible:q.value,onCancel:t,onProceed:i},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"]),o.config.consumerId?(e.openBlock(),e.createBlock(Ee,{key:0,config:o.config,"data-testid":"add-to-group-modal",visible:C.value,"onAdd:partialSuccess":d[4]||(d[4]=y=>E(y,!0)),"onAdd:success":d[5]||(d[5]=y=>E(y)),onCancel:l},null,8,["config","visible"])):e.createCommentVNode("",!0),o.config.consumerId&&_.value?(e.openBlock(),e.createBlock(Ue,{key:1,"action-button-appearance":"danger","data-testid":"exit-group-modal",title:e.unref(c)("consumer_groups.consumers.exit.title"),visible:O.value,onCancel:fe,onProceed:Re},{default:e.withCtx(()=>[e.createVNode(e.unref(f),{class:"exit-modal-message",keypath:o.config.consumerUsername?"consumer_groups.consumers.exit.confirmation":"consumer_groups.consumers.exit.confirmationNoUsername",tag:"p"},e.createSlots({consumerGroup:e.withCtx(()=>[e.createElementVNode("strong",null,e.toDisplayString(_.value.name||_.value.id),1)]),_:2},[o.config.consumerUsername?{name:"consumer",fn:e.withCtx(()=>[e.createElementVNode("strong",null,e.toDisplayString(o.config.consumerUsername),1)]),key:"0"}:void 0]),1032,["keypath"]),e.createElementVNode("p",null,e.toDisplayString(e.unref(c)("consumer_groups.consumers.exit.description")),1)]),_:1},8,["title","visible"])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-d84b29c3"]]),Be={class:"kong-ui-entities-consumer-group-form"},Te={class:"select-item-container"},Me={class:"select-item-label"},De={key:0,class:"select-item-description"},Ae=le(e.defineComponent({__name:"ConsumerGroupForm",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||(o==null?void 0:o.app)==="konnect"&&!(o!=null&&o.controlPlaneId)||(o==null?void 0:o.app)==="kongManager"&&typeof(o==null?void 0:o.workspace)!="string"||!(o!=null&&o.cancelRoute))},consumerGroupId:{type:String,required:!1,default:null},hideConsumers:{type:Boolean,default:!1}},emits:["update","error","loading"],setup(o,{emit:F}){var re,ae,ce;const a=o,r=F,{i18n:{t:f}}=se.useI18n(),c=me.useRouter(),s=e.reactive({fields:{name:"",tags:"",consumers:[]},errorMessage:"",readonly:!1}),V=e.reactive({name:"",tags:"",consumers:[]}),{debouncedQueryChange:Y,loading:G,error:Z,loadItems:v,results:j}=m.useDebouncedFilter(a.config,(ae=R.form[(re=a.config)==null?void 0:re.app])==null?void 0:ae.consumersList,"",{fetchedItemsKey:"data",searchKeys:["username","custom_id","id"]}),{axiosInstance:B}=m.useAxios((ce=a.config)==null?void 0:ce.axiosRequestConfig),{getMessageFromError:T}=m.useErrors(),Q=m.useValidators(),H=e.computed(()=>j.value.map(t=>({label:t.username||t.custom_id,value:t.id,selected:s.fields.consumers.includes(t.id),data:t}))),J=e.computed(()=>{var t;return R.item[(t=a.config)==null?void 0:t.app]}),ee=e.computed(()=>a.consumerGroupId?m.EntityBaseFormType.Edit:m.EntityBaseFormType.Create),w=e.computed(()=>!!s.fields.name&&!W.value),U=e.computed(()=>JSON.stringify(s.fields)!==JSON.stringify(V)),x=(t,i="",C="")=>{var l,E,S,_,O;let u=`${(l=a.config)==null?void 0:l.apiBaseUrl}${R.form[(E=a.config)==null?void 0:E.app][t]}`;return((S=a.config)==null?void 0:S.app)==="konnect"&&(u=u.replace(/{controlPlaneId}/gi,((_=a.config)==null?void 0:_.controlPlaneId)||"")),u=u.replace(/\/{workspace}/gi,(O=a.config)!=null&&O.workspace?`/${a.config.workspace}`:"").replace(/{id}/gi,(i||a.consumerGroupId)??""),(t==="addConsumer"||t==="removeConsumer")&&(u=u.replace(/{consumerId}/gi,C)),u},oe=()=>{var t;c.push(((t=a.config)==null?void 0:t.cancelRoute)||{name:"consumer-group-list"})},te=t=>{r("error",t)},K=t=>{r("loading",t)},M=async t=>{var C,u,l,E,S;s.fields.name=((C=t==null?void 0:t.item)==null?void 0:C.name)||((u=t==null?void 0:t.consumer_group)==null?void 0:u.name)||(t==null?void 0:t.name)||"";const i=((l=t==null?void 0:t.item)==null?void 0:l.tags)||(t==null?void 0:t.consumer_group.tags)||(t==null?void 0:t.tags)||[];if(s.fields.tags=(i==null?void 0:i.join(", "))||"","consumers"in t)s.fields.consumers=((E=t==null?void 0:t.consumers)==null?void 0:E.map(_=>_.id))||[];else try{const{data:_}=await B.get(x("getConsumers"));s.fields.consumers="consumers"in _?(S=_==null?void 0:_.consumers)==null?void 0:S.map(O=>O.id):[]}catch(_){p(_)}Object.assign(V,s.fields)},W=e.computed(()=>Q.utf8Name(s.fields.name)),D=e.computed(()=>{var t,i;return{name:s.fields.name,tags:(i=(t=s.fields.tags.split(","))==null?void 0:t.map(C=>String(C||"").trim()))==null?void 0:i.filter(C=>C!=="")}}),g=async(t,i="")=>await B.post(x("addConsumer",i,t),{consumer:t}),b=async(t,i="")=>await B.delete(x("removeConsumer",i,t)),p=t=>{s.errorMessage=T(t),r("error",t)},k=(t=a.consumerGroupId??"")=>{Object.assign(V,s.fields),r("update",{...s.fields,id:t})},L=(t,i,C=a.consumerGroupId??"")=>{const u=t==null?void 0:t.find(l=>l.status!=="fulfilled");u?p({code:u.status,message:i}):k(C)},$=async()=>{let t="";try{const{data:i}=await B.post(x("create"),D.value);t="item"in i?i.item.id:i.id}catch(i){p(i)}if(s.fields.consumers.length>0&&t)try{const i=s.fields.consumers.map(u=>g(u,t)),C=await Promise.allSettled(i);L(C,f("consumer_groups.errors.add_consumer"),t)}catch(i){p(i)}else s.fields.consumers.length===0&&t&&k(t)},q=async()=>{var C;try{((C=a.config)==null?void 0:C.app)==="konnect"?await B.put(x("edit"),D.value):await B.patch(x("edit"),D.value)}catch(u){p(u)}const t=s.fields.consumers.filter(u=>!V.consumers.includes(u)),i=V.consumers.filter(u=>!s.fields.consumers.includes(u));if(i.length===0&&t.length===0)k();else{if(i.length>0)try{const u=i.map(E=>b(E)),l=await Promise.allSettled(u);L(l,f("consumer_groups.errors.remove_consumer"))}catch(u){p(u)}if(t.length>0)try{const u=t.map(E=>g(E)),l=await Promise.allSettled(u);L(l,f("consumer_groups.errors.add_consumer"))}catch(u){p(u)}}},z=async()=>{try{s.readonly=!0,ee.value===m.EntityBaseFormType.Create?await $():await q()}finally{s.readonly=!1}};return e.onBeforeMount(async()=>{a.hideConsumers||await v()}),(t,i)=>{const C=e.resolveComponent("KInput"),u=e.resolveComponent("KMultiselect");return e.openBlock(),e.createElementBlock("div",Be,[e.createVNode(e.unref(m.EntityBaseForm),{"can-submit":w.value&&U.value,config:o.config,"edit-id":o.consumerGroupId,"entity-type":e.unref(m.SupportedEntityType).ConsumerGroup,"error-message":s.errorMessage||e.unref(Z)||W.value,"fetch-url":J.value,"form-fields":D.value,"is-readonly":s.readonly,onCancel:oe,"onFetch:error":i[3]||(i[3]=l=>te(l)),"onFetch:success":M,onLoading:i[4]||(i[4]=l=>K(l)),onSubmit:z},{default:e.withCtx(()=>[e.createVNode(e.unref(m.EntityFormSection),{description:e.unref(f)("consumer_groups.form.general_info.description"),title:e.unref(f)("consumer_groups.form.general_info.title")},{default:e.withCtx(()=>[e.createVNode(C,{modelValue:s.fields.name,"onUpdate:modelValue":i[0]||(i[0]=l=>s.fields.name=l),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"consumer-group-form-name",label:e.unref(f)("consumer_groups.form.fields.name.label"),placeholder:e.unref(f)("consumer_groups.form.fields.name.placeholder"),required:"",type:"text"},null,8,["modelValue","label","placeholder"]),e.createVNode(C,{modelValue:s.fields.tags,"onUpdate:modelValue":i[1]||(i[1]=l=>s.fields.tags=l),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"consumer-group-form-tags",help:e.unref(f)("consumer_groups.form.fields.tags.help"),label:e.unref(f)("consumer_groups.form.fields.tags.label"),"label-attributes":{info:e.unref(f)("consumer_groups.form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(f)("consumer_groups.form.fields.tags.placeholder"),type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder"])]),_:1},8,["description","title"]),o.hideConsumers?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(m.EntityFormSection),{key:0,description:e.unref(f)("consumer_groups.form.consumers.description"),"has-divider":"",title:e.unref(f)("consumer_groups.form.consumers.title")},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:s.fields.consumers,"onUpdate:modelValue":i[2]||(i[2]=l=>s.fields.consumers=l),appearance:"select",autosuggest:"",items:H.value,label:e.unref(f)("consumer_groups.form.fields.consumers.label"),loading:e.unref(G),placeholder:e.unref(f)("consumer_groups.form.fields.consumers.placeholder"),width:"auto",onQueryChange:e.unref(Y)},{"item-template":e.withCtx(({item:l})=>{var E,S,_;return[e.createElementVNode("div",Te,[e.createElementVNode("div",Me,e.toDisplayString(l.label),1),(E=l==null?void 0:l.data)!=null&&E.username&&((S=l==null?void 0:l.data)!=null&&S.custom_id)?(e.openBlock(),e.createElementBlock("div",De,e.toDisplayString((_=l==null?void 0:l.data)==null?void 0:_.custom_id),1)):e.createCommentVNode("",!0)])]}),_:1},8,["modelValue","items","label","loading","placeholder","onQueryChange"])]),_:1},8,["description","title"]))]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-d5f8b08f"]]),Pe={class:"kong-ui-consumer-group-entity-config-card"},Ge=e.defineComponent({__name:"ConsumerGroupConfigCard",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.entityId)},configCardDoc:{type:String,default:"",required:!1},hideTitle:{type:Boolean,default:!1}},emits:["loading","fetch:error","fetch:success"],setup(o){const F=o,{i18n:{t:a}}=se.useI18n(),r=e.computed(()=>R.item[F.config.app]),f=e.ref({id:{},name:{},created_at:{},updated_at:{},tags:{tooltip:a("consumer_groups.form.fields.tags.tooltip")}});return(c,s)=>(e.openBlock(),e.createElementBlock("div",Pe,[e.createVNode(e.unref(m.EntityBaseConfigCard),{config:o.config,"config-card-doc":o.configCardDoc,"config-schema":f.value,"data-key":"consumer_group","entity-type":e.unref(m.SupportedEntityType).ConsumerGroup,"fetch-url":r.value,"hide-title":o.hideTitle,"onFetch:error":s[0]||(s[0]=V=>c.$emit("fetch:error",V)),"onFetch:success":s[1]||(s[1]=V=>c.$emit("fetch:success",V)),onLoading:s[2]||(s[2]=V=>c.$emit("loading",V))},null,8,["config","config-card-doc","config-schema","entity-type","fetch-url","hide-title"])]))}});N.ConsumerGroupConfigCard=Ge,N.ConsumerGroupForm=Ae,N.ConsumerGroupList=$e,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(N,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router"),require("@kong/icons"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","@kong/icons","@kong-ui-public/i18n","@kong-ui-public/entities-shared"],e):(N=typeof globalThis<"u"?globalThis:N||self,e(N["kong-ui-public-entities-consumer-groups"]={},N.Vue,N.VueRouter,N.KongIcons,N["kong-ui-public-i18n"],N["kong-ui-public-entities-shared"]))})(this,function(N,e,me,X,pe,m){"use strict";const _e={consumer_groups:{list:{table_headers:{name:"Name",consumers_count:"Consumers",tags:"Tags",id:"ID"},empty_state:{title:"Configure a new consumer group",description:"Use consumer groups to manage custom rate limiting configuration for subsets of consumers.",title_for_consumer:"Add to a consumer group"},empty_state_v2:{title:"Configure your first consumer group",group:"Consumer groups created in gateways within this group will automatically appear here.",description:"Organize consumers into groups to easily apply policies like rate limiting and authentication across the entire group.",learn_more:"Learn more"},toolbar_actions:{new_consumer_group:"New consumer group"}},title:"Consumer groups",search:{placeholder:"Filter by exact name or ID"},actions:{add_to_group:"Add to consumer group",create:"New consumer group",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",exit:"Exit",view:"View details"},delete:{title:"Delete a consumer group",description:"Deleting this group will remove all its plugins and rate limit configuration. This action cannot be reversed."},consumers:{add:{title:"Add to consumer groups",ctaText:"Add this consumer to consumer groups",consumer_groups_label:"Consumer groups",consumer_group_placeholder:"Add to consumer groups",footer:"Search by exact name or ID to find consumer groups not included in the list"},exit:{title:"Exit from a consumer group",confirmation:"Are you sure you want to remove consumer {consumer} from consumer group {consumerGroup}?",confirmationNoUsername:"Are you sure you want this consumer to exit from consumer group {consumerGroup}?",description:"Exiting from the group could change the rate limit policy applied to this consumer."}},errors:{general:"Consumer groups could not be retrieved",delete:"The consumer group could not be deleted at this time.",copy:"Failed to copy to clipboard",add:"The consumer could not be added to some groups at this time.",already_added:"The consumer is already in this consumer group",add_consumer:"An unexpected error occurred while adding consumers. Please try again.",remove_consumer:"An unexpected error occurred while removing consumers. Please try again."},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"},form:{general_info:{title:"General information",description:"General information will help identify and manage this consumer group."},consumers:{title:"Consumers",description:"Add or remove consumers from this group"},fields:{name:{label:"Name",placeholder:"Enter a unique name for this consumer group "},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."},consumers:{label:"Consumers",placeholder:"Select one or more consumers"}}}}};function Ce(){const o=pe.createI18n("en-us",_e);return{i18n:o,i18nT:pe.i18nTComponent(o)}}const se={useI18n:Ce},A="/v2/control-planes/{controlPlaneId}/core-entities/{workspace}",P="/{workspace}",R={list:{konnect:{all:`${A}/consumer_groups`,forModal:`${A}/consumer_groups`,forConsumer:`${A}/consumers/{consumerId}/consumer_groups`,oneForConsumer:`${A}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`},kongManager:{all:`${P}/consumer_groups?counter=true`,forModal:`${P}/consumer_groups`,forConsumer:`${P}/consumers/{consumerId}/consumer_groups`,oneForConsumer:`${P}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`}},form:{konnect:{consumersList:`${A}/consumers`,create:`${A}/consumer_groups`,edit:`${A}/consumer_groups/{id}`,addConsumer:`${A}/consumer_groups/{id}/consumers`,removeConsumer:`${A}/consumer_groups/{id}/consumers/{consumerId}`,getConsumers:`${A}/consumer_groups/{id}/consumers`},kongManager:{consumersList:`${P}/consumers`,create:`${P}/consumer_groups`,edit:`${P}/consumer_groups/{id}`,addConsumer:`${P}/consumer_groups/{id}/consumers`,removeConsumer:`${P}/consumer_groups/{id}/consumers/{consumerId}`,getConsumers:`${P}/consumer_groups/{id}/consumers`}},item:{konnect:`${A}/consumer_groups/{id}?list_consumers=false`,kongManager:`${P}/consumer_groups/{id}?list_consumers=false`}},ke={class:"add-to-group-form-container"},be={class:"add-to-group-cta-text"},we={key:0,class:"kong-ui-entity-add-to-groups-error"},Ve={key:0},xe=e.defineComponent({__name:"AddToGroupModal",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||!o.consumerId)},visible:{type:Boolean,required:!0}},emits:["cancel","add:success","add:partial-success","error"],setup(o,{emit:F}){var D;const{i18n:{t:a}}=se.useI18n(),r=o,f=F,{axiosInstance:c}=m.useAxios((D=r.config)==null?void 0:D.axiosRequestConfig),s=e.ref([]),{debouncedQueryChange:V,loading:Y,allRecords:G,error:Z,loadItems:v,results:j}=m.useDebouncedFilter(r.config,R.list[r.config.app].forModal,"",{fetchedItemsKey:"data",searchKeys:["name","id"]}),B=e.computed(()=>Z.value?a("consumer_groups.errors.general"):""),T=e.ref(0),Q=e.computed(()=>G.value===void 0),H=e.computed(()=>j.value.map(g=>({label:g.name,value:g.id,selected:s.value.includes(g.id),data:g}))),J=g=>{var p;const b=Q.value?j.value.find(k=>k.id===g):(p=G.value)==null?void 0:p.find(k=>k.id===g);return b?b.name:g},ee=()=>{x.value="",w.value=[],M.value=[],f("cancel")},w=e.ref([]),U=e.ref(!1),x=e.ref(""),oe=async()=>{if(!s.value.length){x.value="",M.value=[],f("cancel");return}U.value=!0,x.value="",w.value=[],M.value=[];try{const g=s.value.map(k=>K(k)),b=await Promise.allSettled(g);let p=!0;b.forEach(k=>{k.status!=="fulfilled"&&(p=!1)}),p?(w.value=[],M.value=[],f("add:success",s.value),s.value=[]):(w.value.length&&f("add:partial-success",w.value),s.value=[],W(b))}catch{x.value=a("consumer_groups.errors.add"),f("error",x.value)}finally{U.value=!1}},te=e.computed(()=>{var b,p,k;let g=`${r.config.apiBaseUrl}${R.list[r.config.app].forConsumer}`;return r.config.app==="konnect"&&(g=g.replace(/{controlPlaneId}/gi,((b=r.config)==null?void 0:b.controlPlaneId)||"")),g.replace(/\/{workspace}/gi,(p=r.config)!=null&&p.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((k=r.config)==null?void 0:k.consumerId)||"")}),K=async g=>{const b={group:g};try{const p=await c.post(te.value,b);return w.value.push(g),p}catch(p){let k=`${J(g)} - ${p.message}`;return p.response.status===409&&(k=`${J(g)} - ${a("consumer_groups.errors.already_added")}`),Promise.reject(Error(k))}},M=e.ref([]),W=g=>{M.value=g.map(b=>{var p;return(p=b.reason)==null?void 0:p.message}).filter(Boolean)};return e.watch(H,()=>{T.value++},{immediate:!0,deep:!0}),e.watch(()=>r.visible,()=>{r.visible&&v()},{immediate:!0}),(g,b)=>{const p=e.resolveComponent("KMultiselect"),k=e.resolveComponent("KAlert"),L=e.resolveComponent("KPrompt");return e.openBlock(),e.createBlock(L,{"action-button-disabled":U.value,class:"kong-ui-entities-add-to-groups-modal","data-testid":"add-to-group-modal",title:e.unref(a)("consumer_groups.consumers.add.title"),visible:o.visible,onCancel:ee,onProceed:oe},{default:e.withCtx(()=>[e.createElementVNode("div",ke,[e.createElementVNode("p",be,e.toDisplayString(e.unref(a)("consumer_groups.consumers.add.ctaText")),1),e.createVNode(p,{modelValue:s.value,"onUpdate:modelValue":b[0]||(b[0]=$=>s.value=$),autosuggest:"","data-testid":"add-to-groups-multiselect","dropdown-footer-text":Q.value?e.unref(a)("consumer_groups.consumers.add.footer"):void 0,items:H.value,label:e.unref(a)("consumer_groups.consumers.add.consumer_groups_label"),loading:e.unref(Y),placeholder:e.unref(a)("consumer_groups.consumers.add.consumer_group_placeholder"),readonly:U.value,required:"",width:"100%",onQueryChange:e.unref(V)},null,8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly","onQueryChange"]),x.value||B.value||M.value.length?(e.openBlock(),e.createElementBlock("div",we,[e.createVNode(k,{appearance:"danger"},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(e.unref(a)("consumer_groups.errors.add")),1),M.value.length?(e.openBlock(),e.createElementBlock("ul",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,($,q)=>(e.openBlock(),e.createElementBlock("li",{key:q},e.toDisplayString($),1))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(x.value||B.value),1)]),_:1})])):e.createCommentVNode("",!0)])]),_:1},8,["action-button-disabled","title","visible"])}}}),le=(o,F)=>{const a=o.__vccOpts||o;for(const[r,f]of F)a[r]=f;return a},Ee=le(xe,[["__scopeId","data-v-54887165"]]),Ie={class:"kong-ui-entities-consumer-groups-list"},Ne={class:"button-row"},$e=le(e.defineComponent({__name:"ConsumerGroupList",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","click:learn-more","copy:success","copy:error","delete:success","add:success","remove:success"],setup(o,{emit:F}){var ye;const a=F,r=o,{i18nT:f,i18n:{t:c}}=se.useI18n(),s=me.useRouter(),{axiosInstance:V}=m.useAxios((ye=r.config)==null?void 0:ye.axiosRequestConfig),Y=e.computed(()=>r.config.app!=="kongManager"||!!r.config.disableSorting),G={name:{label:c("consumer_groups.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1}};r.config.app==="kongManager"&&(G.consumers_count={label:c("consumer_groups.list.table_headers.consumers_count"),searchable:!1,sortable:!1}),G.tags={label:c("consumer_groups.list.table_headers.tags"),sortable:!1};const Z=G,v=n=>({"data-testid":n.username??n.custom_id??n.id}),j=()=>{r.config.consumerId?u():s.push(r.config.createRoute)},B=e.computed(()=>{var d,h,I;let n=`${r.config.apiBaseUrl}${R.list[r.config.app][w.value?"forConsumer":"all"]}`;return r.config.app==="konnect"&&(n=n.replace(/{controlPlaneId}/gi,((d=r.config)==null?void 0:d.controlPlaneId)||""),T.value&&r.config.isExactMatch&&(n+="?list_consumers=false")),n.replace(/\/{workspace}/gi,(h=r.config)!=null&&h.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((I=r.config)==null?void 0:I.consumerId)||"")}),T=e.ref(""),Q=e.computed(()=>{const n=r.config.app==="konnect"||r.config.isExactMatch;return n?{isExactMatch:n,fields:{username:G.name,id:{label:c("consumer_groups.list.table_headers.id")}},placeholder:c("consumer_groups.search.placeholder")}:{isExactMatch:n,fields:{name:G.name},schema:r.config.filterSchema}}),{hasRecords:H,handleStateChange:J}=m.useTableState(T),ee=e.computed(()=>H.value&&r.config.app==="konnect"),w=e.computed(()=>!!r.config.consumerId),U=e.computed(()=>w.value?"kong-ui-entities-consumer-groups-list-in-consumer-page":"kong-ui-entities-consumer-groups-list"),x=e.computed(()=>r.config.app==="konnect"&&T.value?"consumer_group":w.value&&!r.config.paginatedEndpoint?"consumer_groups":void 0),{fetcher:oe,fetcherState:te,fetcherCacheKey:K}=m.useFetcher(e.computed(()=>({...r.config,cacheIdentifier:r.cacheIdentifier})),B,x),M=()=>{T.value=""},W=()=>{K.value++},D=e.ref(null),g=async(n,d)=>{const h=n.id;if(!await d(h)){a("copy:error",{entity:n,field:"id",message:c("consumer_groups.errors.copy")});return}a("copy:success",{entity:n,field:"id",message:c("consumer_groups.copy.success",{val:h})})},b=async(n,d)=>{const h=JSON.stringify(n);if(!await d(h)){a("copy:error",{entity:n,message:c("consumer_groups.errors.copy")});return}a("copy:success",{entity:n,message:c("consumer_groups.copy.success_brief")})},p=async n=>{var h;await((h=r.canRetrieve)==null?void 0:h.call(r,n))&&s.push(r.config.getViewRoute(n.id))},k=n=>({label:c("consumer_groups.actions.view"),to:r.config.getViewRoute(n)}),L=n=>({label:c("consumer_groups.actions.edit"),to:r.config.getEditRoute(n)}),$=e.ref(void 0),q=e.ref(!1),z=e.ref(!1),re=e.ref(""),ae=m.useDeleteUrlBuilder(r.config,B.value),ce=n=>{$.value=n,q.value=!0},t=()=>{q.value=!1},i=async()=>{var n,d,h;if((n=$.value)!=null&&n.id){z.value=!0;try{await V.delete(ae($.value.id)),z.value=!1,q.value=!1,K.value++,a("delete:success",$.value)}catch(I){re.value=((h=(d=I.response)==null?void 0:d.data)==null?void 0:h.message)||I.message||c("consumer_groups.errors.delete"),a("error",I)}finally{z.value=!1}}},C=e.ref(!1),u=()=>{C.value=!0},l=()=>{C.value=!1},E=(n,d)=>{d||l(),K.value++,a("add:success",n)},S=()=>{w.value&&u()},_=e.ref(void 0),O=e.ref(!1),Se=e.ref(""),Fe=n=>{_.value=n,O.value=!0},fe=()=>{O.value=!1,_.value=void 0},Ke=e.computed(()=>{var d,h,I;let n=`${r.config.apiBaseUrl}${R.list[r.config.app].oneForConsumer}`;return r.config.app==="konnect"&&(n=n.replace(/{controlPlaneId}/gi,((d=r.config)==null?void 0:d.controlPlaneId)||"")),n.replace(/\/{workspace}/gi,(h=r.config)!=null&&h.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((I=r.config)==null?void 0:I.consumerId)||"")}),ge=e.ref(!1),Re=async()=>{if(_.value){ge.value=!0;try{const n=Ke.value.replace(/{consumerGroupId}/gi,_.value.id);await V.delete(n),a("remove:success",_.value),fe(),K.value++}catch(n){Se.value=n.message||c("consumer_groups.errors.delete"),a("error",n)}finally{ge.value=!1}}};e.watch(te,n=>{var d,h,I;if(n.status===m.FetcherStatus.Error){D.value={title:c("consumer_groups.errors.general")},(I=(h=(d=n.error)==null?void 0:d.response)==null?void 0:h.data)!=null&&I.message&&(D.value.message=n.error.response.data.message),a("error",n.error);return}D.value=null});const ue=e.ref({ctaPath:w.value?void 0:r.config.createRoute,ctaText:void 0,message:`${c("consumer_groups.list.empty_state.description")}${r.config.additionMessageForEmptyState?` ${r.config.additionMessageForEmptyState}`:""}`,title:c("consumer_groups.title")}),de=e.ref(!1);return e.onBeforeMount(async()=>{de.value=await r.canCreate(),de.value&&(ue.value.title=w.value?c("consumer_groups.list.empty_state.title_for_consumer"):c("consumer_groups.list.empty_state.title"),ue.value.ctaText=w.value?c("consumer_groups.actions.add_to_group"):c("consumer_groups.actions.create"))}),(n,d)=>{const h=e.resolveComponent("KButton"),I=e.resolveComponent("KEmptyState"),ne=e.resolveComponent("KDropdownItem"),he=e.resolveComponent("KClipboardProvider"),Ue=e.resolveComponent("KPrompt");return e.openBlock(),e.createElementBlock("div",Ie,[e.createVNode(e.unref(m.EntityBaseTable),{"cache-identifier":o.cacheIdentifier,"disable-pagination":w.value&&!o.config.paginatedEndpoint,"disable-sorting":Y.value,"empty-state-options":ue.value,"enable-entity-actions":"","error-message":D.value,fetcher:e.unref(oe),"fetcher-cache-key":e.unref(K),"pagination-type":"offset","preferences-storage-key":U.value,query:T.value,"row-attributes":v,"table-headers":e.unref(Z),onClearSearchInput:M,"onClick:row":d[3]||(d[3]=y=>p(y)),onEmptyStateCtaClicked:S,onSort:W,onState:e.unref(J)},e.createSlots({"toolbar-filter":e.withCtx(()=>[w.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(m.EntityFilter),{key:0,modelValue:T.value,"onUpdate:modelValue":d[0]||(d[0]=y=>T.value=y),config:Q.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.createElementVNode("div",Ne,[ee.value?(e.openBlock(),e.createBlock(h,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"consumer-groups-learn-more-button",icon:"",onClick:d[1]||(d[1]=y=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(X.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(m.PermissionsWrapper),{"auth-function":()=>o.canCreate()},{default:e.withCtx(()=>[e.createVNode(h,{appearance:"primary","data-testid":"toolbar-add-consumer-group",size:o.useActionOutside?"medium":"large",onClick:j},{default:e.withCtx(()=>[e.createVNode(e.unref(X.AddIcon)),e.createTextVNode(" "+e.toDisplayString(o.config.consumerId?e.unref(c)("consumer_groups.actions.add_to_group"):e.unref(c)("consumer_groups.list.toolbar_actions.new_consumer_group")),1)]),_:1},8,["size"])]),_:1},8,["auth-function"])])],8,["disabled"]))]),name:e.withCtx(({rowValue:y})=>[e.createElementVNode("b",null,e.toDisplayString(y??"-"),1)]),consumers_count:e.withCtx(({rowValue:y})=>[e.createTextVNode(e.toDisplayString(y??"-"),1)]),tags:e.withCtx(({rowValue:y})=>[e.createVNode(e.unref(m.TableTags),{tags:y},null,8,["tags"])]),actions:e.withCtx(({row:y})=>[e.createVNode(he,null,{default:e.withCtx(({copyToClipboard:ie})=>[e.createVNode(ne,{"data-testid":"action-entity-copy-id",onClick:qe=>g(y,ie)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("consumer_groups.actions.copy_id")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(he,null,{default:e.withCtx(({copyToClipboard:ie})=>[e.createVNode(ne,{"data-testid":"action-entity-copy-json",onClick:qe=>b(y,ie)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("consumer_groups.actions.copy_json")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(e.unref(m.PermissionsWrapper),{"auth-function":()=>o.canRetrieve(y)},{default:e.withCtx(()=>[e.createVNode(ne,{"data-testid":"action-entity-view","has-divider":"",item:k(y.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(m.PermissionsWrapper),{"auth-function":()=>o.canEdit(y)},{default:e.withCtx(()=>[e.createVNode(ne,{"data-testid":"action-entity-edit",item:L(y.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(m.PermissionsWrapper),{"auth-function":()=>o.canDelete(y)},{default:e.withCtx(()=>[e.createVNode(ne,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:()=>o.config.consumerId?Fe(y):ce(y)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.config.consumerId?e.unref(c)("consumer_groups.actions.exit"):e.unref(c)("consumer_groups.actions.delete")),1)]),_:1},8,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!T.value&&o.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>{var y;return[e.createVNode(I,{"data-testid":"consumer-groups-entity-empty-state","icon-background":"",message:e.unref(c)("consumer_groups.list.empty_state_v2.description"),title:e.unref(c)("consumer_groups.list.empty_state_v2.title")},e.createSlots({icon:e.withCtx(()=>[e.createVNode(e.unref(X.TeamIcon),{decorative:""})]),action:e.withCtx(()=>[de.value?(e.openBlock(),e.createBlock(h,{key:0,"data-testid":"entity-create-button",onClick:j},{default:e.withCtx(()=>[e.createVNode(e.unref(X.AddIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(c)("consumer_groups.list.toolbar_actions.new_consumer_group")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(h,{appearance:"secondary","data-testid":"entity-learn-more-button",onClick:d[2]||(d[2]=ie=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(X.BookIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(c)("consumer_groups.list.empty_state_v2.learn_more")),1)]),_:1})]),_:2},[(y=o.config)!=null&&y.isControlPlaneGroup?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("consumer_groups.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["message","title"])]}),key:"0"}:void 0]),1032,["cache-identifier","disable-pagination","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","preferences-storage-key","query","table-headers","onState"]),e.createVNode(e.unref(m.EntityDeleteModal),{"action-pending":z.value,"data-testid":"delete-consumer-group-modal",description:e.unref(c)("consumer_groups.delete.description"),"entity-name":$.value&&($.value.name||$.value.id),"entity-type":e.unref(m.EntityTypes).ConsumerGroup,error:re.value,title:e.unref(c)("consumer_groups.delete.title"),visible:q.value,onCancel:t,onProceed:i},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"]),o.config.consumerId?(e.openBlock(),e.createBlock(Ee,{key:0,config:o.config,"data-testid":"add-to-group-modal",visible:C.value,"onAdd:partialSuccess":d[4]||(d[4]=y=>E(y,!0)),"onAdd:success":d[5]||(d[5]=y=>E(y)),onCancel:l},null,8,["config","visible"])):e.createCommentVNode("",!0),o.config.consumerId&&_.value?(e.openBlock(),e.createBlock(Ue,{key:1,"action-button-appearance":"danger","data-testid":"exit-group-modal",title:e.unref(c)("consumer_groups.consumers.exit.title"),visible:O.value,onCancel:fe,onProceed:Re},{default:e.withCtx(()=>[e.createVNode(e.unref(f),{class:"exit-modal-message",keypath:o.config.consumerUsername?"consumer_groups.consumers.exit.confirmation":"consumer_groups.consumers.exit.confirmationNoUsername",tag:"p"},e.createSlots({consumerGroup:e.withCtx(()=>[e.createElementVNode("strong",null,e.toDisplayString(_.value.name||_.value.id),1)]),_:2},[o.config.consumerUsername?{name:"consumer",fn:e.withCtx(()=>[e.createElementVNode("strong",null,e.toDisplayString(o.config.consumerUsername),1)]),key:"0"}:void 0]),1032,["keypath"]),e.createElementVNode("p",null,e.toDisplayString(e.unref(c)("consumer_groups.consumers.exit.description")),1)]),_:1},8,["title","visible"])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-d84b29c3"]]),Be={class:"kong-ui-entities-consumer-group-form"},Te={class:"select-item-container"},Me={class:"select-item-label"},De={key:0,class:"select-item-description"},Ae=le(e.defineComponent({__name:"ConsumerGroupForm",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||(o==null?void 0:o.app)==="konnect"&&!(o!=null&&o.controlPlaneId)||(o==null?void 0:o.app)==="kongManager"&&typeof(o==null?void 0:o.workspace)!="string"||!(o!=null&&o.cancelRoute))},consumerGroupId:{type:String,required:!1,default:null},hideConsumers:{type:Boolean,default:!1}},emits:["update","error","loading"],setup(o,{emit:F}){var re,ae,ce;const a=o,r=F,{i18n:{t:f}}=se.useI18n(),c=me.useRouter(),s=e.reactive({fields:{name:"",tags:"",consumers:[]},errorMessage:"",readonly:!1}),V=e.reactive({name:"",tags:"",consumers:[]}),{debouncedQueryChange:Y,loading:G,error:Z,loadItems:v,results:j}=m.useDebouncedFilter(a.config,(ae=R.form[(re=a.config)==null?void 0:re.app])==null?void 0:ae.consumersList,"",{fetchedItemsKey:"data",searchKeys:["username","custom_id","id"]}),{axiosInstance:B}=m.useAxios((ce=a.config)==null?void 0:ce.axiosRequestConfig),{getMessageFromError:T}=m.useErrors(),Q=m.useValidators(),H=e.computed(()=>j.value.map(t=>({label:t.username||t.custom_id,value:t.id,selected:s.fields.consumers.includes(t.id),data:t}))),J=e.computed(()=>{var t;return R.form[(t=a.config)==null?void 0:t.app].edit}),ee=e.computed(()=>a.consumerGroupId?m.EntityBaseFormType.Edit:m.EntityBaseFormType.Create),w=e.computed(()=>!!s.fields.name&&!W.value),U=e.computed(()=>JSON.stringify(s.fields)!==JSON.stringify(V)),x=(t,i="",C="")=>{var l,E,S,_,O;let u=`${(l=a.config)==null?void 0:l.apiBaseUrl}${R.form[(E=a.config)==null?void 0:E.app][t]}`;return((S=a.config)==null?void 0:S.app)==="konnect"&&(u=u.replace(/{controlPlaneId}/gi,((_=a.config)==null?void 0:_.controlPlaneId)||"")),u=u.replace(/\/{workspace}/gi,(O=a.config)!=null&&O.workspace?`/${a.config.workspace}`:"").replace(/{id}/gi,(i||a.consumerGroupId)??""),(t==="addConsumer"||t==="removeConsumer")&&(u=u.replace(/{consumerId}/gi,C)),u},oe=()=>{var t;c.push(((t=a.config)==null?void 0:t.cancelRoute)||{name:"consumer-group-list"})},te=t=>{r("error",t)},K=t=>{r("loading",t)},M=async t=>{var C,u,l,E,S;s.fields.name=((C=t==null?void 0:t.item)==null?void 0:C.name)||((u=t==null?void 0:t.consumer_group)==null?void 0:u.name)||(t==null?void 0:t.name)||"";const i=((l=t==null?void 0:t.item)==null?void 0:l.tags)||(t==null?void 0:t.consumer_group.tags)||(t==null?void 0:t.tags)||[];if(s.fields.tags=(i==null?void 0:i.join(", "))||"","consumers"in t)s.fields.consumers=((E=t==null?void 0:t.consumers)==null?void 0:E.map(_=>_.id))||[];else try{const{data:_}=await B.get(x("getConsumers"));s.fields.consumers="consumers"in _?(S=_==null?void 0:_.consumers)==null?void 0:S.map(O=>O.id):[]}catch(_){p(_)}Object.assign(V,s.fields)},W=e.computed(()=>Q.utf8Name(s.fields.name)),D=e.computed(()=>{var t,i;return{name:s.fields.name,tags:(i=(t=s.fields.tags.split(","))==null?void 0:t.map(C=>String(C||"").trim()))==null?void 0:i.filter(C=>C!=="")}}),g=async(t,i="")=>await B.post(x("addConsumer",i,t),{consumer:t}),b=async(t,i="")=>await B.delete(x("removeConsumer",i,t)),p=t=>{s.errorMessage=T(t),r("error",t)},k=(t=a.consumerGroupId??"")=>{Object.assign(V,s.fields),r("update",{...s.fields,id:t})},L=(t,i,C=a.consumerGroupId??"")=>{const u=t==null?void 0:t.find(l=>l.status!=="fulfilled");u?p({code:u.status,message:i}):k(C)},$=async()=>{let t="";try{const{data:i}=await B.post(x("create"),D.value);t="item"in i?i.item.id:i.id}catch(i){p(i)}if(s.fields.consumers.length>0&&t)try{const i=s.fields.consumers.map(u=>g(u,t)),C=await Promise.allSettled(i);L(C,f("consumer_groups.errors.add_consumer"),t)}catch(i){p(i)}else s.fields.consumers.length===0&&t&&k(t)},q=async()=>{var C;try{((C=a.config)==null?void 0:C.app)==="konnect"?await B.put(x("edit"),D.value):await B.patch(x("edit"),D.value)}catch(u){p(u)}const t=s.fields.consumers.filter(u=>!V.consumers.includes(u)),i=V.consumers.filter(u=>!s.fields.consumers.includes(u));if(i.length===0&&t.length===0)k();else{if(i.length>0)try{const u=i.map(E=>b(E)),l=await Promise.allSettled(u);L(l,f("consumer_groups.errors.remove_consumer"))}catch(u){p(u)}if(t.length>0)try{const u=t.map(E=>g(E)),l=await Promise.allSettled(u);L(l,f("consumer_groups.errors.add_consumer"))}catch(u){p(u)}}},z=async()=>{try{s.readonly=!0,ee.value===m.EntityBaseFormType.Create?await $():await q()}finally{s.readonly=!1}};return e.onBeforeMount(async()=>{a.hideConsumers||await v()}),(t,i)=>{const C=e.resolveComponent("KInput"),u=e.resolveComponent("KMultiselect");return e.openBlock(),e.createElementBlock("div",Be,[e.createVNode(e.unref(m.EntityBaseForm),{"can-submit":w.value&&U.value,config:o.config,"edit-id":o.consumerGroupId,"entity-type":e.unref(m.SupportedEntityType).ConsumerGroup,"error-message":s.errorMessage||e.unref(Z)||W.value,"fetch-url":J.value,"form-fields":D.value,"is-readonly":s.readonly,onCancel:oe,"onFetch:error":i[3]||(i[3]=l=>te(l)),"onFetch:success":M,onLoading:i[4]||(i[4]=l=>K(l)),onSubmit:z},{default:e.withCtx(()=>[e.createVNode(e.unref(m.EntityFormSection),{description:e.unref(f)("consumer_groups.form.general_info.description"),title:e.unref(f)("consumer_groups.form.general_info.title")},{default:e.withCtx(()=>[e.createVNode(C,{modelValue:s.fields.name,"onUpdate:modelValue":i[0]||(i[0]=l=>s.fields.name=l),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"consumer-group-form-name",label:e.unref(f)("consumer_groups.form.fields.name.label"),placeholder:e.unref(f)("consumer_groups.form.fields.name.placeholder"),required:"",type:"text"},null,8,["modelValue","label","placeholder"]),e.createVNode(C,{modelValue:s.fields.tags,"onUpdate:modelValue":i[1]||(i[1]=l=>s.fields.tags=l),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"consumer-group-form-tags",help:e.unref(f)("consumer_groups.form.fields.tags.help"),label:e.unref(f)("consumer_groups.form.fields.tags.label"),"label-attributes":{info:e.unref(f)("consumer_groups.form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(f)("consumer_groups.form.fields.tags.placeholder"),type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder"])]),_:1},8,["description","title"]),o.hideConsumers?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(m.EntityFormSection),{key:0,description:e.unref(f)("consumer_groups.form.consumers.description"),"has-divider":"",title:e.unref(f)("consumer_groups.form.consumers.title")},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:s.fields.consumers,"onUpdate:modelValue":i[2]||(i[2]=l=>s.fields.consumers=l),appearance:"select",autosuggest:"",items:H.value,label:e.unref(f)("consumer_groups.form.fields.consumers.label"),loading:e.unref(G),placeholder:e.unref(f)("consumer_groups.form.fields.consumers.placeholder"),width:"auto",onQueryChange:e.unref(Y)},{"item-template":e.withCtx(({item:l})=>{var E,S,_;return[e.createElementVNode("div",Te,[e.createElementVNode("div",Me,e.toDisplayString(l.label),1),(E=l==null?void 0:l.data)!=null&&E.username&&((S=l==null?void 0:l.data)!=null&&S.custom_id)?(e.openBlock(),e.createElementBlock("div",De,e.toDisplayString((_=l==null?void 0:l.data)==null?void 0:_.custom_id),1)):e.createCommentVNode("",!0)])]}),_:1},8,["modelValue","items","label","loading","placeholder","onQueryChange"])]),_:1},8,["description","title"]))]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-9c98b878"]]),Pe={class:"kong-ui-consumer-group-entity-config-card"},Ge=e.defineComponent({__name:"ConsumerGroupConfigCard",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.entityId)},configCardDoc:{type:String,default:"",required:!1},hideTitle:{type:Boolean,default:!1}},emits:["loading","fetch:error","fetch:success"],setup(o){const F=o,{i18n:{t:a}}=se.useI18n(),r=e.computed(()=>R.item[F.config.app]),f=e.ref({id:{},name:{},created_at:{},updated_at:{},tags:{tooltip:a("consumer_groups.form.fields.tags.tooltip")}});return(c,s)=>(e.openBlock(),e.createElementBlock("div",Pe,[e.createVNode(e.unref(m.EntityBaseConfigCard),{config:o.config,"config-card-doc":o.configCardDoc,"config-schema":f.value,"data-key":"consumer_group","entity-type":e.unref(m.SupportedEntityType).ConsumerGroup,"fetch-url":r.value,"hide-title":o.hideTitle,"onFetch:error":s[0]||(s[0]=V=>c.$emit("fetch:error",V)),"onFetch:success":s[1]||(s[1]=V=>c.$emit("fetch:success",V)),onLoading:s[2]||(s[2]=V=>c.$emit("loading",V))},null,8,["config","config-card-doc","config-schema","entity-type","fetch-url","hide-title"])]))}});N.ConsumerGroupConfigCard=Ge,N.ConsumerGroupForm=Ae,N.ConsumerGroupList=$e,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.config-card-fieldset[data-v-5baf64ca]{border:solid 1px #e0e4ea;border:solid var(--kui-border-width-10, 1px) var(--kui-color-border, #e0e4ea);border-radius:4px;margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:4px}.config-card-fieldset-title[data-v-5baf64ca]{font-size:14px;font-size:var(--kui-font-size-30, 14px);padding:0 8px;padding:0 var(--kui-space-40, 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;margin:var(--kui-space-0, 0px) var(--kui-space-60, 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-2feb8c2e] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-b6987b3c]{align-items:center;border-bottom:var(--v25a763c4);box-sizing:border-box;display:var(--v1ac90e12);padding:16px;padding:var(--kui-space-60, 16px);padding-left:0;width:100%}.config-card-details-row .config-card-details-label[data-v-b6987b3c]{box-sizing:border-box;padding-right:16px;padding-right:var(--kui-space-60, 16px);width:var(--v45a716ee)}.config-card-details-row .config-card-details-label label[data-v-b6987b3c]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-b6987b3c]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-b6987b3c]{min-width:0}.config-card-details-row .config-card-details-value[data-v-b6987b3c]{box-sizing:border-box;width:var(--v45a28b38)}.config-card-details-row .config-card-details-value .truncated[data-v-b6987b3c]{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-b6987b3c]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-b6987b3c] .k-copy:not(:last-of-type){margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.config-card-details-row .config-card-details-value .method-badge-array[data-v-b6987b3c]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-b6987b3c]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.config-card-details-row[data-v-b6987b3c] .k-label{margin-bottom:0}.config-card-details-row[data-v-b6987b3c] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-b6987b3c] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-left-radius:var(--kui-border-radius-0, 0px);border-top-right-radius:0;border-top-right-radius:var(--kui-border-radius-0, 0px)}.json-endpoint{align-items:baseline;background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border-bottom:1px solid rgba(255,255,255,.2);border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border-inverse, rgba(255, 255, 255, .2));border-top-left-radius:8px;border-top-left-radius:var(--kui-border-radius-40, 8px);border-top-right-radius:8px;border-top-right-radius:var(--kui-border-radius-40, 8px);display:flex;padding:8px 0 8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-0, 0px) var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-bottom:var(--kui-space-0, 0px);padding-top:0;padding-top:var(--kui-space-0, 0px)}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--c7479fcc);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.deck-callout[data-v-0bf1334c]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-callout .cta[data-v-0bf1334c]{background:none;border:none;color:inherit;cursor:pointer;font:inherit;font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:0;text-decoration:underline}.generate-pat-modal[data-v-be3cd315] .modal-content{display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px)}.deck-config .k-select[data-v-991fe861]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-config .k-code-block[data-v-991fe861]{margin-top:12px;margin-top:var(--kui-space-50, 12px)}.deck-config .k-code-block.customization[data-v-991fe861]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #e0e4ea;border:1px solid var(--kui-color-border, #e0e4ea);border-radius:8px;border-radius:var(--kui-border-radius-40, 8px)}.deck-config .step-title[data-v-991fe861]{align-items:center;align-self:stretch;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:16px}.deck-config .step-title[data-v-991fe861]:not(:first-child){margin-top:16px;margin-top:var(--kui-space-60, 16px)}.deck-config .konnect-pat-actions[data-v-991fe861]{align-items:center;display:flex;flex-direction:row;gap:8px;gap:var(--kui-space-40, 8px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .copy-konnect-pat-alert[data-v-991fe861]{margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .customization-secret-advise[data-v-991fe861]{font-size:14px;font-size:var(--kui-font-size-30, 14px);opacity:.7}.deck-config .customization-footer-reminder[data-v-991fe861]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.config-card-prop-section-title[data-v-83075649]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card .config-card-actions[data-v-f962b7fb]{align-items:center;display:flex;gap:16px;gap:var(--kui-space-60, 16px)}.kong-ui-entity-base-config-card .config-card-actions .row[data-v-f962b7fb]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-f962b7fb]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px);margin-right:8px;margin-right:var(--kui-space-40, 8px)}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-f962b7fb]{align-items:center}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-f962b7fb] .checkbox-label{width:max-content}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-f962b7fb]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card[data-v-f962b7fb]:not(:has(.config-card-details-after)) .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .config-card-details-after[data-v-f962b7fb]{padding-top:16px;padding-top:var(--kui-space-60, 16px)}.kong-ui-entity-base-config-card .book-icon[data-v-f962b7fb]{margin-left:8px;margin-left:var(--kui-space-40, 8px);padding:0;padding:var(--kui-space-0, 0px)}.kong-ui-entity-base-form[data-v-726b0bd5]{box-sizing:border-box;max-width:1536px;max-width:var(--kui-breakpoint-desktop, 1536px);width:100%}.kong-ui-entity-base-form[data-v-726b0bd5] .k-slideout-title{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-size:24px!important;font-size:var(--kui-font-size-70, 24px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:32px!important;line-height:var(--kui-line-height-60, 32px)!important;margin-bottom:16px!important;margin-bottom:var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-726b0bd5] .k-card.content-card{padding:0 16px!important;padding:var(--kui-space-0, 0px) var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-726b0bd5] .tab-item>div.tab-link.has-panels{color:#6c7489!important;color:var(--kui-color-text-neutral, #6c7489)!important;font-size:14px!important;font-size:var(--kui-font-size-30, 14px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:24px!important;line-height:var(--kui-line-height-40, 24px)!important}.kong-ui-entity-base-form[data-v-726b0bd5] .tab-item.active>div.tab-link.has-panels{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-weight:600!important;font-weight:var(--kui-font-weight-semibold, 600)!important}.kong-ui-entity-base-form[data-v-726b0bd5] .slideout-content{overflow-y:unset!important}.kong-ui-entity-base-form.new-form-layout[data-v-726b0bd5]{border:none;padding:0}.kong-ui-entity-base-form.new-form-layout[data-v-726b0bd5]>.card-content>form>.form-actions{justify-content:flex-start;margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-entity-base-form.new-form-layout .form-error[data-v-726b0bd5]{margin:20px 0 0 16px;margin:var(--kui-space-70, 20px) 0 0 var(--kui-space-60, 16px)}.kong-ui-entity-base-form .button-customize-deck-wrapper[data-v-726b0bd5]{display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.form-actions[data-v-726b0bd5]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px;margin-top:var(--kui-space-80, 24px)}.form-actions[data-v-726b0bd5] .k-button:last-of-type,.form-actions[data-v-726b0bd5] .k-button:nth-last-of-type(2){margin-inline-start:16px;margin-inline-start:var(--kui-space-60, 16px)}.form-actions-reverted[data-v-726b0bd5]{direction:rtl}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-09e101d4]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-09e101d4]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-09e101d4]{display:none}.kong-ui-entity-delete-modal .message[data-v-fc366e0c],.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .message strong[data-v-fc366e0c]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-modal .body-stacked-copy .description[data-v-fc366e0c]{margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .description>p[data-v-fc366e0c]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .message[data-v-fc366e0c]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal[data-v-fc366e0c] .prompt-confirmation-text{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal-stacked-copy[data-v-fc366e0c] .prompt-content+.prompt-confirmation-container{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-error[data-v-fc366e0c]{margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-entity-filter-input[data-v-992d4ff3]{width:100%}.kong-ui-entity-filter-clear[data-v-992d4ff3]{cursor:pointer}.kong-ui-entity-filter[data-v-992d4ff3]{display:flex;position:relative}.kong-ui-entity-filter[data-v-992d4ff3] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-992d4ff3] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-992d4ff3]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-992d4ff3]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 4px 20px #e0e4ea;box-shadow:0 4px 20px var(--kui-color-border, #e0e4ea);left:0;margin-top:16px;padding:8px 0 12px;padding:var(--kui-space-40, 8px) 0 var(--kui-space-50, 12px);position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-992d4ff3]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:16px;line-height:var(--kui-line-height-20, 16px);list-style:none;margin:0 20px;margin:var(--kui-space-0, 0px) var(--kui-space-70, 20px);padding:16px 0;padding:var(--kui-space-60, 16px) 0;position:relative;white-space:nowrap}.menu-item-title[data-v-992d4ff3]{align-items:center;cursor:pointer;display:flex;line-height:24px;line-height:var(--kui-line-height-40, 24px)}.menu-item-title.expanded[data-v-992d4ff3]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.menu-item-expand-icon[data-v-992d4ff3]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-992d4ff3]{transform:rotate(180deg)}.menu-item-indicator[data-v-992d4ff3]{background-color:#0044f4;background-color:var(--kui-color-background-primary, #0044f4);border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-992d4ff3]{align-items:center;display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--kui-space-60, 16px)}.menu-item-body[data-v-992d4ff3] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-992d4ff3] .k-input{width:100%}.menu-item-body[data-v-992d4ff3] .k-select-input .input{font-size:12px}.menu-item-body[data-v-992d4ff3] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-992d4ff3]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-992d4ff3]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-992d4ff3]{padding:12px 20px 0;padding:var(--kui-space-50, 12px) var(--kui-space-70, 20px) 0}fieldset[data-v-ccd29028]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-ccd29028]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{column-gap:16px;column-gap:var(--kui-space-60, 16px);display:flex;flex-direction:column;padding-bottom:64px;padding-bottom:var(--kui-space-130, 64px);row-gap:12px;row-gap:var(--kui-space-50, 12px);width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-ccd29028]{height:fit-content;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-ccd29028]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028] p{color:#000933;color:var(--kui-color-text, #000933);font-size:14px;font-size:var(--kui-font-size-30, 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-ccd29028]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]>*:not(:first-child){margin-top:24px;margin-top:var(--kui-space-80, 24px)}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-ccd29028]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-entity-form-block .header[data-v-8e48a559]{align-items:flex-start;display:flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-entity-form-block .step[data-v-8e48a559]{align-items:center;background:#fff;background:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:1px solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:100px;border-radius:var(--kui-border-radius-round, 100px);display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:4px;padding:var(--kui-space-20, 4px);width:32px}.kong-ui-entity-form-block .header-content[data-v-8e48a559]{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);padding-top:4px;padding-top:var(--kui-space-20, 4px)}.kong-ui-entity-form-block .header-title[data-v-8e48a559]{color:#000933;color:var(--kui-color-text, #000933);font-size:18px;font-size:var(--kui-font-size-50, 18px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:24px;line-height:var(--kui-line-height-40, 24px);margin:0}.kong-ui-entity-form-block .header-description[data-v-8e48a559]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0}.kong-ui-entity-form-block .header-extra[data-v-8e48a559]{align-items:center;display:flex;flex:0 0 auto;gap:8px;gap:var(--kui-space-40, 8px);justify-content:flex-end}.kong-ui-entity-form-block .content[data-v-8e48a559]{background:#f9fafb;background:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px);margin-top:20px;margin-top:var(--kui-space-70, 20px);padding:20px 24px;padding:var(--kui-space-70, 20px) var(--kui-space-80, 24px)}.kong-ui-entity-form-block.stepped .content[data-v-8e48a559]{margin-left:16px;margin-left:var(--kui-space-60, 16px)}.kong-ui-public-entity-link[data-v-a18d7efa]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-a18d7efa]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-a18d7efa]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-a18d7efa] .external-link-icon{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);margin-left:4px;margin-left:var(--kui-space-20, 4px);padding:2px;padding:var(--kui-space-10, 2px)}.kong-ui-public-entity-link .entity-link-label[data-v-a18d7efa]{display:inline-block;font-weight:400;font-weight:var(--kui-font-weight-regular, 400);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-a18d7efa]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-a18d7efa]{margin-left:2px;margin-left:var(--kui-space-10, 2px)}.kong-ui-public-entity-empty-state[data-v-0b2e9081]{align-items:center;background-color:#fff;background-color:var(--kui-color-background, #ffffff);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);gap:24px;gap:var(--kui-space-80, 24px);padding:64px 0;padding:var(--kui-space-130, 64px) var(--kui-space-0, 0px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-0b2e9081]{padding:64px 96px;padding:var(--kui-space-130, 64px) var(--kui-space-150, 96px)}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-0b2e9081]{margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-0b2e9081]{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-0b2e9081]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:8px;gap:var(--kui-space-40, 8px);line-height:32px;line-height:var(--kui-line-height-60, 32px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-0b2e9081]{font-size:18px;font-size:var(--kui-font-size-50, 18px)}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:20px;line-height:var(--kui-line-height-30, 20px);max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-0b2e9081]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-0b2e9081]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{display:flex;flex-wrap:wrap;gap:16px;gap:var(--kui-space-60, 16px);justify-content:space-around;margin-top:8px;margin-top:var(--kui-space-40, 8px);width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5);gap:8px;gap:var(--kui-space-40, 8px);height:160px;padding:20px;padding:var(--kui-space-70, 20px);width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081] .kui-icon{height:20px!important;height:var(--kui-icon-size-40, 20px)!important;width:20px!important;width:var(--kui-icon-size-40, 20px)!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-title{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-content{-webkit-box-orient:vertical;color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-0b2e9081]{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;gap:16px;gap:var(--kui-space-60, 16px);padding-top:48px;padding-top:var(--kui-space-110, 48px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.kong-ui-public-sensitive-input[data-v-204fef12]{display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-public-sensitive-input[data-v-204fef12] .after-content-wrapper{align-items:center;gap:4px!important;gap:var(--kui-space-20, 4px)!important}.kong-ui-public-sensitive-input[data-v-204fef12] .input{padding-right:var(--v2efc1ee6)!important}.kong-ui-public-sensitive-input .sensitive-input-action[data-v-204fef12]{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);white-space:nowrap}.kong-ui-public-sensitive-input .sensitive-input-toggle[data-v-204fef12]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:pointer}.kong-ui-public-sensitive-input .sensitive-input-hint[data-v-204fef12]{align-items:center;background-color:#eefaff;background-color:var(--kui-color-background-info-weakest, #eefaff);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);color:#0044f4;color:var(--kui-color-text-info, #0044f4);display:flex;gap:8px;gap:var(--kui-space-40, 8px);padding:8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-hint-icon[data-v-204fef12]{flex-shrink:0}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-hint-text[data-v-204fef12]{flex:1;font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-copy[data-v-204fef12]{display:inline-flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:4px;gap:var(--kui-space-20, 4px)}.deck-command-editor-wrapper[data-v-55ffc70c]{isolation:isolate;position:relative}.deck-command-editor-wrapper .deck-command-editor[data-v-55ffc70c]{height:300px;margin-top:12px;margin-top:var(--kui-space-50, 12px);width:100%}.deck-command-editor-wrapper .deck-command-copy-button[data-v-55ffc70c]{opacity:0;position:absolute;right:10px;top:10px;transition:opacity linear .2s;transition:opacity linear var(--kui-animation-duration-20, .2s);z-index:10000}.deck-command-editor-wrapper:hover .deck-command-copy-button[data-v-55ffc70c]{opacity:1}.editor-skeleton[data-v-ec59bbd1]{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.kong-ui-entities-add-to-groups-modal .add-to-group-cta-text[data-v-54887165]{margin-top:0}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container[data-v-54887165]{margin-bottom:20px}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container .kong-ui-entity-add-to-groups-error[data-v-54887165]{margin-top:16px}.button-row[data-v-d84b29c3]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-entities-consumer-groups-list[data-v-d84b29c3]{width:100%}.kong-ui-entities-consumer-groups-list .kong-ui-entity-filter-input[data-v-d84b29c3]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.kong-ui-entities-consumer-groups-list .exit-modal-message[data-v-d84b29c3]{margin-top:0}.kong-ui-entities-consumer-group-form[data-v-d5f8b08f]{width:100%}@media screen and (min-width: 1280px){.kong-ui-entities-consumer-group-form[data-v-d5f8b08f] .form-section-wrapper{column-gap:64px;column-gap:var(--kui-space-130, 64px)}}.kong-ui-entities-consumer-group-form .select-item-container .select-item-label[data-v-d5f8b08f]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-entities-consumer-group-form .select-item-container .select-item-description[data-v-d5f8b08f]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px)}
|
|
1
|
+
@charset "UTF-8";.config-card-fieldset[data-v-5baf64ca]{border:solid 1px #e0e4ea;border:solid var(--kui-border-width-10, 1px) var(--kui-color-border, #e0e4ea);border-radius:4px;margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:4px}.config-card-fieldset-title[data-v-5baf64ca]{font-size:14px;font-size:var(--kui-font-size-30, 14px);padding:0 8px;padding:0 var(--kui-space-40, 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;margin:var(--kui-space-0, 0px) var(--kui-space-60, 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-2feb8c2e] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-b6987b3c]{align-items:center;border-bottom:var(--v25a763c4);box-sizing:border-box;display:var(--v1ac90e12);padding:16px;padding:var(--kui-space-60, 16px);padding-left:0;width:100%}.config-card-details-row .config-card-details-label[data-v-b6987b3c]{box-sizing:border-box;padding-right:16px;padding-right:var(--kui-space-60, 16px);width:var(--v45a716ee)}.config-card-details-row .config-card-details-label label[data-v-b6987b3c]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-b6987b3c]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-b6987b3c]{min-width:0}.config-card-details-row .config-card-details-value[data-v-b6987b3c]{box-sizing:border-box;width:var(--v45a28b38)}.config-card-details-row .config-card-details-value .truncated[data-v-b6987b3c]{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-b6987b3c]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-b6987b3c] .k-copy:not(:last-of-type){margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.config-card-details-row .config-card-details-value .method-badge-array[data-v-b6987b3c]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-b6987b3c]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.config-card-details-row[data-v-b6987b3c] .k-label{margin-bottom:0}.config-card-details-row[data-v-b6987b3c] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-b6987b3c] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-left-radius:var(--kui-border-radius-0, 0px);border-top-right-radius:0;border-top-right-radius:var(--kui-border-radius-0, 0px)}.json-endpoint{align-items:baseline;background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border-bottom:1px solid rgba(255,255,255,.2);border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border-inverse, rgba(255, 255, 255, .2));border-top-left-radius:8px;border-top-left-radius:var(--kui-border-radius-40, 8px);border-top-right-radius:8px;border-top-right-radius:var(--kui-border-radius-40, 8px);display:flex;padding:8px 0 8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-0, 0px) var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-bottom:var(--kui-space-0, 0px);padding-top:0;padding-top:var(--kui-space-0, 0px)}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--c7479fcc);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.deck-callout[data-v-0bf1334c]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-callout .cta[data-v-0bf1334c]{background:none;border:none;color:inherit;cursor:pointer;font:inherit;font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:0;text-decoration:underline}.generate-pat-modal[data-v-be3cd315] .modal-content{display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px)}.deck-config .k-select[data-v-991fe861]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-config .k-code-block[data-v-991fe861]{margin-top:12px;margin-top:var(--kui-space-50, 12px)}.deck-config .k-code-block.customization[data-v-991fe861]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #e0e4ea;border:1px solid var(--kui-color-border, #e0e4ea);border-radius:8px;border-radius:var(--kui-border-radius-40, 8px)}.deck-config .step-title[data-v-991fe861]{align-items:center;align-self:stretch;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:16px}.deck-config .step-title[data-v-991fe861]:not(:first-child){margin-top:16px;margin-top:var(--kui-space-60, 16px)}.deck-config .konnect-pat-actions[data-v-991fe861]{align-items:center;display:flex;flex-direction:row;gap:8px;gap:var(--kui-space-40, 8px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .copy-konnect-pat-alert[data-v-991fe861]{margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .customization-secret-advise[data-v-991fe861]{font-size:14px;font-size:var(--kui-font-size-30, 14px);opacity:.7}.deck-config .customization-footer-reminder[data-v-991fe861]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.config-card-prop-section-title[data-v-83075649]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card .config-card-actions[data-v-f962b7fb]{align-items:center;display:flex;gap:16px;gap:var(--kui-space-60, 16px)}.kong-ui-entity-base-config-card .config-card-actions .row[data-v-f962b7fb]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-f962b7fb]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px);margin-right:8px;margin-right:var(--kui-space-40, 8px)}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-f962b7fb]{align-items:center}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-f962b7fb] .checkbox-label{width:max-content}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-f962b7fb]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card[data-v-f962b7fb]:not(:has(.config-card-details-after)) .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .config-card-details-after[data-v-f962b7fb]{padding-top:16px;padding-top:var(--kui-space-60, 16px)}.kong-ui-entity-base-config-card .book-icon[data-v-f962b7fb]{margin-left:8px;margin-left:var(--kui-space-40, 8px);padding:0;padding:var(--kui-space-0, 0px)}.kong-ui-entity-base-form[data-v-726b0bd5]{box-sizing:border-box;max-width:1536px;max-width:var(--kui-breakpoint-desktop, 1536px);width:100%}.kong-ui-entity-base-form[data-v-726b0bd5] .k-slideout-title{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-size:24px!important;font-size:var(--kui-font-size-70, 24px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:32px!important;line-height:var(--kui-line-height-60, 32px)!important;margin-bottom:16px!important;margin-bottom:var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-726b0bd5] .k-card.content-card{padding:0 16px!important;padding:var(--kui-space-0, 0px) var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-726b0bd5] .tab-item>div.tab-link.has-panels{color:#6c7489!important;color:var(--kui-color-text-neutral, #6c7489)!important;font-size:14px!important;font-size:var(--kui-font-size-30, 14px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:24px!important;line-height:var(--kui-line-height-40, 24px)!important}.kong-ui-entity-base-form[data-v-726b0bd5] .tab-item.active>div.tab-link.has-panels{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-weight:600!important;font-weight:var(--kui-font-weight-semibold, 600)!important}.kong-ui-entity-base-form[data-v-726b0bd5] .slideout-content{overflow-y:unset!important}.kong-ui-entity-base-form.new-form-layout[data-v-726b0bd5]{border:none;padding:0}.kong-ui-entity-base-form.new-form-layout[data-v-726b0bd5]>.card-content>form>.form-actions{justify-content:flex-start;margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-entity-base-form.new-form-layout .form-error[data-v-726b0bd5]{margin:20px 0 0 16px;margin:var(--kui-space-70, 20px) 0 0 var(--kui-space-60, 16px)}.kong-ui-entity-base-form .button-customize-deck-wrapper[data-v-726b0bd5]{display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.form-actions[data-v-726b0bd5]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px;margin-top:var(--kui-space-80, 24px)}.form-actions[data-v-726b0bd5] .k-button:last-of-type,.form-actions[data-v-726b0bd5] .k-button:nth-last-of-type(2){margin-inline-start:16px;margin-inline-start:var(--kui-space-60, 16px)}.form-actions-reverted[data-v-726b0bd5]{direction:rtl}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-09e101d4]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-09e101d4]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-09e101d4]{display:none}.kong-ui-entity-delete-modal .message[data-v-fc366e0c],.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .message strong[data-v-fc366e0c]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-modal .body-stacked-copy .description[data-v-fc366e0c]{margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .description>p[data-v-fc366e0c]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .message[data-v-fc366e0c]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal[data-v-fc366e0c] .prompt-confirmation-text{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal-stacked-copy[data-v-fc366e0c] .prompt-content+.prompt-confirmation-container{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-error[data-v-fc366e0c]{margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-entity-filter-input[data-v-992d4ff3]{width:100%}.kong-ui-entity-filter-clear[data-v-992d4ff3]{cursor:pointer}.kong-ui-entity-filter[data-v-992d4ff3]{display:flex;position:relative}.kong-ui-entity-filter[data-v-992d4ff3] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-992d4ff3] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-992d4ff3]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-992d4ff3]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 4px 20px #e0e4ea;box-shadow:0 4px 20px var(--kui-color-border, #e0e4ea);left:0;margin-top:16px;padding:8px 0 12px;padding:var(--kui-space-40, 8px) 0 var(--kui-space-50, 12px);position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-992d4ff3]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:16px;line-height:var(--kui-line-height-20, 16px);list-style:none;margin:0 20px;margin:var(--kui-space-0, 0px) var(--kui-space-70, 20px);padding:16px 0;padding:var(--kui-space-60, 16px) 0;position:relative;white-space:nowrap}.menu-item-title[data-v-992d4ff3]{align-items:center;cursor:pointer;display:flex;line-height:24px;line-height:var(--kui-line-height-40, 24px)}.menu-item-title.expanded[data-v-992d4ff3]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.menu-item-expand-icon[data-v-992d4ff3]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-992d4ff3]{transform:rotate(180deg)}.menu-item-indicator[data-v-992d4ff3]{background-color:#0044f4;background-color:var(--kui-color-background-primary, #0044f4);border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-992d4ff3]{align-items:center;display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--kui-space-60, 16px)}.menu-item-body[data-v-992d4ff3] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-992d4ff3] .k-input{width:100%}.menu-item-body[data-v-992d4ff3] .k-select-input .input{font-size:12px}.menu-item-body[data-v-992d4ff3] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-992d4ff3]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-992d4ff3]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-992d4ff3]{padding:12px 20px 0;padding:var(--kui-space-50, 12px) var(--kui-space-70, 20px) 0}fieldset[data-v-ccd29028]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-ccd29028]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{column-gap:16px;column-gap:var(--kui-space-60, 16px);display:flex;flex-direction:column;padding-bottom:64px;padding-bottom:var(--kui-space-130, 64px);row-gap:12px;row-gap:var(--kui-space-50, 12px);width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-ccd29028]{height:fit-content;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-ccd29028]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028] p{color:#000933;color:var(--kui-color-text, #000933);font-size:14px;font-size:var(--kui-font-size-30, 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-ccd29028]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]>*:not(:first-child){margin-top:24px;margin-top:var(--kui-space-80, 24px)}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-ccd29028]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-entity-form-block .header[data-v-8e48a559]{align-items:flex-start;display:flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-entity-form-block .step[data-v-8e48a559]{align-items:center;background:#fff;background:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:1px solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:100px;border-radius:var(--kui-border-radius-round, 100px);display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:4px;padding:var(--kui-space-20, 4px);width:32px}.kong-ui-entity-form-block .header-content[data-v-8e48a559]{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);padding-top:4px;padding-top:var(--kui-space-20, 4px)}.kong-ui-entity-form-block .header-title[data-v-8e48a559]{color:#000933;color:var(--kui-color-text, #000933);font-size:18px;font-size:var(--kui-font-size-50, 18px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:24px;line-height:var(--kui-line-height-40, 24px);margin:0}.kong-ui-entity-form-block .header-description[data-v-8e48a559]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0}.kong-ui-entity-form-block .header-extra[data-v-8e48a559]{align-items:center;display:flex;flex:0 0 auto;gap:8px;gap:var(--kui-space-40, 8px);justify-content:flex-end}.kong-ui-entity-form-block .content[data-v-8e48a559]{background:#f9fafb;background:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px);margin-top:20px;margin-top:var(--kui-space-70, 20px);padding:20px 24px;padding:var(--kui-space-70, 20px) var(--kui-space-80, 24px)}.kong-ui-entity-form-block.stepped .content[data-v-8e48a559]{margin-left:16px;margin-left:var(--kui-space-60, 16px)}.kong-ui-public-entity-link[data-v-a18d7efa]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-a18d7efa]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-a18d7efa]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-a18d7efa] .external-link-icon{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);margin-left:4px;margin-left:var(--kui-space-20, 4px);padding:2px;padding:var(--kui-space-10, 2px)}.kong-ui-public-entity-link .entity-link-label[data-v-a18d7efa]{display:inline-block;font-weight:400;font-weight:var(--kui-font-weight-regular, 400);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-a18d7efa]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-a18d7efa]{margin-left:2px;margin-left:var(--kui-space-10, 2px)}.kong-ui-public-entity-empty-state[data-v-0b2e9081]{align-items:center;background-color:#fff;background-color:var(--kui-color-background, #ffffff);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);gap:24px;gap:var(--kui-space-80, 24px);padding:64px 0;padding:var(--kui-space-130, 64px) var(--kui-space-0, 0px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-0b2e9081]{padding:64px 96px;padding:var(--kui-space-130, 64px) var(--kui-space-150, 96px)}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-0b2e9081]{margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-0b2e9081]{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-0b2e9081]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:8px;gap:var(--kui-space-40, 8px);line-height:32px;line-height:var(--kui-line-height-60, 32px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-0b2e9081]{font-size:18px;font-size:var(--kui-font-size-50, 18px)}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:20px;line-height:var(--kui-line-height-30, 20px);max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-0b2e9081]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-0b2e9081]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{display:flex;flex-wrap:wrap;gap:16px;gap:var(--kui-space-60, 16px);justify-content:space-around;margin-top:8px;margin-top:var(--kui-space-40, 8px);width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5);gap:8px;gap:var(--kui-space-40, 8px);height:160px;padding:20px;padding:var(--kui-space-70, 20px);width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081] .kui-icon{height:20px!important;height:var(--kui-icon-size-40, 20px)!important;width:20px!important;width:var(--kui-icon-size-40, 20px)!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-title{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-content{-webkit-box-orient:vertical;color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-0b2e9081]{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;gap:16px;gap:var(--kui-space-60, 16px);padding-top:48px;padding-top:var(--kui-space-110, 48px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.kong-ui-public-sensitive-input[data-v-204fef12]{display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-public-sensitive-input[data-v-204fef12] .after-content-wrapper{align-items:center;gap:4px!important;gap:var(--kui-space-20, 4px)!important}.kong-ui-public-sensitive-input[data-v-204fef12] .input{padding-right:var(--v2efc1ee6)!important}.kong-ui-public-sensitive-input .sensitive-input-action[data-v-204fef12]{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);white-space:nowrap}.kong-ui-public-sensitive-input .sensitive-input-toggle[data-v-204fef12]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:pointer}.kong-ui-public-sensitive-input .sensitive-input-hint[data-v-204fef12]{align-items:center;background-color:#eefaff;background-color:var(--kui-color-background-info-weakest, #eefaff);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);color:#0044f4;color:var(--kui-color-text-info, #0044f4);display:flex;gap:8px;gap:var(--kui-space-40, 8px);padding:8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-hint-icon[data-v-204fef12]{flex-shrink:0}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-hint-text[data-v-204fef12]{flex:1;font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-copy[data-v-204fef12]{display:inline-flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:4px;gap:var(--kui-space-20, 4px)}.deck-command-editor-wrapper[data-v-55ffc70c]{isolation:isolate;position:relative}.deck-command-editor-wrapper .deck-command-editor[data-v-55ffc70c]{height:300px;margin-top:12px;margin-top:var(--kui-space-50, 12px);width:100%}.deck-command-editor-wrapper .deck-command-copy-button[data-v-55ffc70c]{opacity:0;position:absolute;right:10px;top:10px;transition:opacity linear .2s;transition:opacity linear var(--kui-animation-duration-20, .2s);z-index:10000}.deck-command-editor-wrapper:hover .deck-command-copy-button[data-v-55ffc70c]{opacity:1}.editor-skeleton[data-v-ec59bbd1]{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.kong-ui-entities-add-to-groups-modal .add-to-group-cta-text[data-v-54887165]{margin-top:0}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container[data-v-54887165]{margin-bottom:20px}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container .kong-ui-entity-add-to-groups-error[data-v-54887165]{margin-top:16px}.button-row[data-v-d84b29c3]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-entities-consumer-groups-list[data-v-d84b29c3]{width:100%}.kong-ui-entities-consumer-groups-list .kong-ui-entity-filter-input[data-v-d84b29c3]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.kong-ui-entities-consumer-groups-list .exit-modal-message[data-v-d84b29c3]{margin-top:0}.kong-ui-entities-consumer-group-form[data-v-9c98b878]{width:100%}@media screen and (min-width: 1280px){.kong-ui-entities-consumer-group-form[data-v-9c98b878] .form-section-wrapper{column-gap:64px;column-gap:var(--kui-space-130, 64px)}}.kong-ui-entities-consumer-group-form .select-item-container .select-item-label[data-v-9c98b878]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-entities-consumer-group-form .select-item-container .select-item-description[data-v-9c98b878]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kong-ui-public/entities-consumer-groups",
|
|
3
|
-
"version": "4.5.
|
|
3
|
+
"version": "4.5.23-pr.3427.6c3a3576f.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/entities-consumer-groups.umd.js",
|
|
6
6
|
"module": "./dist/entities-consumer-groups.es.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"axios": "^1.16.1",
|
|
27
27
|
"vue": ">= 3.3.13 < 4",
|
|
28
28
|
"vue-router": "^4.6.4 || ^5.0.6",
|
|
29
|
-
"@kong-ui-public/entities-shared": "^3.49.
|
|
29
|
+
"@kong-ui-public/entities-shared": "^3.49.4-pr.3427.6c3a3576f.0",
|
|
30
30
|
"@kong-ui-public/i18n": "^2.4.6"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
"axios": "^1.16.1",
|
|
37
37
|
"vue": "^3.5.34",
|
|
38
38
|
"vue-router": "^5.1.0",
|
|
39
|
-
"@kong-ui-public/
|
|
40
|
-
"@kong-ui-public/
|
|
39
|
+
"@kong-ui-public/i18n": "^2.4.6",
|
|
40
|
+
"@kong-ui-public/entities-shared": "^3.49.4-pr.3427.6c3a3576f.0"
|
|
41
41
|
},
|
|
42
42
|
"repository": {
|
|
43
43
|
"type": "git",
|