https://www.dahl.se/_nuxt/MyKeys.99ecf4f6.js

1import{_ as j}from"./CHeading.vue.21708a8c.js";import{_ as P}from"./CText.vue.d6273233.js";import{_ as Y}from"./CSearchField.vue.d4fe19e9.js";import{_ as Z}from"./CDropdown.fb132b0a.js";import{d as T,u as M,r as D,c as V,o as r,e as u,f as o,w as m,g as b,t as i,h as e,k as c,aZ as A,i as R,m as G,n as h,j as H,F as K,p as L,ae as S,Z as J,aH as W,_ as X,E as ee}from"./entry.f950ca0e.js";import{_ as te}from"./SortableHeader.vue.c356a7cb.js";import{_ as se}from"./TableHead.c173cc41.js";import{_ as ae}from"./TableBody.6b9403a9.js";import{_ as oe}from"./TheTable.vue.50528f59.js";import{_ as ne}from"./LabelValuePair.vue.fbf45933.js";import{u as re}from"./mediaqueries.59013988.js";import{_ as le}from"./_plugin-vue_export-helper.a5752213.js";(function(){try{var d=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},s=new Error().stack;s&&(d._sentryDebugIds=d._sentryDebugIds||{},d._sentryDebugIds[s]="42e4aa4d-94eb-4a2d-b16b-0c0eceb83c1e",d._sentryDebugIdIdentifier="sentry-dbid-42e4aa4d-94eb-4a2d-b16b-0c0eceb83c1e")}catch{}})();(function(){try{var d=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},s=new Error().stack;s&&(d._sentryDebugIds=d._sentryDebugIds||{},d._sentryDebugIds[s]="a2b3ccdc-e2f3-4019-8091-9e0b01aef7fa",d._sentryDebugIdIdentifier="sentry-dbid-a2b3ccdc-e2f3-4019-8091-9e0b01aef7fa")}catch{}})();const ie={class:"p-4 bg-white shadow"},ce={class:"space-y-4 lg:items-center md:flex lg:space-y-0 lg:space-x-2 md:flex-col lg:flex-row"},de={class:"flex space-x-2 shrink-0"},ue={class:"flex justify-center md:justify-end grow"},me=T({name:"KeysListFilter"}),_e=T({...me,props:{storeOptions:{}},emits:["setFilters"],setup(d,{emit:s}){const x=d,{t:w}=M(),_=D(""),p=D(""),y="emitFilters",v=V(()=>x.storeOptions.map(f=>({value:f,label:f}))),$=f=>{_.value=f,C(y)},g=f=>{p.value=f,C(y)},C=A(()=>{const f={search:_.value===""?void 0:_.value,storeName:p.value===""?void 0:p.value};s("setFilters",f)},750),F=()=>{_.value="",p.value="",C(y)};return(f,t)=>{const l=j,I=Y,n=Z,k=R;return r(),u("div",ie,[o(l,{variant:"secondary",level:2,display:3,class:"hidden mb-2 text-base font-bold md:block"},{default:m(()=>[b(i(e(w)("filter_action")),1)]),_:1}),c("div",ce,[c("div",de,[o(I,{"data-test":"order-history-search-field",value:e(_),placeholder:e(w)("keys.search_placeholder"),"use-button":!1,"onUpdate:value":$},null,8,["value","placeholder"])]),o(n,{"data-test":"keys-store-dropdown",class:"md:min-w-[130px]",options:e(v),value:e(p),label:e(w)("store.store"),"onUpdate:modelValue":g},null,8,["options","value","label"]),c("div",ue,[o(k,{variant:"plain","data-test":"list-filter-clear-filters",onClick:F},{default:m(()=>[b(i(e(w)("clear_filters")),1)]),_:1})])])])}}}),fe={class:"flex flex-col w-full p-5 md:w-4/5 max-sm:pt-1"},pe={key:0,class:"mt-6 text-primary-900"},ye={class:"mt-6"},ve={class:"!py-5"},be={key:1,class:"flex justify-center"},he={class:"w-1/3"},ge={key:2,class:"py-10 text-center bg-white"},ke={key:3,class:"flex flex-col gap-2"},xe={class:"flex items-center p-4 bg-primary-50"},we={class:"flex justify-between"},De={key:0,class:"flex flex-col gap-2 mt-4"},Ce=T({__name:"MyKeys",setup(d){const{t:s}=M(),{mq:x}=re(),{$keyService:w}=ee(),_=D([]),p=D(!1),y=D({}),v=D({sortOrder:"asc"}),$=V(()=>[...new Set(_.value.map(t=>t.storeName))]),g=V(()=>{const t=_.value.filter(n=>{const k=!y.value.storeName||n.storeName===y.value.storeName,N=!y.value.search||n.name.toLowerCase().includes(y.value.search.toLowerCase())||n.storeName.toLowerCase().includes(y.value.search.toLowerCase());return k&&N}),{sortBy:l,sortOrder:I}=v.value;return l?[...t].sort((n,k)=>{const N=n[l]??"",O=k[l]??"",E=String(N).localeCompare(String(O));return I==="asc"?E:-E}):t}),C=t=>{v.value.sortBy===t?v.value.sortOrder=v.value.sortOrder==="asc"?"desc":"asc":(v.value.sortBy=t,v.value.sortOrder="asc")},F=[{label:s("store.store"),columnId:"storeName"},{label:s("keys.key"),columnId:"name"},{label:s("keys.valid_from"),columnId:"startDate"},{label:s("keys.valid_to"),columnId:"expirationDate"}],f=async()=>{p.value=!0;try{const{data:t}=await w.getUserKeys();

1_.value=(t??[]).map(l=>({storeName:l.domainName,name:l.accessName,startDate:l.startDate,expirationDate:l.expirationDate,isExpanded:!1}))}catch(t){throw console.error("Error fetching keys:",t),t}finally{p.value=!1}};return G(async()=>{await f()}),(t,l)=>{const I=j,n=P,k=_e,N=te,O=se,E=ae,q=oe,Q=W,z=X,U=ne;return r(),u("div",fe,[o(I,{level:1,class:"text-primary-900"},{default:m(()=>[b(i(e(s)("keys.my_keys")),1)]),_:1}),e(_).length===0?(r(),u("div",pe,[o(n,{variant:"system-xl-semibold"},{default:m(()=>[b(i(e(s)("keys.no_keys_line_1")),1)]),_:1}),o(n,{variant:"system-xl-semibold"},{default:m(()=>[b(i(e(s)("keys.no_keys_line_2")),1)]),_:1})])):h("",!0),e(_).length>0?(r(),H(k,{key:1,class:"mt-6","store-options":e($),onSetFilters:l[0]||(l[0]=a=>y.value=a)},null,8,["store-options"])):h("",!0),c("div",ye,[e(x).mediumUp?(r(),H(q,{key:0,class:"keys-table",overflow:!1},{default:m(()=>[o(O,{class:"font-semibold"},{default:m(()=>[(r(),u(K,null,L(F,a=>o(N,{key:a.columnId,label:a.label,"column-id":a.columnId,"sort-order":e(v).sortOrder,"sort-key":e(v).sortBy,onOnSort:C},null,8,["label","column-id","sort-order","sort-key"])),64))]),_:1}),o(E,null,{default:m(()=>[e(g).length>0?(r(!0),u(K,{key:0},L(e(g),(a,B)=>(r(),u("tr",{key:B},[c("td",ve,[c("b",null,i(a.storeName),1)]),c("td",null,i(a.name),1),c("td",null,i(("formatDate"in t?t.formatDate:e(S))(a.startDate,void 0,{day:"numeric",month:"long",hour:"2-digit",minute:"2-digit",year:"numeric"})),1),c("td",null,i(("formatDate"in t?t.formatDate:e(S))(a.expirationDate,void 0,{day:"numeric",month:"long",hour:"2-digit",minute:"2-digit",year:"numeric"})||e(s)("keys.until_further_notice")),1)]))),128)):h("",!0)]),_:1})]),_:1})):h("",!0),e(p)?(r(),u("div",be,[c("div",he,[o(Q)])])):h("",!0),e(g).length===0&&!e(p)?(r(),u("div",ge,[o(n,null,{default:m(()=>[b(i(e(s)("keys.no_keys")),1)]),_:1})])):h("",!0),!e(x).mediumUp&&e(g).length>0?(r(),u("div",ke,[c("div",xe,[o(n,{variant:"system-xs-semibold",class:"ml-1"},{default:m(()=>[b(i(e(s)("store.store")),1)]),_:1})]),(r(!0),u(K,null,L(e(g),(a,B)=>(r(),u("div",{key:B,class:J(["p-4 bg-white border border-solid border-gray-200 rounded",{"border-gray-400":a.isExpanded}])},[c("div",we,[c("div",null,[o(n,{variant:"system-sm-bold"},{default:m(()=>[b(i(a.storeName),1)]),_:2},1024),o(n,{variant:"system-sm",class:"mt-2"},{default:m(()=>[b(i(a.name),1)]),_:2},1024)]),o(z,{name:a.isExpanded?"unfold_less":"unfold_more",size:"medium",class:"ml-auto cursor-pointer text-primary-900",onClick:Ie=>a.isExpanded=!a.isExpanded},null,8,["name","onClick"])]),a.isExpanded?(r(),u("div",De,[o(U,{weight:"none",variant:"sm",label:e(s)("keys.valid_from"),value:("formatDate"in t?t.formatDate:e(S))(a.startDate,void 0,{day:"numeric",month:"long",hour:"2-digit",minute:"2-digit",year:"numeric"})},null,8,["label","value"]),o(U,{weight:"none",variant:"sm",label:e(s)("keys.valid_to"),value:("formatDate"in t?t.formatDate:e(S))(a.expirationDate,void 0,{day:"numeric",month:"long",hour:"2-digit",minute:"2-digit",year:"numeric"})||e(s)("keys.until_further_notice")},null,8,["label","value"])])):h("",!0)],2))),128))])):h("",!0)])])}}});const He=le(Ce,[["__scopeId","data-v-ca98d513"]]);export{He as default};