@kong-ui-public/entities-consumers 4.6.3 → 4.7.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.
- package/dist/entities-consumers.es.js +380 -377
- package/dist/entities-consumers.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/ConsumerList.vue.d.ts.map +1 -1
- package/dist/types/consumers-endpoints.d.ts +1 -0
- package/dist/types/consumers-endpoints.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(w,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):(w=typeof globalThis<"u"?globalThis:w||self,e(w["kong-ui-public-entities-consumers"]={},w.Vue,w.VueRouter,w.KongIcons,w["kong-ui-public-i18n"],w["kong-ui-public-entities-shared"]))})(this,(function(w,e,re,j,se,d){"use strict";const pe={consumers:{list:{table_headers:{username:"Username",custom_id:"Custom ID",tags:"Tags",id:"ID"},empty_state:{title:"Configure a new consumer",description:"Consumers are the end users of a service.",title_for_consumer_group:"Configure a new consumer"},empty_state_v2:{title:"Configure your first consumer",group:"Consumers created in gateways within this group will automatically appear here.",description:"Consumers represent users or apps accessing your APIs, allowing for tailored authentication and individual access control.",learn_more:"Learn more"},toolbar_actions:{new_consumer:"New consumer"}},title:"Consumers",search:{placeholder:{konnect:"Filter by name",kongManager:"Filter by exact username or ID"}},actions:{add_consumer:"Add consumer",create:"New consumer",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",remove:"Remove",view:"View details"},delete:{title:"Delete a consumer",description:"Deleting this consumer will also remove this consumer from any associated consumer group and delete all its plugins. This action cannot be reversed."},consumer_groups:{add:{title:"Add consumers",ctaText:"Add consumers to this group",consumers_label:"Consumers",consumer_placeholder:"Add consumer",footer:"Search by exact name or ID to find consumers not included in the list"},remove:{title:"Remove a consumer",confirmation:"Are you sure you want to remove this consumer {consumer} from consumer group {consumerGroup}?",confirmationNoCG:"Are you sure you want to remove this consumer {consumer} from this consumer group?",description:"Removing this consumer from the group could change the rate limit policy applied to this consumer."}},errors:{general:"Consumers could not be retrieved",delete:"The consumer could not be deleted at this time.",copy:"Failed to copy to clipboard",add:"Some consumers could not be added at this time.",already_added:"This consumer has already been added to the consumer group"},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"},form:{title:"Consumer identification",info:{title:"General information",description:"General information will help identify and manage added consumer."},consumer_identification:{title:"Consumer identification",description:"A consumer can have both unique username and unique custom ID or one of them."}},fields:{username:{label:"Username",placeholder:"Enter a unique username",tooltip:"The unique username of the consumer. You must send either this field or {custom_id} with the request.",custom_id:"custom_id"},custom_id:{label:"Custom ID",placeholder:"Enter a unique custom ID",tooltip:"Field for storing an existing unique ID for the consumer - useful for mapping Kong with users in your existing database. You must send either this field or {username} with the request.",username:"username"},tags:{label:"Tags",placeholder:"Enter a list of tags separated by comma",help:"e.g. tag1, tag2, tag3",tooltip:"An optional set of strings associated with the consumer for grouping and filtering."}}}};function fe(){const t=se.createI18n("en-us",pe);return{i18n:t,i18nT:se.i18nTComponent(t)}}const Q={useI18n:fe},L="/v2/control-planes/{controlPlaneId}/core-entities/{workspace}",H="/{workspace}",F={list:{konnect:{all:`${L}/consumers`,forConsumerGroup:`${L}/consumer_groups/{consumerGroupId}/consumers`,oneForConsumerGroup:`${L}/consumer_groups/{consumerGroupId}/consumers/{consumerId}`},kongManager:{all:`${H}/consumers`,forConsumerGroup:`${H}/consumer_groups/{consumerGroupId}/consumers`,oneForConsumerGroup:`${H}/consumer_groups/{consumerGroupId}/consumers/{consumerId}`}},form:{konnect:{create:`${L}/consumers`,edit:`${L}/consumers/{id}`},kongManager:{create:`${H}/consumers`,edit:`${H}/consumers/{id}`}}},ge={class:"add-consumer-form-container"},ye={class:"add-consumer-form-cta"},he={class:"select-item-label"},Ce={key:0,class:"select-item-desc"},be={key:0,class:"kong-ui-entity-add-consumers-error"},ke={key:0},_e=e.defineComponent({__name:"AddConsumerModal",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t?.app)||!t.consumerGroupId)},visible:{type:Boolean,required:!0}},emits:["cancel","add:success","add:partial-success","error"],setup(t,{emit:c}){const{i18n:{t:s}}=Q.useI18n(),o=t,b=c,{axiosInstance:r}=d.useAxios(o.config?.axiosRequestConfig),g=e.ref([]),{debouncedQueryChange:y,loading:I,allRecords:T,error:l,loadItems:O,results:R}=d.useDebouncedFilter(o.config,F.list[o.config.app].all,"",{fetchedItemsKey:"data",searchKeys:["username","id"]}),A=a=>a,N=e.computed(()=>l.value?s("consumers.errors.general"):""),W=e.ref(0),q=e.computed(()=>T.value===void 0),K=e.computed(()=>R.value.map(a=>({label:a.username||a.customId,value:a.id,selected:g.value.includes(a.id),data:a}))),P=a=>{const h=q.value?R.value.find(C=>C.id===a):T.value?.find(C=>C.id===a);return h?h.username||h.custom_id:a},k=()=>{E.value="",B.value=[],V.value=[],b("cancel")},B=e.ref([]),x=e.ref(!1),E=e.ref(""),i=async()=>{if(!g.value.length){E.value="",V.value=[],b("cancel");return}x.value=!0,E.value="",B.value=[],V.value=[];try{const a=g.value.map($=>U($)),h=await Promise.allSettled(a);let C=!0;h.forEach($=>{$.status!=="fulfilled"&&(C=!1)}),C?(B.value=[],V.value=[],b("add:success",g.value),g.value=[]):(B.value.length&&b("add:partial-success",B.value),g.value=[],_(h))}catch{E.value=s("consumers.errors.add"),b("error",E.value)}finally{x.value=!1}},m=e.computed(()=>{let a=`${o.config.apiBaseUrl}${F.list[o.config.app].forConsumerGroup}`;return o.config.app==="konnect"&&(a=a.replace(/{controlPlaneId}/gi,o.config?.controlPlaneId||"")),a.replace(/\/{workspace}/gi,o.config?.workspace?`/${o.config.workspace}`:"").replace(/{consumerGroupId}/gi,o.config?.consumerGroupId||"")}),U=async a=>{const h={consumer:a};try{const C=await r.post(m.value,h);return B.value.push(a),C}catch(C){let $=`${P(a)} - ${C.message}`;return C.response.status===409&&($=`${P(a)} - ${s("consumers.errors.already_added")}`),Promise.reject(Error($))}},V=e.ref([]),_=a=>{V.value=a.map(h=>h.reason?.message).filter(Boolean)};return e.watch(K,()=>{W.value++},{immediate:!0,deep:!0}),e.watch(()=>o.visible,()=>{o.visible&&O()},{immediate:!0}),(a,h)=>{const C=e.resolveComponent("KMultiselect"),$=e.resolveComponent("KAlert"),Z=e.resolveComponent("KPrompt");return e.openBlock(),e.createBlock(Z,{"action-button-disabled":x.value,class:"kong-ui-entities-add-consumers-modal","data-testid":"add-consumer-modal",title:e.unref(s)("consumers.consumer_groups.add.title"),visible:t.visible,onCancel:k,onProceed:i},{default:e.withCtx(()=>[e.createElementVNode("div",ge,[e.createElementVNode("p",ye,e.toDisplayString(e.unref(s)("consumers.consumer_groups.add.ctaText")),1),e.createVNode(C,{modelValue:g.value,"onUpdate:modelValue":h[0]||(h[0]=D=>g.value=D),autosuggest:"","data-testid":"add-consumers-multiselect","dropdown-footer-text":q.value?e.unref(s)("consumers.consumer_groups.add.footer"):void 0,items:K.value,label:e.unref(s)("consumers.consumer_groups.add.consumers_label"),loading:e.unref(I),placeholder:e.unref(s)("consumers.consumer_groups.add.consumer_placeholder"),readonly:x.value,required:"",width:"100%",onQueryChange:e.unref(y)},{"item-template":e.withCtx(({item:D})=>[e.createElementVNode("div",he,e.toDisplayString(D.label),1),A(D).data.username&&A(D).data.custom_id?(e.openBlock(),e.createElementBlock("div",Ce,e.toDisplayString(A(D).data.custom_id),1)):e.createCommentVNode("",!0)]),_:1},8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly","onQueryChange"]),E.value||N.value||V.value.length?(e.openBlock(),e.createElementBlock("div",be,[e.createVNode($,{appearance:"danger"},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(e.unref(s)("consumers.errors.add")),1),V.value.length?(e.openBlock(),e.createElementBlock("ul",ke,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,(D,S)=>(e.openBlock(),e.createElementBlock("li",{key:S},e.toDisplayString(D),1))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(E.value||N.value),1)]),_:1})])):e.createCommentVNode("",!0)])]),_:1},8,["action-button-disabled","title","visible"])}}}),X=(t,c)=>{const s=t.__vccOpts||t;for(const[o,b]of c)s[o]=b;return s},we=X(_e,[["__scopeId","data-v-ee085540"]]),Ve={class:"kong-ui-entities-consumers-list"},Ie={class:"button-row"},Ne={class:"empty-state-wrapper"},xe=X(e.defineComponent({__name:"ConsumerList",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t?.app)||!t.createRoute||!t.getViewRoute||!t.getEditRoute||t.app==="kongManager"&&!t.isExactMatch&&!t.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(t,{emit:c}){const s=c,o=t,{i18nT:b,i18n:{t:r}}=Q.useI18n(),g=re.useRouter(),{axiosInstance:y}=d.useAxios(o.config?.axiosRequestConfig),I=e.computed(()=>o.config.app!=="kongManager"||!!o.config.disableSorting),T={username:{label:r("consumers.list.table_headers.username"),searchable:!0,sortable:!0,hidable:!1},custom_id:{label:r("consumers.list.table_headers.custom_id"),searchable:!0,sortable:!0},tags:{label:r("consumers.list.table_headers.tags"),sortable:!1}},l=T,O=n=>({"data-testid":n.username??n.custom_id??n.id}),R=()=>{o.config.consumerGroupId?ie():g.push(o.config.createRoute)},A=e.computed(()=>{let n=`${o.config.apiBaseUrl}${F.list[o.config.app][k.value?"forConsumerGroup":"all"]}`;return o.config.app==="konnect"&&(n=n.replace(/{controlPlaneId}/gi,o.config?.controlPlaneId||"")),n.replace(/\/{workspace}/gi,o.config?.workspace?`/${o.config.workspace}`:"").replace(/{consumerGroupId}/gi,o.config?.consumerGroupId||"")}),N=e.ref(""),W=e.computed(()=>{const n=o.config.app==="konnect"||o.config.isExactMatch;return n?{isExactMatch:n,placeholder:r(`consumers.search.placeholder.${o.config.app}`)}:{isExactMatch:n,fields:{username:T.username,custom_id:T.custom_id},schema:o.config.filterSchema}}),{hasRecords:q,handleStateChange:K}=d.useTableState(N),P=e.computed(()=>q.value&&o.config.app==="konnect"),k=e.computed(()=>!!o.config.consumerGroupId),B=e.computed(()=>k.value?"kong-ui-entities-consumers-list-in-group-page":"kong-ui-entities-consumers-list"),x=e.computed(()=>k.value&&!o.config.paginatedEndpoint?"consumers":void 0),{fetcher:E,fetcherState:i,fetcherCacheKey:m}=d.useFetcher(e.computed(()=>({...o.config,cacheIdentifier:o.cacheIdentifier})),A,x),U=()=>{N.value=""},V=()=>{m.value++},_=n=>n??"-",a=e.ref(null),h=async(n,p)=>{const G=n.id;if(!await p(G)){s("copy:error",{entity:n,field:"id",message:r("consumers.errors.copy")});return}s("copy:success",{entity:n,field:"id",message:r("consumers.copy.success",{val:G})})},C=(n,p)=>{const G=JSON.stringify(n);if(!p(G)){s("copy:error",{entity:n,message:r("consumers.errors.copy")});return}s("copy:success",{entity:n,message:r("consumers.copy.success_brief")})},$=async n=>{await o.canRetrieve?.(n)&&g.push(o.config.getViewRoute(n.id))},Z=n=>({label:r("consumers.actions.view"),to:o.config.getViewRoute(n)}),D=n=>({label:r("consumers.actions.edit"),to:o.config.getEditRoute(n)}),S=e.ref(void 0),z=e.ref(!1),Y=e.ref(!1),ae=e.ref(""),qe=d.useDeleteUrlBuilder(o.config,A.value),Ke=n=>{S.value=n,z.value=!0},Ue=()=>{z.value=!1},Oe=async()=>{if(S.value?.id){Y.value=!0;try{await y.delete(qe(S.value.id)),Y.value=!1,z.value=!1,m.value++,s("delete:success",S.value)}catch(n){ae.value=n.response?.data?.message||n.message||r("consumers.errors.delete"),s("error",n)}finally{Y.value=!1}}},v=e.ref(!1),ie=()=>{v.value=!0},ce=()=>{v.value=!1},le=(n,p)=>{p||ce(),m.value++,s("add:success",n)},je=()=>{k.value&&ie()},M=e.ref(void 0),ee=e.ref(!1),Le=e.ref(""),He=n=>{M.value=n,ee.value=!0},de=()=>{ee.value=!1,M.value=void 0},We=e.computed(()=>{let n=`${o.config.apiBaseUrl}${F.list[o.config.app].oneForConsumerGroup}`;return o.config.app==="konnect"&&(n=n.replace(/{controlPlaneId}/gi,o.config?.controlPlaneId||"")),n.replace(/\/{workspace}/gi,o.config?.workspace?`/${o.config.workspace}`:"").replace(/{consumerGroupId}/gi,o.config?.consumerGroupId||"")}),ue=e.ref(!1),Je=async()=>{if(M.value){ue.value=!0;try{const n=We.value.replace(/{consumerId}/gi,M.value.id);await y.delete(n),s("remove:success",M.value),de(),m.value++}catch(n){Le.value=n.message||r("consumers.errors.delete"),s("error",n)}finally{ue.value=!1}}};e.watch(i,n=>{if(n.status===d.FetcherStatus.Error){a.value={title:r("consumers.errors.general")},n.error?.response?.data?.message&&(a.value.message=n.error.response.data.message),s("error",n.error);return}a.value=null});const te=e.ref({ctaPath:k.value?void 0:o.config.createRoute,ctaText:void 0,message:`${r("consumers.list.empty_state.description")}${o.config.additionMessageForEmptyState?` ${o.config.additionMessageForEmptyState}`:""}`,title:r("consumers.title")}),oe=e.ref(!1);return e.onBeforeMount(async()=>{oe.value=await o.canCreate(),oe.value&&(te.value.title=k.value?r("consumers.list.empty_state.title_for_consumer_group"):r("consumers.list.empty_state.title"),te.value.ctaText=k.value?r("consumers.actions.add_consumer"):r("consumers.actions.create"))}),(n,p)=>{const G=e.resolveComponent("KButton"),Qe=e.resolveComponent("KEmptyState"),J=e.resolveComponent("KDropdownItem"),me=e.resolveComponent("KClipboardProvider"),ze=e.resolveComponent("KPrompt");return e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(e.unref(d.EntityBaseTable),{"cache-identifier":t.cacheIdentifier,"disable-sorting":I.value,"empty-state-options":te.value,"enable-entity-actions":"","error-message":a.value,fetcher:e.unref(E),"fetcher-cache-key":e.unref(m),"hide-pagination":k.value&&!t.config.paginatedEndpoint,"pagination-type":"offset","preferences-storage-key":B.value,query:N.value,"row-attributes":O,"table-headers":e.unref(l),onClearSearchInput:U,"onClick:row":p[3]||(p[3]=u=>$(u)),onEmptyStateCtaClicked:je,onSort:V,onState:e.unref(K)},e.createSlots({"toolbar-filter":e.withCtx(()=>[e.renderSlot(n.$slots,"toolbar-filter",{},void 0,!0),k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(d.EntityFilter),{key:0,modelValue:N.value,"onUpdate:modelValue":p[0]||(p[0]=u=>N.value=u),config:W.value},null,8,["modelValue","config"]))]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!t.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createElementVNode("div",Ie,[!k.value&&P.value?(e.openBlock(),e.createBlock(G,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"consumers-learn-more-button",icon:"",onClick:p[1]||(p[1]=u=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(j.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>t.canCreate()},{default:e.withCtx(()=>[e.createVNode(G,{appearance:"primary","data-testid":"toolbar-add-consumer",size:t.useActionOutside?"medium":"large",onClick:R},{default:e.withCtx(()=>[e.createVNode(e.unref(j.AddIcon)),e.createTextVNode(" "+e.toDisplayString(t.config.consumerGroupId?e.unref(r)("consumers.actions.add_consumer"):e.unref(r)("consumers.list.toolbar_actions.new_consumer")),1)]),_:1},8,["size"])]),_:1},8,["auth-function"])])],8,["disabled"]))]),username:e.withCtx(({rowValue:u})=>[e.createElementVNode("b",null,e.toDisplayString(_(u)),1)]),custom_id:e.withCtx(({rowValue:u})=>[e.createTextVNode(e.toDisplayString(_(u)),1)]),tags:e.withCtx(({rowValue:u})=>[e.createVNode(e.unref(d.TableTags),{tags:u},null,8,["tags"])]),actions:e.withCtx(({row:u})=>[e.createVNode(me,null,{default:e.withCtx(({copyToClipboard:ne})=>[e.createVNode(J,{"data-testid":"action-entity-copy-id",onClick:Ye=>h(u,ne)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("consumers.actions.copy_id")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(me,null,{default:e.withCtx(({copyToClipboard:ne})=>[e.createVNode(J,{"data-testid":"action-entity-copy-json",onClick:Ye=>C(u,ne)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("consumers.actions.copy_json")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>t.canRetrieve(u)},{default:e.withCtx(()=>[e.createVNode(J,{"data-testid":"action-entity-view","has-divider":"",item:Z(u.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>t.canEdit(u)},{default:e.withCtx(()=>[e.createVNode(J,{"data-testid":"action-entity-edit",item:D(u.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>t.canDelete(u)},{default:e.withCtx(()=>[e.createVNode(J,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:()=>t.config.consumerGroupId?He(u):Ke(u)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.config.consumerGroupId?e.unref(r)("consumers.actions.remove"):e.unref(r)("consumers.actions.delete")),1)]),_:1},8,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!N.value&&t.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>[e.createElementVNode("div",Ne,[e.renderSlot(n.$slots,"empty-state-toolbar",{},void 0,!0),e.createVNode(Qe,{"data-testid":t.config.consumerGroupId?"nested-consumers-entity-empty-state":"consumers-entity-empty-state","icon-background":"",message:e.unref(r)("consumers.list.empty_state_v2.description"),title:e.unref(r)("consumers.list.empty_state_v2.title")},e.createSlots({icon:e.withCtx(()=>[e.createVNode(e.unref(j.TeamIcon),{decorative:""})]),action:e.withCtx(()=>[oe.value?(e.openBlock(),e.createBlock(G,{key:0,"data-testid":"entity-create-button",onClick:R},{default:e.withCtx(()=>[e.createVNode(e.unref(j.AddIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(r)("consumers.list.toolbar_actions.new_consumer")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(G,{appearance:"secondary","data-testid":"entity-learn-more-button",onClick:p[2]||(p[2]=u=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(j.BookIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(r)("consumers.list.empty_state_v2.learn_more")),1)]),_:1})]),_:2},[t.config?.isControlPlaneGroup?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("consumers.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["data-testid","message","title"])])]),key:"0"}:void 0]),1032,["cache-identifier","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","hide-pagination","preferences-storage-key","query","table-headers","onState"]),e.createVNode(e.unref(d.EntityDeleteModal),{"action-button-disabled":Y.value,"data-testid":"delete-consumer-modal",description:e.unref(r)("consumers.delete.description"),"entity-name":S.value&&(S.value.username||S.value.custom_id||S.value.id),"entity-type":e.unref(d.EntityTypes).Consumer,error:ae.value,title:e.unref(r)("consumers.delete.title"),visible:z.value,onCancel:Ue,onProceed:Oe},null,8,["action-button-disabled","description","entity-name","entity-type","error","title","visible"]),t.config.consumerGroupId?(e.openBlock(),e.createBlock(we,{key:0,config:t.config,"data-testid":"add-consumer-modal",visible:v.value,"onAdd:partialSuccess":p[4]||(p[4]=u=>le(u,!0)),"onAdd:success":p[5]||(p[5]=u=>le(u)),onCancel:ce},null,8,["config","visible"])):e.createCommentVNode("",!0),t.config.consumerGroupId&&M.value?(e.openBlock(),e.createBlock(ze,{key:1,"action-button-appearance":"danger","data-testid":"remove-consumer-modal",title:e.unref(r)("consumers.consumer_groups.remove.title"),visible:ee.value,onCancel:de,onProceed:Je},{default:e.withCtx(()=>[e.createVNode(e.unref(b),{class:"message",keypath:t.config.consumerGroupName?"consumers.consumer_groups.remove.confirmation":"consumers.consumer_groups.remove.confirmationNoCG",tag:"p"},e.createSlots({consumer:e.withCtx(()=>[e.createElementVNode("strong",null,e.toDisplayString(M.value.username||M.value.custom_id||M.value.id),1)]),_:2},[t.config.consumerGroupName?{name:"consumerGroup",fn:e.withCtx(()=>[e.createElementVNode("strong",null,e.toDisplayString(t.config.consumerGroupName),1)]),key:"0"}:void 0]),1032,["keypath"]),e.createElementVNode("p",null,e.toDisplayString(e.unref(r)("consumers.consumer_groups.remove.description")),1)]),_:1},8,["title","visible"])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-079a124d"]]),f=[];for(let t=0;t<256;++t)f.push((t+256).toString(16).slice(1));function Ee(t,c=0){return(f[t[c+0]]+f[t[c+1]]+f[t[c+2]]+f[t[c+3]]+"-"+f[t[c+4]]+f[t[c+5]]+"-"+f[t[c+6]]+f[t[c+7]]+"-"+f[t[c+8]]+f[t[c+9]]+"-"+f[t[c+10]]+f[t[c+11]]+f[t[c+12]]+f[t[c+13]]+f[t[c+14]]+f[t[c+15]]).toLowerCase()}const Be=new Uint8Array(16);function $e(){return crypto.getRandomValues(Be)}function De(t,c,s){return crypto.randomUUID?crypto.randomUUID():Se(t)}function Se(t,c,s){t=t||{};const o=t.random??t.rng?.()??$e();if(o.length<16)throw new Error("Random bytes length must be >= 16");return o[6]=o[6]&15|64,o[8]=o[8]&63|128,Ee(o)}const Te={class:"kong-ui-entities-consumer-form"},Me=["id"],Ge={class:"fields-group-text"},Ae=["aria-labelledby"],Pe=X(e.defineComponent({__name:"ConsumerForm",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t?.app)||t?.app==="konnect"&&!t?.controlPlaneId||t?.app==="kongManager"&&typeof t?.workspace!="string"||!t?.cancelRoute)},consumerId:{type:String,required:!1,default:null}},emits:["update","error","loading"],setup(t,{emit:c}){const s=t,o=c,{i18nT:b,i18n:{t:r}}=Q.useI18n(),g=re.useRouter(),{axiosInstance:y}=d.useAxios(s.config?.axiosRequestConfig),{getMessageFromError:I}=d.useErrors(),T=De(),l=e.reactive({fields:{username:"",customId:"",tags:""},readonly:!1,errorMessage:""}),O=e.reactive({username:"",customId:"",tags:""}),R=e.computed(()=>F.form[s.config?.app]?.edit),A=()=>{g.push(s.config?.cancelRoute||{name:"consumer-list"})},N=i=>{o("loading",i)},W=i=>{o("error",i)},q=i=>{l.fields.username=i?.item?.username||i?.username||"",l.fields.customId=i?.item?.custom_id||i?.custom_id||"";const m=i?.item?.tags||i?.tags||[];l.fields.tags=m?.join(", ")||"",Object.assign(O,l.fields)},K=e.computed(()=>s.consumerId?d.EntityBaseFormType.Edit:d.EntityBaseFormType.Create),P=i=>{let m=`${s.config?.apiBaseUrl}${F.form[s.config?.app][i]}`;return s.config?.app==="konnect"&&(m=m.replace(/{controlPlaneId}/gi,s.config?.controlPlaneId||"")),m.replace(/\/{workspace}/gi,s.config?.workspace?`/${s.config.workspace}`:"").replace(/{id}/gi,s.consumerId??"")},k=e.computed(()=>!!l.fields.username||!!l.fields.customId),B=e.computed(()=>JSON.stringify(l.fields)!==JSON.stringify(O)),x=e.computed(()=>({username:l.fields.username||null,custom_id:l.fields.customId||null,tags:l.fields.tags.split(",")?.map(i=>String(i||"").trim())?.filter(i=>i!=="")})),E=async()=>{try{l.readonly=!0;let i;K.value==="create"?i=await y.post(P("create"),x.value):K.value==="edit"&&(i=s.config?.app==="konnect"?await y.put(P("edit"),x.value):await y.patch(P("edit"),x.value)),q(i?.data),o("update",i?.data)}catch(i){l.errorMessage=I(i),o("error",i)}finally{l.readonly=!1}};return(i,m)=>{const U=e.resolveComponent("KInput"),V=e.resolveComponent("KCard");return e.openBlock(),e.createElementBlock("div",Te,[e.createVNode(e.unref(d.EntityBaseForm),{"can-submit":k.value&&B.value,config:t.config,"edit-id":t.consumerId,"entity-type":e.unref(d.SupportedEntityType).Consumer,"error-message":l.errorMessage,"fetch-url":R.value,"form-fields":x.value,"is-readonly":l.readonly,onCancel:A,"onFetch:error":m[3]||(m[3]=_=>W(_)),"onFetch:success":q,onLoading:m[4]||(m[4]=_=>N(_)),onSubmit:E},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(r)("consumers.form.info.description"),"has-divider":"",title:e.unref(r)("consumers.form.info.title")},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("h3",{id:`fields-group-title-${e.unref(T)}`,class:"fields-group-title"},e.toDisplayString(e.unref(r)("consumers.form.consumer_identification.title"))+"* ",9,Me),e.createElementVNode("p",Ge,e.toDisplayString(e.unref(r)("consumers.form.consumer_identification.description")),1)]),e.createVNode(V,null,{default:e.withCtx(()=>[e.createElementVNode("fieldset",{"aria-labelledby":`fields-group-title-${e.unref(T)}`},[e.createVNode(U,{modelValue:l.fields.username,"onUpdate:modelValue":m[0]||(m[0]=_=>l.fields.username=_),modelModifiers:{trim:!0},autocomplete:"off",class:"username-field","data-testid":"consumer-form-username",label:e.unref(r)("consumers.fields.username.label"),"label-attributes":{tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(r)("consumers.fields.username.placeholder"),readonly:l.readonly,type:"text"},{"label-tooltip":e.withCtx(()=>[e.createVNode(e.unref(b),{keypath:"consumers.fields.username.tooltip",scope:"global"},{custom_id:e.withCtx(()=>[e.createElementVNode("code",null,e.toDisplayString(e.unref(r)("consumers.fields.username.custom_id")),1)]),_:1})]),_:1},8,["modelValue","label","placeholder","readonly"]),e.createVNode(U,{modelValue:l.fields.customId,"onUpdate:modelValue":m[1]||(m[1]=_=>l.fields.customId=_),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"consumer-form-custom-id",label:e.unref(r)("consumers.fields.custom_id.label"),"label-attributes":{tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(r)("consumers.fields.custom_id.placeholder"),readonly:l.readonly,type:"text"},{"label-tooltip":e.withCtx(()=>[e.createVNode(e.unref(b),{keypath:"consumers.fields.custom_id.tooltip",scope:"global"},{username:e.withCtx(()=>[e.createElementVNode("code",null,e.toDisplayString(e.unref(r)("consumers.fields.custom_id.username")),1)]),_:1})]),_:1},8,["modelValue","label","placeholder","readonly"])],8,Ae)]),_:1}),e.createVNode(U,{modelValue:l.fields.tags,"onUpdate:modelValue":m[2]||(m[2]=_=>l.fields.tags=_),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"consumer-form-tags",help:e.unref(r)("consumers.fields.tags.help"),label:e.unref(r)("consumers.fields.tags.label"),"label-attributes":{info:e.unref(r)("consumers.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(r)("consumers.fields.tags.placeholder"),readonly:l.readonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"])])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-a0873f95"]]),Fe={class:"kong-ui-consumer-entity-config-card"},Re=e.defineComponent({__name:"ConsumerConfigCard",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t?.app)||t.app==="konnect"&&!t.controlPlaneId||t.app==="kongManager"&&typeof t.workspace!="string"||!t.entityId)},configCardDoc:{type:String,default:"",required:!1},hideTitle:{type:Boolean,default:!1}},emits:["loading","fetch:error","fetch:success"],setup(t){const c=t,{i18n:{t:s},i18nT:o}=Q.useI18n(),b=e.computed(()=>F.form[c.config.app].edit),r=e.ref({id:{},username:{section:d.ConfigurationSchemaSection.Basic,tooltip:s("consumers.fields.username.tooltip"),order:1},custom_id:{section:d.ConfigurationSchemaSection.Basic,tooltip:s("consumers.fields.custom_id.tooltip"),label:s("consumers.fields.custom_id.label"),order:2},updated_at:{},created_at:{},tags:{tooltip:s("consumers.fields.tags.tooltip")},username_lower:{hidden:!0},type:{hidden:!0}});return(g,y)=>(e.openBlock(),e.createElementBlock("div",Fe,[e.createVNode(e.unref(d.EntityBaseConfigCard),{config:t.config,"config-card-doc":t.configCardDoc,"config-schema":r.value,"entity-type":e.unref(d.SupportedEntityType).Consumer,"fetch-url":b.value,"hide-title":t.hideTitle,"onFetch:error":y[0]||(y[0]=I=>g.$emit("fetch:error",I)),"onFetch:success":y[1]||(y[1]=I=>g.$emit("fetch:success",I)),onLoading:y[2]||(y[2]=I=>g.$emit("loading",I))},{"username-label-tooltip":e.withCtx(()=>[e.createVNode(e.unref(o),{keypath:"consumers.fields.username.tooltip",scope:"global"},{custom_id:e.withCtx(()=>[e.createElementVNode("code",null,e.toDisplayString(e.unref(s)("consumers.fields.username.custom_id")),1)]),_:1})]),"custom_id-label-tooltip":e.withCtx(()=>[e.createVNode(e.unref(o),{keypath:"consumers.fields.custom_id.tooltip",scope:"global"},{username:e.withCtx(()=>[e.createElementVNode("code",null,e.toDisplayString(e.unref(s)("consumers.fields.custom_id.username")),1)]),_:1})]),_:1},8,["config","config-card-doc","config-schema","entity-type","fetch-url","hide-title"])]))}});w.ConsumerConfigCard=Re,w.ConsumerForm=Pe,w.ConsumerList=xe,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
|
|
1
|
+
(function(w,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):(w=typeof globalThis<"u"?globalThis:w||self,e(w["kong-ui-public-entities-consumers"]={},w.Vue,w.VueRouter,w.KongIcons,w["kong-ui-public-i18n"],w["kong-ui-public-entities-shared"]))})(this,(function(w,e,se,j,ae,l){"use strict";const fe={consumers:{list:{table_headers:{username:"Username",custom_id:"Custom ID",tags:"Tags",id:"ID"},empty_state:{title:"Configure a new consumer",description:"Consumers are the end users of a service.",title_for_consumer_group:"Configure a new consumer"},empty_state_v2:{title:"Configure your first consumer",group:"Consumers created in gateways within this group will automatically appear here.",description:"Consumers represent users or apps accessing your APIs, allowing for tailored authentication and individual access control.",learn_more:"Learn more"},toolbar_actions:{new_consumer:"New consumer"}},title:"Consumers",search:{placeholder:{konnect:"Filter by name",kongManager:"Filter by exact username or ID"}},actions:{add_consumer:"Add consumer",create:"New consumer",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",remove:"Remove",view:"View details"},delete:{title:"Delete a consumer",description:"Deleting this consumer will also remove this consumer from any associated consumer group and delete all its plugins. This action cannot be reversed."},consumer_groups:{add:{title:"Add consumers",ctaText:"Add consumers to this group",consumers_label:"Consumers",consumer_placeholder:"Add consumer",footer:"Search by exact name or ID to find consumers not included in the list"},remove:{title:"Remove a consumer",confirmation:"Are you sure you want to remove this consumer {consumer} from consumer group {consumerGroup}?",confirmationNoCG:"Are you sure you want to remove this consumer {consumer} from this consumer group?",description:"Removing this consumer from the group could change the rate limit policy applied to this consumer."}},errors:{general:"Consumers could not be retrieved",delete:"The consumer could not be deleted at this time.",copy:"Failed to copy to clipboard",add:"Some consumers could not be added at this time.",already_added:"This consumer has already been added to the consumer group"},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"},form:{title:"Consumer identification",info:{title:"General information",description:"General information will help identify and manage added consumer."},consumer_identification:{title:"Consumer identification",description:"A consumer can have both unique username and unique custom ID or one of them."}},fields:{username:{label:"Username",placeholder:"Enter a unique username",tooltip:"The unique username of the consumer. You must send either this field or {custom_id} with the request.",custom_id:"custom_id"},custom_id:{label:"Custom ID",placeholder:"Enter a unique custom ID",tooltip:"Field for storing an existing unique ID for the consumer - useful for mapping Kong with users in your existing database. You must send either this field or {username} with the request.",username:"username"},tags:{label:"Tags",placeholder:"Enter a list of tags separated by comma",help:"e.g. tag1, tag2, tag3",tooltip:"An optional set of strings associated with the consumer for grouping and filtering."}}}};function ge(){const t=ae.createI18n("en-us",fe);return{i18n:t,i18nT:ae.i18nTComponent(t)}}const Q={useI18n:ge},U="/v2/control-planes/{controlPlaneId}/core-entities/{workspace}",L="/{workspace}",M={list:{konnect:{all:`${U}/consumers`,forConsumerGroup:`${U}/consumer_groups/{consumerGroupId}/consumers`,oneForConsumerGroup:`${U}/consumer_groups/{consumerGroupId}/consumers/{consumerId}`,search:`${U}/consumers/search`},kongManager:{all:`${L}/consumers`,forConsumerGroup:`${L}/consumer_groups/{consumerGroupId}/consumers`,oneForConsumerGroup:`${L}/consumer_groups/{consumerGroupId}/consumers/{consumerId}`}},form:{konnect:{create:`${U}/consumers`,edit:`${U}/consumers/{id}`},kongManager:{create:`${L}/consumers`,edit:`${L}/consumers/{id}`}}},ye={class:"add-consumer-form-container"},he={class:"add-consumer-form-cta"},Ce={class:"select-item-label"},be={key:0,class:"select-item-desc"},ke={key:0,class:"kong-ui-entity-add-consumers-error"},_e={key:0},we=e.defineComponent({__name:"AddConsumerModal",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t?.app)||!t.consumerGroupId)},visible:{type:Boolean,required:!0}},emits:["cancel","add:success","add:partial-success","error"],setup(t,{emit:i}){const{i18n:{t:s}}=Q.useI18n(),o=t,_=i,{axiosInstance:r}=l.useAxios(o.config?.axiosRequestConfig),h=e.ref([]),{debouncedQueryChange:k,loading:N,allRecords:D,error:c,loadItems:O,results:P}=l.useDebouncedFilter(o.config,M.list[o.config.app].all,"",{fetchedItemsKey:"data",searchKeys:["username","id"]}),G=d=>d,R=e.computed(()=>c.value?s("consumers.errors.general"):""),H=e.ref(0),V=e.computed(()=>D.value===void 0),q=e.computed(()=>P.value.map(d=>({label:d.username||d.customId,value:d.id,selected:h.value.includes(d.id),data:d}))),A=d=>{const b=V.value?P.value.find(g=>g.id===d):D.value?.find(g=>g.id===d);return b?b.username||b.custom_id:d},W=()=>{x.value="",E.value=[],C.value=[],_("cancel")},E=e.ref([]),p=e.ref(!1),x=e.ref(""),a=async()=>{if(!h.value.length){x.value="",C.value=[],_("cancel");return}p.value=!0,x.value="",E.value=[],C.value=[];try{const d=h.value.map(B=>K(B)),b=await Promise.allSettled(d);let g=!0;b.forEach(B=>{B.status!=="fulfilled"&&(g=!1)}),g?(E.value=[],C.value=[],_("add:success",h.value),h.value=[]):(E.value.length&&_("add:partial-success",E.value),h.value=[],I(b))}catch{x.value=s("consumers.errors.add"),_("error",x.value)}finally{p.value=!1}},f=e.computed(()=>{let d=`${o.config.apiBaseUrl}${M.list[o.config.app].forConsumerGroup}`;return o.config.app==="konnect"&&(d=d.replace(/{controlPlaneId}/gi,o.config?.controlPlaneId||"")),d.replace(/\/{workspace}/gi,o.config?.workspace?`/${o.config.workspace}`:"").replace(/{consumerGroupId}/gi,o.config?.consumerGroupId||"")}),K=async d=>{const b={consumer:d};try{const g=await r.post(f.value,b);return E.value.push(d),g}catch(g){let B=`${A(d)} - ${g.message}`;return g.response.status===409&&(B=`${A(d)} - ${s("consumers.errors.already_added")}`),Promise.reject(Error(B))}},C=e.ref([]),I=d=>{C.value=d.map(b=>b.reason?.message).filter(Boolean)};return e.watch(q,()=>{H.value++},{immediate:!0,deep:!0}),e.watch(()=>o.visible,()=>{o.visible&&O()},{immediate:!0}),(d,b)=>{const g=e.resolveComponent("KMultiselect"),B=e.resolveComponent("KAlert"),Z=e.resolveComponent("KPrompt");return e.openBlock(),e.createBlock(Z,{"action-button-disabled":p.value,class:"kong-ui-entities-add-consumers-modal","data-testid":"add-consumer-modal",title:e.unref(s)("consumers.consumer_groups.add.title"),visible:t.visible,onCancel:W,onProceed:a},{default:e.withCtx(()=>[e.createElementVNode("div",ye,[e.createElementVNode("p",he,e.toDisplayString(e.unref(s)("consumers.consumer_groups.add.ctaText")),1),e.createVNode(g,{modelValue:h.value,"onUpdate:modelValue":b[0]||(b[0]=$=>h.value=$),autosuggest:"","data-testid":"add-consumers-multiselect","dropdown-footer-text":V.value?e.unref(s)("consumers.consumer_groups.add.footer"):void 0,items:q.value,label:e.unref(s)("consumers.consumer_groups.add.consumers_label"),loading:e.unref(N),placeholder:e.unref(s)("consumers.consumer_groups.add.consumer_placeholder"),readonly:p.value,required:"",width:"100%",onQueryChange:e.unref(k)},{"item-template":e.withCtx(({item:$})=>[e.createElementVNode("div",Ce,e.toDisplayString($.label),1),G($).data.username&&G($).data.custom_id?(e.openBlock(),e.createElementBlock("div",be,e.toDisplayString(G($).data.custom_id),1)):e.createCommentVNode("",!0)]),_:1},8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly","onQueryChange"]),x.value||R.value||C.value.length?(e.openBlock(),e.createElementBlock("div",ke,[e.createVNode(B,{appearance:"danger"},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(e.unref(s)("consumers.errors.add")),1),C.value.length?(e.openBlock(),e.createElementBlock("ul",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,($,v)=>(e.openBlock(),e.createElementBlock("li",{key:v},e.toDisplayString($),1))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(x.value||R.value),1)]),_:1})])):e.createCommentVNode("",!0)])]),_:1},8,["action-button-disabled","title","visible"])}}}),X=(t,i)=>{const s=t.__vccOpts||t;for(const[o,_]of i)s[o]=_;return s},Ve=X(we,[["__scopeId","data-v-ee085540"]]),Ie={class:"kong-ui-entities-consumers-list"},Ne={class:"button-row"},xe={class:"empty-state-wrapper"},Ee=X(e.defineComponent({__name:"ConsumerList",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t?.app)||!t.createRoute||!t.getViewRoute||!t.getEditRoute||t.app==="kongManager"&&!t.isExactMatch&&!t.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(t,{emit:i}){const s=i,o=t,{i18nT:_,i18n:{t:r}}=Q.useI18n(),h=se.useRouter(),{axiosInstance:k}=l.useAxios(o.config?.axiosRequestConfig),N=e.computed(()=>o.config.app!=="kongManager"||!!o.config.disableSorting),D={username:{label:r("consumers.list.table_headers.username"),searchable:!0,sortable:!0,hidable:!1},custom_id:{label:r("consumers.list.table_headers.custom_id"),searchable:!0,sortable:!0},tags:{label:r("consumers.list.table_headers.tags"),sortable:!1}},c=D,O=n=>({"data-testid":n.username??n.custom_id??n.id}),P=()=>{o.config.consumerGroupId?ce():h.push(o.config.createRoute)},G=n=>{let m=`${o.config.apiBaseUrl}${n}`;return o.config.app==="konnect"&&(m=m.replace(/{controlPlaneId}/gi,o.config?.controlPlaneId||"")),m.replace(/\/{workspace}/gi,o.config?.workspace?`/${o.config.workspace}`:"").replace(/{consumerGroupId}/gi,o.config?.consumerGroupId||"")},R=e.computed(()=>G(M.list[o.config.app][p.value?"forConsumerGroup":"all"])),H=e.computed(()=>o.config.app==="konnect"&&o.config.workspace&&V.value?G(M.list.konnect.search):R.value),V=e.ref(""),q=e.computed(()=>{const n=o.config.app==="konnect"||o.config.isExactMatch;return n?{isExactMatch:n,placeholder:r(`consumers.search.placeholder.${o.config.app}`)}:{isExactMatch:n,fields:{username:D.username,custom_id:D.custom_id},schema:o.config.filterSchema}}),{hasRecords:A,handleStateChange:W}=l.useTableState(V),E=e.computed(()=>A.value&&o.config.app==="konnect"),p=e.computed(()=>!!o.config.consumerGroupId),x=e.computed(()=>p.value?"kong-ui-entities-consumers-list-in-group-page":"kong-ui-entities-consumers-list"),a=e.computed(()=>p.value&&!o.config.paginatedEndpoint?"consumers":void 0),{fetcher:f,fetcherState:K,fetcherCacheKey:C}=l.useFetcher(e.computed(()=>({...o.config,cacheIdentifier:o.cacheIdentifier})),H,a),I=()=>{V.value=""},d=()=>{C.value++},b=n=>n??"-",g=e.ref(null),B=async(n,m)=>{const T=n.id;if(!await m(T)){s("copy:error",{entity:n,field:"id",message:r("consumers.errors.copy")});return}s("copy:success",{entity:n,field:"id",message:r("consumers.copy.success",{val:T})})},Z=(n,m)=>{const T=JSON.stringify(n);if(!m(T)){s("copy:error",{entity:n,message:r("consumers.errors.copy")});return}s("copy:success",{entity:n,message:r("consumers.copy.success_brief")})},$=async n=>{await o.canRetrieve?.(n)&&h.push(o.config.getViewRoute(n.id))},v=n=>({label:r("consumers.actions.view"),to:o.config.getViewRoute(n)}),Ke=n=>({label:r("consumers.actions.edit"),to:o.config.getEditRoute(n)}),F=e.ref(void 0),z=e.ref(!1),Y=e.ref(!1),ie=e.ref(""),Ue=l.useDeleteUrlBuilder(o.config,R.value),Oe=n=>{F.value=n,z.value=!0},je=()=>{z.value=!1},Le=async()=>{if(F.value?.id){Y.value=!0;try{await k.delete(Ue(F.value.id)),Y.value=!1,z.value=!1,C.value++,s("delete:success",F.value)}catch(n){ie.value=n.response?.data?.message||n.message||r("consumers.errors.delete"),s("error",n)}finally{Y.value=!1}}},ee=e.ref(!1),ce=()=>{ee.value=!0},le=()=>{ee.value=!1},de=(n,m)=>{m||le(),C.value++,s("add:success",n)},He=()=>{p.value&&ce()},S=e.ref(void 0),te=e.ref(!1),We=e.ref(""),Je=n=>{S.value=n,te.value=!0},ue=()=>{te.value=!1,S.value=void 0},Qe=e.computed(()=>{let n=`${o.config.apiBaseUrl}${M.list[o.config.app].oneForConsumerGroup}`;return o.config.app==="konnect"&&(n=n.replace(/{controlPlaneId}/gi,o.config?.controlPlaneId||"")),n.replace(/\/{workspace}/gi,o.config?.workspace?`/${o.config.workspace}`:"").replace(/{consumerGroupId}/gi,o.config?.consumerGroupId||"")}),me=e.ref(!1),ze=async()=>{if(S.value){me.value=!0;try{const n=Qe.value.replace(/{consumerId}/gi,S.value.id);await k.delete(n),s("remove:success",S.value),ue(),C.value++}catch(n){We.value=n.message||r("consumers.errors.delete"),s("error",n)}finally{me.value=!1}}};e.watch(K,n=>{if(n.status===l.FetcherStatus.Error){g.value={title:r("consumers.errors.general")},n.error?.response?.data?.message&&(g.value.message=n.error.response.data.message),s("error",n.error);return}g.value=null});const oe=e.ref({ctaPath:p.value?void 0:o.config.createRoute,ctaText:void 0,message:`${r("consumers.list.empty_state.description")}${o.config.additionMessageForEmptyState?` ${o.config.additionMessageForEmptyState}`:""}`,title:r("consumers.title")}),ne=e.ref(!1);return e.onBeforeMount(async()=>{ne.value=await o.canCreate(),ne.value&&(oe.value.title=p.value?r("consumers.list.empty_state.title_for_consumer_group"):r("consumers.list.empty_state.title"),oe.value.ctaText=p.value?r("consumers.actions.add_consumer"):r("consumers.actions.create"))}),(n,m)=>{const T=e.resolveComponent("KButton"),Ye=e.resolveComponent("KEmptyState"),J=e.resolveComponent("KDropdownItem"),pe=e.resolveComponent("KClipboardProvider"),Xe=e.resolveComponent("KPrompt");return e.openBlock(),e.createElementBlock("div",Ie,[e.createVNode(e.unref(l.EntityBaseTable),{"cache-identifier":t.cacheIdentifier,"disable-sorting":N.value,"empty-state-options":oe.value,"enable-entity-actions":"","error-message":g.value,fetcher:e.unref(f),"fetcher-cache-key":e.unref(C),"hide-pagination":p.value&&!t.config.paginatedEndpoint,"pagination-type":"offset","preferences-storage-key":x.value,query:V.value,"row-attributes":O,"table-headers":e.unref(c),onClearSearchInput:I,"onClick:row":m[3]||(m[3]=u=>$(u)),onEmptyStateCtaClicked:He,onSort:d,onState:e.unref(W)},e.createSlots({"toolbar-filter":e.withCtx(()=>[e.renderSlot(n.$slots,"toolbar-filter",{},void 0,!0),p.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(l.EntityFilter),{key:0,modelValue:V.value,"onUpdate:modelValue":m[0]||(m[0]=u=>V.value=u),config:q.value},null,8,["modelValue","config"]))]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!t.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createElementVNode("div",Ne,[!p.value&&E.value?(e.openBlock(),e.createBlock(T,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"consumers-learn-more-button",icon:"",onClick:m[1]||(m[1]=u=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(j.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(l.PermissionsWrapper),{"auth-function":()=>t.canCreate()},{default:e.withCtx(()=>[e.createVNode(T,{appearance:"primary","data-testid":"toolbar-add-consumer",size:t.useActionOutside?"medium":"large",onClick:P},{default:e.withCtx(()=>[e.createVNode(e.unref(j.AddIcon)),e.createTextVNode(" "+e.toDisplayString(t.config.consumerGroupId?e.unref(r)("consumers.actions.add_consumer"):e.unref(r)("consumers.list.toolbar_actions.new_consumer")),1)]),_:1},8,["size"])]),_:1},8,["auth-function"])])],8,["disabled"]))]),username:e.withCtx(({rowValue:u})=>[e.createElementVNode("b",null,e.toDisplayString(b(u)),1)]),custom_id:e.withCtx(({rowValue:u})=>[e.createTextVNode(e.toDisplayString(b(u)),1)]),tags:e.withCtx(({rowValue:u})=>[e.createVNode(e.unref(l.TableTags),{tags:u},null,8,["tags"])]),actions:e.withCtx(({row:u})=>[e.createVNode(pe,null,{default:e.withCtx(({copyToClipboard:re})=>[e.createVNode(J,{"data-testid":"action-entity-copy-id",onClick:Ze=>B(u,re)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("consumers.actions.copy_id")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(pe,null,{default:e.withCtx(({copyToClipboard:re})=>[e.createVNode(J,{"data-testid":"action-entity-copy-json",onClick:Ze=>Z(u,re)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("consumers.actions.copy_json")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(e.unref(l.PermissionsWrapper),{"auth-function":()=>t.canRetrieve(u)},{default:e.withCtx(()=>[e.createVNode(J,{"data-testid":"action-entity-view","has-divider":"",item:v(u.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(l.PermissionsWrapper),{"auth-function":()=>t.canEdit(u)},{default:e.withCtx(()=>[e.createVNode(J,{"data-testid":"action-entity-edit",item:Ke(u.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(l.PermissionsWrapper),{"auth-function":()=>t.canDelete(u)},{default:e.withCtx(()=>[e.createVNode(J,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:()=>t.config.consumerGroupId?Je(u):Oe(u)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.config.consumerGroupId?e.unref(r)("consumers.actions.remove"):e.unref(r)("consumers.actions.delete")),1)]),_:1},8,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!V.value&&t.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>[e.createElementVNode("div",xe,[e.renderSlot(n.$slots,"empty-state-toolbar",{},void 0,!0),e.createVNode(Ye,{"data-testid":t.config.consumerGroupId?"nested-consumers-entity-empty-state":"consumers-entity-empty-state","icon-background":"",message:e.unref(r)("consumers.list.empty_state_v2.description"),title:e.unref(r)("consumers.list.empty_state_v2.title")},e.createSlots({icon:e.withCtx(()=>[e.createVNode(e.unref(j.TeamIcon),{decorative:""})]),action:e.withCtx(()=>[ne.value?(e.openBlock(),e.createBlock(T,{key:0,"data-testid":"entity-create-button",onClick:P},{default:e.withCtx(()=>[e.createVNode(e.unref(j.AddIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(r)("consumers.list.toolbar_actions.new_consumer")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(T,{appearance:"secondary","data-testid":"entity-learn-more-button",onClick:m[2]||(m[2]=u=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(j.BookIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(r)("consumers.list.empty_state_v2.learn_more")),1)]),_:1})]),_:2},[t.config?.isControlPlaneGroup?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("consumers.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["data-testid","message","title"])])]),key:"0"}:void 0]),1032,["cache-identifier","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","hide-pagination","preferences-storage-key","query","table-headers","onState"]),e.createVNode(e.unref(l.EntityDeleteModal),{"action-button-disabled":Y.value,"data-testid":"delete-consumer-modal",description:e.unref(r)("consumers.delete.description"),"entity-name":F.value&&(F.value.username||F.value.custom_id||F.value.id),"entity-type":e.unref(l.EntityTypes).Consumer,error:ie.value,title:e.unref(r)("consumers.delete.title"),visible:z.value,onCancel:je,onProceed:Le},null,8,["action-button-disabled","description","entity-name","entity-type","error","title","visible"]),t.config.consumerGroupId?(e.openBlock(),e.createBlock(Ve,{key:0,config:t.config,"data-testid":"add-consumer-modal",visible:ee.value,"onAdd:partialSuccess":m[4]||(m[4]=u=>de(u,!0)),"onAdd:success":m[5]||(m[5]=u=>de(u)),onCancel:le},null,8,["config","visible"])):e.createCommentVNode("",!0),t.config.consumerGroupId&&S.value?(e.openBlock(),e.createBlock(Xe,{key:1,"action-button-appearance":"danger","data-testid":"remove-consumer-modal",title:e.unref(r)("consumers.consumer_groups.remove.title"),visible:te.value,onCancel:ue,onProceed:ze},{default:e.withCtx(()=>[e.createVNode(e.unref(_),{class:"message",keypath:t.config.consumerGroupName?"consumers.consumer_groups.remove.confirmation":"consumers.consumer_groups.remove.confirmationNoCG",tag:"p"},e.createSlots({consumer:e.withCtx(()=>[e.createElementVNode("strong",null,e.toDisplayString(S.value.username||S.value.custom_id||S.value.id),1)]),_:2},[t.config.consumerGroupName?{name:"consumerGroup",fn:e.withCtx(()=>[e.createElementVNode("strong",null,e.toDisplayString(t.config.consumerGroupName),1)]),key:"0"}:void 0]),1032,["keypath"]),e.createElementVNode("p",null,e.toDisplayString(e.unref(r)("consumers.consumer_groups.remove.description")),1)]),_:1},8,["title","visible"])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-eb0fde3b"]]),y=[];for(let t=0;t<256;++t)y.push((t+256).toString(16).slice(1));function Be(t,i=0){return(y[t[i+0]]+y[t[i+1]]+y[t[i+2]]+y[t[i+3]]+"-"+y[t[i+4]]+y[t[i+5]]+"-"+y[t[i+6]]+y[t[i+7]]+"-"+y[t[i+8]]+y[t[i+9]]+"-"+y[t[i+10]]+y[t[i+11]]+y[t[i+12]]+y[t[i+13]]+y[t[i+14]]+y[t[i+15]]).toLowerCase()}const $e=new Uint8Array(16);function De(){return crypto.getRandomValues($e)}function Se(t,i,s){return crypto.randomUUID?crypto.randomUUID():Te(t)}function Te(t,i,s){t=t||{};const o=t.random??t.rng?.()??De();if(o.length<16)throw new Error("Random bytes length must be >= 16");return o[6]=o[6]&15|64,o[8]=o[8]&63|128,Be(o)}const Me={class:"kong-ui-entities-consumer-form"},Ge=["id"],Ae={class:"fields-group-text"},Fe=["aria-labelledby"],Pe=X(e.defineComponent({__name:"ConsumerForm",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t?.app)||t?.app==="konnect"&&!t?.controlPlaneId||t?.app==="kongManager"&&typeof t?.workspace!="string"||!t?.cancelRoute)},consumerId:{type:String,required:!1,default:null}},emits:["update","error","loading"],setup(t,{emit:i}){const s=t,o=i,{i18nT:_,i18n:{t:r}}=Q.useI18n(),h=se.useRouter(),{axiosInstance:k}=l.useAxios(s.config?.axiosRequestConfig),{getMessageFromError:N}=l.useErrors(),D=Se(),c=e.reactive({fields:{username:"",customId:"",tags:""},readonly:!1,errorMessage:""}),O=e.reactive({username:"",customId:"",tags:""}),P=e.computed(()=>M.form[s.config?.app]?.edit),G=()=>{h.push(s.config?.cancelRoute||{name:"consumer-list"})},R=a=>{o("loading",a)},H=a=>{o("error",a)},V=a=>{c.fields.username=a?.item?.username||a?.username||"",c.fields.customId=a?.item?.custom_id||a?.custom_id||"";const f=a?.item?.tags||a?.tags||[];c.fields.tags=f?.join(", ")||"",Object.assign(O,c.fields)},q=e.computed(()=>s.consumerId?l.EntityBaseFormType.Edit:l.EntityBaseFormType.Create),A=a=>{let f=`${s.config?.apiBaseUrl}${M.form[s.config?.app][a]}`;return s.config?.app==="konnect"&&(f=f.replace(/{controlPlaneId}/gi,s.config?.controlPlaneId||"")),f.replace(/\/{workspace}/gi,s.config?.workspace?`/${s.config.workspace}`:"").replace(/{id}/gi,s.consumerId??"")},W=e.computed(()=>!!c.fields.username||!!c.fields.customId),E=e.computed(()=>JSON.stringify(c.fields)!==JSON.stringify(O)),p=e.computed(()=>({username:c.fields.username||null,custom_id:c.fields.customId||null,tags:c.fields.tags.split(",")?.map(a=>String(a||"").trim())?.filter(a=>a!=="")})),x=async()=>{try{c.readonly=!0;let a;q.value==="create"?a=await k.post(A("create"),p.value):q.value==="edit"&&(a=s.config?.app==="konnect"?await k.put(A("edit"),p.value):await k.patch(A("edit"),p.value)),V(a?.data),o("update",a?.data)}catch(a){c.errorMessage=N(a),o("error",a)}finally{c.readonly=!1}};return(a,f)=>{const K=e.resolveComponent("KInput"),C=e.resolveComponent("KCard");return e.openBlock(),e.createElementBlock("div",Me,[e.createVNode(e.unref(l.EntityBaseForm),{"can-submit":W.value&&E.value,config:t.config,"edit-id":t.consumerId,"entity-type":e.unref(l.SupportedEntityType).Consumer,"error-message":c.errorMessage,"fetch-url":P.value,"form-fields":p.value,"is-readonly":c.readonly,onCancel:G,"onFetch:error":f[3]||(f[3]=I=>H(I)),"onFetch:success":V,onLoading:f[4]||(f[4]=I=>R(I)),onSubmit:x},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createVNode(e.unref(l.EntityFormSection),{description:e.unref(r)("consumers.form.info.description"),"has-divider":"",title:e.unref(r)("consumers.form.info.title")},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("h3",{id:`fields-group-title-${e.unref(D)}`,class:"fields-group-title"},e.toDisplayString(e.unref(r)("consumers.form.consumer_identification.title"))+"* ",9,Ge),e.createElementVNode("p",Ae,e.toDisplayString(e.unref(r)("consumers.form.consumer_identification.description")),1)]),e.createVNode(C,null,{default:e.withCtx(()=>[e.createElementVNode("fieldset",{"aria-labelledby":`fields-group-title-${e.unref(D)}`},[e.createVNode(K,{modelValue:c.fields.username,"onUpdate:modelValue":f[0]||(f[0]=I=>c.fields.username=I),modelModifiers:{trim:!0},autocomplete:"off",class:"username-field","data-testid":"consumer-form-username",label:e.unref(r)("consumers.fields.username.label"),"label-attributes":{tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(r)("consumers.fields.username.placeholder"),readonly:c.readonly,type:"text"},{"label-tooltip":e.withCtx(()=>[e.createVNode(e.unref(_),{keypath:"consumers.fields.username.tooltip",scope:"global"},{custom_id:e.withCtx(()=>[e.createElementVNode("code",null,e.toDisplayString(e.unref(r)("consumers.fields.username.custom_id")),1)]),_:1})]),_:1},8,["modelValue","label","placeholder","readonly"]),e.createVNode(K,{modelValue:c.fields.customId,"onUpdate:modelValue":f[1]||(f[1]=I=>c.fields.customId=I),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"consumer-form-custom-id",label:e.unref(r)("consumers.fields.custom_id.label"),"label-attributes":{tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(r)("consumers.fields.custom_id.placeholder"),readonly:c.readonly,type:"text"},{"label-tooltip":e.withCtx(()=>[e.createVNode(e.unref(_),{keypath:"consumers.fields.custom_id.tooltip",scope:"global"},{username:e.withCtx(()=>[e.createElementVNode("code",null,e.toDisplayString(e.unref(r)("consumers.fields.custom_id.username")),1)]),_:1})]),_:1},8,["modelValue","label","placeholder","readonly"])],8,Fe)]),_:1}),e.createVNode(K,{modelValue:c.fields.tags,"onUpdate:modelValue":f[2]||(f[2]=I=>c.fields.tags=I),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"consumer-form-tags",help:e.unref(r)("consumers.fields.tags.help"),label:e.unref(r)("consumers.fields.tags.label"),"label-attributes":{info:e.unref(r)("consumers.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(r)("consumers.fields.tags.placeholder"),readonly:c.readonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"])])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-a0873f95"]]),Re={class:"kong-ui-consumer-entity-config-card"},qe=e.defineComponent({__name:"ConsumerConfigCard",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t?.app)||t.app==="konnect"&&!t.controlPlaneId||t.app==="kongManager"&&typeof t.workspace!="string"||!t.entityId)},configCardDoc:{type:String,default:"",required:!1},hideTitle:{type:Boolean,default:!1}},emits:["loading","fetch:error","fetch:success"],setup(t){const i=t,{i18n:{t:s},i18nT:o}=Q.useI18n(),_=e.computed(()=>M.form[i.config.app].edit),r=e.ref({id:{},username:{section:l.ConfigurationSchemaSection.Basic,tooltip:s("consumers.fields.username.tooltip"),order:1},custom_id:{section:l.ConfigurationSchemaSection.Basic,tooltip:s("consumers.fields.custom_id.tooltip"),label:s("consumers.fields.custom_id.label"),order:2},updated_at:{},created_at:{},tags:{tooltip:s("consumers.fields.tags.tooltip")},username_lower:{hidden:!0},type:{hidden:!0}});return(h,k)=>(e.openBlock(),e.createElementBlock("div",Re,[e.createVNode(e.unref(l.EntityBaseConfigCard),{config:t.config,"config-card-doc":t.configCardDoc,"config-schema":r.value,"entity-type":e.unref(l.SupportedEntityType).Consumer,"fetch-url":_.value,"hide-title":t.hideTitle,"onFetch:error":k[0]||(k[0]=N=>h.$emit("fetch:error",N)),"onFetch:success":k[1]||(k[1]=N=>h.$emit("fetch:success",N)),onLoading:k[2]||(k[2]=N=>h.$emit("loading",N))},{"username-label-tooltip":e.withCtx(()=>[e.createVNode(e.unref(o),{keypath:"consumers.fields.username.tooltip",scope:"global"},{custom_id:e.withCtx(()=>[e.createElementVNode("code",null,e.toDisplayString(e.unref(s)("consumers.fields.username.custom_id")),1)]),_:1})]),"custom_id-label-tooltip":e.withCtx(()=>[e.createVNode(e.unref(o),{keypath:"consumers.fields.custom_id.tooltip",scope:"global"},{username:e.withCtx(()=>[e.createElementVNode("code",null,e.toDisplayString(e.unref(s)("consumers.fields.custom_id.username")),1)]),_:1})]),_:1},8,["config","config-card-doc","config-schema","entity-type","fetch-url","hide-title"])]))}});w.ConsumerConfigCard=qe,w.ConsumerForm=Pe,w.ConsumerList=Ee,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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)}.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-9dbcd619]{align-items:center;border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);box-sizing:border-box;display:flex;padding:16px;padding:var(--kui-space-60, 16px);padding-left:0;width:100%}.config-card-details-row.json-array-item[data-v-9dbcd619]{border-bottom:none}.config-card-details-row.json-item[data-v-9dbcd619]{display:block}.config-card-details-row .config-card-details-label[data-v-9dbcd619]{box-sizing:border-box;padding-right:16px;padding-right:var(--kui-space-60, 16px);width:25%}.config-card-details-row .config-card-details-label.json-item-label[data-v-9dbcd619]{width:100%}.config-card-details-row .config-card-details-label.slim-label[data-v-9dbcd619]{width:50%}.config-card-details-row .config-card-details-label label[data-v-9dbcd619]{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-9dbcd619]{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-9dbcd619]{min-width:0}.config-card-details-row .config-card-details-value[data-v-9dbcd619]{box-sizing:border-box;width:75%}.config-card-details-row .config-card-details-value.json-item-value[data-v-9dbcd619]{width:100%}.config-card-details-row .config-card-details-value.slim-value[data-v-9dbcd619]{width:50%}.config-card-details-row .config-card-details-value .truncated[data-v-9dbcd619]{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-9dbcd619]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-9dbcd619] .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-9dbcd619]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-9dbcd619]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.config-card-details-row[data-v-9dbcd619] .k-label{margin-bottom:0}.config-card-details-row[data-v-9dbcd619] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-9dbcd619] .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-fcf2efdc]{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-fcf2efdc]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-fcf2efdc]{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-fcf2efdc]{align-items:center}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-fcf2efdc] .checkbox-label{width:max-content}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-fcf2efdc]{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-fcf2efdc] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-fcf2efdc]{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-b3590221]{box-sizing:border-box;max-width:1536px;max-width:var(--kui-breakpoint-desktop, 1536px);width:100%}.kong-ui-entity-base-form[data-v-b3590221] .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-b3590221] .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-b3590221] .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-b3590221] .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-b3590221] .slideout-content{overflow-y:unset!important}.kong-ui-entity-base-form.new-form-layout[data-v-b3590221]{background-color:#0000;background-color:var(--kui-color-background-transparent, rgba(0, 0, 0, 0));border:none;padding:0}.kong-ui-entity-base-form.new-form-layout[data-v-b3590221]>.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-b3590221]{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-b3590221]{display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.form-actions[data-v-b3590221]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px;margin-top:var(--kui-space-80, 24px)}.form-actions[data-v-b3590221] .k-button:last-of-type,.form-actions[data-v-b3590221] .k-button:nth-last-of-type(2){margin-inline-start:16px;margin-inline-start:var(--kui-space-60, 16px)}.form-actions-reverted[data-v-b3590221]{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-10015be6]{width:100%}.kong-ui-entity-filter-clear[data-v-10015be6]{cursor:pointer}.kong-ui-entity-filter[data-v-10015be6]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10015be6] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10015be6] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10015be6]{inset:0;position:fixed;z-index:1050}.kong-ui-entity-filter-menu[data-v-10015be6]{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-10015be6]{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-10015be6]{align-items:center;cursor:pointer;display:flex;line-height:24px;line-height:var(--kui-line-height-40, 24px)}.menu-item-title.expanded[data-v-10015be6]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.menu-item-expand-icon[data-v-10015be6]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10015be6]{transform:rotate(180deg)}.menu-item-indicator[data-v-10015be6]{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-10015be6]{align-items:center;display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--kui-space-60, 16px)}.menu-item-body[data-v-10015be6] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10015be6] .k-input{width:100%}.menu-item-body[data-v-10015be6] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10015be6] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10015be6]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10015be6]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10015be6]{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-7dd2f21d]{align-items:flex-start;display:flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-entity-form-block .step[data-v-7dd2f21d]{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-7dd2f21d]{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-7dd2f21d]{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-7dd2f21d]{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-7dd2f21d]{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-7dd2f21d]{background:#fff;background:var(--kui-color-background, #ffffff);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-7dd2f21d]{margin-left:16px;margin-left:var(--kui-space-60, 16px)}.kong-ui-public-entity-link[data-v-6668aea9]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-6668aea9]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-6668aea9]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-6668aea9] .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-6668aea9]{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-6668aea9]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-6668aea9]{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-ae0726c4]{display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-public-sensitive-input[data-v-ae0726c4] .after-content-wrapper{align-items:center;gap:4px!important;gap:var(--kui-space-20, 4px)!important}.kong-ui-public-sensitive-input[data-v-ae0726c4] .input{padding-right:var(--v41f8c11f)!important}.kong-ui-public-sensitive-input .sensitive-input-action[data-v-ae0726c4]{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-ae0726c4]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:pointer}.kong-ui-public-sensitive-input .sensitive-input-error-message[data-v-ae0726c4]{color:#d60027;color:var(--kui-color-text-danger, #d60027);font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:-4px;margin-top:calc(-1 * var(--kui-space-20, 4px))}.kong-ui-public-sensitive-input .sensitive-input-textarea-actions[data-v-ae0726c4]{display:flex;justify-content:flex-end}.kong-ui-public-sensitive-input .sensitive-input-hint[data-v-ae0726c4]{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-ae0726c4]{flex-shrink:0}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-hint-text[data-v-ae0726c4]{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-ae0726c4]{display:inline-flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:4px;gap:var(--kui-space-20, 4px)}.kong-ui-entities-add-consumers-modal .add-consumer-form-cta[data-v-ee085540]{margin-top:0}.kong-ui-entities-add-consumers-modal .add-consumer-form-container[data-v-ee085540]{margin-bottom:20px}.kong-ui-entities-add-consumers-modal .add-consumer-form-container .kong-ui-entity-add-consumers-error[data-v-ee085540]{margin-top:16px}.button-row[data-v-079a124d]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-entities-consumers-list[data-v-079a124d]{width:100%}.kong-ui-entities-consumers-list .empty-state-wrapper[data-v-079a124d]{display:flex;flex-direction:column;gap:4px;gap:var(--kui-space-20, 4px);padding:4px;padding:var(--kui-space-20, 4px);padding-bottom:0;padding-bottom:var(--kui-space-0, 0px)}.kong-ui-entities-consumers-list .message[data-v-079a124d]{margin-top:0}.kong-ui-entities-consumers-list .kong-ui-entity-filter-input[data-v-079a124d]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.kong-ui-entities-consumer-form[data-v-a0873f95]{width:100%}@media screen and (min-width:1280px){.kong-ui-entities-consumer-form[data-v-a0873f95] .form-section-wrapper{column-gap:64px;column-gap:var(--kui-space-130, 64px)}}.kong-ui-entities-consumer-form fieldset[data-v-a0873f95]{border:none;margin:0;padding:0}.fields-group-title[data-v-a0873f95]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;line-height:20px;margin-bottom:4px;margin-top:0}.fields-group-text[data-v-a0873f95]{color:#00000073;font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:20px;margin-bottom:0;margin-top:0}.username-field[data-v-a0873f95]{margin-bottom:16px}
|
|
1
|
+
.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)}.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-9dbcd619]{align-items:center;border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);box-sizing:border-box;display:flex;padding:16px;padding:var(--kui-space-60, 16px);padding-left:0;width:100%}.config-card-details-row.json-array-item[data-v-9dbcd619]{border-bottom:none}.config-card-details-row.json-item[data-v-9dbcd619]{display:block}.config-card-details-row .config-card-details-label[data-v-9dbcd619]{box-sizing:border-box;padding-right:16px;padding-right:var(--kui-space-60, 16px);width:25%}.config-card-details-row .config-card-details-label.json-item-label[data-v-9dbcd619]{width:100%}.config-card-details-row .config-card-details-label.slim-label[data-v-9dbcd619]{width:50%}.config-card-details-row .config-card-details-label label[data-v-9dbcd619]{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-9dbcd619]{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-9dbcd619]{min-width:0}.config-card-details-row .config-card-details-value[data-v-9dbcd619]{box-sizing:border-box;width:75%}.config-card-details-row .config-card-details-value.json-item-value[data-v-9dbcd619]{width:100%}.config-card-details-row .config-card-details-value.slim-value[data-v-9dbcd619]{width:50%}.config-card-details-row .config-card-details-value .truncated[data-v-9dbcd619]{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-9dbcd619]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-9dbcd619] .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-9dbcd619]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-9dbcd619]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.config-card-details-row[data-v-9dbcd619] .k-label{margin-bottom:0}.config-card-details-row[data-v-9dbcd619] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-9dbcd619] .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-fcf2efdc]{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-fcf2efdc]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-fcf2efdc]{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-fcf2efdc]{align-items:center}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-fcf2efdc] .checkbox-label{width:max-content}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-fcf2efdc]{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-fcf2efdc] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-fcf2efdc]{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-b3590221]{box-sizing:border-box;max-width:1536px;max-width:var(--kui-breakpoint-desktop, 1536px);width:100%}.kong-ui-entity-base-form[data-v-b3590221] .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-b3590221] .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-b3590221] .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-b3590221] .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-b3590221] .slideout-content{overflow-y:unset!important}.kong-ui-entity-base-form.new-form-layout[data-v-b3590221]{background-color:#0000;background-color:var(--kui-color-background-transparent, rgba(0, 0, 0, 0));border:none;padding:0}.kong-ui-entity-base-form.new-form-layout[data-v-b3590221]>.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-b3590221]{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-b3590221]{display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.form-actions[data-v-b3590221]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px;margin-top:var(--kui-space-80, 24px)}.form-actions[data-v-b3590221] .k-button:last-of-type,.form-actions[data-v-b3590221] .k-button:nth-last-of-type(2){margin-inline-start:16px;margin-inline-start:var(--kui-space-60, 16px)}.form-actions-reverted[data-v-b3590221]{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-10015be6]{width:100%}.kong-ui-entity-filter-clear[data-v-10015be6]{cursor:pointer}.kong-ui-entity-filter[data-v-10015be6]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10015be6] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10015be6] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10015be6]{inset:0;position:fixed;z-index:1050}.kong-ui-entity-filter-menu[data-v-10015be6]{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-10015be6]{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-10015be6]{align-items:center;cursor:pointer;display:flex;line-height:24px;line-height:var(--kui-line-height-40, 24px)}.menu-item-title.expanded[data-v-10015be6]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.menu-item-expand-icon[data-v-10015be6]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10015be6]{transform:rotate(180deg)}.menu-item-indicator[data-v-10015be6]{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-10015be6]{align-items:center;display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--kui-space-60, 16px)}.menu-item-body[data-v-10015be6] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10015be6] .k-input{width:100%}.menu-item-body[data-v-10015be6] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10015be6] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10015be6]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10015be6]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10015be6]{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-7dd2f21d]{align-items:flex-start;display:flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-entity-form-block .step[data-v-7dd2f21d]{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-7dd2f21d]{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-7dd2f21d]{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-7dd2f21d]{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-7dd2f21d]{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-7dd2f21d]{background:#fff;background:var(--kui-color-background, #ffffff);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-7dd2f21d]{margin-left:16px;margin-left:var(--kui-space-60, 16px)}.kong-ui-public-entity-link[data-v-6668aea9]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-6668aea9]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-6668aea9]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-6668aea9] .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-6668aea9]{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-6668aea9]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-6668aea9]{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-ae0726c4]{display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-public-sensitive-input[data-v-ae0726c4] .after-content-wrapper{align-items:center;gap:4px!important;gap:var(--kui-space-20, 4px)!important}.kong-ui-public-sensitive-input[data-v-ae0726c4] .input{padding-right:var(--v41f8c11f)!important}.kong-ui-public-sensitive-input .sensitive-input-action[data-v-ae0726c4]{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-ae0726c4]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:pointer}.kong-ui-public-sensitive-input .sensitive-input-error-message[data-v-ae0726c4]{color:#d60027;color:var(--kui-color-text-danger, #d60027);font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:-4px;margin-top:calc(-1 * var(--kui-space-20, 4px))}.kong-ui-public-sensitive-input .sensitive-input-textarea-actions[data-v-ae0726c4]{display:flex;justify-content:flex-end}.kong-ui-public-sensitive-input .sensitive-input-hint[data-v-ae0726c4]{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-ae0726c4]{flex-shrink:0}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-hint-text[data-v-ae0726c4]{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-ae0726c4]{display:inline-flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:4px;gap:var(--kui-space-20, 4px)}.kong-ui-entities-add-consumers-modal .add-consumer-form-cta[data-v-ee085540]{margin-top:0}.kong-ui-entities-add-consumers-modal .add-consumer-form-container[data-v-ee085540]{margin-bottom:20px}.kong-ui-entities-add-consumers-modal .add-consumer-form-container .kong-ui-entity-add-consumers-error[data-v-ee085540]{margin-top:16px}.button-row[data-v-eb0fde3b]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-entities-consumers-list[data-v-eb0fde3b]{width:100%}.kong-ui-entities-consumers-list .empty-state-wrapper[data-v-eb0fde3b]{display:flex;flex-direction:column;gap:4px;gap:var(--kui-space-20, 4px);padding:4px;padding:var(--kui-space-20, 4px);padding-bottom:0;padding-bottom:var(--kui-space-0, 0px)}.kong-ui-entities-consumers-list .message[data-v-eb0fde3b]{margin-top:0}.kong-ui-entities-consumers-list .kong-ui-entity-filter-input[data-v-eb0fde3b]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.kong-ui-entities-consumer-form[data-v-a0873f95]{width:100%}@media screen and (min-width:1280px){.kong-ui-entities-consumer-form[data-v-a0873f95] .form-section-wrapper{column-gap:64px;column-gap:var(--kui-space-130, 64px)}}.kong-ui-entities-consumer-form fieldset[data-v-a0873f95]{border:none;margin:0;padding:0}.fields-group-title[data-v-a0873f95]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;line-height:20px;margin-bottom:4px;margin-top:0}.fields-group-text[data-v-a0873f95]{color:#00000073;font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:20px;margin-bottom:0;margin-top:0}.username-field[data-v-a0873f95]{margin-bottom:16px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConsumerList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ConsumerList.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ConsumerList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ConsumerList.vue"],"names":[],"mappings":"AAitBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAkBvC,OAAO,KAAK,EACV,6BAA6B,EAC7B,yBAAyB,EACzB,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AAQjB,OAAO,gDAAgD,CAAA;AA6sCvD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACtD;IAAE,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9D,QAAA,MAAM,UAAU;IAGd,oHAAoH;;cAElG,QAAQ,CAAC,yBAAyB,GAAG,6BAA6B,CAAC;;4BAE/D,yBAAyB,GAAG,6BAA6B,KAAG,OAAO;;;;;;IAYzF,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;;;IAxCjH,oHAAoH;;cAElG,QAAQ,CAAC,yBAAyB,GAAG,6BAA6B,CAAC;;4BAE/D,yBAAyB,GAAG,6BAA6B,KAAG,OAAO;;;;;;IAYzF,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;;;;qBAtB9E,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;qBAM1B,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;mBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;uBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;;4EAU3E,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consumers-endpoints.d.ts","sourceRoot":"","sources":["../../src/consumers-endpoints.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"consumers-endpoints.d.ts","sourceRoot":"","sources":["../../src/consumers-endpoints.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA,wBA0BC"}
|