@camera.ui/server 0.0.89 → 0.0.91

package/dist/interface/assets/{Recordings-DeW-wdoR.js → Recordings-CdU-tmVt.js}

@@ -1 +1 @@
-import{$n as e,$t as t,An as n,En as r,Gt as i,Hn as a,In as o,Jn as s,Qt as c,Rn as l,Sn as u,Tn as d,Vn as f,Xt as p,Yn as m,Yt as h,Zn as g,Zt as _,cr as ee,dr as v,in as y,nr as b,on as x,qt as S,rn as te,sr as C,ur as w,wn as T}from"./vendor-CF-D4B9g.js";import{Gi as E,H as ne,I as re,Ki as ie,Nn as ae,P as oe,V as D,Vn as se,W as O,X as k,Y as ce,di as le,et as ue,k as de,mi as fe,q as pe,vn as A,wn as j,yn as M}from"./vendor-cameraui-tvNekvZ-.js";import{S as N}from"./CuiCameraCard-C_vnbvj3.js";import{t as P}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as F,r as I,t as me}from"./useSharedComposables-CTXKSCVm.js";import{C as L,J as R,i as z,u as B}from"./vendor-primevue-D0-7UQst.js";import{n as V,r as H,t as he}from"./view-grid-BOIGk1YA.js";import{t as U}from"./eventIcons-BPti5ma5.js";import{t as ge}from"./CuiCameraSnapshot-Dbut4xsv.js";import{n as _e}from"./types-DllqnzAz.js";import{t as ve}from"./cameras-D-DkGB5k.js";import{t as ye}from"./useCuiDialog-CiyUBAnR.js";import{n as be,t as xe}from"./CuiTopbarSlot-DTNeuYvo.js";import{t as Se}from"./ring-resize-DX9lIn8S.js";import{n as W,t as Ce}from"./CuiRecordingsGrid-D6TmFzl4.js";import{n as we,t as Te}from"./round-alt-arrow-left-bold-CLoPDaOh.js";var G={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function K(e,n){return T(),t(`svg`,G,[...n[0]||=[p(`path`,{fill:`currentColor`,d:`M3 11h8V3H3m2 2h4v4H5m8 12h8v-8h-8m2 2h4v4h-4M3 21h8v-8H3m2 2h4v4H5m8-16v8h8V3m-2 6h-4V5h4Z`},null,-1)]])}var Ee=m({name:`mdi-view-grid-outline`,render:K}),q={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function J(e,n){return T(),t(`svg`,q,[...n[0]||=[p(`path`,{fill:`currentColor`,d:`M22 18.605a.75.75 0 0 1-.75.75h-5.1a2.93 2.93 0 0 1-5.66 0H2.75a.75.75 0 1 1 0-1.5h7.74a2.93 2.93 0 0 1 5.66 0h5.1a.75.75 0 0 1 .75.75m0-13.21a.75.75 0 0 1-.75.75H18.8a2.93 2.93 0 0 1-5.66 0H2.75a.75.75 0 1 1 0-1.5h10.39a2.93 2.93 0 0 1 5.66 0h2.45a.74.74 0 0 1 .75.75m0 6.6a.74.74 0 0 1-.75.75H9.55a2.93 2.93 0 0 1-5.66 0H2.75a.75.75 0 1 1 0-1.5h1.14a2.93 2.93 0 0 1 5.66 0h11.7a.75.75 0 0 1 .75.75`},null,-1)]])}var De=m({name:`mage-filter-fill`,render:J}),Oe={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Y(e,n){return T(),t(`svg`,Oe,[...n[0]||=[p(`path`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-miterlimit":`10`,"stroke-width":`1.5`,d:`M21.25 12H8.895m-4.361 0H2.75m18.5 6.607h-5.748m-4.361 0H2.75m18.5-13.214h-3.105m-4.361 0H2.75m13.214 2.18a2.18 2.18 0 1 0 0-4.36a2.18 2.18 0 0 0 0 4.36Zm-9.25 6.607a2.18 2.18 0 1 0 0-4.36a2.18 2.18 0 0 0 0 4.36Zm6.607 6.608a2.18 2.18 0 1 0 0-4.361a2.18 2.18 0 0 0 0 4.36Z`},null,-1)]])}var ke=m({name:`mage-filter`,render:Y}),Ae={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function je(e,n){return T(),t(`svg`,Ae,[...n[0]||=[p(`path`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`m6 9l6 6l6-6`},null,-1)]])}var Me=m({name:`tabler-chevron-down`,render:je}),Ne={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Pe(e,n){return T(),t(`svg`,Ne,[...n[0]||=[p(`path`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`m6 15l6-6l6 6`},null,-1)]])}var Fe=m({name:`tabler-chevron-up`,render:Pe}),X={class:`flex flex-col gap-2`},Z={class:`sidebar-section-title`},Q={class:`p-input-icon-left w-full`},$={class:`flex flex-col gap-2`},Ie={class:`sidebar-section-title flex items-center gap-1.5`},Le={key:0,class:`flex flex-col gap-1.5 mt-1`},Re={class:`text-xs text-muted`},ze={class:`flex items-center gap-3`},Be={class:`text-xs font-mono w-8 text-right shrink-0`},Ve={class:`flex flex-col gap-2`},He={class:`sidebar-section-title`},Ue={class:`flex flex-col gap-2`},We={class:`sidebar-section-title`},Ge={class:`relative rounded-md overflow-hidden`},Ke={class:`flex flex-col gap-2`},qe={class:`sidebar-section-title`},Je={class:`flex items-center gap-3`},Ye={class:`text-xs font-mono w-8 text-right shrink-0`},Xe={class:`flex flex-col gap-2`},Ze={class:`sidebar-section-title`},Qe={class:`flex flex-wrap gap-1`},$e={class:`flex flex-col gap-2`},et={key:0,class:`flex flex-col gap-2`},tt={class:`flex items-center gap-2 cursor-pointer text-sm`},nt={key:0,class:`flex flex-col gap-2 ml-6`},rt={class:`filter-logic-divider`},it={class:`flex flex-col gap-2`},at={key:0,class:`flex flex-col gap-2`},ot={class:`filter-logic-divider`},st={class:`flex flex-col gap-2`},ct={key:0,class:`flex flex-col gap-2`},lt={class:`flex items-center gap-2 cursor-pointer text-sm`},ut=288,dt=P(x({__name:`RecordingsFilterSidebar`,props:{filters:{},cameras:{},isOpen:{type:Boolean},isOverlay:{type:Boolean},semanticSearchAvailable:{type:Boolean},semanticSearchLoading:{type:Boolean}},emits:[`update:filters`,`semantic-search`,`close`],setup(a,{expose:u,emit:d}){let f={doorbell:`views.recordings.audio_doorbell`,glass_break:`views.recordings.audio_glass_break`,siren:`views.recordings.audio_siren`,speaking:`views.recordings.audio_speaking`,gunshot:`views.recordings.audio_gunshot`,dog_bark:`views.recordings.audio_dog_bark`,baby_cry:`views.recordings.audio_baby_cry`,alarm:`views.recordings.audio_alarm`,scream:`views.recordings.audio_scream`,cat:`views.recordings.audio_cat`,car_alarm:`views.recordings.audio_car_alarm`,smoke_alarm:`views.recordings.audio_smoke_alarm`},m={face:`views.recordings.attr_face`,license_plate:`views.recordings.attr_license_plate`},ee={motion:`views.recordings.sensor_motion`,audio:`views.recordings.sensor_audio`,contact:`views.recordings.sensor_contact`,doorbell:`views.recordings.sensor_doorbell`,switch:`views.recordings.sensor_switch`,light:`views.recordings.sensor_light`,siren:`views.recordings.sensor_siren`,security_system:`views.recordings.sensor_security_system`,"line-crossing":`views.recordings.sensor_line_crossing`},b=new Set([`motion`,`audio`]),x=a,S=d,{t:E}=le(),{xlBreakpoint:ne}=me(),{topbarHeight:re,bottombarHeight:oe}=F(),{icons:D,generic:O}=U(),de=D,P=Fe,I=Me,R=o(`sidebarRef`),V=e(x.filters.semanticQuery??``),H=g({eventTypes:!0,attributes:!0,sensorEvents:!0}),he=h(()=>x.isOpen?ut:0),ve=h(()=>x.cameras.map(e=>({id:e.id,name:e.name}))),ye=h(()=>{if(x.filters.cameraIds.length===1)return x.cameras.find(e=>e.id===x.filters.cameraIds[0])?.name}),be=h(()=>[{label:E(`views.recordings.filter_and`),value:`and`},{label:E(`views.recordings.filter_or`),value:`or`}]),xe=h(()=>[{label:E(`views.recordings.time_1h`),value:`1h`},{label:E(`views.recordings.time_1d`),value:`1d`},{label:E(`views.recordings.time_1w`),value:`1w`},{label:E(`views.recordings.time_1m`),value:`1m`}]),Se=h(()=>M.filter(e=>!b.has(e)).map(e=>({label:E(`views.recordings.type_${e}`),value:e,icon:D[e]??O}))),W=h(()=>({label:E(`views.recordings.type_other`),value:pe,icon:D.other??O})),Ce=h(()=>ae.map(e=>({label:E(ee[e]??`views.recordings.sensor_${e}`),value:e,icon:de[e]??O}))),we=h(()=>j.map(e=>({label:E(f[e]??e),value:e,icon:D[e]??O}))),Te=h(()=>A.map(e=>({label:E(m[e]??`views.recordings.attr_${e}`),value:e,icon:D[e]??O})));function G(e,t){S(`update:filters`,{...x.filters,[e]:t})}let K=ie(e=>{G(`search`,e)},300);function Ee(){let e=V.value.trim();G(`semanticQuery`,e),S(`semantic-search`,e)}function q(e){let t=[...x.filters.eventTypes],n=t.indexOf(e);n>=0?t.splice(n,1):t.push(e),G(`eventTypes`,t)}function J(e){let t=[...x.filters.audioLabels],n=t.indexOf(e);n>=0?t.splice(n,1):t.push(e),G(`audioLabels`,t)}function De(e){let t=[...x.filters.sensorEvents],n=t.indexOf(e);n>=0?t.splice(n,1):t.push(e),G(`sensorEvents`,t)}function Oe(e){let t=[...x.filters.hasAttributes],n=t.indexOf(e);n>=0?t.splice(n,1):t.push(e),G(`hasAttributes`,t)}function Y(e){H[e]=!H[e]}return l(V,e=>{!e?.trim()&&x.filters.semanticQuery&&G(`semanticQuery`,``)}),fe(R,e=>{let t=e.target;t.closest(`#recordings-sidebar-toggle`)||t.closest(`[data-pc-section="overlay"], [data-pc-section="panel"], .p-connected-overlay`)||x.isOpen&&(x.isOverlay||!ne.value)&&S(`close`)}),u({sidebarWidth:he}),(e,o)=>{let l=ue,u=_e,d=z,f=se,m=ce,h=B,g=ge,ee=N,b=L,x=k;return T(),t(`nav`,{ref_key:`sidebarRef`,ref:R,class:`recordings-sidebar fixed transition-all duration-200 overflow-x-hidden overflow-y-auto md:!pl-0 pl-safe pb-safe flex flex-col z-4`,style:w({width:`${C(he)}px`,borderRightWidth:a.isOpen?`1px`:`0px`,paddingBottom:`calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px) + ${C(oe)}px + ${C(re)}px)`})},[p(`div`,{class:`flex flex-col gap-4 p-4`,style:w({width:`${ut}px`})},[p(`div`,X,[p(`label`,Z,v(e.$t(`views.recordings.search`)),1),p(`span`,Q,[y(l,{"model-value":a.filters.search,placeholder:e.$t(`views.recordings.search_placeholder`),class:`w-full text-sm`,"onUpdate:modelValue":o[0]||=e=>C(K)(e)},null,8,[`model-value`,`placeholder`])])]),o[18]||=p(`div`,{class:`sidebar-divider`},null,-1),p(`div`,$,[p(`label`,Ie,[y(u,{class:`w-3.5 h-3.5`}),te(` `+v(e.$t(`views.recordings.semantic_search`)),1)]),y(d,{modelValue:C(V),"onUpdate:modelValue":o[1]||=e=>s(V)?V.value=e:null,placeholder:e.$t(`views.recordings.semantic_search_placeholder`),class:`w-full text-sm semantic-textarea`,rows:`3`,disabled:!a.semanticSearchAvailable},null,8,[`modelValue`,`placeholder`,`disabled`]),y(f,{label:e.$t(`views.recordings.semantic_search_button`),severity:`secondary`,outlined:``,size:`small`,class:`w-full text-xs`,loading:a.semanticSearchLoading,disabled:!a.semanticSearchAvailable||!C(V)?.trim(),onClick:Ee},null,8,[`label`,`loading`,`disabled`]),a.filters.semanticQuery?(T(),t(`div`,Le,[p(`label`,Re,v(e.$t(`views.recordings.min_match_score`)),1),p(`div`,ze,[y(m,{"model-value":a.filters.minSemanticScore,min:0,max:1,step:.05,class:`flex-1`,"onUpdate:modelValue":o[2]||=e=>G(`minSemanticScore`,e)},null,8,[`model-value`]),p(`span`,Be,v(Math.round(a.filters.minSemanticScore*100))+`%`,1)])])):c(``,!0)]),o[19]||=p(`div`,{class:`sidebar-divider`},null,-1),p(`div`,Ve,[p(`label`,He,v(e.$t(`views.recordings.cameras`)),1),y(h,{"model-value":a.filters.cameraIds,options:C(ve),"option-label":`name`,"option-value":`id`,placeholder:e.$t(`views.recordings.all_cameras`),class:`w-full text-sm`,"max-selected-labels":2,"show-toggle-all":!1,pt:{overlay:{style:`position: fixed`}},"onUpdate:modelValue":o[3]||=e=>G(`cameraIds`,e)},null,8,[`model-value`,`options`,`placeholder`])]),C(ye)?(T(),t(i,{key:0},[o[13]||=p(`div`,{class:`sidebar-divider`},null,-1),p(`div`,Ue,[p(`label`,We,v(e.$t(`views.recordings.grid_search`)),1),p(`div`,Ge,[y(g,{camera:C(ye),"object-fit":`cover`},null,8,[`camera`]),y(ee,{"model-value":a.filters.gridRegions,"onUpdate:modelValue":o[4]||=e=>G(`gridRegions`,e)},null,8,[`model-value`])]),y(f,{label:e.$t(`views.recordings.grid_clear`),severity:`secondary`,outlined:``,size:`small`,class:`w-full text-xs`,disabled:a.filters.gridRegions.length===0,onClick:o[5]||=e=>G(`gridRegions`,[])},null,8,[`label`,`disabled`])])],64)):c(``,!0),o[20]||=p(`div`,{class:`sidebar-divider`},null,-1),p(`div`,Ke,[p(`label`,qe,v(e.$t(`views.recordings.confidence`)),1),p(`div`,Je,[y(m,{"model-value":a.filters.minConfidence,min:0,max:1,step:.05,class:`flex-1`,"onUpdate:modelValue":o[6]||=e=>G(`minConfidence`,e)},null,8,[`model-value`]),p(`span`,Ye,v(Math.round(a.filters.minConfidence*100))+`%`,1)])]),o[21]||=p(`div`,{class:`sidebar-divider`},null,-1),p(`div`,Xe,[p(`label`,Ze,v(e.$t(`views.recordings.time_range`)),1),p(`div`,Qe,[(T(!0),t(i,null,r(C(xe),e=>(T(),_(f,{key:e.value,label:e.label,severity:a.filters.timeRange===e.value?void 0:`secondary`,outlined:a.filters.timeRange!==e.value,size:`small`,class:`text-xs flex-1 min-w-0`,onClick:t=>G(`timeRange`,a.filters.timeRange===e.value?null:e.value)},null,8,[`label`,`severity`,`outlined`,`onClick`]))),128))])]),o[22]||=p(`div`,{class:`sidebar-divider`},null,-1),p(`div`,$e,[p(`button`,{class:`sidebar-section-title flex items-center justify-between w-full cursor-pointer`,onClick:o[7]||=e=>Y(`sensorEvents`)},[p(`span`,null,v(e.$t(`views.recordings.sensor_events`)),1),(T(),_(n(C(H).sensorEvents?C(P):C(I)),{class:`w-4 h-4 text-muted`}))]),C(H).sensorEvents?(T(),t(`div`,et,[(T(!0),t(i,null,r(C(Ce),e=>(T(),t(i,{key:e.value},[p(`label`,tt,[y(b,{"model-value":a.filters.sensorEvents.includes(e.value),binary:!0,"onUpdate:modelValue":t=>De(e.value)},null,8,[`model-value`,`onUpdate:modelValue`]),(T(),_(n(e.icon),{class:`w-4 h-4 text-muted`})),p(`span`,null,v(e.label),1)]),e.value===`audio`&&a.filters.sensorEvents.includes(`audio`)?(T(),t(`div`,nt,[(T(!0),t(i,null,r(C(we),e=>(T(),t(`label`,{key:e.value,class:`flex items-center gap-2 cursor-pointer text-sm`},[y(b,{"model-value":a.filters.audioLabels.includes(e.value),binary:!0,"onUpdate:modelValue":t=>J(e.value)},null,8,[`model-value`,`onUpdate:modelValue`]),(T(),_(n(e.icon),{class:`w-4 h-4 text-muted`})),p(`span`,null,v(e.label),1)]))),128))])):c(``,!0)],64))),128))])):c(``,!0)]),p(`div`,rt,[o[14]||=p(`div`,{class:`filter-logic-line`},null,-1),y(x,{"model-value":a.filters.filterLogicTriggers,options:C(be),"option-label":`label`,"option-value":`value`,"allow-empty":!1,class:`filter-logic-toggle`,"onUpdate:modelValue":o[8]||=e=>G(`filterLogicTriggers`,e)},null,8,[`model-value`,`options`]),o[15]||=p(`div`,{class:`filter-logic-line`},null,-1)]),p(`div`,it,[p(`button`,{class:`sidebar-section-title flex items-center justify-between w-full cursor-pointer`,onClick:o[9]||=e=>Y(`eventTypes`)},[p(`span`,null,v(e.$t(`views.recordings.event_type`)),1),(T(),_(n(C(H).eventTypes?C(P):C(I)),{class:`w-4 h-4 text-muted`}))]),C(H).eventTypes?(T(),t(`div`,at,[(T(!0),t(i,null,r(C(Se),e=>(T(),t(`label`,{key:e.value,class:`flex items-center gap-2 cursor-pointer text-sm`},[y(b,{"model-value":a.filters.eventTypes.includes(e.value),binary:!0,"onUpdate:modelValue":t=>q(e.value)},null,8,[`model-value`,`onUpdate:modelValue`]),(T(),_(n(e.icon),{class:`w-4 h-4 text-muted`})),p(`span`,null,v(e.label),1)]))),128))])):c(``,!0)]),p(`div`,ot,[o[16]||=p(`div`,{class:`filter-logic-line`},null,-1),y(x,{"model-value":a.filters.filterLogicAttributes,options:C(be),"option-label":`label`,"option-value":`value`,"allow-empty":!1,class:`filter-logic-toggle`,"onUpdate:modelValue":o[10]||=e=>G(`filterLogicAttributes`,e)},null,8,[`model-value`,`options`]),o[17]||=p(`div`,{class:`filter-logic-line`},null,-1)]),p(`div`,st,[p(`button`,{class:`sidebar-section-title flex items-center justify-between w-full cursor-pointer`,onClick:o[11]||=e=>Y(`attributes`)},[p(`span`,null,v(e.$t(`views.recordings.attributes`)),1),(T(),_(n(C(H).attributes?C(P):C(I)),{class:`w-4 h-4 text-muted`}))]),C(H).attributes?(T(),t(`div`,ct,[(T(!0),t(i,null,r(C(Te),e=>(T(),t(`label`,{key:e.value,class:`flex items-center gap-2 cursor-pointer text-sm`},[y(b,{"model-value":a.filters.hasAttributes.includes(e.value),binary:!0,"onUpdate:modelValue":t=>Oe(e.value)},null,8,[`model-value`,`onUpdate:modelValue`]),(T(),_(n(e.icon),{class:`w-4 h-4 text-muted`})),p(`span`,null,v(e.label),1)]))),128)),p(`label`,lt,[y(b,{"model-value":a.filters.eventTypes.includes(C(W).value),binary:!0,"onUpdate:modelValue":o[12]||=e=>q(C(W).value)},null,8,[`model-value`]),(T(),_(n(C(W).icon),{class:`w-4 h-4 text-muted`})),p(`span`,null,v(C(W).label),1)])])):c(``,!0)])],4)],4)}}}),[[`__scopeId`,`data-v-de3974e2`]]),ft={class:`font-semibold text-xl truncate`},pt={class:`w-full h-full relative`},mt={key:0,class:`w-full flex flex-row h-[calc(40px+1rem)] py-2 items-center fixed z-10`},ht={class:`relative z-2 page-title !m-0`},gt={key:0,class:`flex items-center gap-2 mb-2 text-xs text-muted ml-auto`},_t={key:0,class:`inline-flex items-center gap-1`},vt={key:2,class:`flex justify-center py-4`},yt={key:3,class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4`},bt={class:`text-muted text-sm`},xt=288,St=10,Ct=11,wt=x({__name:`Recordings`,setup(n){let r=new ve,i=ye(),{smBreakpoint:s,xlBreakpoint:m,mdBreakpoint:g}=me(),{isTouch:x}=I(),{registerScrollToTop:ie}=be();if(!x.value&&typeof VideoDecoder<`u`){let e=ne({cacheSize:20});d(de,e),E(()=>e.dispose())}let{results:ae,isSearching:k,isAvailable:ce,hasSearched:le,search:ue,clear:fe}=re(),{data:pe}=r.getCamerasQuery({page:1,pageSize:-1}),A={"1h":3600*1e3,"1d":1440*60*1e3,"1w":10080*60*1e3,"1m":720*60*60*1e3},j=o(`gridRef`),M=e(`closed`),N=e(!1),P=e({search:``,semanticQuery:``,filterLogicTriggers:`or`,filterLogicAttributes:`or`,cameraIds:[],timeRange:null,customDateRange:null,eventTypes:[],audioLabels:[],hasAttributes:[],sensorEvents:[],gridRegions:[],minConfidence:.5,minSemanticScore:.5}),F=b({state:`ended`,hasDetections:!0}),L=JSON.stringify(F.value),z=e(!1),B=b([]),U=h(()=>m.value?!0:M.value===`opened`),ge=h(()=>g.value),G=h(()=>g.value?`0px`:U.value?`${xt}px`:`0px`),K=h(()=>(pe.value?.result??[]).map(e=>({id:e._id,name:e.name}))),q=h(()=>{let e=new Map;for(let t of K.value)e.set(t.id,t.name);return e}),J=h(()=>{let e=new Map;for(let t of pe.value?.result??[])e.set(t._id,t);return e}),Oe=h(()=>P.value.cameraIds),Y=h(()=>K.value.map(e=>e.id));ie(()=>j.value?.scrollToTop());let{events:Ae,isLoading:je,hasMore:Me,loadMore:Ne,loadThumbnails:Pe,getCachedThumbnails:Fe}=D({availableCameraIds:Y,cameraIds:Oe,realtime:!0,pageSize:40,filter:F}),X=h(()=>{let e=new Map;for(let t of ae.value??[]){let n=e.get(t.eventId);(!n||t.score>n)&&e.set(t.eventId,t.score)}return e}),Z=h(()=>le.value),Q=h(()=>{let e=Ae.value.filter(e=>e.state===`ended`),t=P.value;if(t.timeRange&&A[t.timeRange]){let n=Date.now()-A[t.timeRange];e=e.filter(e=>e.startTime>=n)}if(t.gridRegions.length>0&&(e=e.filter(e=>e.segments.some(e=>e.detections.some(e=>e.box&&Re(e.box,t.gridRegions))))),Z.value){let n=.15,r=t.minSemanticScore*(.38-n)+n;e=e.filter(e=>{let t=X.value.get(e.id);return t!=null&&t>=r}),e.sort((e,t)=>(X.value.get(t.id)??0)-(X.value.get(e.id)??0))}return e}),$=h(()=>z.value&&B.value.length?B.value:Q.value.map(e=>({event:e,key:e.id})));function Ie(){M.value=M.value===`opened`?`closed`:`opened`}function Le(){M.value=`closed`}function Re(e,t){if(t.length===0)return!0;let n=1/St,r=1/Ct,i=e.x/n,a=(e.x+e.width)/n,o=e.y/r,s=(e.y+e.height)/r;for(let e of t)if(a>e.col&&i<e.col+e.w&&s>e.row&&o<e.row+e.h)return!0;return!1}function ze(e,t){let n=[];if(e.attributes)for(let[r,i]of Object.entries(e.attributes)){let e=O(i);if(!e)continue;let a=r.indexOf(`:`);n.push({key:`${t.id}:attr:${r}`,url:e,type:a>=0?r.substring(0,a):r,label:a>=0?r.substring(a+1):void 0})}if(e.detections)for(let[r,i]of Object.entries(e.detections)){let e=O(i);if(!e)continue;let a=r.includes(`:`)?r.split(`:`).slice(1).join(`:`):r;n.push({key:`${t.id}:det:${r}`,url:e,type:a})}if(e.scenes)for(let[r,i]of Object.entries(e.scenes)){let e=O(i);e&&n.push({key:`${t.id}:scene:${r}`,url:e,type:`scene`})}let r=new Set;return n.filter(e=>r.has(e.url)?!1:(r.add(e.url),!0))}function Be(e){let t=[];for(let n of e){let e=Fe(n.id);if(!e){t.push({event:n,key:n.id});continue}let r=ze(e,n),i=oe(e,n);if(i.url){let e=r.findIndex(e=>e.url===i.url);e>0&&r.unshift(...r.splice(e,1))}r.length<=1?t.push({event:n,key:n.id}):r.forEach((e,r)=>{t.push({event:n,key:r===0?n.id:e.key,thumbnailOverride:{url:e.url,type:e.type,label:e.label}})})}return t}function Ve(e){!e.semanticQuery?.trim()&&P.value.semanticQuery?.trim()&&fe(),P.value=e}function He(e){if(!e.trim()){fe();return}ue(e)}function Ue(e){let t=J.value.get(e.cameraId);t&&i.openComponentDialog(V,{data:{title:t.name,stayActive:!0,hideCancelButton:!0,hideConfirmButton:!0,contentProps:{camera:t,eventTimestamp:e.startTime},headerActions:e.segments?.some(e=>e?.description)?[{icon:_e,toggle:!0,onClick:()=>{}}]:void 0,draggable:!0,blockDragOnSelectors:[`.p-dialog-body`],dismissableMask:!1,modal:!1,dialogContentClass:`!px-0 h-full`,goTo:`/cameras/${t.name}?startTs=${e.startTime}`},dialogSize:{desktop:{maxWidth:`800px`,maxHeight:`calc(100vh - max(1rem, env(safe-area-inset-top, 0px)) - max(1rem, env(safe-area-inset-bottom, 0px)))`,width:`50vw`}}})}return l(m,e=>{e&&(M.value=`closed`)}),l(P,e=>{let t=e.eventTypes.length>0||e.sensorEvents.length>0||e.audioLabels.length>0||e.hasAttributes.length>0,n={types:e.eventTypes.length>0?e.eventTypes:void 0,triggers:e.sensorEvents.length>0?e.sensorEvents:void 0,triggerLabels:e.audioLabels.length>0?e.audioLabels:void 0,attributes:e.hasAttributes.length>0?e.hasAttributes:void 0,filterLogicTriggers:t?e.filterLogicTriggers:void 0,filterLogicAttributes:t?e.filterLogicAttributes:void 0,search:e.search||void 0,minConfidence:e.minConfidence>0?e.minConfidence:void 0,state:`ended`,hasDetections:!t},r=JSON.stringify(n);r!==L&&(L=r,F.value=n)},{deep:!0,immediate:!0}),l(z,e=>{e?B.value=Be(Q.value):B.value=[]}),l(Q,e=>{if(!z.value)return;let t=new Set(e.map(e=>e.id)),n=new Set(B.value.map(e=>e.event.id)),r=B.value.filter(e=>t.has(e.event.id)),i=e.filter(e=>!n.has(e.id));i.length&&(r=[...Be(i),...r]),B.value=r}),l(()=>P.value.cameraIds,e=>{e.length!==1&&P.value.gridRegions.length>0&&(P.value={...P.value,gridRegions:[]})}),u(()=>{requestAnimationFrame(()=>{N.value=!0})}),(e,n)=>{let r=xe,i=ke,o=De,l=se,u=Te,d=we,h=Ee,g=he,b=_e,x=W,E=Ce,ne=Se,re=H,ie=R;return T(),t(`div`,null,[y(r,{position:`center`},{default:f(()=>[p(`span`,ft,v(e.$t(`views.recordings.title`)),1)]),_:1}),y(r,{position:`left`},{default:f(()=>[y(l,{id:`recordings-sidebar-toggle`,severity:`secondary`,class:`cui-button p-2 text-color`,text:``,rounded:``,onClick:Ie},{icon:f(()=>[C(M)===`closed`?(T(),_(i,{key:0,width:`100%`,height:`100%`})):(T(),_(o,{key:1,width:`100%`,height:`100%`}))]),_:1})]),_:1}),y(dt,{filters:C(P),cameras:C(K),"is-open":C(U),"is-overlay":C(ge),"semantic-search-available":C(ce),"semantic-search-loading":C(k),"onUpdate:filters":Ve,onSemanticSearch:He,onClose:Le},null,8,[`filters`,`cameras`,`is-open`,`is-overlay`,`semantic-search-available`,`semantic-search-loading`]),(T(),_(S,{to:`#container`,defer:``},[C(U)&&C(ge)?(T(),t(`div`,{key:0,class:`fixed top-0 left-0 right-0 bottom-0 w-full h-full bg-black/50 z-1`,onClick:Le})):c(``,!0)])),p(`main`,{class:`relative w-full h-full`,style:w({paddingLeft:C(G),transition:C(N)?`padding-left 200ms`:void 0})},[p(`div`,pt,[C(s)?c(``,!0):(T(),t(`div`,mt,[n[1]||=p(`div`,{class:`ml-2`},null,-1),C(m)?c(``,!0):(T(),_(l,{key:0,id:`recordings-sidebar-toggle`,severity:`secondary`,class:`mr-2 cui-icon-lg relative z-2`,text:``,rounded:``,onClick:Ie},{icon:f(()=>[C(U)?(T(),_(u,{key:0,width:`100%`,height:`100%`})):(T(),_(d,{key:1,width:`100%`,height:`100%`}))]),_:1})),p(`h1`,ht,v(e.$t(`views.recordings.title`)),1),n[2]||=p(`div`,{class:`gradient-blur rotate-180 !h-[70px]`},[p(`div`),p(`div`),p(`div`),p(`div`),p(`div`),p(`div`)],-1)])),p(`div`,{class:ee([`px-2 h-full w-full flex flex-col`,{"pt-4":C(s),"pt-[calc(40px+2rem)]":!C(s)}])},[C(Q).length||C(Z)?(T(),t(`div`,gt,[a((T(),_(l,{severity:C(z)?`primary`:`secondary`,text:``,rounded:``,class:`cui-icon-sm`,onClick:n[0]||=e=>z.value=!C(z)},{icon:f(()=>[C(z)?(T(),_(g,{key:1,width:`100%`,height:`100%`})):(T(),_(h,{key:0,width:`100%`,height:`100%`}))]),_:1},8,[`severity`])),[[ie,{value:e.$t(`views.recordings.ungroup`)},void 0,{bottom:!0}]]),p(`span`,null,v(e.$t(`views.recordings.result_count`,{count:C($).length})),1),C(Z)?(T(),t(`span`,_t,[y(b,{class:`w-3 h-3`}),te(` `+v(e.$t(`views.recordings.semantic_results`,{count:C(X).size})),1)])):c(``,!0)])):c(``,!0),C($).length?(T(),_(E,{key:1,ref_key:`gridRef`,ref:j,items:C($),"min-item-width":C(s)?160:180,gap:8,"has-more":C(Me),"load-more":C(Ne),"item-key":e=>e.key,class:`flex-1 min-h-0`},{item:f(({item:e})=>[y(x,{event:e.event,"camera-name":C(q).get(e.event.cameraId),camera:C(J).get(e.event.cameraId),"load-thumbnails":C(Pe),"semantic-score":C(X).get(e.event.id),"thumbnail-override":e.thumbnailOverride,onScrollToEvent:()=>Ue(e.event)},null,8,[`event`,`camera-name`,`camera`,`load-thumbnails`,`semantic-score`,`thumbnail-override`,`onScrollToEvent`])]),_:1},8,[`items`,`min-item-width`,`has-more`,`load-more`,`item-key`])):c(``,!0),C(je)||C(k)?(T(),t(`div`,vt,[y(ne,{width:`24px`,height:`24px`,class:`text-muted`})])):c(``,!0),!C(Q).length&&!C(je)&&!C(k)?(T(),t(`div`,yt,[y(re,{class:`w-12 h-12 text-muted`}),p(`span`,bt,v(e.$t(`views.recordings.no_recordings`)),1)])):c(``,!0)],2)])],4)])}}});export{wt as default};
+import{$n as e,$t as t,An as n,En as r,Gt as i,Hn as a,In as o,Jn as s,Qt as c,Rn as l,Sn as u,Tn as d,Vn as f,Xt as p,Yn as m,Yt as h,Zn as g,Zt as _,cr as ee,dr as v,in as y,nr as b,on as x,qt as S,rn as te,sr as C,ur as w,wn as T}from"./vendor-CF-D4B9g.js";import{Gi as E,H as ne,I as re,Ki as ie,Nn as ae,P as oe,V as D,Vn as se,W as O,X as k,Y as ce,di as le,et as ue,k as de,mi as fe,q as pe,vn as A,wn as j,yn as M}from"./vendor-cameraui-tvNekvZ-.js";import{S as N}from"./CuiCameraCard-BjO1XlxZ.js";import{t as P}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as F,r as I,t as me}from"./useSharedComposables-CTXKSCVm.js";import{C as L,J as R,i as z,u as B}from"./vendor-primevue-D0-7UQst.js";import{n as V,r as H,t as he}from"./view-grid-fG_14uKl.js";import{t as U}from"./eventIcons-BPti5ma5.js";import{t as ge}from"./CuiCameraSnapshot-CLrFhkzU.js";import{n as _e}from"./types-DllqnzAz.js";import{t as ve}from"./cameras-CW62AByZ.js";import{t as ye}from"./useCuiDialog-DDOxJgxq.js";import{n as be,t as xe}from"./CuiTopbarSlot-DTNeuYvo.js";import{t as Se}from"./ring-resize-DX9lIn8S.js";import{n as W,t as Ce}from"./CuiRecordingsGrid-BGJtNWn1.js";import{n as we,t as Te}from"./round-alt-arrow-left-bold-CLoPDaOh.js";var G={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function K(e,n){return T(),t(`svg`,G,[...n[0]||=[p(`path`,{fill:`currentColor`,d:`M3 11h8V3H3m2 2h4v4H5m8 12h8v-8h-8m2 2h4v4h-4M3 21h8v-8H3m2 2h4v4H5m8-16v8h8V3m-2 6h-4V5h4Z`},null,-1)]])}var Ee=m({name:`mdi-view-grid-outline`,render:K}),q={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function J(e,n){return T(),t(`svg`,q,[...n[0]||=[p(`path`,{fill:`currentColor`,d:`M22 18.605a.75.75 0 0 1-.75.75h-5.1a2.93 2.93 0 0 1-5.66 0H2.75a.75.75 0 1 1 0-1.5h7.74a2.93 2.93 0 0 1 5.66 0h5.1a.75.75 0 0 1 .75.75m0-13.21a.75.75 0 0 1-.75.75H18.8a2.93 2.93 0 0 1-5.66 0H2.75a.75.75 0 1 1 0-1.5h10.39a2.93 2.93 0 0 1 5.66 0h2.45a.74.74 0 0 1 .75.75m0 6.6a.74.74 0 0 1-.75.75H9.55a2.93 2.93 0 0 1-5.66 0H2.75a.75.75 0 1 1 0-1.5h1.14a2.93 2.93 0 0 1 5.66 0h11.7a.75.75 0 0 1 .75.75`},null,-1)]])}var De=m({name:`mage-filter-fill`,render:J}),Oe={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Y(e,n){return T(),t(`svg`,Oe,[...n[0]||=[p(`path`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-miterlimit":`10`,"stroke-width":`1.5`,d:`M21.25 12H8.895m-4.361 0H2.75m18.5 6.607h-5.748m-4.361 0H2.75m18.5-13.214h-3.105m-4.361 0H2.75m13.214 2.18a2.18 2.18 0 1 0 0-4.36a2.18 2.18 0 0 0 0 4.36Zm-9.25 6.607a2.18 2.18 0 1 0 0-4.36a2.18 2.18 0 0 0 0 4.36Zm6.607 6.608a2.18 2.18 0 1 0 0-4.361a2.18 2.18 0 0 0 0 4.36Z`},null,-1)]])}var ke=m({name:`mage-filter`,render:Y}),Ae={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function je(e,n){return T(),t(`svg`,Ae,[...n[0]||=[p(`path`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`m6 9l6 6l6-6`},null,-1)]])}var Me=m({name:`tabler-chevron-down`,render:je}),Ne={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Pe(e,n){return T(),t(`svg`,Ne,[...n[0]||=[p(`path`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`m6 15l6-6l6 6`},null,-1)]])}var Fe=m({name:`tabler-chevron-up`,render:Pe}),X={class:`flex flex-col gap-2`},Z={class:`sidebar-section-title`},Q={class:`p-input-icon-left w-full`},$={class:`flex flex-col gap-2`},Ie={class:`sidebar-section-title flex items-center gap-1.5`},Le={key:0,class:`flex flex-col gap-1.5 mt-1`},Re={class:`text-xs text-muted`},ze={class:`flex items-center gap-3`},Be={class:`text-xs font-mono w-8 text-right shrink-0`},Ve={class:`flex flex-col gap-2`},He={class:`sidebar-section-title`},Ue={class:`flex flex-col gap-2`},We={class:`sidebar-section-title`},Ge={class:`relative rounded-md overflow-hidden`},Ke={class:`flex flex-col gap-2`},qe={class:`sidebar-section-title`},Je={class:`flex items-center gap-3`},Ye={class:`text-xs font-mono w-8 text-right shrink-0`},Xe={class:`flex flex-col gap-2`},Ze={class:`sidebar-section-title`},Qe={class:`flex flex-wrap gap-1`},$e={class:`flex flex-col gap-2`},et={key:0,class:`flex flex-col gap-2`},tt={class:`flex items-center gap-2 cursor-pointer text-sm`},nt={key:0,class:`flex flex-col gap-2 ml-6`},rt={class:`filter-logic-divider`},it={class:`flex flex-col gap-2`},at={key:0,class:`flex flex-col gap-2`},ot={class:`filter-logic-divider`},st={class:`flex flex-col gap-2`},ct={key:0,class:`flex flex-col gap-2`},lt={class:`flex items-center gap-2 cursor-pointer text-sm`},ut=288,dt=P(x({__name:`RecordingsFilterSidebar`,props:{filters:{},cameras:{},isOpen:{type:Boolean},isOverlay:{type:Boolean},semanticSearchAvailable:{type:Boolean},semanticSearchLoading:{type:Boolean}},emits:[`update:filters`,`semantic-search`,`close`],setup(a,{expose:u,emit:d}){let f={doorbell:`views.recordings.audio_doorbell`,glass_break:`views.recordings.audio_glass_break`,siren:`views.recordings.audio_siren`,speaking:`views.recordings.audio_speaking`,gunshot:`views.recordings.audio_gunshot`,dog_bark:`views.recordings.audio_dog_bark`,baby_cry:`views.recordings.audio_baby_cry`,alarm:`views.recordings.audio_alarm`,scream:`views.recordings.audio_scream`,cat:`views.recordings.audio_cat`,car_alarm:`views.recordings.audio_car_alarm`,smoke_alarm:`views.recordings.audio_smoke_alarm`},m={face:`views.recordings.attr_face`,license_plate:`views.recordings.attr_license_plate`},ee={motion:`views.recordings.sensor_motion`,audio:`views.recordings.sensor_audio`,contact:`views.recordings.sensor_contact`,doorbell:`views.recordings.sensor_doorbell`,switch:`views.recordings.sensor_switch`,light:`views.recordings.sensor_light`,siren:`views.recordings.sensor_siren`,security_system:`views.recordings.sensor_security_system`,"line-crossing":`views.recordings.sensor_line_crossing`},b=new Set([`motion`,`audio`]),x=a,S=d,{t:E}=le(),{xlBreakpoint:ne}=me(),{topbarHeight:re,bottombarHeight:oe}=F(),{icons:D,generic:O}=U(),de=D,P=Fe,I=Me,R=o(`sidebarRef`),V=e(x.filters.semanticQuery??``),H=g({eventTypes:!0,attributes:!0,sensorEvents:!0}),he=h(()=>x.isOpen?ut:0),ve=h(()=>x.cameras.map(e=>({id:e.id,name:e.name}))),ye=h(()=>{if(x.filters.cameraIds.length===1)return x.cameras.find(e=>e.id===x.filters.cameraIds[0])?.name}),be=h(()=>[{label:E(`views.recordings.filter_and`),value:`and`},{label:E(`views.recordings.filter_or`),value:`or`}]),xe=h(()=>[{label:E(`views.recordings.time_1h`),value:`1h`},{label:E(`views.recordings.time_1d`),value:`1d`},{label:E(`views.recordings.time_1w`),value:`1w`},{label:E(`views.recordings.time_1m`),value:`1m`}]),Se=h(()=>M.filter(e=>!b.has(e)).map(e=>({label:E(`views.recordings.type_${e}`),value:e,icon:D[e]??O}))),W=h(()=>({label:E(`views.recordings.type_other`),value:pe,icon:D.other??O})),Ce=h(()=>ae.map(e=>({label:E(ee[e]??`views.recordings.sensor_${e}`),value:e,icon:de[e]??O}))),we=h(()=>j.map(e=>({label:E(f[e]??e),value:e,icon:D[e]??O}))),Te=h(()=>A.map(e=>({label:E(m[e]??`views.recordings.attr_${e}`),value:e,icon:D[e]??O})));function G(e,t){S(`update:filters`,{...x.filters,[e]:t})}let K=ie(e=>{G(`search`,e)},300);function Ee(){let e=V.value.trim();G(`semanticQuery`,e),S(`semantic-search`,e)}function q(e){let t=[...x.filters.eventTypes],n=t.indexOf(e);n>=0?t.splice(n,1):t.push(e),G(`eventTypes`,t)}function J(e){let t=[...x.filters.audioLabels],n=t.indexOf(e);n>=0?t.splice(n,1):t.push(e),G(`audioLabels`,t)}function De(e){let t=[...x.filters.sensorEvents],n=t.indexOf(e);n>=0?t.splice(n,1):t.push(e),G(`sensorEvents`,t)}function Oe(e){let t=[...x.filters.hasAttributes],n=t.indexOf(e);n>=0?t.splice(n,1):t.push(e),G(`hasAttributes`,t)}function Y(e){H[e]=!H[e]}return l(V,e=>{!e?.trim()&&x.filters.semanticQuery&&G(`semanticQuery`,``)}),fe(R,e=>{let t=e.target;t.closest(`#recordings-sidebar-toggle`)||t.closest(`[data-pc-section="overlay"], [data-pc-section="panel"], .p-connected-overlay`)||x.isOpen&&(x.isOverlay||!ne.value)&&S(`close`)}),u({sidebarWidth:he}),(e,o)=>{let l=ue,u=_e,d=z,f=se,m=ce,h=B,g=ge,ee=N,b=L,x=k;return T(),t(`nav`,{ref_key:`sidebarRef`,ref:R,class:`recordings-sidebar fixed transition-all duration-200 overflow-x-hidden overflow-y-auto md:!pl-0 pl-safe pb-safe flex flex-col z-4`,style:w({width:`${C(he)}px`,borderRightWidth:a.isOpen?`1px`:`0px`,paddingBottom:`calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px) + ${C(oe)}px + ${C(re)}px)`})},[p(`div`,{class:`flex flex-col gap-4 p-4`,style:w({width:`${ut}px`})},[p(`div`,X,[p(`label`,Z,v(e.$t(`views.recordings.search`)),1),p(`span`,Q,[y(l,{"model-value":a.filters.search,placeholder:e.$t(`views.recordings.search_placeholder`),class:`w-full text-sm`,"onUpdate:modelValue":o[0]||=e=>C(K)(e)},null,8,[`model-value`,`placeholder`])])]),o[18]||=p(`div`,{class:`sidebar-divider`},null,-1),p(`div`,$,[p(`label`,Ie,[y(u,{class:`w-3.5 h-3.5`}),te(` `+v(e.$t(`views.recordings.semantic_search`)),1)]),y(d,{modelValue:C(V),"onUpdate:modelValue":o[1]||=e=>s(V)?V.value=e:null,placeholder:e.$t(`views.recordings.semantic_search_placeholder`),class:`w-full text-sm semantic-textarea`,rows:`3`,disabled:!a.semanticSearchAvailable},null,8,[`modelValue`,`placeholder`,`disabled`]),y(f,{label:e.$t(`views.recordings.semantic_search_button`),severity:`secondary`,outlined:``,size:`small`,class:`w-full text-xs`,loading:a.semanticSearchLoading,disabled:!a.semanticSearchAvailable||!C(V)?.trim(),onClick:Ee},null,8,[`label`,`loading`,`disabled`]),a.filters.semanticQuery?(T(),t(`div`,Le,[p(`label`,Re,v(e.$t(`views.recordings.min_match_score`)),1),p(`div`,ze,[y(m,{"model-value":a.filters.minSemanticScore,min:0,max:1,step:.05,class:`flex-1`,"onUpdate:modelValue":o[2]||=e=>G(`minSemanticScore`,e)},null,8,[`model-value`]),p(`span`,Be,v(Math.round(a.filters.minSemanticScore*100))+`%`,1)])])):c(``,!0)]),o[19]||=p(`div`,{class:`sidebar-divider`},null,-1),p(`div`,Ve,[p(`label`,He,v(e.$t(`views.recordings.cameras`)),1),y(h,{"model-value":a.filters.cameraIds,options:C(ve),"option-label":`name`,"option-value":`id`,placeholder:e.$t(`views.recordings.all_cameras`),class:`w-full text-sm`,"max-selected-labels":2,"show-toggle-all":!1,pt:{overlay:{style:`position: fixed`}},"onUpdate:modelValue":o[3]||=e=>G(`cameraIds`,e)},null,8,[`model-value`,`options`,`placeholder`])]),C(ye)?(T(),t(i,{key:0},[o[13]||=p(`div`,{class:`sidebar-divider`},null,-1),p(`div`,Ue,[p(`label`,We,v(e.$t(`views.recordings.grid_search`)),1),p(`div`,Ge,[y(g,{camera:C(ye),"object-fit":`cover`},null,8,[`camera`]),y(ee,{"model-value":a.filters.gridRegions,"onUpdate:modelValue":o[4]||=e=>G(`gridRegions`,e)},null,8,[`model-value`])]),y(f,{label:e.$t(`views.recordings.grid_clear`),severity:`secondary`,outlined:``,size:`small`,class:`w-full text-xs`,disabled:a.filters.gridRegions.length===0,onClick:o[5]||=e=>G(`gridRegions`,[])},null,8,[`label`,`disabled`])])],64)):c(``,!0),o[20]||=p(`div`,{class:`sidebar-divider`},null,-1),p(`div`,Ke,[p(`label`,qe,v(e.$t(`views.recordings.confidence`)),1),p(`div`,Je,[y(m,{"model-value":a.filters.minConfidence,min:0,max:1,step:.05,class:`flex-1`,"onUpdate:modelValue":o[6]||=e=>G(`minConfidence`,e)},null,8,[`model-value`]),p(`span`,Ye,v(Math.round(a.filters.minConfidence*100))+`%`,1)])]),o[21]||=p(`div`,{class:`sidebar-divider`},null,-1),p(`div`,Xe,[p(`label`,Ze,v(e.$t(`views.recordings.time_range`)),1),p(`div`,Qe,[(T(!0),t(i,null,r(C(xe),e=>(T(),_(f,{key:e.value,label:e.label,severity:a.filters.timeRange===e.value?void 0:`secondary`,outlined:a.filters.timeRange!==e.value,size:`small`,class:`text-xs flex-1 min-w-0`,onClick:t=>G(`timeRange`,a.filters.timeRange===e.value?null:e.value)},null,8,[`label`,`severity`,`outlined`,`onClick`]))),128))])]),o[22]||=p(`div`,{class:`sidebar-divider`},null,-1),p(`div`,$e,[p(`button`,{class:`sidebar-section-title flex items-center justify-between w-full cursor-pointer`,onClick:o[7]||=e=>Y(`sensorEvents`)},[p(`span`,null,v(e.$t(`views.recordings.sensor_events`)),1),(T(),_(n(C(H).sensorEvents?C(P):C(I)),{class:`w-4 h-4 text-muted`}))]),C(H).sensorEvents?(T(),t(`div`,et,[(T(!0),t(i,null,r(C(Ce),e=>(T(),t(i,{key:e.value},[p(`label`,tt,[y(b,{"model-value":a.filters.sensorEvents.includes(e.value),binary:!0,"onUpdate:modelValue":t=>De(e.value)},null,8,[`model-value`,`onUpdate:modelValue`]),(T(),_(n(e.icon),{class:`w-4 h-4 text-muted`})),p(`span`,null,v(e.label),1)]),e.value===`audio`&&a.filters.sensorEvents.includes(`audio`)?(T(),t(`div`,nt,[(T(!0),t(i,null,r(C(we),e=>(T(),t(`label`,{key:e.value,class:`flex items-center gap-2 cursor-pointer text-sm`},[y(b,{"model-value":a.filters.audioLabels.includes(e.value),binary:!0,"onUpdate:modelValue":t=>J(e.value)},null,8,[`model-value`,`onUpdate:modelValue`]),(T(),_(n(e.icon),{class:`w-4 h-4 text-muted`})),p(`span`,null,v(e.label),1)]))),128))])):c(``,!0)],64))),128))])):c(``,!0)]),p(`div`,rt,[o[14]||=p(`div`,{class:`filter-logic-line`},null,-1),y(x,{"model-value":a.filters.filterLogicTriggers,options:C(be),"option-label":`label`,"option-value":`value`,"allow-empty":!1,class:`filter-logic-toggle`,"onUpdate:modelValue":o[8]||=e=>G(`filterLogicTriggers`,e)},null,8,[`model-value`,`options`]),o[15]||=p(`div`,{class:`filter-logic-line`},null,-1)]),p(`div`,it,[p(`button`,{class:`sidebar-section-title flex items-center justify-between w-full cursor-pointer`,onClick:o[9]||=e=>Y(`eventTypes`)},[p(`span`,null,v(e.$t(`views.recordings.event_type`)),1),(T(),_(n(C(H).eventTypes?C(P):C(I)),{class:`w-4 h-4 text-muted`}))]),C(H).eventTypes?(T(),t(`div`,at,[(T(!0),t(i,null,r(C(Se),e=>(T(),t(`label`,{key:e.value,class:`flex items-center gap-2 cursor-pointer text-sm`},[y(b,{"model-value":a.filters.eventTypes.includes(e.value),binary:!0,"onUpdate:modelValue":t=>q(e.value)},null,8,[`model-value`,`onUpdate:modelValue`]),(T(),_(n(e.icon),{class:`w-4 h-4 text-muted`})),p(`span`,null,v(e.label),1)]))),128))])):c(``,!0)]),p(`div`,ot,[o[16]||=p(`div`,{class:`filter-logic-line`},null,-1),y(x,{"model-value":a.filters.filterLogicAttributes,options:C(be),"option-label":`label`,"option-value":`value`,"allow-empty":!1,class:`filter-logic-toggle`,"onUpdate:modelValue":o[10]||=e=>G(`filterLogicAttributes`,e)},null,8,[`model-value`,`options`]),o[17]||=p(`div`,{class:`filter-logic-line`},null,-1)]),p(`div`,st,[p(`button`,{class:`sidebar-section-title flex items-center justify-between w-full cursor-pointer`,onClick:o[11]||=e=>Y(`attributes`)},[p(`span`,null,v(e.$t(`views.recordings.attributes`)),1),(T(),_(n(C(H).attributes?C(P):C(I)),{class:`w-4 h-4 text-muted`}))]),C(H).attributes?(T(),t(`div`,ct,[(T(!0),t(i,null,r(C(Te),e=>(T(),t(`label`,{key:e.value,class:`flex items-center gap-2 cursor-pointer text-sm`},[y(b,{"model-value":a.filters.hasAttributes.includes(e.value),binary:!0,"onUpdate:modelValue":t=>Oe(e.value)},null,8,[`model-value`,`onUpdate:modelValue`]),(T(),_(n(e.icon),{class:`w-4 h-4 text-muted`})),p(`span`,null,v(e.label),1)]))),128)),p(`label`,lt,[y(b,{"model-value":a.filters.eventTypes.includes(C(W).value),binary:!0,"onUpdate:modelValue":o[12]||=e=>q(C(W).value)},null,8,[`model-value`]),(T(),_(n(C(W).icon),{class:`w-4 h-4 text-muted`})),p(`span`,null,v(C(W).label),1)])])):c(``,!0)])],4)],4)}}}),[[`__scopeId`,`data-v-de3974e2`]]),ft={class:`font-semibold text-xl truncate`},pt={class:`w-full h-full relative`},mt={key:0,class:`w-full flex flex-row h-[calc(40px+1rem)] py-2 items-center fixed z-10`},ht={class:`relative z-2 page-title !m-0`},gt={key:0,class:`flex items-center gap-2 mb-2 text-xs text-muted ml-auto`},_t={key:0,class:`inline-flex items-center gap-1`},vt={key:2,class:`flex justify-center py-4`},yt={key:3,class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4`},bt={class:`text-muted text-sm`},xt=288,St=10,Ct=11,wt=x({__name:`Recordings`,setup(n){let r=new ve,i=ye(),{smBreakpoint:s,xlBreakpoint:m,mdBreakpoint:g}=me(),{isTouch:x}=I(),{registerScrollToTop:ie}=be();if(!x.value&&typeof VideoDecoder<`u`){let e=ne({cacheSize:20});d(de,e),E(()=>e.dispose())}let{results:ae,isSearching:k,isAvailable:ce,hasSearched:le,search:ue,clear:fe}=re(),{data:pe}=r.getCamerasQuery({page:1,pageSize:-1}),A={"1h":3600*1e3,"1d":1440*60*1e3,"1w":10080*60*1e3,"1m":720*60*60*1e3},j=o(`gridRef`),M=e(`closed`),N=e(!1),P=e({search:``,semanticQuery:``,filterLogicTriggers:`or`,filterLogicAttributes:`or`,cameraIds:[],timeRange:null,customDateRange:null,eventTypes:[],audioLabels:[],hasAttributes:[],sensorEvents:[],gridRegions:[],minConfidence:.5,minSemanticScore:.5}),F=b({state:`ended`,hasDetections:!0}),L=JSON.stringify(F.value),z=e(!1),B=b([]),U=h(()=>m.value?!0:M.value===`opened`),ge=h(()=>g.value),G=h(()=>g.value?`0px`:U.value?`${xt}px`:`0px`),K=h(()=>(pe.value?.result??[]).map(e=>({id:e._id,name:e.name}))),q=h(()=>{let e=new Map;for(let t of K.value)e.set(t.id,t.name);return e}),J=h(()=>{let e=new Map;for(let t of pe.value?.result??[])e.set(t._id,t);return e}),Oe=h(()=>P.value.cameraIds),Y=h(()=>K.value.map(e=>e.id));ie(()=>j.value?.scrollToTop());let{events:Ae,isLoading:je,hasMore:Me,loadMore:Ne,loadThumbnails:Pe,getCachedThumbnails:Fe}=D({availableCameraIds:Y,cameraIds:Oe,realtime:!0,pageSize:40,filter:F}),X=h(()=>{let e=new Map;for(let t of ae.value??[]){let n=e.get(t.eventId);(!n||t.score>n)&&e.set(t.eventId,t.score)}return e}),Z=h(()=>le.value),Q=h(()=>{let e=Ae.value.filter(e=>e.state===`ended`),t=P.value;if(t.timeRange&&A[t.timeRange]){let n=Date.now()-A[t.timeRange];e=e.filter(e=>e.startTime>=n)}if(t.gridRegions.length>0&&(e=e.filter(e=>e.segments.some(e=>e.detections.some(e=>e.box&&Re(e.box,t.gridRegions))))),Z.value){let n=.15,r=t.minSemanticScore*(.38-n)+n;e=e.filter(e=>{let t=X.value.get(e.id);return t!=null&&t>=r}),e.sort((e,t)=>(X.value.get(t.id)??0)-(X.value.get(e.id)??0))}return e}),$=h(()=>z.value&&B.value.length?B.value:Q.value.map(e=>({event:e,key:e.id})));function Ie(){M.value=M.value===`opened`?`closed`:`opened`}function Le(){M.value=`closed`}function Re(e,t){if(t.length===0)return!0;let n=1/St,r=1/Ct,i=e.x/n,a=(e.x+e.width)/n,o=e.y/r,s=(e.y+e.height)/r;for(let e of t)if(a>e.col&&i<e.col+e.w&&s>e.row&&o<e.row+e.h)return!0;return!1}function ze(e,t){let n=[];if(e.attributes)for(let[r,i]of Object.entries(e.attributes)){let e=O(i);if(!e)continue;let a=r.indexOf(`:`);n.push({key:`${t.id}:attr:${r}`,url:e,type:a>=0?r.substring(0,a):r,label:a>=0?r.substring(a+1):void 0})}if(e.detections)for(let[r,i]of Object.entries(e.detections)){let e=O(i);if(!e)continue;let a=r.includes(`:`)?r.split(`:`).slice(1).join(`:`):r;n.push({key:`${t.id}:det:${r}`,url:e,type:a})}if(e.scenes)for(let[r,i]of Object.entries(e.scenes)){let e=O(i);e&&n.push({key:`${t.id}:scene:${r}`,url:e,type:`scene`})}let r=new Set;return n.filter(e=>r.has(e.url)?!1:(r.add(e.url),!0))}function Be(e){let t=[];for(let n of e){let e=Fe(n.id);if(!e){t.push({event:n,key:n.id});continue}let r=ze(e,n),i=oe(e,n);if(i.url){let e=r.findIndex(e=>e.url===i.url);e>0&&r.unshift(...r.splice(e,1))}r.length<=1?t.push({event:n,key:n.id}):r.forEach((e,r)=>{t.push({event:n,key:r===0?n.id:e.key,thumbnailOverride:{url:e.url,type:e.type,label:e.label}})})}return t}function Ve(e){!e.semanticQuery?.trim()&&P.value.semanticQuery?.trim()&&fe(),P.value=e}function He(e){if(!e.trim()){fe();return}ue(e)}function Ue(e){let t=J.value.get(e.cameraId);t&&i.openComponentDialog(V,{data:{title:t.name,stayActive:!0,hideCancelButton:!0,hideConfirmButton:!0,contentProps:{camera:t,eventTimestamp:e.startTime},headerActions:e.segments?.some(e=>e?.description)?[{icon:_e,toggle:!0,onClick:()=>{}}]:void 0,draggable:!0,blockDragOnSelectors:[`.p-dialog-body`],dismissableMask:!1,modal:!1,dialogContentClass:`!px-0 h-full`,goTo:`/cameras/${t.name}?startTs=${e.startTime}`},dialogSize:{desktop:{maxWidth:`800px`,maxHeight:`calc(100vh - max(1rem, env(safe-area-inset-top, 0px)) - max(1rem, env(safe-area-inset-bottom, 0px)))`,width:`50vw`}}})}return l(m,e=>{e&&(M.value=`closed`)}),l(P,e=>{let t=e.eventTypes.length>0||e.sensorEvents.length>0||e.audioLabels.length>0||e.hasAttributes.length>0,n={types:e.eventTypes.length>0?e.eventTypes:void 0,triggers:e.sensorEvents.length>0?e.sensorEvents:void 0,triggerLabels:e.audioLabels.length>0?e.audioLabels:void 0,attributes:e.hasAttributes.length>0?e.hasAttributes:void 0,filterLogicTriggers:t?e.filterLogicTriggers:void 0,filterLogicAttributes:t?e.filterLogicAttributes:void 0,search:e.search||void 0,minConfidence:e.minConfidence>0?e.minConfidence:void 0,state:`ended`,hasDetections:!t},r=JSON.stringify(n);r!==L&&(L=r,F.value=n)},{deep:!0,immediate:!0}),l(z,e=>{e?B.value=Be(Q.value):B.value=[]}),l(Q,e=>{if(!z.value)return;let t=new Set(e.map(e=>e.id)),n=new Set(B.value.map(e=>e.event.id)),r=B.value.filter(e=>t.has(e.event.id)),i=e.filter(e=>!n.has(e.id));i.length&&(r=[...Be(i),...r]),B.value=r}),l(()=>P.value.cameraIds,e=>{e.length!==1&&P.value.gridRegions.length>0&&(P.value={...P.value,gridRegions:[]})}),u(()=>{requestAnimationFrame(()=>{N.value=!0})}),(e,n)=>{let r=xe,i=ke,o=De,l=se,u=Te,d=we,h=Ee,g=he,b=_e,x=W,E=Ce,ne=Se,re=H,ie=R;return T(),t(`div`,null,[y(r,{position:`center`},{default:f(()=>[p(`span`,ft,v(e.$t(`views.recordings.title`)),1)]),_:1}),y(r,{position:`left`},{default:f(()=>[y(l,{id:`recordings-sidebar-toggle`,severity:`secondary`,class:`cui-button p-2 text-color`,text:``,rounded:``,onClick:Ie},{icon:f(()=>[C(M)===`closed`?(T(),_(i,{key:0,width:`100%`,height:`100%`})):(T(),_(o,{key:1,width:`100%`,height:`100%`}))]),_:1})]),_:1}),y(dt,{filters:C(P),cameras:C(K),"is-open":C(U),"is-overlay":C(ge),"semantic-search-available":C(ce),"semantic-search-loading":C(k),"onUpdate:filters":Ve,onSemanticSearch:He,onClose:Le},null,8,[`filters`,`cameras`,`is-open`,`is-overlay`,`semantic-search-available`,`semantic-search-loading`]),(T(),_(S,{to:`#container`,defer:``},[C(U)&&C(ge)?(T(),t(`div`,{key:0,class:`fixed top-0 left-0 right-0 bottom-0 w-full h-full bg-black/50 z-1`,onClick:Le})):c(``,!0)])),p(`main`,{class:`relative w-full h-full`,style:w({paddingLeft:C(G),transition:C(N)?`padding-left 200ms`:void 0})},[p(`div`,pt,[C(s)?c(``,!0):(T(),t(`div`,mt,[n[1]||=p(`div`,{class:`ml-2`},null,-1),C(m)?c(``,!0):(T(),_(l,{key:0,id:`recordings-sidebar-toggle`,severity:`secondary`,class:`mr-2 cui-icon-lg relative z-2`,text:``,rounded:``,onClick:Ie},{icon:f(()=>[C(U)?(T(),_(u,{key:0,width:`100%`,height:`100%`})):(T(),_(d,{key:1,width:`100%`,height:`100%`}))]),_:1})),p(`h1`,ht,v(e.$t(`views.recordings.title`)),1),n[2]||=p(`div`,{class:`gradient-blur rotate-180 !h-[70px]`},[p(`div`),p(`div`),p(`div`),p(`div`),p(`div`),p(`div`)],-1)])),p(`div`,{class:ee([`px-2 h-full w-full flex flex-col`,{"pt-4":C(s),"pt-[calc(40px+2rem)]":!C(s)}])},[C(Q).length||C(Z)?(T(),t(`div`,gt,[a((T(),_(l,{severity:C(z)?`primary`:`secondary`,text:``,rounded:``,class:`cui-icon-sm`,onClick:n[0]||=e=>z.value=!C(z)},{icon:f(()=>[C(z)?(T(),_(g,{key:1,width:`100%`,height:`100%`})):(T(),_(h,{key:0,width:`100%`,height:`100%`}))]),_:1},8,[`severity`])),[[ie,{value:e.$t(`views.recordings.ungroup`)},void 0,{bottom:!0}]]),p(`span`,null,v(e.$t(`views.recordings.result_count`,{count:C($).length})),1),C(Z)?(T(),t(`span`,_t,[y(b,{class:`w-3 h-3`}),te(` `+v(e.$t(`views.recordings.semantic_results`,{count:C(X).size})),1)])):c(``,!0)])):c(``,!0),C($).length?(T(),_(E,{key:1,ref_key:`gridRef`,ref:j,items:C($),"min-item-width":C(s)?160:180,gap:8,"has-more":C(Me),"load-more":C(Ne),"item-key":e=>e.key,class:`flex-1 min-h-0`},{item:f(({item:e})=>[y(x,{event:e.event,"camera-name":C(q).get(e.event.cameraId),camera:C(J).get(e.event.cameraId),"load-thumbnails":C(Pe),"semantic-score":C(X).get(e.event.id),"thumbnail-override":e.thumbnailOverride,onScrollToEvent:()=>Ue(e.event)},null,8,[`event`,`camera-name`,`camera`,`load-thumbnails`,`semantic-score`,`thumbnail-override`,`onScrollToEvent`])]),_:1},8,[`items`,`min-item-width`,`has-more`,`load-more`,`item-key`])):c(``,!0),C(je)||C(k)?(T(),t(`div`,vt,[y(ne,{width:`24px`,height:`24px`,class:`text-muted`})])):c(``,!0),!C(Q).length&&!C(je)&&!C(k)?(T(),t(`div`,yt,[y(re,{class:`w-12 h-12 text-muted`}),p(`span`,bt,v(e.$t(`views.recordings.no_recordings`)),1)])):c(``,!0)],2)])],4)])}}});export{wt as default};

package/dist/interface/assets/{Settings-BXHcMV5q.js → Settings-Ds5LFZCd.js}

@@ -1 +1 @@
-import{$n as e,$t as t,An as n,En as r,Gt as i,In as a,On as o,Qt as s,Rn as c,Sn as l,Vn as u,Xt as d,Yt as f,Zt as p,ar as m,cr as h,dr as g,gn as _,in as v,on as y,sr as b,ur as x,wn as S}from"./vendor-CF-D4B9g.js";import{Bn as C,Ki as w,Mi as T,Ni as E,Ri as D,Vn as O,mi as k,xi as A}from"./vendor-cameraui-tvNekvZ-.js";import{f as j,l as M}from"./vendor-core-DinQdIbm.js";import{t as N}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as P,o as F,r as I,s as ee,t as L}from"./useSharedComposables-CTXKSCVm.js";import{n as R}from"./router-cAiMkJTu.js";import{t as z}from"./hasPermission-Cv-Silt3.js";import{t as B}from"./CuiTopbarSlot-DTNeuYvo.js";import{t as V}from"./routerState-C_8KP3kD.js";import{n as H,t as U}from"./round-alt-arrow-left-bold-CLoPDaOh.js";var W={},G={class:`w-full h-full flex items-center justify-center`};function K(e,n){let r=C;return S(),t(`div`,G,[v(r,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`})])}var q=N(W,[[`render`,K]]),J={key:0},Y={key:1},X={class:`overflow-hidden w-full`},Z={class:`ml-2 flex flex-row items-center justify-between`},Q={class:`text-start flex-1`},te={class:`text-sm font-bold max-w-100 truncate`},ne={key:0,class:`text-sm text-muted font-normal`},re=N(y({__name:`CuiSubNavItem`,props:{label:{},to:{},description:{},icon:{},activeIcon:{}},setup(e){let{icon:n,activeIcon:r,label:i,description:a,to:c}=m(e);return(e,l)=>{let f=O,m=o(`RouterLink`);return S(),p(m,{to:b(c)},{default:u(({isExactActive:e})=>[v(f,{text:``,severity:`secondary`,class:h([`subnavitem-button w-full h-[120px] flex items-start justify-start p-6 bg-none text-color hover:!text-primary active:!text-primary focus:!text-primary rounded-none`,{"active !text-primary":e}]),fluid:``},{default:u(()=>[b(n)&&!e||!b(r)?(S(),t(`div`,J,[v(b(n),{class:`w-[24px] h-[24px]`})])):b(r)&&e?(S(),t(`div`,Y,[v(b(r),{class:`w-[24px] h-[24px]`})])):s(``,!0),d(`div`,X,[d(`div`,Z,[d(`div`,Q,[d(`div`,te,g(b(i)),1),b(a)?(S(),t(`div`,ne,g(b(a)),1)):s(``,!0)])])])]),_:2},1032,[`class`])]),_:1},8,[`to`])}}}),[[`__scopeId`,`data-v-a5399c04`]]),$={CLOSED:0,EXPANDED:288},ie=N(y({__name:`CuiSubNavbar`,setup(n,{expose:o}){let s=M(),{bus:u}=F(),{xlBreakpoint:d,mdBreakpoint:m}=L(),{bottombarHeight:h,subbarState:g,navbarState:v,topbarHeight:y}=P(),C=a(`subnavbarRef`),T=e(`closed`),D=f(()=>d.value?`opened`:T.value),O=f(()=>D.value===`closed`?$.CLOSED:$.EXPANDED),A=f(()=>R.find(e=>e.name===`Settings`).children.filter(e=>e.meta?.settingsBar&&z(e)));function j(){T.value=`closed`,u.emit({subbarState:`closed`})}function N(){_(()=>{let e=C.value?.querySelector(`.subnavitem-button.active`);e&&e.scrollIntoView({block:`center`,behavior:`smooth`})})}let I=w(N,100);return k(C,e=>{let t=e.target,n=t.closest(`#menu-icon`),r=t.closest(`#submenu-icon`),i=t.closest(`#navbar-icon`);!n&&!r&&!i&&j()}),E(C,()=>{I()}),c(g,e=>{e&&e!==T.value&&(T.value=e)}),c(s.currentRoute,(e,t)=>{e.path!==t.path&&j()}),c(v,e=>{e===`opened`&&m.value&&j()}),l(()=>{N()}),o({subnavbarState:D}),(e,n)=>{let a=re;return S(),t(`nav`,{ref_key:`subnavbarRef`,ref:C,class:`cui-subnavbar fixed transition-all duration-200 overflow-x-hidden overflow-y-scroll md:!pl-0 pl-safe pb-safe w-full h-full flex flex-col`,style:x({width:`${b(O)}px`,borderRightWidth:b(D)===`opened`?`1px`:`0px`,paddingBottom:`calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px) + ${b(h)}px + ${b(y)}px)`})},[(S(!0),t(i,null,r(b(A),t=>(S(),p(a,{key:t.name,icon:t.meta.settingsBar.icon.default,"active-icon":t.meta.settingsBar.icon.active,to:t.path,label:e.$t(`navigation.${(t.meta?.name).toLowerCase()}`),description:e.$t(`navigation_description.${t.meta?.description}`),class:`cui-list-item !m-0 !p-0 shrink-0`,style:x({width:`${b($).EXPANDED}px`})},null,8,[`icon`,`active-icon`,`to`,`label`,`description`,`style`]))),128))],4)}}}),[[`__scopeId`,`data-v-ebf1579c`]]),ae={class:`font-semibold text-xl truncate`},oe={class:`relative flex overflow-hidden items-center justify-center w-5 h-5`},se={class:`flex flex-col justify-between w-4 h-3 transform transition-all duration-100 origin-center overflow-hidden`},ce={class:`w-full h-full relative`},le={key:0,class:`w-full flex flex-row h-[calc(40px+1rem)] py-2 items-center fixed z-2`},ue={class:`relative z-2 page-title !m-0`},de=y({__name:`Settings`,setup(r){let i=M(),l=ee(),{bus:m}=F(),{isTouch:_}=I(),{mdBreakpoint:y,xlBreakpoint:C,smBreakpoint:w}=L(),{routerLoading:E}=j(V()),k=R.find(e=>e.name===`Settings`).children.filter(e=>z(e)&&e.meta?.settingsBar),N=a(`subnavbarRef`),P=a(`containerRef`),W=e(!0),{isSwiping:G,direction:K}=_.value?D(P,{threshold:50,onSwipeStart(e){let t=e.target;([`INPUT`,`TEXTAREA`,`SELECT`,`BUTTON`].includes(t.tagName)||t.closest(`.p-datatable`))&&(W.value=!1)},onSwipeEnd(){W.value=!0}}):T(P,{threshold:50,onSwipeStart(e){let t=e.target;([`INPUT`,`TEXTAREA`,`SELECT`,`BUTTON`].includes(t.tagName)||t.closest(`.p-datatable`))&&(W.value=!1)},onSwipeEnd(){W.value=!0}}),J=A(N),Y=f(()=>N.value?.subnavbarState??`closed`);function X(){let e=Y.value===`opened`?`closed`:`opened`;m.emit({subbarState:e})}return c([G,K],()=>{if(G.value&&W.value){let e=k.findIndex(e=>e.path===i.currentRoute.value.path.split(`/settings/`)[1]);switch(K.value){case`right`:{let t=k[e-1];t&&i.push({path:t.path})}break;case`left`:{let t=k[e+1];t&&i.push({path:t.path})}break}}}),(e,r)=>{let i=B,a=O,c=ie,f=U,m=H,_=q,T=o(`RouterView`);return S(),t(`div`,null,[v(i,{position:`center`},{default:u(()=>[d(`span`,ae,g(e.$t(`views.settings.title_${e.$route.meta?.name}`)),1)]),_:1}),v(i,{position:`left`},{default:u(()=>[v(a,{id:`menu-icon`,class:`cui-button relative group p-2 transition-colors duration-100 w-[40px] h-[42px] flex items-center justify-center`,severity:`secondary`,text:``,onClick:X},{default:u(()=>[d(`div`,oe,[d(`div`,se,[d(`div`,{class:h([`h-0.5 w-2 transform transition-all duration-100 origin-center`,{"w-4 rotate-45 translate-y-[5px]":b(Y)===`opened`}]),style:{backgroundColor:`var(--text-color)`}},null,2),d(`div`,{class:h([`h-0.5 w-4 rounded transform transition-all duration-100`,{"opacity-0":b(Y)===`opened`}]),style:{backgroundColor:`var(--text-color)`}},null,2),d(`div`,{class:h([`h-0.5 w-3 transform transition-all duration-100 origin-center`,{"w-4 -rotate-45 -translate-y-[5px]":b(Y)===`opened`}]),style:{backgroundColor:`var(--text-color)`}},null,2)])])]),_:1})]),_:1}),v(c,{ref_key:`subnavbarRef`,ref:N,class:`z-4 min-w-0`},null,512),d(`main`,{class:`relative w-full h-full`,style:x({paddingLeft:b(y)?`0px`:`${b(J).width.value}px`})},[d(`div`,ce,[b(w)?s(``,!0):(S(),t(`div`,le,[r[0]||=d(`div`,{class:`ml-2`},null,-1),b(C)?s(``,!0):(S(),p(a,{key:0,id:`submenu-icon`,severity:`secondary`,class:`mr-2 cui-icon-lg relative z-2`,text:``,rounded:``,onClick:X},{icon:u(()=>[b(Y)===`opened`?(S(),p(f,{key:0,width:`100%`,height:`100%`})):(S(),p(m,{key:1,width:`100%`,height:`100%`}))]),_:1})),d(`h1`,ue,g(e.$t(`views.settings.title_${e.$route.meta?.name}`)),1),r[1]||=d(`div`,{class:`gradient-blur rotate-180 !h-[70px]`},[d(`div`),d(`div`),d(`div`),d(`div`),d(`div`),d(`div`)],-1)])),d(`div`,{ref_key:`containerRef`,ref:P,class:h([`px-2 h-full w-full`,{"py-4":b(w),"pt-[calc(40px+2rem)] pb-2":!b(w)}])},[b(E)&&b(l).showRouterLoadingSub.value?(S(),p(_,{key:0,class:`w-full h-full relative overflow-x-hidden`})):(S(),p(T,{key:1},{default:u(({Component:e})=>[(S(),p(n(e),{class:`h-full`}))]),_:1}))],2)])],4)])}}});export{de as default};
+import{$n as e,$t as t,An as n,En as r,Gt as i,In as a,On as o,Qt as s,Rn as c,Sn as l,Vn as u,Xt as d,Yt as f,Zt as p,ar as m,cr as h,dr as g,gn as _,in as v,on as y,sr as b,ur as x,wn as S}from"./vendor-CF-D4B9g.js";import{Bn as C,Ki as w,Mi as T,Ni as E,Ri as D,Vn as O,mi as k,xi as A}from"./vendor-cameraui-tvNekvZ-.js";import{f as j,l as M}from"./vendor-core-DinQdIbm.js";import{t as N}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as P,o as F,r as I,s as ee,t as L}from"./useSharedComposables-CTXKSCVm.js";import{n as R}from"./router-DSJRLymd.js";import{t as z}from"./hasPermission-g7MKb703.js";import{t as B}from"./CuiTopbarSlot-DTNeuYvo.js";import{t as V}from"./routerState-C_8KP3kD.js";import{n as H,t as U}from"./round-alt-arrow-left-bold-CLoPDaOh.js";var W={},G={class:`w-full h-full flex items-center justify-center`};function K(e,n){let r=C;return S(),t(`div`,G,[v(r,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`})])}var q=N(W,[[`render`,K]]),J={key:0},Y={key:1},X={class:`overflow-hidden w-full`},Z={class:`ml-2 flex flex-row items-center justify-between`},Q={class:`text-start flex-1`},te={class:`text-sm font-bold max-w-100 truncate`},ne={key:0,class:`text-sm text-muted font-normal`},re=N(y({__name:`CuiSubNavItem`,props:{label:{},to:{},description:{},icon:{},activeIcon:{}},setup(e){let{icon:n,activeIcon:r,label:i,description:a,to:c}=m(e);return(e,l)=>{let f=O,m=o(`RouterLink`);return S(),p(m,{to:b(c)},{default:u(({isExactActive:e})=>[v(f,{text:``,severity:`secondary`,class:h([`subnavitem-button w-full h-[120px] flex items-start justify-start p-6 bg-none text-color hover:!text-primary active:!text-primary focus:!text-primary rounded-none`,{"active !text-primary":e}]),fluid:``},{default:u(()=>[b(n)&&!e||!b(r)?(S(),t(`div`,J,[v(b(n),{class:`w-[24px] h-[24px]`})])):b(r)&&e?(S(),t(`div`,Y,[v(b(r),{class:`w-[24px] h-[24px]`})])):s(``,!0),d(`div`,X,[d(`div`,Z,[d(`div`,Q,[d(`div`,te,g(b(i)),1),b(a)?(S(),t(`div`,ne,g(b(a)),1)):s(``,!0)])])])]),_:2},1032,[`class`])]),_:1},8,[`to`])}}}),[[`__scopeId`,`data-v-a5399c04`]]),$={CLOSED:0,EXPANDED:288},ie=N(y({__name:`CuiSubNavbar`,setup(n,{expose:o}){let s=M(),{bus:u}=F(),{xlBreakpoint:d,mdBreakpoint:m}=L(),{bottombarHeight:h,subbarState:g,navbarState:v,topbarHeight:y}=P(),C=a(`subnavbarRef`),T=e(`closed`),D=f(()=>d.value?`opened`:T.value),O=f(()=>D.value===`closed`?$.CLOSED:$.EXPANDED),A=f(()=>R.find(e=>e.name===`Settings`).children.filter(e=>e.meta?.settingsBar&&z(e)));function j(){T.value=`closed`,u.emit({subbarState:`closed`})}function N(){_(()=>{let e=C.value?.querySelector(`.subnavitem-button.active`);e&&e.scrollIntoView({block:`center`,behavior:`smooth`})})}let I=w(N,100);return k(C,e=>{let t=e.target,n=t.closest(`#menu-icon`),r=t.closest(`#submenu-icon`),i=t.closest(`#navbar-icon`);!n&&!r&&!i&&j()}),E(C,()=>{I()}),c(g,e=>{e&&e!==T.value&&(T.value=e)}),c(s.currentRoute,(e,t)=>{e.path!==t.path&&j()}),c(v,e=>{e===`opened`&&m.value&&j()}),l(()=>{N()}),o({subnavbarState:D}),(e,n)=>{let a=re;return S(),t(`nav`,{ref_key:`subnavbarRef`,ref:C,class:`cui-subnavbar fixed transition-all duration-200 overflow-x-hidden overflow-y-scroll md:!pl-0 pl-safe pb-safe w-full h-full flex flex-col`,style:x({width:`${b(O)}px`,borderRightWidth:b(D)===`opened`?`1px`:`0px`,paddingBottom:`calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px) + ${b(h)}px + ${b(y)}px)`})},[(S(!0),t(i,null,r(b(A),t=>(S(),p(a,{key:t.name,icon:t.meta.settingsBar.icon.default,"active-icon":t.meta.settingsBar.icon.active,to:t.path,label:e.$t(`navigation.${(t.meta?.name).toLowerCase()}`),description:e.$t(`navigation_description.${t.meta?.description}`),class:`cui-list-item !m-0 !p-0 shrink-0`,style:x({width:`${b($).EXPANDED}px`})},null,8,[`icon`,`active-icon`,`to`,`label`,`description`,`style`]))),128))],4)}}}),[[`__scopeId`,`data-v-ebf1579c`]]),ae={class:`font-semibold text-xl truncate`},oe={class:`relative flex overflow-hidden items-center justify-center w-5 h-5`},se={class:`flex flex-col justify-between w-4 h-3 transform transition-all duration-100 origin-center overflow-hidden`},ce={class:`w-full h-full relative`},le={key:0,class:`w-full flex flex-row h-[calc(40px+1rem)] py-2 items-center fixed z-2`},ue={class:`relative z-2 page-title !m-0`},de=y({__name:`Settings`,setup(r){let i=M(),l=ee(),{bus:m}=F(),{isTouch:_}=I(),{mdBreakpoint:y,xlBreakpoint:C,smBreakpoint:w}=L(),{routerLoading:E}=j(V()),k=R.find(e=>e.name===`Settings`).children.filter(e=>z(e)&&e.meta?.settingsBar),N=a(`subnavbarRef`),P=a(`containerRef`),W=e(!0),{isSwiping:G,direction:K}=_.value?D(P,{threshold:50,onSwipeStart(e){let t=e.target;([`INPUT`,`TEXTAREA`,`SELECT`,`BUTTON`].includes(t.tagName)||t.closest(`.p-datatable`))&&(W.value=!1)},onSwipeEnd(){W.value=!0}}):T(P,{threshold:50,onSwipeStart(e){let t=e.target;([`INPUT`,`TEXTAREA`,`SELECT`,`BUTTON`].includes(t.tagName)||t.closest(`.p-datatable`))&&(W.value=!1)},onSwipeEnd(){W.value=!0}}),J=A(N),Y=f(()=>N.value?.subnavbarState??`closed`);function X(){let e=Y.value===`opened`?`closed`:`opened`;m.emit({subbarState:e})}return c([G,K],()=>{if(G.value&&W.value){let e=k.findIndex(e=>e.path===i.currentRoute.value.path.split(`/settings/`)[1]);switch(K.value){case`right`:{let t=k[e-1];t&&i.push({path:t.path})}break;case`left`:{let t=k[e+1];t&&i.push({path:t.path})}break}}}),(e,r)=>{let i=B,a=O,c=ie,f=U,m=H,_=q,T=o(`RouterView`);return S(),t(`div`,null,[v(i,{position:`center`},{default:u(()=>[d(`span`,ae,g(e.$t(`views.settings.title_${e.$route.meta?.name}`)),1)]),_:1}),v(i,{position:`left`},{default:u(()=>[v(a,{id:`menu-icon`,class:`cui-button relative group p-2 transition-colors duration-100 w-[40px] h-[42px] flex items-center justify-center`,severity:`secondary`,text:``,onClick:X},{default:u(()=>[d(`div`,oe,[d(`div`,se,[d(`div`,{class:h([`h-0.5 w-2 transform transition-all duration-100 origin-center`,{"w-4 rotate-45 translate-y-[5px]":b(Y)===`opened`}]),style:{backgroundColor:`var(--text-color)`}},null,2),d(`div`,{class:h([`h-0.5 w-4 rounded transform transition-all duration-100`,{"opacity-0":b(Y)===`opened`}]),style:{backgroundColor:`var(--text-color)`}},null,2),d(`div`,{class:h([`h-0.5 w-3 transform transition-all duration-100 origin-center`,{"w-4 -rotate-45 -translate-y-[5px]":b(Y)===`opened`}]),style:{backgroundColor:`var(--text-color)`}},null,2)])])]),_:1})]),_:1}),v(c,{ref_key:`subnavbarRef`,ref:N,class:`z-4 min-w-0`},null,512),d(`main`,{class:`relative w-full h-full`,style:x({paddingLeft:b(y)?`0px`:`${b(J).width.value}px`})},[d(`div`,ce,[b(w)?s(``,!0):(S(),t(`div`,le,[r[0]||=d(`div`,{class:`ml-2`},null,-1),b(C)?s(``,!0):(S(),p(a,{key:0,id:`submenu-icon`,severity:`secondary`,class:`mr-2 cui-icon-lg relative z-2`,text:``,rounded:``,onClick:X},{icon:u(()=>[b(Y)===`opened`?(S(),p(f,{key:0,width:`100%`,height:`100%`})):(S(),p(m,{key:1,width:`100%`,height:`100%`}))]),_:1})),d(`h1`,ue,g(e.$t(`views.settings.title_${e.$route.meta?.name}`)),1),r[1]||=d(`div`,{class:`gradient-blur rotate-180 !h-[70px]`},[d(`div`),d(`div`),d(`div`),d(`div`),d(`div`),d(`div`)],-1)])),d(`div`,{ref_key:`containerRef`,ref:P,class:h([`px-2 h-full w-full`,{"py-4":b(w),"pt-[calc(40px+2rem)] pb-2":!b(w)}])},[b(E)&&b(l).showRouterLoadingSub.value?(S(),p(_,{key:0,class:`w-full h-full relative overflow-x-hidden`})):(S(),p(T,{key:1},{default:u(({Component:e})=>[(S(),p(n(e),{class:`h-full`}))]),_:1}))],2)])],4)])}}});export{de as default};

package/dist/interface/assets/SettingsAccount-BQRRfMfi.js

@@ -0,0 +1 @@
+import{t as e}from"./SettingsAccount-ByBd2zx_.js";export{e as default};

package/dist/interface/assets/{SettingsAccount-C_gvUwgq.js → SettingsAccount-ByBd2zx_.js}

@@ -1 +1 @@
-import{S as e,d as t,h as n,u as r}from"./api-Co-27wVr.js";import{$n as i,$t as a,An as o,C as s,En as c,Gt as l,Hn as u,In as d,Jn as f,Qt as p,Rt as m,Sn as h,T as g,Vn as _,Xt as v,Yn as y,Yt as b,Zt as x,ar as S,dn as C,dr as w,hn as T,in as E,nr as ee,on as D,rn as te,sr as O,w as k,wn as A}from"./vendor-CF-D4B9g.js";import{Bn as ne,Vn as re,di as j,et as ie,st as ae}from"./vendor-cameraui-tvNekvZ-.js";import{f as oe}from"./vendor-core-DinQdIbm.js";import{t as M}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{J as se,K as ce,L as le,R as ue,a as de,c as fe,d as pe,h as me,x as he,z as ge}from"./vendor-primevue-D0-7UQst.js";import{t as _e}from"./CuiAvatar-B-hIwVL3.js";import{t as ve}from"./face-recognition-vNgsuvZQ.js";import{t as ye}from"./shield-check-D55EbdY5.js";import{t as be}from"./CuiActionButton-BF1An_rl.js";import{t as xe}from"./copy-16-filled-UD4hjH-4.js";import{t as Se}from"./useCuiDialog-CiyUBAnR.js";import{n as Ce}from"./useBiometricCredentials-efWYPOte.js";import{C as N,w as P}from"./vendor-zod-V2qTUMVc.js";import{r as F}from"./users.schema-nZK4wXvw.js";import{t as we}from"./CuiQRCode-DHeZXcsR.js";import{t as I}from"./auth-BaxL37-V.js";var L={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function R(e,t){return A(),a(`svg`,L,[...t[0]||=[v(`path`,{fill:`currentColor`,d:`m17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5M4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z`},null,-1)]])}var Te=y({name:`mdi-logout`,render:R}),z={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function B(e,t){return A(),a(`svg`,z,[...t[0]||=[v(`path`,{fill:`currentColor`,d:`M7 14c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2m5.6-4c-.8-2.3-3-4-5.6-4c-3.3 0-6 2.7-6 6s2.7 6 6 6c2.6 0 4.8-1.7 5.6-4H16v4h4v-4h3v-4z`},null,-1)]])}var Ee=y({name:`mdi-key`,render:B}),V={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function H(e,t){return A(),a(`svg`,V,[...t[0]||=[v(`path`,{fill:`currentColor`,d:`M17 19H7V5h10m0-4H7c-1.11 0-2 .89-2 2v18a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2`},null,-1)]])}var De=y({name:`mdi-cellphone`,render:H}),Oe={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function ke(e,t){return A(),a(`svg`,Oe,[...t[0]||=[v(`path`,{fill:`currentColor`,d:`M4 6h16v10H4m16 2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H4c-1.11 0-2 .89-2 2v10a2 2 0 0 0 2 2H0v2h24v-2z`},null,-1)]])}var Ae=y({name:`mdi-laptop`,render:ke}),U={class:`flex flex-col gap-4`},je={class:`backup-codes-grid`},Me=M(D({__name:`TwoFactorBackupCodes`,props:{backupCodes:{}},setup(e,{expose:t}){let{backupCodes:n}=S(e);async function r(){}return t({onConfirm:r}),(e,t)=>{let r=ge;return A(),a(`div`,U,[E(r,{severity:`warn`},{default:_(()=>[te(w(e.$t(`views.settings.security.backup_warning`)),1)]),_:1}),v(`div`,je,[(A(!0),a(l,null,c(O(n),e=>(A(),a(`span`,{key:e,class:`backup-code`},w(e),1))),128))])])}}}),[[`__scopeId`,`data-v-e8e0e887`]]),Ne={class:`flex flex-col gap-4`},W={class:`text-muted`},Pe={class:`flex flex-col gap-2 justify-center items-center mt-5`},Fe={class:`cui-label`},Ie=D({__name:`TwoFactorDisable`,setup(t,{expose:n}){let r=new I,o=e(),{t:s}=j(),c=C(`dialogRefProps`),{mutateAsync:l,isPending:u}=r.disable2FAQuery(),d=i(``),p=b(()=>!!(c.loading?.value||u.value)),m=b(()=>d.value.length<6);async function h(){if(d.value.length<6)return null;try{await l({code:d.value}),o.add({severity:`success`,detail:s(`views.settings.security.2fa_disabled_success`),life:3e3})}catch(e){return o.add({severity:`error`,detail:e,life:3e3}),null}}return n({isLoading:p,isDisabled:m,onConfirm:h}),(e,t)=>{let n=pe;return A(),a(`div`,Ne,[v(`p`,W,w(e.$t(`views.settings.security.disable_confirm`)),1),v(`div`,Pe,[v(`label`,Fe,w(e.$t(`views.settings.security.enter_code`)),1),E(n,{modelValue:O(d),"onUpdate:modelValue":t[0]||=e=>f(d)?d.value=e:null,length:6,"integer-only":``,class:`justify-center`},null,8,[`modelValue`])])])}}}),Le={class:`flex flex-col gap-4`},Re={class:`text-muted`},ze={class:`flex flex-col gap-2 justify-center items-center mt-5`},G={class:`cui-label`},Be=D({__name:`TwoFactorRegenerate`,props:{onBackupCodesGenerated:{type:Function}},setup(t,{expose:n}){let r=new I,o=t,s=e(),{t:c}=j(),l=C(`dialogRefProps`),{mutateAsync:u,isPending:d}=r.regenerateBackupCodesQuery(),p=i(``),m=b(()=>!!(l.loading?.value||d.value)),h=b(()=>p.value.length<6);async function g(){if(p.value.length<6)return null;try{let e=await u({code:p.value});s.add({severity:`success`,detail:c(`views.settings.security.backup_regenerated`),life:3e3}),o.onBackupCodesGenerated&&o.onBackupCodesGenerated(e.backupCodes)}catch(e){return s.add({severity:`error`,detail:e,life:3e3}),null}}return n({isLoading:m,isDisabled:h,onConfirm:g}),(e,t)=>{let n=pe;return A(),a(`div`,Le,[v(`p`,Re,w(e.$t(`views.settings.security.regenerate_confirm`)),1),v(`div`,ze,[v(`label`,G,w(e.$t(`views.settings.security.enter_code`)),1),E(n,{modelValue:O(p),"onUpdate:modelValue":t[0]||=e=>f(p)?p.value=e:null,length:6,"integer-only":``,class:`justify-center`},null,8,[`modelValue`])])])}}}),Ve={class:`flex flex-col gap-6`},He={class:`relative`},Ue={class:`image-upload rounded-full z-1`},We={for:`file-input`},Ge={class:`card-title`},Ke={class:`flex flex-col gap-5`},qe={for:`username`,class:`cui-label`},Je={class:`card-title`},Ye={class:`flex flex-col gap-5`},Xe={for:`password`,class:`cui-label`},Ze={for:`passwordConfirm`,class:`cui-label`},Qe={class:`relative`},$e={class:`image-upload rounded-full z-1`},et={for:`file-input`},tt={class:`card-title`},nt={class:`flex flex-col gap-5`},rt={class:`flex flex-col field-gap`},it={for:`username`,class:`cui-label`},at={class:`flex flex-row items-end justify-end`},ot={class:`card-title`},st={for:`password`,class:`cui-label`},ct={for:`passwordConfirm`,class:`cui-label`},lt={class:`flex flex-row items-end justify-end`},ut={class:`card-title`},dt={key:0,class:`flex justify-center py-6`},ft={key:`initial`,class:`flex flex-col gap-5`},pt={class:`flex flex-col gap-1`},mt={class:`tfa-row-title`},ht={class:`tfa-row-description`},gt={key:`loading`,class:`flex flex-col items-center py-8 gap-3`},_t={class:`text-sm text-muted`},vt={key:`setup`,class:`tfa-setup`},yt={class:`tfa-setup-qr`},bt={class:`text-sm text-muted text-center mt-3`},xt={class:`flex flex-col gap-5 flex-1`},St={class:`flex flex-col field-gap`},Ct={class:`cui-label`},wt={class:`flex flex-col field-gap`},Tt={class:`cui-label`},Et={class:`flex gap-2 justify-end`},Dt={key:`enabled`,class:`flex flex-col gap-5`},Ot={class:`tfa-row tfa-row-enabled`},kt={class:`tfa-status-icon`},At={class:`tfa-row-content`},jt={class:`tfa-row-title`},Mt={key:0,class:`tfa-backup-info`},Nt={class:`flex gap-2 justify-end`},Pt={key:0},Ft={class:`card-title`},It={class:`flex items-center gap-4`},Lt={class:`flex flex-col field-switch-gap min-w-0`},Rt={class:`text-sm font-bold text-color`},zt={class:`card-title`},Bt={class:`flex flex-col gap-6`},Vt={class:`text-sm text-muted py-2 text-center`},Ht={class:`flex items-center gap-3`},Ut={class:`flex flex-col min-w-0`},Wt={class:`flex items-center gap-2`},Gt={class:`text-sm font-semibold text-color truncate`},Kt={class:`text-xs text-muted truncate`},qt={key:0,class:`flex flex-row items-end justify-end gap-2`},Jt=M(D({__name:`SettingsAccount`,props:{firststeps:{type:Boolean}},setup(c,{expose:y}){let C=new I,D=c,M=Se(),L=e(),{t:R}=j(),{firststeps:z}=S(D),B=t(),{user:V}=oe(B),{data:H,isLoading:Oe}=C.toggleQueryActivator(`get2FAStatusQuery`,!z.value).get2FAStatusQuery(),{mutateAsync:ke,isPending:U}=C.setup2FAQuery(),{mutateAsync:je,isPending:Ne}=C.enable2FAQuery(),{data:W,isBusy:Pe}=C.toggleQueryActivator(`listSessionsQuery`,!z.value).listSessionsQuery({page:1,pageSize:-1}),{mutateAsync:Fe}=C.revokeSessionQuery(),{mutateAsync:Le}=C.revokeOtherSessionsQuery(),Re=N({password:F,passwordConfirm:P().min(1)}).refine(e=>e.password===e.passwordConfirm,{message:`Passwords do not match`,path:[`passwordConfirm`]}),ze=N({username:P().min(1),password:F,passwordConfirm:P().min(1)}).refine(e=>e.password===e.passwordConfirm,{message:`Passwords do not match`,path:[`passwordConfirm`]}),G=d(`formRef`),Jt=d(`passwordFormRef`),K=ee(),q=i(`avatar`),J=i(V.value?.username??``),Y=i(!1),X=i(!1),Z=i(null),Q=i(``),Yt=i(null),Xt=i(!1);i(!1);let Zt=i(!1),Qt=i(!1),$t=b(()=>!1),en={bodyRow:{class:`text-sm text-secondary`},column:{columnTitle:{class:`text-sm`}}},$=b(()=>(W.value??[]).filter(e=>!e.is_current).length),tn=b(()=>!Z.value?.secret||!V.value?.username?``:`otpauth://totp/${encodeURIComponent(`camera.ui:${V.value.username}`)}?secret=${Z.value.secret}&issuer=camera.ui`);async function nn(){Z.value?.secret&&await navigator.clipboard.writeText(Z.value.secret)}function rn(e){return e===`native`?De:Ae}async function an(e){Yt.value=e;try{await Fe({id:e})}catch(e){L.add({severity:`error`,detail:e,life:3e3})}finally{Yt.value=null}}function on(){M.openTextDialog({data:{title:R(`views.settings.active_sessions.revoke_others_title`),contentText:R(`views.settings.active_sessions.revoke_others_confirm`,{count:$.value}),confirmText:R(`views.settings.active_sessions.revoke`),confirmButtonProps:{severity:`danger`}},onConfirm:async()=>{Xt.value=!0;try{await Le()}catch(e){L.add({severity:`error`,detail:e,life:3e3})}finally{Xt.value=!1}}})}async function sn(){try{Z.value=await ke()}catch(e){L.add({severity:`error`,detail:e,life:3e3})}}function cn(){Z.value=null,Q.value=``}async function ln(){try{let e=await je({code:Q.value});Z.value=null,Q.value=``,L.add({severity:`success`,detail:R(`views.settings.security.2fa_enabled_success`),life:3e3}),fn(e.backupCodes)}catch(e){L.add({severity:`error`,detail:e,life:3e3})}}function un(){M.openComponentDialog(Ie,{data:{title:R(`views.settings.security.disable_2fa`),confirmText:R(`views.settings.security.disable_2fa`),confirmButtonProps:{severity:`danger`},contentProps:{}}})}function dn(){M.openComponentDialog(Be,{data:{title:R(`views.settings.security.regenerate_backup`),confirmText:R(`views.settings.security.regenerate_backup`),contentProps:{onBackupCodesGenerated:e=>{fn(e)}}}})}function fn(e){M.openComponentDialog(Me,{data:{title:R(`views.settings.security.backup_codes`),confirmText:R(`components.form.button.close`),hideCancelButton:!0,contentProps:{backupCodes:e}}})}async function pn(e){K.value=e.target?.files?.[0],q.value=await r(e)??q.value}async function mn(){Y.value=!0;try{let e;K.value&&(e=new FormData,e.append(`upload`,K.value));let t=V.value?.username!==J.value;if(t)await B.updateUser({username:J.value},e);else if(e)await B.updateUser(void 0,e);else{Y.value=!1;return}L.add({severity:`success`,detail:R(`components.toast.profile_updated`),life:3e3}),K.value=void 0,t&&B.logout()}catch{}Y.value=!1}async function hn(e){X.value=!0;try{await B.updateUser({password:e.password,passwordConfirm:e.passwordConfirm}),L.add({severity:`success`,detail:R(`components.toast.password_updated`),life:3e3}),Jt.value?.resetForm(),B.logout()}catch(e){L.add({severity:`error`,detail:e,life:3e3})}X.value=!1}async function gn(){}async function _n(e){if(e!==Zt.value){if(e){L.add({severity:`info`,detail:R(`views.settings.biometric.enable_hint`),life:3e3});return}Qt.value=!0;try{await Ce(n()),Zt.value=!1,L.add({severity:`success`,detail:R(`views.settings.biometric.cleared`),life:3e3})}finally{Qt.value=!1}}}return h(()=>{gn()}),y({formRef:G}),(e,t)=>{let n=_e,r=ie,i=ue,c=ae,d=fe,h=re,y=ne,b=we,S=be,C=le,ee=pe,D=ye,j=Ee,oe=ve,M=ge,Se=ce,Ce=de,N=he,P=Te,F=me,I=se;return A(),a(`div`,null,[v(`div`,Ve,[O(z)?(A(),x(O(g),{key:0,ref_key:`formRef`,ref:G,"validation-schema":O(ze),class:`flex flex-col w-full gap-6`},{default:_(()=>[v(`div`,He,[v(`div`,Ue,[v(`label`,We,[E(n,{src:O(q),size:64,"show-border":!1,class:`cursor-pointer`},null,8,[`src`]),v(`input`,{id:`file-input`,type:`file`,class:`hidden`,accept:`image/png,image/jpeg,image/jpg`,onChange:t[0]||=e=>pn(e)},null,32)])]),v(`span`,Ge,w(e.$t(`views.settings.profile`)),1),E(c,{class:`cui-card`},{content:_(()=>[v(`div`,Ke,[E(O(k),{"model-value":O(V)?.username,name:`username`,as:`div`,class:`flex flex-col field-gap`},{default:_(({field:t,errors:n})=>[v(`label`,qe,w(e.$t(`components.form.label.username`)),1),E(i,null,{default:_(()=>[E(r,T(t,{invalid:n.length>0,type:`text`}),null,16,[`invalid`])]),_:2},1024),E(m,{name:`fade`},{default:_(()=>[E(O(s),{name:`username`,class:`cui-input-error`})]),_:1})]),_:1},8,[`model-value`])])]),_:1})]),v(`div`,null,[v(`span`,Je,w(e.$t(`views.settings.password`)),1),E(c,{class:`cui-card`},{content:_(()=>[v(`div`,Ye,[E(O(k),{name:`password`,as:`div`,class:`flex flex-col field-gap`},{default:_(({field:t,errors:n})=>[v(`label`,Xe,w(e.$t(`components.form.label.new_password`)),1),E(i,null,{default:_(()=>[E(d,T({invalid:n.length>0},t,{feedback:!1,"toggle-mask":``}),null,16,[`invalid`])]),_:2},1024),E(m,{name:`fade`},{default:_(()=>[E(O(s),{name:`password`,class:`cui-input-error`})]),_:1})]),_:1}),E(O(k),{name:`passwordConfirm`,as:`div`,class:`flex flex-col field-gap`},{default:_(({field:t,errors:n})=>[v(`label`,Ze,w(e.$t(`components.form.label.new_password_confirm`)),1),E(i,null,{default:_(()=>[E(d,T({invalid:n.length>0},t,{feedback:!1,"toggle-mask":``}),null,16,[`invalid`])]),_:2},1024),E(m,{name:`fade`},{default:_(()=>[E(O(s),{name:`passwordConfirm`,class:`cui-input-error`})]),_:1})]),_:1})])]),_:1})])]),_:1},8,[`validation-schema`])):(A(),a(l,{key:1},[v(`div`,Qe,[v(`div`,$e,[v(`label`,et,[E(n,{src:O(q),size:64,"show-border":!1,class:`cursor-pointer`},null,8,[`src`]),v(`input`,{id:`file-input`,type:`file`,class:`hidden`,accept:`image/png,image/jpeg,image/jpg`,onChange:t[1]||=e=>pn(e)},null,32)])]),v(`span`,tt,w(e.$t(`views.settings.profile`)),1),E(c,{class:`cui-card`},{content:_(()=>[v(`div`,nt,[v(`div`,rt,[v(`label`,it,w(e.$t(`components.form.label.username`)),1),E(i,null,{default:_(()=>[E(r,{modelValue:O(J),"onUpdate:modelValue":t[2]||=e=>f(J)?J.value=e:null,loading:O(Y),type:`text`},null,8,[`modelValue`,`loading`])]),_:1})]),v(`div`,at,[E(h,{loading:O(Y),class:`cui-button-medium`,label:e.$t(`components.form.button.update_profile`),onClick:mn},null,8,[`loading`,`label`])])])]),_:1})]),v(`div`,null,[v(`span`,ot,w(e.$t(`views.settings.password`)),1),E(c,{class:`cui-card`},{content:_(()=>[E(O(g),{ref_key:`passwordFormRef`,ref:Jt,"validation-schema":O(Re),class:`flex flex-col gap-5`,onSubmit:t[3]||=e=>hn(e)},{default:_(()=>[E(O(k),{name:`password`,as:`div`,class:`flex flex-col field-gap`},{default:_(({field:t,errors:n})=>[v(`label`,st,w(e.$t(`components.form.label.new_password`)),1),E(i,null,{default:_(()=>[E(d,T({invalid:n.length>0},t,{loading:O(X),feedback:!1,"toggle-mask":``}),null,16,[`invalid`,`loading`])]),_:2},1024),E(m,{name:`fade`},{default:_(()=>[E(O(s),{name:`password`,class:`cui-input-error`})]),_:1})]),_:1}),E(O(k),{name:`passwordConfirm`,as:`div`,class:`flex flex-col field-gap`},{default:_(({field:t,errors:n})=>[v(`label`,ct,w(e.$t(`components.form.label.new_password_confirm`)),1),E(i,null,{default:_(()=>[E(d,T({invalid:n.length>0},t,{loading:O(X),feedback:!1,"toggle-mask":``}),null,16,[`invalid`,`loading`])]),_:2},1024),E(m,{name:`fade`},{default:_(()=>[E(O(s),{name:`passwordConfirm`,class:`cui-input-error`})]),_:1})]),_:1}),v(`div`,lt,[E(h,{type:`submit`,loading:O(X),class:`cui-button-medium`,label:e.$t(`components.form.button.change_password`)},null,8,[`loading`,`label`])])]),_:1},8,[`validation-schema`])]),_:1})]),v(`div`,null,[v(`span`,ut,w(e.$t(`views.settings.security.title`)),1),E(c,{class:`cui-card`},{content:_(()=>[O(Oe)?(A(),a(`div`,dt,[E(y,{style:{width:`40px`,height:`40px`}})])):(A(),x(m,{key:1,name:`fade`,mode:`out-in`},{default:_(()=>[!O(H)?.enabled&&!O(Z)&&!O(U)?(A(),a(`div`,ft,[v(`div`,pt,[v(`span`,mt,w(e.$t(`views.settings.security.2fa_title`)),1),v(`span`,ht,w(e.$t(`views.settings.security.2fa_description`)),1)]),E(h,{class:`cui-button-medium ml-auto`,label:e.$t(`views.settings.security.setup_2fa`),onClick:sn},null,8,[`label`])])):!O(H)?.enabled&&O(U)?(A(),a(`div`,gt,[E(y,{style:{width:`40px`,height:`40px`}}),v(`span`,_t,w(e.$t(`views.settings.security.generating_qr`)),1)])):!O(H)?.enabled&&O(Z)?(A(),a(`div`,vt,[v(`div`,yt,[E(b,{value:O(tn),size:160,"logo-size":36},null,8,[`value`]),v(`p`,bt,w(e.$t(`views.settings.security.scan_qr`)),1)]),v(`div`,xt,[v(`div`,St,[v(`label`,Ct,w(e.$t(`views.settings.security.manual_entry`)),1),E(i,null,{default:_(()=>[E(r,{"model-value":O(Z)?.secret,readonly:``,class:`font-mono text-sm`},null,8,[`model-value`]),E(C,null,{default:_(()=>[E(S,{"action-text":e.$t(`components.form.tooltip.copied`),icon:O(xe),"button-props":{severity:`secondary`,text:!0},onAction:nn},null,8,[`action-text`,`icon`])]),_:1})]),_:1})]),v(`div`,wt,[v(`label`,Tt,w(e.$t(`views.settings.security.enter_code`)),1),E(ee,{modelValue:O(Q),"onUpdate:modelValue":t[4]||=e=>f(Q)?Q.value=e:null,length:6,"integer-only":``},null,8,[`modelValue`])]),v(`div`,Et,[E(h,{severity:`secondary`,class:`cui-button-medium`,label:e.$t(`components.form.button.cancel`),onClick:cn},null,8,[`label`]),E(h,{class:`cui-button-medium`,label:e.$t(`views.settings.security.enable_2fa`),loading:O(Ne),disabled:O(Q).length<6,onClick:ln},null,8,[`label`,`loading`,`disabled`])])])])):(A(),a(`div`,Dt,[v(`div`,Ot,[v(`div`,kt,[E(D,{width:`20`,height:`20`})]),v(`div`,At,[v(`span`,jt,w(e.$t(`views.settings.security.2fa_enabled`)),1)])]),O(H)?.backupCodesCount===void 0?p(``,!0):(A(),a(`div`,Mt,[E(j,{width:`16`,height:`16`}),v(`span`,null,w(e.$t(`views.settings.security.backup_codes_remaining`,{count:O(H).backupCodesCount})),1)])),v(`div`,Nt,[E(h,{severity:`secondary`,class:`cui-button-medium`,label:e.$t(`views.settings.security.regenerate_backup`),onClick:dn},null,8,[`label`]),E(h,{severity:`danger`,class:`cui-button-medium`,label:e.$t(`views.settings.security.disable_2fa`),onClick:un},null,8,[`label`])])]))]),_:1}))]),_:1})]),O($t)?(A(),a(`div`,Pt,[v(`span`,Ft,w(e.$t(`views.settings.biometric.title`)),1),E(c,{class:`cui-card`},{content:_(()=>[v(`div`,It,[E(oe,{class:`shrink-0 w-6 h-6 text-color`}),v(`div`,Lt,[v(`span`,Rt,w(e.$t(`views.settings.biometric.label`)),1),E(M,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:_(()=>[te(w(e.$t(`views.settings.biometric.description`)),1)]),_:1})]),E(Se,{"model-value":O(Zt),loading:O(Qt),class:`ml-auto shrink-0`,"onUpdate:modelValue":_n},null,8,[`model-value`,`loading`])])]),_:1})])):p(``,!0),v(`div`,null,[v(`span`,zt,w(e.$t(`views.settings.active_sessions.title`)),1),E(c,{class:`cui-card`},{content:_(()=>[v(`div`,Bt,[E(F,{value:O(W)??[],paginator:(O(W)?.length??0)>15,rows:15,"data-key":`id`,loading:O(Pe),pt:en,"striped-rows":``,scrollable:``,"paginator-template":`FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink`},{loading:_(()=>[E(y,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`})]),empty:_(()=>[v(`div`,Vt,w(e.$t(`views.settings.active_sessions.empty`)),1)]),default:_(()=>[E(N,{field:`device`,header:e.$t(`views.settings.title_device`),"header-class":`p-2 h-7 min-h-7 max-h-7`,class:`p-2 h-7 min-h-7 max-h-7`},{body:_(({data:t})=>[v(`div`,Ht,[(A(),x(o(rn(t.device.kind)),{class:`cui-session-icon`})),v(`div`,Ut,[v(`div`,Wt,[v(`span`,Gt,w(t.device.name),1),t.is_current?(A(),x(Ce,{key:0,severity:`success`,value:e.$t(`views.settings.active_sessions.this_device`),class:`cui-session-tag`},null,8,[`value`])):p(``,!0)]),v(`span`,Kt,w(t.device.ip||`—`),1)])])]),_:1},8,[`header`]),E(N,{field:`action`,"header-class":`p-2 h-7 min-h-7 max-h-7`,class:`p-2 h-7 min-h-7 max-h-7 text-right`},{body:_(({data:t})=>[t.is_current?p(``,!0):u((A(),x(h,{key:0,severity:`danger`,text:``,rounded:``,class:`cui-icon-md`,loading:O(Yt)===t.id,onClick:e=>an(t.id)},{icon:_(()=>[E(P,{width:`20`,height:`20`})]),_:1},8,[`loading`,`onClick`])),[[I,{value:e.$t(`views.settings.active_sessions.revoke`)}]])]),_:1})]),_:1},8,[`value`,`paginator`,`loading`]),O($)>0?(A(),a(`div`,qt,[E(h,{loading:O(Xt),class:`cui-button-medium mr-4 md:mr-0`,label:e.$t(`views.settings.active_sessions.revoke_all_others`,{count:O($)}),onClick:on},null,8,[`loading`,`label`])])):p(``,!0)])]),_:1})])],64))])])}}}),[[`__scopeId`,`data-v-a5d7cc77`]]);export{Jt as t};
+import{S as e,d as t,h as n,u as r}from"./api-DiZ55Kc8.js";import{$n as i,$t as a,An as o,C as s,En as c,Gt as l,Hn as u,In as d,Jn as f,Qt as p,Rt as m,Sn as h,T as g,Vn as _,Xt as v,Yn as y,Yt as b,Zt as x,ar as S,dn as C,dr as w,hn as T,in as E,nr as ee,on as D,rn as te,sr as O,w as k,wn as A}from"./vendor-CF-D4B9g.js";import{Bn as ne,Vn as re,di as j,et as ie,st as ae}from"./vendor-cameraui-tvNekvZ-.js";import{f as oe}from"./vendor-core-DinQdIbm.js";import{t as M}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{J as se,K as ce,L as le,R as ue,a as de,c as fe,d as pe,h as me,x as he,z as ge}from"./vendor-primevue-D0-7UQst.js";import{t as _e}from"./CuiAvatar-CO46fyUA.js";import{t as ve}from"./face-recognition-vNgsuvZQ.js";import{t as ye}from"./shield-check-D55EbdY5.js";import{t as be}from"./CuiActionButton-BF1An_rl.js";import{t as xe}from"./copy-16-filled-UD4hjH-4.js";import{t as Se}from"./useCuiDialog-DDOxJgxq.js";import{n as Ce}from"./useBiometricCredentials-DwqOdV6s.js";import{C as N,w as P}from"./vendor-zod-V2qTUMVc.js";import{r as F}from"./users.schema-Dod-mP8U.js";import{t as we}from"./CuiQRCode-DVFfJlJz.js";import{t as I}from"./auth-DQq1xLWW.js";var L={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function R(e,t){return A(),a(`svg`,L,[...t[0]||=[v(`path`,{fill:`currentColor`,d:`m17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5M4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z`},null,-1)]])}var Te=y({name:`mdi-logout`,render:R}),z={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function B(e,t){return A(),a(`svg`,z,[...t[0]||=[v(`path`,{fill:`currentColor`,d:`M7 14c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2m5.6-4c-.8-2.3-3-4-5.6-4c-3.3 0-6 2.7-6 6s2.7 6 6 6c2.6 0 4.8-1.7 5.6-4H16v4h4v-4h3v-4z`},null,-1)]])}var Ee=y({name:`mdi-key`,render:B}),V={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function H(e,t){return A(),a(`svg`,V,[...t[0]||=[v(`path`,{fill:`currentColor`,d:`M17 19H7V5h10m0-4H7c-1.11 0-2 .89-2 2v18a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2`},null,-1)]])}var De=y({name:`mdi-cellphone`,render:H}),Oe={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function ke(e,t){return A(),a(`svg`,Oe,[...t[0]||=[v(`path`,{fill:`currentColor`,d:`M4 6h16v10H4m16 2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H4c-1.11 0-2 .89-2 2v10a2 2 0 0 0 2 2H0v2h24v-2z`},null,-1)]])}var Ae=y({name:`mdi-laptop`,render:ke}),U={class:`flex flex-col gap-4`},je={class:`backup-codes-grid`},Me=M(D({__name:`TwoFactorBackupCodes`,props:{backupCodes:{}},setup(e,{expose:t}){let{backupCodes:n}=S(e);async function r(){}return t({onConfirm:r}),(e,t)=>{let r=ge;return A(),a(`div`,U,[E(r,{severity:`warn`},{default:_(()=>[te(w(e.$t(`views.settings.security.backup_warning`)),1)]),_:1}),v(`div`,je,[(A(!0),a(l,null,c(O(n),e=>(A(),a(`span`,{key:e,class:`backup-code`},w(e),1))),128))])])}}}),[[`__scopeId`,`data-v-e8e0e887`]]),Ne={class:`flex flex-col gap-4`},W={class:`text-muted`},Pe={class:`flex flex-col gap-2 justify-center items-center mt-5`},Fe={class:`cui-label`},Ie=D({__name:`TwoFactorDisable`,setup(t,{expose:n}){let r=new I,o=e(),{t:s}=j(),c=C(`dialogRefProps`),{mutateAsync:l,isPending:u}=r.disable2FAQuery(),d=i(``),p=b(()=>!!(c.loading?.value||u.value)),m=b(()=>d.value.length<6);async function h(){if(d.value.length<6)return null;try{await l({code:d.value}),o.add({severity:`success`,detail:s(`views.settings.security.2fa_disabled_success`),life:3e3})}catch(e){return o.add({severity:`error`,detail:e,life:3e3}),null}}return n({isLoading:p,isDisabled:m,onConfirm:h}),(e,t)=>{let n=pe;return A(),a(`div`,Ne,[v(`p`,W,w(e.$t(`views.settings.security.disable_confirm`)),1),v(`div`,Pe,[v(`label`,Fe,w(e.$t(`views.settings.security.enter_code`)),1),E(n,{modelValue:O(d),"onUpdate:modelValue":t[0]||=e=>f(d)?d.value=e:null,length:6,"integer-only":``,class:`justify-center`},null,8,[`modelValue`])])])}}}),Le={class:`flex flex-col gap-4`},Re={class:`text-muted`},ze={class:`flex flex-col gap-2 justify-center items-center mt-5`},G={class:`cui-label`},Be=D({__name:`TwoFactorRegenerate`,props:{onBackupCodesGenerated:{type:Function}},setup(t,{expose:n}){let r=new I,o=t,s=e(),{t:c}=j(),l=C(`dialogRefProps`),{mutateAsync:u,isPending:d}=r.regenerateBackupCodesQuery(),p=i(``),m=b(()=>!!(l.loading?.value||d.value)),h=b(()=>p.value.length<6);async function g(){if(p.value.length<6)return null;try{let e=await u({code:p.value});s.add({severity:`success`,detail:c(`views.settings.security.backup_regenerated`),life:3e3}),o.onBackupCodesGenerated&&o.onBackupCodesGenerated(e.backupCodes)}catch(e){return s.add({severity:`error`,detail:e,life:3e3}),null}}return n({isLoading:m,isDisabled:h,onConfirm:g}),(e,t)=>{let n=pe;return A(),a(`div`,Le,[v(`p`,Re,w(e.$t(`views.settings.security.regenerate_confirm`)),1),v(`div`,ze,[v(`label`,G,w(e.$t(`views.settings.security.enter_code`)),1),E(n,{modelValue:O(p),"onUpdate:modelValue":t[0]||=e=>f(p)?p.value=e:null,length:6,"integer-only":``,class:`justify-center`},null,8,[`modelValue`])])])}}}),Ve={class:`flex flex-col gap-6`},He={class:`relative`},Ue={class:`image-upload rounded-full z-1`},We={for:`file-input`},Ge={class:`card-title`},Ke={class:`flex flex-col gap-5`},qe={for:`username`,class:`cui-label`},Je={class:`card-title`},Ye={class:`flex flex-col gap-5`},Xe={for:`password`,class:`cui-label`},Ze={for:`passwordConfirm`,class:`cui-label`},Qe={class:`relative`},$e={class:`image-upload rounded-full z-1`},et={for:`file-input`},tt={class:`card-title`},nt={class:`flex flex-col gap-5`},rt={class:`flex flex-col field-gap`},it={for:`username`,class:`cui-label`},at={class:`flex flex-row items-end justify-end`},ot={class:`card-title`},st={for:`password`,class:`cui-label`},ct={for:`passwordConfirm`,class:`cui-label`},lt={class:`flex flex-row items-end justify-end`},ut={class:`card-title`},dt={key:0,class:`flex justify-center py-6`},ft={key:`initial`,class:`flex flex-col gap-5`},pt={class:`flex flex-col gap-1`},mt={class:`tfa-row-title`},ht={class:`tfa-row-description`},gt={key:`loading`,class:`flex flex-col items-center py-8 gap-3`},_t={class:`text-sm text-muted`},vt={key:`setup`,class:`tfa-setup`},yt={class:`tfa-setup-qr`},bt={class:`text-sm text-muted text-center mt-3`},xt={class:`flex flex-col gap-5 flex-1`},St={class:`flex flex-col field-gap`},Ct={class:`cui-label`},wt={class:`flex flex-col field-gap`},Tt={class:`cui-label`},Et={class:`flex gap-2 justify-end`},Dt={key:`enabled`,class:`flex flex-col gap-5`},Ot={class:`tfa-row tfa-row-enabled`},kt={class:`tfa-status-icon`},At={class:`tfa-row-content`},jt={class:`tfa-row-title`},Mt={key:0,class:`tfa-backup-info`},Nt={class:`flex gap-2 justify-end`},Pt={key:0},Ft={class:`card-title`},It={class:`flex items-center gap-4`},Lt={class:`flex flex-col field-switch-gap min-w-0`},Rt={class:`text-sm font-bold text-color`},zt={class:`card-title`},Bt={class:`flex flex-col gap-6`},Vt={class:`text-sm text-muted py-2 text-center`},Ht={class:`flex items-center gap-3`},Ut={class:`flex flex-col min-w-0`},Wt={class:`flex items-center gap-2`},Gt={class:`text-sm font-semibold text-color truncate`},Kt={class:`text-xs text-muted truncate`},qt={key:0,class:`flex flex-row items-end justify-end gap-2`},Jt=M(D({__name:`SettingsAccount`,props:{firststeps:{type:Boolean}},setup(c,{expose:y}){let C=new I,D=c,M=Se(),L=e(),{t:R}=j(),{firststeps:z}=S(D),B=t(),{user:V}=oe(B),{data:H,isLoading:Oe}=C.toggleQueryActivator(`get2FAStatusQuery`,!z.value).get2FAStatusQuery(),{mutateAsync:ke,isPending:U}=C.setup2FAQuery(),{mutateAsync:je,isPending:Ne}=C.enable2FAQuery(),{data:W,isBusy:Pe}=C.toggleQueryActivator(`listSessionsQuery`,!z.value).listSessionsQuery({page:1,pageSize:-1}),{mutateAsync:Fe}=C.revokeSessionQuery(),{mutateAsync:Le}=C.revokeOtherSessionsQuery(),Re=N({password:F,passwordConfirm:P().min(1)}).refine(e=>e.password===e.passwordConfirm,{message:`Passwords do not match`,path:[`passwordConfirm`]}),ze=N({username:P().min(1),password:F,passwordConfirm:P().min(1)}).refine(e=>e.password===e.passwordConfirm,{message:`Passwords do not match`,path:[`passwordConfirm`]}),G=d(`formRef`),Jt=d(`passwordFormRef`),K=ee(),q=i(`avatar`),J=i(V.value?.username??``),Y=i(!1),X=i(!1),Z=i(null),Q=i(``),Yt=i(null),Xt=i(!1);i(!1);let Zt=i(!1),Qt=i(!1),$t=b(()=>!1),en={bodyRow:{class:`text-sm text-secondary`},column:{columnTitle:{class:`text-sm`}}},$=b(()=>(W.value??[]).filter(e=>!e.is_current).length),tn=b(()=>!Z.value?.secret||!V.value?.username?``:`otpauth://totp/${encodeURIComponent(`camera.ui:${V.value.username}`)}?secret=${Z.value.secret}&issuer=camera.ui`);async function nn(){Z.value?.secret&&await navigator.clipboard.writeText(Z.value.secret)}function rn(e){return e===`native`?De:Ae}async function an(e){Yt.value=e;try{await Fe({id:e})}catch(e){L.add({severity:`error`,detail:e,life:3e3})}finally{Yt.value=null}}function on(){M.openTextDialog({data:{title:R(`views.settings.active_sessions.revoke_others_title`),contentText:R(`views.settings.active_sessions.revoke_others_confirm`,{count:$.value}),confirmText:R(`views.settings.active_sessions.revoke`),confirmButtonProps:{severity:`danger`}},onConfirm:async()=>{Xt.value=!0;try{await Le()}catch(e){L.add({severity:`error`,detail:e,life:3e3})}finally{Xt.value=!1}}})}async function sn(){try{Z.value=await ke()}catch(e){L.add({severity:`error`,detail:e,life:3e3})}}function cn(){Z.value=null,Q.value=``}async function ln(){try{let e=await je({code:Q.value});Z.value=null,Q.value=``,L.add({severity:`success`,detail:R(`views.settings.security.2fa_enabled_success`),life:3e3}),fn(e.backupCodes)}catch(e){L.add({severity:`error`,detail:e,life:3e3})}}function un(){M.openComponentDialog(Ie,{data:{title:R(`views.settings.security.disable_2fa`),confirmText:R(`views.settings.security.disable_2fa`),confirmButtonProps:{severity:`danger`},contentProps:{}}})}function dn(){M.openComponentDialog(Be,{data:{title:R(`views.settings.security.regenerate_backup`),confirmText:R(`views.settings.security.regenerate_backup`),contentProps:{onBackupCodesGenerated:e=>{fn(e)}}}})}function fn(e){M.openComponentDialog(Me,{data:{title:R(`views.settings.security.backup_codes`),confirmText:R(`components.form.button.close`),hideCancelButton:!0,contentProps:{backupCodes:e}}})}async function pn(e){K.value=e.target?.files?.[0],q.value=await r(e)??q.value}async function mn(){Y.value=!0;try{let e;K.value&&(e=new FormData,e.append(`upload`,K.value));let t=V.value?.username!==J.value;if(t)await B.updateUser({username:J.value},e);else if(e)await B.updateUser(void 0,e);else{Y.value=!1;return}L.add({severity:`success`,detail:R(`components.toast.profile_updated`),life:3e3}),K.value=void 0,t&&B.logout()}catch{}Y.value=!1}async function hn(e){X.value=!0;try{await B.updateUser({password:e.password,passwordConfirm:e.passwordConfirm}),L.add({severity:`success`,detail:R(`components.toast.password_updated`),life:3e3}),Jt.value?.resetForm(),B.logout()}catch(e){L.add({severity:`error`,detail:e,life:3e3})}X.value=!1}async function gn(){}async function _n(e){if(e!==Zt.value){if(e){L.add({severity:`info`,detail:R(`views.settings.biometric.enable_hint`),life:3e3});return}Qt.value=!0;try{await Ce(n()),Zt.value=!1,L.add({severity:`success`,detail:R(`views.settings.biometric.cleared`),life:3e3})}finally{Qt.value=!1}}}return h(()=>{gn()}),y({formRef:G}),(e,t)=>{let n=_e,r=ie,i=ue,c=ae,d=fe,h=re,y=ne,b=we,S=be,C=le,ee=pe,D=ye,j=Ee,oe=ve,M=ge,Se=ce,Ce=de,N=he,P=Te,F=me,I=se;return A(),a(`div`,null,[v(`div`,Ve,[O(z)?(A(),x(O(g),{key:0,ref_key:`formRef`,ref:G,"validation-schema":O(ze),class:`flex flex-col w-full gap-6`},{default:_(()=>[v(`div`,He,[v(`div`,Ue,[v(`label`,We,[E(n,{src:O(q),size:64,"show-border":!1,class:`cursor-pointer`},null,8,[`src`]),v(`input`,{id:`file-input`,type:`file`,class:`hidden`,accept:`image/png,image/jpeg,image/jpg`,onChange:t[0]||=e=>pn(e)},null,32)])]),v(`span`,Ge,w(e.$t(`views.settings.profile`)),1),E(c,{class:`cui-card`},{content:_(()=>[v(`div`,Ke,[E(O(k),{"model-value":O(V)?.username,name:`username`,as:`div`,class:`flex flex-col field-gap`},{default:_(({field:t,errors:n})=>[v(`label`,qe,w(e.$t(`components.form.label.username`)),1),E(i,null,{default:_(()=>[E(r,T(t,{invalid:n.length>0,type:`text`}),null,16,[`invalid`])]),_:2},1024),E(m,{name:`fade`},{default:_(()=>[E(O(s),{name:`username`,class:`cui-input-error`})]),_:1})]),_:1},8,[`model-value`])])]),_:1})]),v(`div`,null,[v(`span`,Je,w(e.$t(`views.settings.password`)),1),E(c,{class:`cui-card`},{content:_(()=>[v(`div`,Ye,[E(O(k),{name:`password`,as:`div`,class:`flex flex-col field-gap`},{default:_(({field:t,errors:n})=>[v(`label`,Xe,w(e.$t(`components.form.label.new_password`)),1),E(i,null,{default:_(()=>[E(d,T({invalid:n.length>0},t,{feedback:!1,"toggle-mask":``}),null,16,[`invalid`])]),_:2},1024),E(m,{name:`fade`},{default:_(()=>[E(O(s),{name:`password`,class:`cui-input-error`})]),_:1})]),_:1}),E(O(k),{name:`passwordConfirm`,as:`div`,class:`flex flex-col field-gap`},{default:_(({field:t,errors:n})=>[v(`label`,Ze,w(e.$t(`components.form.label.new_password_confirm`)),1),E(i,null,{default:_(()=>[E(d,T({invalid:n.length>0},t,{feedback:!1,"toggle-mask":``}),null,16,[`invalid`])]),_:2},1024),E(m,{name:`fade`},{default:_(()=>[E(O(s),{name:`passwordConfirm`,class:`cui-input-error`})]),_:1})]),_:1})])]),_:1})])]),_:1},8,[`validation-schema`])):(A(),a(l,{key:1},[v(`div`,Qe,[v(`div`,$e,[v(`label`,et,[E(n,{src:O(q),size:64,"show-border":!1,class:`cursor-pointer`},null,8,[`src`]),v(`input`,{id:`file-input`,type:`file`,class:`hidden`,accept:`image/png,image/jpeg,image/jpg`,onChange:t[1]||=e=>pn(e)},null,32)])]),v(`span`,tt,w(e.$t(`views.settings.profile`)),1),E(c,{class:`cui-card`},{content:_(()=>[v(`div`,nt,[v(`div`,rt,[v(`label`,it,w(e.$t(`components.form.label.username`)),1),E(i,null,{default:_(()=>[E(r,{modelValue:O(J),"onUpdate:modelValue":t[2]||=e=>f(J)?J.value=e:null,loading:O(Y),type:`text`},null,8,[`modelValue`,`loading`])]),_:1})]),v(`div`,at,[E(h,{loading:O(Y),class:`cui-button-medium`,label:e.$t(`components.form.button.update_profile`),onClick:mn},null,8,[`loading`,`label`])])])]),_:1})]),v(`div`,null,[v(`span`,ot,w(e.$t(`views.settings.password`)),1),E(c,{class:`cui-card`},{content:_(()=>[E(O(g),{ref_key:`passwordFormRef`,ref:Jt,"validation-schema":O(Re),class:`flex flex-col gap-5`,onSubmit:t[3]||=e=>hn(e)},{default:_(()=>[E(O(k),{name:`password`,as:`div`,class:`flex flex-col field-gap`},{default:_(({field:t,errors:n})=>[v(`label`,st,w(e.$t(`components.form.label.new_password`)),1),E(i,null,{default:_(()=>[E(d,T({invalid:n.length>0},t,{loading:O(X),feedback:!1,"toggle-mask":``}),null,16,[`invalid`,`loading`])]),_:2},1024),E(m,{name:`fade`},{default:_(()=>[E(O(s),{name:`password`,class:`cui-input-error`})]),_:1})]),_:1}),E(O(k),{name:`passwordConfirm`,as:`div`,class:`flex flex-col field-gap`},{default:_(({field:t,errors:n})=>[v(`label`,ct,w(e.$t(`components.form.label.new_password_confirm`)),1),E(i,null,{default:_(()=>[E(d,T({invalid:n.length>0},t,{loading:O(X),feedback:!1,"toggle-mask":``}),null,16,[`invalid`,`loading`])]),_:2},1024),E(m,{name:`fade`},{default:_(()=>[E(O(s),{name:`passwordConfirm`,class:`cui-input-error`})]),_:1})]),_:1}),v(`div`,lt,[E(h,{type:`submit`,loading:O(X),class:`cui-button-medium`,label:e.$t(`components.form.button.change_password`)},null,8,[`loading`,`label`])])]),_:1},8,[`validation-schema`])]),_:1})]),v(`div`,null,[v(`span`,ut,w(e.$t(`views.settings.security.title`)),1),E(c,{class:`cui-card`},{content:_(()=>[O(Oe)?(A(),a(`div`,dt,[E(y,{style:{width:`40px`,height:`40px`}})])):(A(),x(m,{key:1,name:`fade`,mode:`out-in`},{default:_(()=>[!O(H)?.enabled&&!O(Z)&&!O(U)?(A(),a(`div`,ft,[v(`div`,pt,[v(`span`,mt,w(e.$t(`views.settings.security.2fa_title`)),1),v(`span`,ht,w(e.$t(`views.settings.security.2fa_description`)),1)]),E(h,{class:`cui-button-medium ml-auto`,label:e.$t(`views.settings.security.setup_2fa`),onClick:sn},null,8,[`label`])])):!O(H)?.enabled&&O(U)?(A(),a(`div`,gt,[E(y,{style:{width:`40px`,height:`40px`}}),v(`span`,_t,w(e.$t(`views.settings.security.generating_qr`)),1)])):!O(H)?.enabled&&O(Z)?(A(),a(`div`,vt,[v(`div`,yt,[E(b,{value:O(tn),size:160,"logo-size":36},null,8,[`value`]),v(`p`,bt,w(e.$t(`views.settings.security.scan_qr`)),1)]),v(`div`,xt,[v(`div`,St,[v(`label`,Ct,w(e.$t(`views.settings.security.manual_entry`)),1),E(i,null,{default:_(()=>[E(r,{"model-value":O(Z)?.secret,readonly:``,class:`font-mono text-sm`},null,8,[`model-value`]),E(C,null,{default:_(()=>[E(S,{"action-text":e.$t(`components.form.tooltip.copied`),icon:O(xe),"button-props":{severity:`secondary`,text:!0},onAction:nn},null,8,[`action-text`,`icon`])]),_:1})]),_:1})]),v(`div`,wt,[v(`label`,Tt,w(e.$t(`views.settings.security.enter_code`)),1),E(ee,{modelValue:O(Q),"onUpdate:modelValue":t[4]||=e=>f(Q)?Q.value=e:null,length:6,"integer-only":``},null,8,[`modelValue`])]),v(`div`,Et,[E(h,{severity:`secondary`,class:`cui-button-medium`,label:e.$t(`components.form.button.cancel`),onClick:cn},null,8,[`label`]),E(h,{class:`cui-button-medium`,label:e.$t(`views.settings.security.enable_2fa`),loading:O(Ne),disabled:O(Q).length<6,onClick:ln},null,8,[`label`,`loading`,`disabled`])])])])):(A(),a(`div`,Dt,[v(`div`,Ot,[v(`div`,kt,[E(D,{width:`20`,height:`20`})]),v(`div`,At,[v(`span`,jt,w(e.$t(`views.settings.security.2fa_enabled`)),1)])]),O(H)?.backupCodesCount===void 0?p(``,!0):(A(),a(`div`,Mt,[E(j,{width:`16`,height:`16`}),v(`span`,null,w(e.$t(`views.settings.security.backup_codes_remaining`,{count:O(H).backupCodesCount})),1)])),v(`div`,Nt,[E(h,{severity:`secondary`,class:`cui-button-medium`,label:e.$t(`views.settings.security.regenerate_backup`),onClick:dn},null,8,[`label`]),E(h,{severity:`danger`,class:`cui-button-medium`,label:e.$t(`views.settings.security.disable_2fa`),onClick:un},null,8,[`label`])])]))]),_:1}))]),_:1})]),O($t)?(A(),a(`div`,Pt,[v(`span`,Ft,w(e.$t(`views.settings.biometric.title`)),1),E(c,{class:`cui-card`},{content:_(()=>[v(`div`,It,[E(oe,{class:`shrink-0 w-6 h-6 text-color`}),v(`div`,Lt,[v(`span`,Rt,w(e.$t(`views.settings.biometric.label`)),1),E(M,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:_(()=>[te(w(e.$t(`views.settings.biometric.description`)),1)]),_:1})]),E(Se,{"model-value":O(Zt),loading:O(Qt),class:`ml-auto shrink-0`,"onUpdate:modelValue":_n},null,8,[`model-value`,`loading`])])]),_:1})])):p(``,!0),v(`div`,null,[v(`span`,zt,w(e.$t(`views.settings.active_sessions.title`)),1),E(c,{class:`cui-card`},{content:_(()=>[v(`div`,Bt,[E(F,{value:O(W)??[],paginator:(O(W)?.length??0)>15,rows:15,"data-key":`id`,loading:O(Pe),pt:en,"striped-rows":``,scrollable:``,"paginator-template":`FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink`},{loading:_(()=>[E(y,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`})]),empty:_(()=>[v(`div`,Vt,w(e.$t(`views.settings.active_sessions.empty`)),1)]),default:_(()=>[E(N,{field:`device`,header:e.$t(`views.settings.title_device`),"header-class":`p-2 h-7 min-h-7 max-h-7`,class:`p-2 h-7 min-h-7 max-h-7`},{body:_(({data:t})=>[v(`div`,Ht,[(A(),x(o(rn(t.device.kind)),{class:`cui-session-icon`})),v(`div`,Ut,[v(`div`,Wt,[v(`span`,Gt,w(t.device.name),1),t.is_current?(A(),x(Ce,{key:0,severity:`success`,value:e.$t(`views.settings.active_sessions.this_device`),class:`cui-session-tag`},null,8,[`value`])):p(``,!0)]),v(`span`,Kt,w(t.device.ip||`—`),1)])])]),_:1},8,[`header`]),E(N,{field:`action`,"header-class":`p-2 h-7 min-h-7 max-h-7`,class:`p-2 h-7 min-h-7 max-h-7 text-right`},{body:_(({data:t})=>[t.is_current?p(``,!0):u((A(),x(h,{key:0,severity:`danger`,text:``,rounded:``,class:`cui-icon-md`,loading:O(Yt)===t.id,onClick:e=>an(t.id)},{icon:_(()=>[E(P,{width:`20`,height:`20`})]),_:1},8,[`loading`,`onClick`])),[[I,{value:e.$t(`views.settings.active_sessions.revoke`)}]])]),_:1})]),_:1},8,[`value`,`paginator`,`loading`]),O($)>0?(A(),a(`div`,qt,[E(h,{loading:O(Xt),class:`cui-button-medium mr-4 md:mr-0`,label:e.$t(`views.settings.active_sessions.revoke_all_others`,{count:O($)}),onClick:on},null,8,[`loading`,`label`])])):p(``,!0)])]),_:1})])],64))])])}}}),[[`__scopeId`,`data-v-a5d7cc77`]]);export{Jt as t};

package/dist/interface/assets/{SettingsAppearance-Bp1UnsXB.js → SettingsAppearance-BY4Wo2-o.js}

@@ -1 +1 @@
-import{$t as e,Jn as t,Qt as n,Vn as r,Xt as i,dr as a,in as o,on as s,rn as c,sr as l,wn as u}from"./vendor-CF-D4B9g.js";import{st as d}from"./vendor-cameraui-tvNekvZ-.js";import{f}from"./vendor-core-DinQdIbm.js";import{n as p,t as m}from"./ui-q3Xp2p6M.js";import{K as h,j as g,z as _}from"./vendor-primevue-D0-7UQst.js";import{t as v}from"./hasPermission-Cv-Silt3.js";import{t as y}from"./theme-CCv8eMkH.js";import{t as b}from"./locale-_83xCkfX.js";var x={class:`flex flex-col w-full gap-6`},S={class:`card-title`},C={class:`flex flex-col gap-5`},w={class:`flex flex-col field-gap`},T={class:`cui-label`},E={class:`w-full flex flex-col gap-2`},D={class:`flex flex-col field-gap cui-toggle-switch`},O={class:`flex items-center`},k={class:`flex flex-col field-switch-gap`},A={class:`cui-label-switch`},j={class:`card-title`},M={class:`flex flex-col gap-5`},N={class:`flex flex-col field-gap`},P={class:`cui-label`},F={class:`card-title`},I={class:`flex flex-col gap-5`},L={key:0,class:`flex flex-col field-gap`},R={class:`cui-label`},z={class:`w-full flex flex-col gap-2`},B={class:`flex flex-col field-gap cui-toggle-switch`},V={class:`flex items-center`},H={class:`flex flex-col field-switch-gap`},U={class:`cui-label-switch`},W=s({__name:`SettingsAppearance`,setup(s){let{locale:W,languages:G}=f(b()),{colors:K,theme:q,autoMode:J}=f(y()),{uiSettings:Y}=f(p());return(s,f)=>{let p=g,y=_,b=h,X=d;return u(),e(`div`,null,[i(`div`,x,[i(`div`,null,[i(`span`,S,a(s.$t(`views.settings.theme`)),1),o(X,{class:`cui-card`},{content:r(()=>[i(`div`,C,[i(`div`,w,[i(`label`,T,a(s.$t(`components.form.label.theme`)),1),o(p,{modelValue:l(q),"onUpdate:modelValue":f[0]||=e=>t(q)?q.value=e:null,options:l(K),disabled:l(J)},null,8,[`modelValue`,`options`,`disabled`])]),i(`div`,E,[i(`div`,D,[i(`div`,O,[i(`div`,k,[i(`label`,A,a(s.$t(`components.form.label.system_preference`)),1),o(y,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:r(()=>[c(a(s.$t(`components.form.hint.system_preference`)),1)]),_:1})]),o(b,{modelValue:l(J),"onUpdate:modelValue":f[1]||=e=>t(J)?J.value=e:null,class:`ml-auto shrink-0`},null,8,[`modelValue`])])])])])]),_:1})]),i(`div`,null,[i(`span`,j,a(s.$t(`views.settings.locale`)),1),o(X,{class:`cui-card`},{content:r(()=>[i(`div`,M,[i(`div`,N,[i(`label`,P,a(s.$t(`components.form.label.language`)),1),o(p,{modelValue:l(W),"onUpdate:modelValue":f[2]||=e=>t(W)?W.value=e:null,options:l(G)},null,8,[`modelValue`,`options`])])])]),_:1})]),i(`div`,null,[i(`span`,F,a(s.$t(`views.settings.interface`)),1),o(X,{class:`cui-card`},{content:r(()=>[i(`div`,I,[(`hasPermission`in s?s.hasPermission:l(v))(void 0,`admin`)?(u(),e(`div`,L,[i(`label`,R,a(s.$t(`components.form.label.default_settings_page`)),1),o(p,{modelValue:l(Y).interface.selectedSettingsView,"onUpdate:modelValue":f[3]||=e=>l(Y).interface.selectedSettingsView=e,options:`settingsViews`in s?s.settingsViews:l(m)},null,8,[`modelValue`,`options`]),o(y,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:r(()=>[c(a(s.$t(`components.form.hint.default_settings_page`)),1)]),_:1})])):n(``,!0),i(`div`,z,[i(`div`,B,[i(`div`,V,[i(`div`,H,[i(`label`,U,a(s.$t(`components.form.label.navbar_stay_collapsed`)),1),o(y,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:r(()=>[c(a(s.$t(`components.form.hint.navbar_stay_collapsed`)),1)]),_:1})]),o(b,{modelValue:l(Y).interface.navbarStayCollapsed,"onUpdate:modelValue":f[4]||=e=>l(Y).interface.navbarStayCollapsed=e,class:`ml-auto shrink-0`},null,8,[`modelValue`])])])])])]),_:1})])])])}}});export{W as t};
+import{$t as e,Jn as t,Qt as n,Vn as r,Xt as i,dr as a,in as o,on as s,rn as c,sr as l,wn as u}from"./vendor-CF-D4B9g.js";import{st as d}from"./vendor-cameraui-tvNekvZ-.js";import{f}from"./vendor-core-DinQdIbm.js";import{n as p,t as m}from"./ui-q3Xp2p6M.js";import{K as h,j as g,z as _}from"./vendor-primevue-D0-7UQst.js";import{t as v}from"./hasPermission-g7MKb703.js";import{t as y}from"./theme-D2_SYr2z.js";import{t as b}from"./locale-BYt-aVgE.js";var x={class:`flex flex-col w-full gap-6`},S={class:`card-title`},C={class:`flex flex-col gap-5`},w={class:`flex flex-col field-gap`},T={class:`cui-label`},E={class:`w-full flex flex-col gap-2`},D={class:`flex flex-col field-gap cui-toggle-switch`},O={class:`flex items-center`},k={class:`flex flex-col field-switch-gap`},A={class:`cui-label-switch`},j={class:`card-title`},M={class:`flex flex-col gap-5`},N={class:`flex flex-col field-gap`},P={class:`cui-label`},F={class:`card-title`},I={class:`flex flex-col gap-5`},L={key:0,class:`flex flex-col field-gap`},R={class:`cui-label`},z={class:`w-full flex flex-col gap-2`},B={class:`flex flex-col field-gap cui-toggle-switch`},V={class:`flex items-center`},H={class:`flex flex-col field-switch-gap`},U={class:`cui-label-switch`},W=s({__name:`SettingsAppearance`,setup(s){let{locale:W,languages:G}=f(b()),{colors:K,theme:q,autoMode:J}=f(y()),{uiSettings:Y}=f(p());return(s,f)=>{let p=g,y=_,b=h,X=d;return u(),e(`div`,null,[i(`div`,x,[i(`div`,null,[i(`span`,S,a(s.$t(`views.settings.theme`)),1),o(X,{class:`cui-card`},{content:r(()=>[i(`div`,C,[i(`div`,w,[i(`label`,T,a(s.$t(`components.form.label.theme`)),1),o(p,{modelValue:l(q),"onUpdate:modelValue":f[0]||=e=>t(q)?q.value=e:null,options:l(K),disabled:l(J)},null,8,[`modelValue`,`options`,`disabled`])]),i(`div`,E,[i(`div`,D,[i(`div`,O,[i(`div`,k,[i(`label`,A,a(s.$t(`components.form.label.system_preference`)),1),o(y,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:r(()=>[c(a(s.$t(`components.form.hint.system_preference`)),1)]),_:1})]),o(b,{modelValue:l(J),"onUpdate:modelValue":f[1]||=e=>t(J)?J.value=e:null,class:`ml-auto shrink-0`},null,8,[`modelValue`])])])])])]),_:1})]),i(`div`,null,[i(`span`,j,a(s.$t(`views.settings.locale`)),1),o(X,{class:`cui-card`},{content:r(()=>[i(`div`,M,[i(`div`,N,[i(`label`,P,a(s.$t(`components.form.label.language`)),1),o(p,{modelValue:l(W),"onUpdate:modelValue":f[2]||=e=>t(W)?W.value=e:null,options:l(G)},null,8,[`modelValue`,`options`])])])]),_:1})]),i(`div`,null,[i(`span`,F,a(s.$t(`views.settings.interface`)),1),o(X,{class:`cui-card`},{content:r(()=>[i(`div`,I,[(`hasPermission`in s?s.hasPermission:l(v))(void 0,`admin`)?(u(),e(`div`,L,[i(`label`,R,a(s.$t(`components.form.label.default_settings_page`)),1),o(p,{modelValue:l(Y).interface.selectedSettingsView,"onUpdate:modelValue":f[3]||=e=>l(Y).interface.selectedSettingsView=e,options:`settingsViews`in s?s.settingsViews:l(m)},null,8,[`modelValue`,`options`]),o(y,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:r(()=>[c(a(s.$t(`components.form.hint.default_settings_page`)),1)]),_:1})])):n(``,!0),i(`div`,z,[i(`div`,B,[i(`div`,V,[i(`div`,H,[i(`label`,U,a(s.$t(`components.form.label.navbar_stay_collapsed`)),1),o(y,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:r(()=>[c(a(s.$t(`components.form.hint.navbar_stay_collapsed`)),1)]),_:1})]),o(b,{modelValue:l(Y).interface.navbarStayCollapsed,"onUpdate:modelValue":f[4]||=e=>l(Y).interface.navbarStayCollapsed=e,class:`ml-auto shrink-0`},null,8,[`modelValue`])])])])])]),_:1})])])])}}});export{W as t};

package/dist/interface/assets/SettingsAppearance-BZ3eEaNS.js

@@ -0,0 +1 @@
+import{t as e}from"./SettingsAppearance-BY4Wo2-o.js";export{e as default};

package/dist/interface/assets/{SettingsBackup-CUJpN0UK.js → SettingsBackup-C64eGQ4z.js}

@@ -1 +1 @@
-import{S as e,a as t}from"./api-Co-27wVr.js";import{$n as n,$t as r,An as i,In as a,Qt as o,Vn as s,Wt as c,Xt as l,Yn as u,Zt as d,ar as f,dr as p,in as m,nr as h,on as g,sr as _,wn as v}from"./vendor-CF-D4B9g.js";import{Vn as y,di as b,st as x}from"./vendor-cameraui-tvNekvZ-.js";import{M as S,U as C}from"./vendor-primevue-D0-7UQst.js";import{t as w}from"./useCuiDialog-CiyUBAnR.js";import{r as T}from"./server-2xTGm7ZB.js";import{t as E}from"./close-circle-B_OAX5Zy.js";import{n as D,t as O}from"./backup-BHJ-5CGY.js";var k={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function A(e,t){return v(),r(`svg`,k,[...t[0]||=[l(`path`,{fill:`currentColor`,d:`M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H15v-8h5V8zm-1 7V3.5L18.5 9zm4 12.66V16h5.66v2h-2.24l2.95 2.95l-1.41 1.41L19 19.41v2.24h-2z`},null,-1)]])}var j=u({name:`ic-baseline-file-open`,render:A}),M={class:`flex flex-col gap-6 p-4 items-center justify-center w-full`},N={class:`flex flex-col justify-center items-center`},P={for:`restoreInput`,class:`cursor-pointer text-center`},F=[`accept`],I={key:0,class:`text-red`},L={class:`mx-2`},R={class:`text-muted`},z=g({__name:`CuiUploadFiles`,props:{multiple:{type:Boolean,default:!1},accept:{},icon:{default:j}},emits:[`files-uploaded`],setup(e,{expose:t,emit:u}){let g=e,b=u,{accept:x,multiple:w}=f(g),T=a(`fileInputRef`),D=h([]),O=n(!1),k=n(!1);function A(e){let t=D.value.findIndex(t=>t.name===e);t>-1&&(D.value.splice(t,1),B())}function j(e){if(O.value=!1,k.value=!1,D.value=[],e.dataTransfer)if(!w.value&&e.dataTransfer.files.length>1)k.value=!0;else{for(let[,t]of Object.entries(e.dataTransfer.files))D.value.push(t);b(`files-uploaded`,D.value)}}function z(e){k.value=!1,D.value=[];let t=e.target;if(t&&t.files)if(!w.value&&t.files?.length>1)k.value=!0;else{for(let[,e]of Object.entries(t.files))D.value.push(e);b(`files-uploaded`,D.value)}}function B(){T.value&&(T.value.value=``)}function V(){D.value=[],B()}return t({reset:V}),(t,n)=>{let a=E,u=y,f=C,h=S;return v(),r(`div`,{class:`file-upload-box`,onDrop:n[0]||=c(e=>j(e),[`prevent`]),onDragover:n[1]||=c(e=>O.value=!0,[`prevent`]),onDragenter:n[2]||=c(e=>O.value=!0,[`prevent`]),onDragleave:n[3]||=c(e=>O.value=!1,[`prevent`])},[l(`div`,M,[l(`div`,N,[(v(),d(i(e.icon),{class:`w-15 h-15`})),l(`label`,P,p(t.$t(`components.upload_files.drop_or_select_file`)),1),l(`input`,{id:`restoreInput`,ref_key:`fileInputRef`,ref:T,type:`file`,class:`hidden`,accept:_(x),onChange:z},null,40,F),_(k)?(v(),r(`p`,I,p(t.$t(`components.upload_files.only_one_file_allowed`)),1)):o(``,!0)]),_(D).length>0?(v(),d(h,{key:0,items:_(D),"item-size":50,"scroll-height":`50px`,"scroll-width":`100%`,class:`w-full`},{item:s(({item:e})=>[(v(),r(`div`,{key:e.name,class:`w-full flex flex-row items-center justify-start p-2`},[m(u,{text:``,rounded:``,severity:`danger`,class:`cui-icon-md shrink-0`,onClick:t=>A(e.name)},{icon:s(()=>[m(a,{width:`100%`,height:`100%`})]),_:1},8,[`onClick`]),l(`b`,L,p(e.name),1),l(`span`,R,`(`+p(e.size)+` bytes)`,1)])),_(D).length>1?(v(),d(f,{key:0,class:`m-0 py-4`})):o(``,!0)]),_:1},8,[`items`])):o(``,!0)])],32)}}}),B={class:`flex flex-col w-full gap-6`},V={class:`card-title`},H={class:`flex flex-col gap-6`},U={class:`text-sm`},W={class:`card-title`},G={class:`flex flex-col gap-6`},K={class:`text-sm`},q={class:`card-title`},J={class:`flex flex-col gap-6`},Y={class:`text-sm`},X=g({__name:`SettingsBackup`,setup(i){let o=w(),c=e(),{t:u}=b(),d=a(`filesRef`),f=h([]),g=n(!1);async function S(){g.value=!0;try{let e={};if(localStorage.getItem(`ui`)){let t=localStorage.getItem(`ui`);e.ui=JSON.parse(t)}if(localStorage.getItem(`locale`)&&(e.locale=localStorage.getItem(`locale`)),localStorage.getItem(`theme`)){let t=localStorage.getItem(`theme`);e.theme=JSON.parse(t)}let t=Date.now(),n=await O(e),r=window.URL.createObjectURL(new Blob([n])),i=document.createElement(`a`);i.href=r,i.setAttribute(`download`,`cameraui-backup-${t}.tar.gz`),document.body.appendChild(i),i.click(),i.remove()}catch(e){c.add({severity:`error`,detail:t(e),life:3e3})}g.value=!1}function C(){o.openTextDialog({data:{title:u(`components.dialog.title.confirm`),contentText:u(`components.dialog.message.confirm_restore`),confirmText:u(`components.form.button.restore_and_restart`),loading:g},onConfirm:E})}async function E(){g.value=!0;try{let e=new FormData;e.append(`upload`,f.value[0]),k(await D(e)),d.value?.reset(),c.add({severity:`success`,detail:u(`components.toast.backup_restored`),life:3e3}),T()}catch(e){c.add({severity:`error`,detail:e??e,life:3e3}),g.value=!1}}function k(e){e.theme&&localStorage.setItem(`theme`,JSON.stringify(e.theme)),e.locale&&localStorage.setItem(`locale`,e.locale),e.ui&&localStorage.setItem(`ui`,JSON.stringify(e.ui))}return(e,t)=>{let n=y,i=x,a=z;return v(),r(`div`,null,[l(`div`,B,[l(`div`,null,[l(`span`,V,p(e.$t(`views.settings.create_backup`)),1),m(i,{class:`cui-card`},{content:s(()=>[l(`div`,H,[l(`span`,U,p(e.$t(`views.settings.create_backup_info`)),1),m(n,{loading:_(g),class:`ml-auto cui-button-medium`,label:e.$t(`components.form.button.download_backup_archive`),onClick:S},null,8,[`loading`,`label`])])]),_:1})]),l(`div`,null,[l(`span`,W,p(e.$t(`views.settings.restore_backup`)),1),m(i,{class:`cui-card`},{content:s(()=>[l(`div`,G,[l(`span`,K,p(e.$t(`views.settings.restore_backup_info`)),1),m(a,{ref_key:`filesRef`,ref:d,accept:`application/gzip, .tar, .tar.gz`,onFilesUploaded:t[0]||=e=>f.value=e},null,512),m(n,{loading:_(g),disabled:!_(f).length,class:`ml-auto cui-button-medium`,label:e.$t(`components.form.button.restore_backup_archive`),onClick:C},null,8,[`loading`,`disabled`,`label`])])]),_:1})]),l(`div`,null,[l(`span`,q,p(e.$t(`views.settings.sheduled_backup`)),1),m(i,{class:`cui-card`},{content:s(()=>[l(`div`,J,[l(`span`,Y,p(e.$t(`views.settings.sheduled_backup_info`)),1)])]),_:1})])])])}}});export{X as default};
+import{S as e,a as t}from"./api-DiZ55Kc8.js";import{$n as n,$t as r,An as i,In as a,Qt as o,Vn as s,Wt as c,Xt as l,Yn as u,Zt as d,ar as f,dr as p,in as m,nr as h,on as g,sr as _,wn as v}from"./vendor-CF-D4B9g.js";import{Vn as y,di as b,st as x}from"./vendor-cameraui-tvNekvZ-.js";import{M as S,U as C}from"./vendor-primevue-D0-7UQst.js";import{t as w}from"./useCuiDialog-DDOxJgxq.js";import{r as T}from"./server-USCLWg5j.js";import{t as E}from"./close-circle-B_OAX5Zy.js";import{n as D,t as O}from"./backup-DLHpsIK8.js";var k={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function A(e,t){return v(),r(`svg`,k,[...t[0]||=[l(`path`,{fill:`currentColor`,d:`M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H15v-8h5V8zm-1 7V3.5L18.5 9zm4 12.66V16h5.66v2h-2.24l2.95 2.95l-1.41 1.41L19 19.41v2.24h-2z`},null,-1)]])}var j=u({name:`ic-baseline-file-open`,render:A}),M={class:`flex flex-col gap-6 p-4 items-center justify-center w-full`},N={class:`flex flex-col justify-center items-center`},P={for:`restoreInput`,class:`cursor-pointer text-center`},F=[`accept`],I={key:0,class:`text-red`},L={class:`mx-2`},R={class:`text-muted`},z=g({__name:`CuiUploadFiles`,props:{multiple:{type:Boolean,default:!1},accept:{},icon:{default:j}},emits:[`files-uploaded`],setup(e,{expose:t,emit:u}){let g=e,b=u,{accept:x,multiple:w}=f(g),T=a(`fileInputRef`),D=h([]),O=n(!1),k=n(!1);function A(e){let t=D.value.findIndex(t=>t.name===e);t>-1&&(D.value.splice(t,1),B())}function j(e){if(O.value=!1,k.value=!1,D.value=[],e.dataTransfer)if(!w.value&&e.dataTransfer.files.length>1)k.value=!0;else{for(let[,t]of Object.entries(e.dataTransfer.files))D.value.push(t);b(`files-uploaded`,D.value)}}function z(e){k.value=!1,D.value=[];let t=e.target;if(t&&t.files)if(!w.value&&t.files?.length>1)k.value=!0;else{for(let[,e]of Object.entries(t.files))D.value.push(e);b(`files-uploaded`,D.value)}}function B(){T.value&&(T.value.value=``)}function V(){D.value=[],B()}return t({reset:V}),(t,n)=>{let a=E,u=y,f=C,h=S;return v(),r(`div`,{class:`file-upload-box`,onDrop:n[0]||=c(e=>j(e),[`prevent`]),onDragover:n[1]||=c(e=>O.value=!0,[`prevent`]),onDragenter:n[2]||=c(e=>O.value=!0,[`prevent`]),onDragleave:n[3]||=c(e=>O.value=!1,[`prevent`])},[l(`div`,M,[l(`div`,N,[(v(),d(i(e.icon),{class:`w-15 h-15`})),l(`label`,P,p(t.$t(`components.upload_files.drop_or_select_file`)),1),l(`input`,{id:`restoreInput`,ref_key:`fileInputRef`,ref:T,type:`file`,class:`hidden`,accept:_(x),onChange:z},null,40,F),_(k)?(v(),r(`p`,I,p(t.$t(`components.upload_files.only_one_file_allowed`)),1)):o(``,!0)]),_(D).length>0?(v(),d(h,{key:0,items:_(D),"item-size":50,"scroll-height":`50px`,"scroll-width":`100%`,class:`w-full`},{item:s(({item:e})=>[(v(),r(`div`,{key:e.name,class:`w-full flex flex-row items-center justify-start p-2`},[m(u,{text:``,rounded:``,severity:`danger`,class:`cui-icon-md shrink-0`,onClick:t=>A(e.name)},{icon:s(()=>[m(a,{width:`100%`,height:`100%`})]),_:1},8,[`onClick`]),l(`b`,L,p(e.name),1),l(`span`,R,`(`+p(e.size)+` bytes)`,1)])),_(D).length>1?(v(),d(f,{key:0,class:`m-0 py-4`})):o(``,!0)]),_:1},8,[`items`])):o(``,!0)])],32)}}}),B={class:`flex flex-col w-full gap-6`},V={class:`card-title`},H={class:`flex flex-col gap-6`},U={class:`text-sm`},W={class:`card-title`},G={class:`flex flex-col gap-6`},K={class:`text-sm`},q={class:`card-title`},J={class:`flex flex-col gap-6`},Y={class:`text-sm`},X=g({__name:`SettingsBackup`,setup(i){let o=w(),c=e(),{t:u}=b(),d=a(`filesRef`),f=h([]),g=n(!1);async function S(){g.value=!0;try{let e={};if(localStorage.getItem(`ui`)){let t=localStorage.getItem(`ui`);e.ui=JSON.parse(t)}if(localStorage.getItem(`locale`)&&(e.locale=localStorage.getItem(`locale`)),localStorage.getItem(`theme`)){let t=localStorage.getItem(`theme`);e.theme=JSON.parse(t)}let t=Date.now(),n=await O(e),r=window.URL.createObjectURL(new Blob([n])),i=document.createElement(`a`);i.href=r,i.setAttribute(`download`,`cameraui-backup-${t}.tar.gz`),document.body.appendChild(i),i.click(),i.remove()}catch(e){c.add({severity:`error`,detail:t(e),life:3e3})}g.value=!1}function C(){o.openTextDialog({data:{title:u(`components.dialog.title.confirm`),contentText:u(`components.dialog.message.confirm_restore`),confirmText:u(`components.form.button.restore_and_restart`),loading:g},onConfirm:E})}async function E(){g.value=!0;try{let e=new FormData;e.append(`upload`,f.value[0]),k(await D(e)),d.value?.reset(),c.add({severity:`success`,detail:u(`components.toast.backup_restored`),life:3e3}),T()}catch(e){c.add({severity:`error`,detail:e??e,life:3e3}),g.value=!1}}function k(e){e.theme&&localStorage.setItem(`theme`,JSON.stringify(e.theme)),e.locale&&localStorage.setItem(`locale`,e.locale),e.ui&&localStorage.setItem(`ui`,JSON.stringify(e.ui))}return(e,t)=>{let n=y,i=x,a=z;return v(),r(`div`,null,[l(`div`,B,[l(`div`,null,[l(`span`,V,p(e.$t(`views.settings.create_backup`)),1),m(i,{class:`cui-card`},{content:s(()=>[l(`div`,H,[l(`span`,U,p(e.$t(`views.settings.create_backup_info`)),1),m(n,{loading:_(g),class:`ml-auto cui-button-medium`,label:e.$t(`components.form.button.download_backup_archive`),onClick:S},null,8,[`loading`,`label`])])]),_:1})]),l(`div`,null,[l(`span`,W,p(e.$t(`views.settings.restore_backup`)),1),m(i,{class:`cui-card`},{content:s(()=>[l(`div`,G,[l(`span`,K,p(e.$t(`views.settings.restore_backup_info`)),1),m(a,{ref_key:`filesRef`,ref:d,accept:`application/gzip, .tar, .tar.gz`,onFilesUploaded:t[0]||=e=>f.value=e},null,512),m(n,{loading:_(g),disabled:!_(f).length,class:`ml-auto cui-button-medium`,label:e.$t(`components.form.button.restore_backup_archive`),onClick:C},null,8,[`loading`,`disabled`,`label`])])]),_:1})]),l(`div`,null,[l(`span`,q,p(e.$t(`views.settings.sheduled_backup`)),1),m(i,{class:`cui-card`},{content:s(()=>[l(`div`,J,[l(`span`,Y,p(e.$t(`views.settings.sheduled_backup_info`)),1)])]),_:1})])])])}}});export{X as default};

package/dist/interface/assets/SettingsNotifications-BpBK0vUB.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/esm-BF5SJFVX.js","assets/vendor-capacitor-Dqo8SY0p.js","assets/vendor-CF-D4B9g.js","assets/rolldown-runtime-DAXXjFlN.js"])))=>i.map(i=>d[i]);
+import{S as e,h as t}from"./api-DiZ55Kc8.js";import{$n as n,$t as r,En as i,Gt as a,Hn as ee,Qt as o,Rn as s,Sn as c,Ut as te,Vn as l,Xt as u,Yn as d,Yt as f,Zn as p,Zt as m,dr as h,in as g,kt as _,on as v,rn as y,sr as b,wn as x}from"./vendor-CF-D4B9g.js";import{Bn as ne,Q as re,Vn as ie,di as S,et as ae,st as oe}from"./vendor-cameraui-tvNekvZ-.js";import{t as C}from"./useElectron-mh8HQUAI.js";import{J as se,K as ce,T as le,U as ue,h as de,x as fe,z as pe}from"./vendor-primevue-D0-7UQst.js";import{t as w}from"./hasPermission-g7MKb703.js";import"./deviceId-CkiK7vmX.js";import{t as T}from"./notifications-6APLyMBX.js";var E={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function D(e,t){return x(),r(`svg`,E,[...t[0]||=[u(`path`,{fill:`currentColor`,d:`M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3zM7 6h10v13H7zm2 2v9h2V8zm4 0v9h2V8z`},null,-1)]])}var me=d({name:`mdi-trash-can-outline`,render:D}),O=`cui.push.registrations`;n(!1);function he(){return{registerForPush:async()=>{},forgetIfThisDevice:async(e,t)=>{if(!e)return;let n=await j(e);!n||n.deviceId!==t||await M(e)},isServerSynced:async e=>e?await j(e)!==null:!1}}async function k(){try{let{Preferences:e}=await _(async()=>{let{Preferences:e}=await import(`./esm-BF5SJFVX.js`);return{Preferences:e}},__vite__mapDeps([0,1,2,3])),{value:t}=await e.get({key:O});return t?JSON.parse(t):{}}catch{return{}}}async function A(e){try{let{Preferences:t}=await _(async()=>{let{Preferences:e}=await import(`./esm-BF5SJFVX.js`);return{Preferences:e}},__vite__mapDeps([0,1,2,3]));await t.set({key:O,value:JSON.stringify(e)})}catch{}}async function j(e){return(await k())[e]??null}async function M(e){let t=await k();t[e]&&(delete t[e],await A(t))}var ge={class:`flex flex-col w-full gap-6`},_e={class:`card-title`},ve={class:`flex flex-col gap-5`},ye={class:`text-sm`},be={key:0,class:`flex items-center justify-center py-8`},xe={class:`flex items-center gap-4`},Se={class:`flex flex-col field-switch-gap`},Ce={class:`cui-label-switch`},we={key:0,class:`flex items-center gap-4`},Te={class:`flex flex-col field-switch-gap min-w-0`},Ee={class:`cui-label-switch`},De={key:1,class:`flex items-center gap-4`},Oe={class:`flex flex-col field-switch-gap min-w-0`},ke={class:`cui-label-switch`},Ae={key:2,class:`flex flex-col gap-2`},je={class:`flex items-center gap-4`},Me={class:`flex flex-col field-switch-gap`},Ne={class:`cui-label-switch`},Pe={key:0,class:`grid grid-cols-1 sm:grid-cols-3 gap-3 mt-2`},Fe={class:`flex flex-col field-gap`},Ie={for:`qh-from`,class:`cui-label`},Le={class:`flex flex-col field-gap`},Re={for:`qh-to`,class:`cui-label`},ze={class:`flex flex-col field-gap`},Be={for:`qh-tz`,class:`cui-label`},Ve={key:0},He={class:`card-title`},Ue={class:`flex flex-col gap-5`},We={class:`text-sm`},Ge={key:0,class:`flex items-center justify-center py-8`},Ke={key:1,class:`text-sm text-muted-color text-center py-8`},qe={key:2,class:`flex flex-col gap-3`},Je={class:`flex items-center gap-4`},Ye={class:`flex flex-col field-switch-gap`},Xe={class:`cui-label-switch`},Ze={key:1},Qe={class:`card-title`},$e={class:`flex flex-col gap-5`},et={class:`text-sm`},tt={key:0,class:`flex items-center justify-center py-8`},nt={key:1,class:`text-sm text-muted-color text-center py-8`},rt={key:2,class:`flex flex-col gap-3`},it={class:`flex items-center gap-4`},at={class:`flex flex-col field-switch-gap`},ot={class:`cui-label-switch`},st={key:2},ct={class:`card-title`},lt={class:`flex flex-col gap-5`},ut={class:`text-sm`},dt={key:0,class:`flex items-center justify-center py-8`},ft={key:1,class:`text-sm text-muted-color text-center py-8`},pt={key:3,class:`flex justify-end gap-2`},N=v({__name:`SettingsNotifications`,setup(d){let _=new T,{t:v,te:E}=S(),D=e(),O=w(void 0,`admin`),{registerForPush:k,forgetIfThisDevice:A,isServerSynced:j}=he(),{isElectronApp:M,electron:N}=C(),{data:P,isLoading:mt}=_.getSettingsQuery(),{data:F,isLoading:ht}=_.listDevicesQuery(()=>!0),{data:I,isLoading:L}=_.listSourcesQuery(),{mutate:gt,isPending:_t}=_.setSettingsQuery(),{mutateAsync:vt}=_.setSettingsQuerySilent(),{mutate:yt}=_.revokeDeviceQuery(),{mutate:R}=_.updateDeviceQuery(),z=Intl.DateTimeFormat().resolvedOptions().timeZone||`UTC`,B=n(null),V=n(``),H=n(!1),U=n(!1),W=n(!1),G=n(!0),K=n(!1),q=n(null),J=p({}),Y=n(null),bt=f(()=>!!B.value&&JSON.stringify(B.value)!==V.value),X=f(()=>!!B.value?.enabled),Z=f(()=>_t.value),xt=f(()=>Tt(B.value?.quietHours?.from)),St=f(()=>Tt(B.value?.quietHours?.to));function Q(e){e&&(B.value=JSON.parse(JSON.stringify(e)),V.value=JSON.stringify(e))}function Ct(){Q(P.value)}function wt(e){B.value&&(e?B.value.quietHours={from:`22:00`,to:`07:00`,timezone:z}:delete B.value.quietHours)}function Tt(e){if(!e)return null;let[t,n]=e.split(`:`).map(Number);if(!Number.isFinite(t)||!Number.isFinite(n))return null;let r=new Date;return r.setHours(t,n,0,0),r}function Et(e){return e?`${String(e.getHours()).padStart(2,`0`)}:${String(e.getMinutes()).padStart(2,`0`)}`:`00:00`}function Dt(e,t){B.value?.quietHours&&(B.value.quietHours[e]=Et(t))}function Ot(e){return B.value?.systemTypes?.[e]!==!1}function kt(e,t){B.value&&(B.value.systemTypes||(B.value.systemTypes={}),t?delete B.value.systemTypes[e]:B.value.systemTypes[e]=!1)}function At(e){return B.value?.sources?.[e]!==!1}function jt(e,t){B.value&&(B.value.sources||(B.value.sources={}),t?delete B.value.sources[e]:B.value.sources[e]=!1)}function Mt(e){let t=`views.settings.notifications.system_types.${e.type.replaceAll(`.`,`_`)}`;return E(t)?v(t):e.label}function Nt(){B.value&&gt({settings:B.value},{onSuccess:e=>Q(e)})}async function Pt(e){if(!(!B.value||!P.value)){H.value=!0;try{Q(await vt({settings:{...P.value,enabled:e}}))}catch(e){D.add({severity:`error`,detail:e,life:3e3})}finally{H.value=!1}}}async function Ft(){let e=t();U.value=e?await j(e):!1}async function It(){if(!(!M||!N))try{G.value=await N.invoke(`get-desktop-notifications`)}catch{}}async function Lt(e){if(N){K.value=!0;try{G.value=await N.invoke(`set-desktop-notifications`,e)}catch(e){D.add({severity:`error`,detail:e,life:3e3})}finally{K.value=!1}}}async function Rt(){W.value=!0;try{await k(),await Ft(),await _.queryClient.invalidateQueries({queryKey:[`notifications`,`devices`]})}catch(e){D.add({severity:`error`,detail:e,life:3e3})}finally{W.value=!1}}function zt(e){q.value=e;let n=t();yt({deviceId:e},{onSuccess:async()=>{n&&await A(n,e),Ft()},onSettled:()=>q.value=null})}function $(e){let t=J[e.id];if(t==null)return;let n=t.trim();if(!n||n===e.name){delete J[e.id];return}Y.value=e.id,R({deviceId:e.id,patch:{name:n}},{onSuccess:()=>delete J[e.id],onSettled:()=>Y.value=null})}function Bt(e,t){Y.value=e,R({deviceId:e,patch:{active:t}},{onSettled:()=>Y.value=null})}return s(P,Q,{immediate:!0}),c(()=>{M&&It()}),(e,t)=>{let n=ne,s=pe,c=ce,d=ie,f=re,p=ae,_=oe,v=ue,S=fe,C=le,w=me,T=de,E=se;return x(),r(`div`,null,[u(`div`,ge,[u(`div`,null,[u(`span`,_e,h(e.$t(`views.settings.notifications.general`)),1),g(_,{class:`cui-card`},{content:l(()=>[u(`div`,ve,[u(`span`,ye,h(e.$t(`views.settings.notifications.general_info`)),1),b(mt)&&!b(B)?(x(),r(`div`,be,[g(n,{style:{width:`24px`,height:`24px`},"stroke-width":`4`})])):b(B)?(x(),r(a,{key:1},[u(`div`,xe,[u(`div`,Se,[u(`label`,Ce,h(e.$t(`views.settings.notifications.enable`)),1),g(s,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:l(()=>[y(h(e.$t(`views.settings.notifications.enable_info`)),1)]),_:1})]),g(c,{"model-value":b(B).enabled,loading:b(H),class:`ml-auto shrink-0`,"onUpdate:modelValue":Pt},null,8,[`model-value`,`loading`])]),b(!1)&&b(B).enabled?(x(),r(`div`,we,[u(`div`,Te,[u(`label`,Ee,h(e.$t(`views.settings.notifications.this_device`)),1),g(s,{severity:b(U)?`secondary`:`warn`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:l(()=>[y(h(b(U)?e.$t(`views.settings.notifications.this_device_synced`):e.$t(`views.settings.notifications.this_device_unsynced`)),1)]),_:1},8,[`severity`])]),g(d,{size:`small`,severity:b(U)?`secondary`:void 0,loading:b(W),class:`ml-auto shrink-0`,label:b(U)?e.$t(`views.settings.notifications.resync`):e.$t(`views.settings.notifications.sync`),onClick:Rt},null,8,[`severity`,`loading`,`label`])])):b(M)&&b(B).enabled?(x(),r(`div`,De,[u(`div`,Oe,[u(`label`,ke,h(e.$t(`views.settings.notifications.this_device`)),1),g(s,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:l(()=>[y(h(e.$t(`views.settings.notifications.this_device_desktop`)),1)]),_:1})]),g(c,{"model-value":b(G),loading:b(K),class:`ml-auto shrink-0`,"onUpdate:modelValue":Lt},null,8,[`model-value`,`loading`])])):o(``,!0),b(B).enabled?(x(),r(`div`,Ae,[u(`div`,je,[u(`div`,Me,[u(`label`,Ne,h(e.$t(`views.settings.notifications.quiet_hours`)),1),g(s,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:l(()=>[y(h(e.$t(`views.settings.notifications.quiet_hours_info`)),1)]),_:1})]),g(c,{"model-value":!!b(B).quietHours,class:`ml-auto shrink-0`,"onUpdate:modelValue":wt},null,8,[`model-value`])]),b(B).quietHours?(x(),r(`div`,Pe,[u(`div`,Fe,[u(`label`,Ie,h(e.$t(`views.settings.notifications.from`)),1),g(f,{"input-id":`qh-from`,"model-value":b(xt),"time-only":``,"show-icon":``,"icon-display":`input`,class:`w-full`,"onUpdate:modelValue":t[0]||=e=>Dt(`from`,e)},null,8,[`model-value`])]),u(`div`,Le,[u(`label`,Re,h(e.$t(`views.settings.notifications.to`)),1),g(f,{"input-id":`qh-to`,"model-value":b(St),"time-only":``,"show-icon":``,"icon-display":`input`,class:`w-full`,"onUpdate:modelValue":t[1]||=e=>Dt(`to`,e)},null,8,[`model-value`])]),u(`div`,ze,[u(`label`,Be,h(e.$t(`views.settings.notifications.timezone`)),1),g(p,{id:`qh-tz`,modelValue:b(B).quietHours.timezone,"onUpdate:modelValue":t[2]||=e=>b(B).quietHours.timezone=e,placeholder:b(z)},null,8,[`modelValue`,`placeholder`])])])):o(``,!0)])):o(``,!0)],64)):o(``,!0)])]),_:1})]),b(X)&&b(O)?(x(),r(`div`,Ve,[u(`span`,He,h(e.$t(`views.settings.notifications.system_notifications`)),1),g(_,{class:`cui-card`},{content:l(()=>[u(`div`,Ue,[u(`span`,We,h(e.$t(`views.settings.notifications.system_notifications_info`)),1),b(L)&&!b(I)?(x(),r(`div`,Ge,[g(n,{style:{width:`24px`,height:`24px`},"stroke-width":`4`})])):b(I)?.system?.length?(x(),r(`div`,qe,[(x(!0),r(a,null,i(b(I).system,(e,t)=>(x(),r(`div`,{key:e.type},[u(`div`,Je,[u(`div`,Ye,[u(`label`,Xe,h(Mt(e)),1),e.description?(x(),m(s,{key:0,severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:l(()=>[y(h(e.description),1)]),_:2},1024)):o(``,!0)]),g(c,{"model-value":Ot(e.type),class:`ml-auto shrink-0`,"onUpdate:modelValue":t=>kt(e.type,t)},null,8,[`model-value`,`onUpdate:modelValue`])]),t<b(I).system.length-1?(x(),m(v,{key:0,class:`my-2`})):o(``,!0)]))),128))])):(x(),r(`div`,Ke,h(e.$t(`views.settings.notifications.no_system_types`)),1))])]),_:1})])):o(``,!0),b(X)?(x(),r(`div`,Ze,[u(`span`,Qe,h(e.$t(`views.settings.notifications.plugin_notifications`)),1),g(_,{class:`cui-card`},{content:l(()=>[u(`div`,$e,[u(`span`,et,h(e.$t(`views.settings.notifications.plugin_notifications_info`)),1),b(L)&&!b(I)?(x(),r(`div`,tt,[g(n,{style:{width:`24px`,height:`24px`},"stroke-width":`4`})])):b(I)?.plugins?.length?(x(),r(`div`,rt,[(x(!0),r(a,null,i(b(I).plugins,(e,t)=>(x(),r(`div`,{key:e.id},[u(`div`,it,[u(`div`,at,[u(`label`,ot,h(e.name),1)]),g(c,{"model-value":At(e.id),class:`ml-auto shrink-0`,"onUpdate:modelValue":t=>jt(e.id,t)},null,8,[`model-value`,`onUpdate:modelValue`])]),t<b(I).plugins.length-1?(x(),m(v,{key:0,class:`my-2`})):o(``,!0)]))),128))])):(x(),r(`div`,nt,h(e.$t(`views.settings.notifications.no_plugin_sources`)),1))])]),_:1})])):o(``,!0),b(X)?(x(),r(`div`,st,[u(`span`,ct,h(e.$t(`views.settings.notifications.devices`)),1),g(_,{class:`cui-card`},{content:l(()=>[u(`div`,lt,[u(`span`,ut,h(e.$t(`views.settings.notifications.devices_info`)),1),b(ht)&&!b(F)?(x(),r(`div`,dt,[g(n,{style:{width:`24px`,height:`24px`},"stroke-width":`4`})])):b(F)?.length?(x(),m(T,{key:2,value:b(F),"striped-rows":``},{default:l(()=>[g(S,{field:`name`,header:e.$t(`views.settings.notifications.col_name`)},{body:l(({data:e})=>[g(p,{"model-value":b(J)[e.id]??e.name,disabled:b(Y)===e.id,class:`w-full max-w-xs min-w-[150px]`,"onUpdate:modelValue":t=>b(J)[e.id]=t??``,onBlur:t=>$(e),onKeyup:te(t=>$(e),[`enter`])},null,8,[`model-value`,`disabled`,`onUpdate:modelValue`,`onBlur`,`onKeyup`])]),_:1},8,[`header`]),g(S,{field:`pluginName`,header:e.$t(`views.settings.notifications.col_plugin`)},{body:l(({data:e})=>[g(C,{label:e.pluginName,class:`text-xs`},null,8,[`label`])]),_:1},8,[`header`]),g(S,{field:`active`,header:e.$t(`views.settings.notifications.col_active`),style:{width:`7rem`}},{body:l(({data:e})=>[g(c,{"model-value":e.active,loading:b(Y)===e.id,"onUpdate:modelValue":t=>Bt(e.id,t)},null,8,[`model-value`,`loading`,`onUpdate:modelValue`])]),_:1},8,[`header`]),g(S,{field:`actions`,header:``,style:{width:`6rem`}},{body:l(({data:t})=>[ee((x(),m(d,{severity:`danger`,text:``,rounded:``,loading:b(q)===t.id,onClick:e=>zt(t.id)},{icon:l(()=>[g(w,{width:`20`,height:`20`})]),_:1},8,[`loading`,`onClick`])),[[E,e.$t(`views.settings.notifications.revoke`)]])]),_:1})]),_:1},8,[`value`])):(x(),r(`div`,ft,h(e.$t(`views.settings.notifications.no_devices`)),1))])]),_:1})])):o(``,!0),b(B)&&b(bt)?(x(),r(`div`,pt,[g(d,{severity:`secondary`,outlined:``,disabled:b(Z),onClick:Ct},{default:l(()=>[y(h(e.$t(`views.settings.notifications.reset`)),1)]),_:1},8,[`disabled`]),g(d,{severity:`success`,loading:b(Z),onClick:Nt},{default:l(()=>[y(h(e.$t(`views.settings.notifications.save`)),1)]),_:1},8,[`loading`])])):o(``,!0)])])}}});export{N as default};

package/dist/interface/assets/{SettingsRecordings-CWmfG-m8.js → SettingsRecordings-Dyfw7tu0.js}

@@ -1 +1 @@
-import{S as e}from"./api-Co-27wVr.js";import{$t as t,Hn as n,Qt as r,Rn as ee,Vn as i,Xt as a,Yn as o,Yt as s,Zt as c,dr as l,in as u,on as d,rn as f,sr as p,ur as te,wn as m}from"./vendor-CF-D4B9g.js";import{Bn as h,Gn as ne,Ut as g,di as _,j as v,st as y,zt as b}from"./vendor-cameraui-tvNekvZ-.js";import{J as re,T as ie,h as ae,x as oe}from"./vendor-primevue-D0-7UQst.js";import{t as x}from"./cameras-D-DkGB5k.js";import{t as se}from"./CuiSchema-D4Bi0dJu.js";import{t as ce}from"./alert-outline-C4DaI8XN.js";import{l as S,n as le,o as C,r as w,s as T}from"./vendor-chart-CYhHo97f.js";import{t as E}from"./CuiPluginOAuthButton-BiAE0hXQ.js";var D={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function O(e,n){return m(),t(`svg`,D,[...n[0]||=[a(`path`,{fill:`currentColor`,d:`M11 15h2v2h-2zm0-8h2v6h-2zm1-5C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8`},null,-1)]])}var k=o({name:`mdi-alert-circle-outline`,render:O}),A={class:`flex flex-col w-full gap-6`},j={key:0,class:`cui-banner cui-banner-error`},M={key:1,class:`cui-banner cui-banner-warn`},N={class:`card-title`},P={class:`flex items-center justify-between gap-4`},F={class:`min-w-0`},I={class:`text-sm`},L={class:`text-xs text-muted-color mt-1`},R={class:`card-title`},z={key:0,class:`flex items-center justify-center py-8`},B={key:1,class:`text-sm text-muted-color text-center py-8`},V={key:2,class:`flex flex-col sm:flex-row items-center gap-6`},H={class:`shrink-0`,style:{width:`180px`,height:`180px`}},U={class:`text-color`},W={class:`font-medium`},ue={class:`card-title`},de={key:1,class:`flex items-center justify-center py-8`},fe={key:2,class:`text-sm text-muted-color text-center py-8`},pe={class:`card-title`},me={key:0,class:`flex items-center justify-center py-8`},he={key:1,class:`text-sm text-muted-color text-center py-8`},ge={class:`flex items-center justify-center`},_e={class:`font-medium`},ve={class:`text-center py-4 text-muted-color text-sm`},G=`@camera.ui/camera-ui-nvr`,K=d({__name:`SettingsRecordings`,setup(o){C.register(T,w,S);let d=new x,{t:D}=_(),O=e(),{stats:K,isLoading:q}=v(),{state:J}=b(G),{isConnected:ye,isLoading:Y,config:X,getConfig:be,setConfig:xe,setValue:Se,submitValue:Ce}=g(G),we=s(()=>{switch(J.value.status){case`connected`:return D(`components.oauth.connected_as`,{email:J.value.userEmail||`—`});case`awaiting_user`:case`polling`:return D(`components.oauth.tooltip_authorizing`);case`error`:return D(`components.oauth.error_generic`);default:return D(`views.settings.recordings.license_disconnected`)}}),{data:Te}=d.getCamerasQuery({page:1,pageSize:-1}),Z={bodyRow:{class:`text-sm text-secondary`},column:{columnTitle:{class:`text-sm`}}},Ee=s(()=>{let e=new Map;for(let t of Te.value?.result??[])e.set(t._id,t.name);return e}),De=s(()=>K.value?.cameras?Object.entries(K.value.cameras).map(([e,t])=>({id:e,name:Ee.value.get(e)||e,usedBytes:t.usedBytes,segmentCount:t.segmentCount,oldestDay:t.oldestDay,newestDay:t.newestDay,daysCount:t.daysCount,bandwidthMBh:t.bandwidthMBh,recordingMode:t.recordingMode,isRecording:t.isRecording})).sort((e,t)=>t.usedBytes-e.usedBytes):[]),Oe=s(()=>K.value?[{label:D(`views.settings.recordings.disk_total`),value:$(K.value.diskTotalGB)},{label:D(`views.settings.recordings.nvr_usage`),value:$(K.value.nvrUsedGB)},{label:D(`views.settings.recordings.quota`),value:K.value.nvrQuotaGB>0?$(K.value.nvrQuotaGB):D(`views.settings.recordings.unlimited`)},{label:D(`views.settings.recordings.retention`),value:K.value.retentionDays>0?D(`views.settings.recordings.days_count`,{count:K.value.retentionDays}):D(`views.settings.recordings.unlimited`)},{label:D(`views.settings.recordings.disk_free`),value:`${$(K.value.diskFreeGB)} (${K.value.diskFreePercent.toFixed(1)}%)`}]:[]),ke=s(()=>{let e=K.value?.nvrUsedGB??0,t=K.value?.diskFreeGB??0,n=Math.max(0,(K.value?.diskUsedGB??0)-e),r=e===0&&n===0&&t===0;return{labels:[D(`views.settings.recordings.chart_nvr`),D(`views.settings.recordings.chart_other`),D(`views.settings.recordings.chart_free`)],datasets:[{data:r?[0,0,1]:[e,n,t],backgroundColor:[`#df2a4c`,`rgba(223,42,76,0.35)`,`rgba(223,42,76,0.10)`],borderWidth:0}]}}),Ae=s(()=>({responsive:!0,maintainAspectRatio:!0,cutout:`65%`,animation:!1,plugins:{legend:{display:!1},tooltip:{callbacks:{label:e=>`${e.label}: ${$(e.parsed)}`}}}}));async function je(e){try{await Se(e.key,void 0),O.add({severity:`success`,detail:D(`components.toast.config_updated`),life:3e3})}catch(e){O.add({severity:`error`,detail:e,life:3e3})}}async function Q(e){try{let t=await Ce(e.key,e.payload);t?.toast?O.add({severity:t.toast.type,detail:t.toast.message,life:3e3}):O.add({severity:`success`,detail:D(`components.toast.config_updated`),life:3e3})}catch(e){O.add({severity:`error`,detail:e,life:3e3})}}async function Me(e){try{await xe(e),O.add({severity:`success`,detail:D(`components.toast.config_updated`),life:3e3})}catch(e){O.add({severity:`error`,detail:e,life:3e3})}}function $(e){return e>=1e3?`${(e/1e3).toFixed(2)} TB`:e>=1?`${e.toFixed(2)} GB`:`${(e*1e3).toFixed(0)} MB`}function Ne(e){return e>=0xe8d4a51000?`${(e/0xe8d4a51000).toFixed(2)} TB`:e>=1e9?`${(e/1e9).toFixed(2)} GB`:e>=1e6?`${(e/1e6).toFixed(0)} MB`:`${(e/1e3).toFixed(0)} KB`}function Pe(e){let t=e*24/1e3;return t>=1?`${t.toFixed(1)} GB/d`:`${(t*1e3).toFixed(0)} MB/d`}return ee(ye,async e=>{e&&await be()},{immediate:!0}),(e,ee)=>{let o=k,s=ce,d=y,g=h,_=oe,v=ae,b=ne,x=ie,S=re;return m(),t(`div`,null,[a(`div`,A,[p(K)&&p(K).diskFreePercent>0&&p(K).diskFreePercent<5?(m(),t(`div`,j,[u(o,{class:`shrink-0 w-5 h-5`}),a(`span`,null,l(e.$t(`views.settings.recordings.disk_critical`)),1)])):p(K)&&p(K).diskFreePercent>0&&p(K).diskFreePercent<8?(m(),t(`div`,M,[u(s,{class:`shrink-0 w-5 h-5`}),a(`span`,null,l(e.$t(`views.settings.recordings.disk_warning`)),1)])):r(``,!0),a(`div`,null,[a(`span`,N,l(e.$t(`views.settings.recordings.license_title`)),1),u(d,{class:`cui-card`},{content:i(()=>[a(`div`,P,[a(`div`,F,[a(`p`,I,l(p(we)),1),a(`p`,L,l(e.$t(`views.settings.recordings.license_description`)),1)]),u(E,{"plugin-name":G,class:`flex-shrink-0`})])]),_:1})]),a(`div`,null,[a(`span`,R,l(e.$t(`views.settings.recordings.storage_overview`)),1),u(d,{class:`cui-card`},{content:i(()=>[p(q)&&!p(K)?(m(),t(`div`,z,[u(g,{style:{width:`24px`,height:`24px`},"stroke-width":`4`})])):p(K)?(m(),t(`div`,V,[a(`div`,H,[u(p(le),{data:p(ke),options:p(Ae)},null,8,[`data`,`options`])]),u(v,{value:p(Oe),pt:Z,"striped-rows":``,"show-headers":!1,class:`w-full`},{default:i(()=>[u(_,{field:`label`},{body:i(({data:e})=>[a(`span`,U,l(e.label),1)]),_:1}),u(_,{field:`value`,style:{"text-align":`right`}},{body:i(({data:e})=>[a(`span`,W,l(e.value),1)]),_:1})]),_:1},8,[`value`])])):(m(),t(`div`,B,l(e.$t(`views.settings.recordings.not_available`)),1))]),_:1})]),a(`div`,null,[a(`span`,ue,l(e.$t(`views.settings.recordings.global_settings`)),1),u(d,{class:`cui-card`},{content:i(()=>[p(X)?(m(),c(se,{key:0,"schema-form":{schema:p(X).schema,config:p(X).config},loading:p(Y),"save-button-color":`success`,onOnAction:je,onOnSubmit:Q,onOnFormSubmit:Me},null,8,[`schema-form`,`loading`])):p(q)||p(Y)?(m(),t(`div`,de,[u(g,{style:{width:`24px`,height:`24px`},"stroke-width":`4`})])):(m(),t(`div`,fe,l(e.$t(`views.settings.recordings.not_available`)),1))]),_:1})]),a(`div`,null,[a(`span`,pe,l(e.$t(`views.settings.recordings.camera_storage`)),1),u(d,{class:`cui-card`},{content:i(()=>[p(q)&&!p(K)?(m(),t(`div`,me,[u(g,{style:{width:`24px`,height:`24px`},"stroke-width":`4`})])):p(K)?(m(),c(v,{key:2,value:p(De),pt:Z,"striped-rows":``,scrollable:``},{empty:i(()=>[a(`div`,ve,l(e.$t(`views.settings.recordings.no_cameras`)),1)]),default:i(()=>[u(_,{field:`status`,header:``,style:{width:`3rem`}},{body:i(({data:t})=>[a(`div`,ge,[n(u(b,{style:te({background:t.isRecording?`green`:`gray`})},null,8,[`style`]),[[S,{value:t.isRecording?e.$t(`views.settings.recordings.status_recording`):e.$t(`views.settings.recordings.status_stopped`)}]])])]),_:1}),u(_,{field:`name`,header:e.$t(`views.settings.recordings.col_camera`)},{body:i(({data:e})=>[a(`span`,_e,l(e.name),1)]),_:1},8,[`header`]),u(_,{field:`size`,header:e.$t(`views.settings.recordings.col_size`)},{body:i(({data:e})=>[f(l(Ne(e.usedBytes)),1)]),_:1},8,[`header`]),u(_,{field:`daysCount`,header:e.$t(`views.settings.recordings.col_days`)},null,8,[`header`]),u(_,{field:`rate`,header:e.$t(`views.settings.recordings.col_rate`)},{body:i(({data:e})=>[f(l(e.bandwidthMBh>0?Pe(e.bandwidthMBh):`-`),1)]),_:1},8,[`header`]),u(_,{field:`recordingMode`,header:e.$t(`views.settings.recordings.col_mode`)},{body:i(({data:e})=>[u(x,{label:e.recordingMode,class:`text-xs`},null,8,[`label`])]),_:1},8,[`header`])]),_:1},8,[`value`])):(m(),t(`div`,he,l(e.$t(`views.settings.recordings.not_available`)),1))]),_:1})])])])}}});export{K as default};
+import{S as e}from"./api-DiZ55Kc8.js";import{$t as t,Hn as n,Qt as r,Rn as ee,Vn as i,Xt as a,Yn as o,Yt as s,Zt as c,dr as l,in as u,on as d,rn as f,sr as p,ur as te,wn as m}from"./vendor-CF-D4B9g.js";import{Bn as h,Gn as ne,Ut as g,di as _,j as v,st as y,zt as b}from"./vendor-cameraui-tvNekvZ-.js";import{J as re,T as ie,h as ae,x as oe}from"./vendor-primevue-D0-7UQst.js";import{t as x}from"./cameras-CW62AByZ.js";import{t as se}from"./CuiSchema-Bv35CnHS.js";import{t as ce}from"./alert-outline-C4DaI8XN.js";import{l as S,n as le,o as C,r as w,s as T}from"./vendor-chart-CYhHo97f.js";import{t as E}from"./CuiPluginOAuthButton-yLnhvjke.js";var D={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function O(e,n){return m(),t(`svg`,D,[...n[0]||=[a(`path`,{fill:`currentColor`,d:`M11 15h2v2h-2zm0-8h2v6h-2zm1-5C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8`},null,-1)]])}var k=o({name:`mdi-alert-circle-outline`,render:O}),A={class:`flex flex-col w-full gap-6`},j={key:0,class:`cui-banner cui-banner-error`},M={key:1,class:`cui-banner cui-banner-warn`},N={class:`card-title`},P={class:`flex items-center justify-between gap-4`},F={class:`min-w-0`},I={class:`text-sm`},L={class:`text-xs text-muted-color mt-1`},R={class:`card-title`},z={key:0,class:`flex items-center justify-center py-8`},B={key:1,class:`text-sm text-muted-color text-center py-8`},V={key:2,class:`flex flex-col sm:flex-row items-center gap-6`},H={class:`shrink-0`,style:{width:`180px`,height:`180px`}},U={class:`text-color`},W={class:`font-medium`},ue={class:`card-title`},de={key:1,class:`flex items-center justify-center py-8`},fe={key:2,class:`text-sm text-muted-color text-center py-8`},pe={class:`card-title`},me={key:0,class:`flex items-center justify-center py-8`},he={key:1,class:`text-sm text-muted-color text-center py-8`},ge={class:`flex items-center justify-center`},_e={class:`font-medium`},ve={class:`text-center py-4 text-muted-color text-sm`},G=`@camera.ui/camera-ui-nvr`,K=d({__name:`SettingsRecordings`,setup(o){C.register(T,w,S);let d=new x,{t:D}=_(),O=e(),{stats:K,isLoading:q}=v(),{state:J}=b(G),{isConnected:ye,isLoading:Y,config:X,getConfig:be,setConfig:xe,setValue:Se,submitValue:Ce}=g(G),we=s(()=>{switch(J.value.status){case`connected`:return D(`components.oauth.connected_as`,{email:J.value.userEmail||`—`});case`awaiting_user`:case`polling`:return D(`components.oauth.tooltip_authorizing`);case`error`:return D(`components.oauth.error_generic`);default:return D(`views.settings.recordings.license_disconnected`)}}),{data:Te}=d.getCamerasQuery({page:1,pageSize:-1}),Z={bodyRow:{class:`text-sm text-secondary`},column:{columnTitle:{class:`text-sm`}}},Ee=s(()=>{let e=new Map;for(let t of Te.value?.result??[])e.set(t._id,t.name);return e}),De=s(()=>K.value?.cameras?Object.entries(K.value.cameras).map(([e,t])=>({id:e,name:Ee.value.get(e)||e,usedBytes:t.usedBytes,segmentCount:t.segmentCount,oldestDay:t.oldestDay,newestDay:t.newestDay,daysCount:t.daysCount,bandwidthMBh:t.bandwidthMBh,recordingMode:t.recordingMode,isRecording:t.isRecording})).sort((e,t)=>t.usedBytes-e.usedBytes):[]),Oe=s(()=>K.value?[{label:D(`views.settings.recordings.disk_total`),value:$(K.value.diskTotalGB)},{label:D(`views.settings.recordings.nvr_usage`),value:$(K.value.nvrUsedGB)},{label:D(`views.settings.recordings.quota`),value:K.value.nvrQuotaGB>0?$(K.value.nvrQuotaGB):D(`views.settings.recordings.unlimited`)},{label:D(`views.settings.recordings.retention`),value:K.value.retentionDays>0?D(`views.settings.recordings.days_count`,{count:K.value.retentionDays}):D(`views.settings.recordings.unlimited`)},{label:D(`views.settings.recordings.disk_free`),value:`${$(K.value.diskFreeGB)} (${K.value.diskFreePercent.toFixed(1)}%)`}]:[]),ke=s(()=>{let e=K.value?.nvrUsedGB??0,t=K.value?.diskFreeGB??0,n=Math.max(0,(K.value?.diskUsedGB??0)-e),r=e===0&&n===0&&t===0;return{labels:[D(`views.settings.recordings.chart_nvr`),D(`views.settings.recordings.chart_other`),D(`views.settings.recordings.chart_free`)],datasets:[{data:r?[0,0,1]:[e,n,t],backgroundColor:[`#df2a4c`,`rgba(223,42,76,0.35)`,`rgba(223,42,76,0.10)`],borderWidth:0}]}}),Ae=s(()=>({responsive:!0,maintainAspectRatio:!0,cutout:`65%`,animation:!1,plugins:{legend:{display:!1},tooltip:{callbacks:{label:e=>`${e.label}: ${$(e.parsed)}`}}}}));async function je(e){try{await Se(e.key,void 0),O.add({severity:`success`,detail:D(`components.toast.config_updated`),life:3e3})}catch(e){O.add({severity:`error`,detail:e,life:3e3})}}async function Q(e){try{let t=await Ce(e.key,e.payload);t?.toast?O.add({severity:t.toast.type,detail:t.toast.message,life:3e3}):O.add({severity:`success`,detail:D(`components.toast.config_updated`),life:3e3})}catch(e){O.add({severity:`error`,detail:e,life:3e3})}}async function Me(e){try{await xe(e),O.add({severity:`success`,detail:D(`components.toast.config_updated`),life:3e3})}catch(e){O.add({severity:`error`,detail:e,life:3e3})}}function $(e){return e>=1e3?`${(e/1e3).toFixed(2)} TB`:e>=1?`${e.toFixed(2)} GB`:`${(e*1e3).toFixed(0)} MB`}function Ne(e){return e>=0xe8d4a51000?`${(e/0xe8d4a51000).toFixed(2)} TB`:e>=1e9?`${(e/1e9).toFixed(2)} GB`:e>=1e6?`${(e/1e6).toFixed(0)} MB`:`${(e/1e3).toFixed(0)} KB`}function Pe(e){let t=e*24/1e3;return t>=1?`${t.toFixed(1)} GB/d`:`${(t*1e3).toFixed(0)} MB/d`}return ee(ye,async e=>{e&&await be()},{immediate:!0}),(e,ee)=>{let o=k,s=ce,d=y,g=h,_=oe,v=ae,b=ne,x=ie,S=re;return m(),t(`div`,null,[a(`div`,A,[p(K)&&p(K).diskFreePercent>0&&p(K).diskFreePercent<5?(m(),t(`div`,j,[u(o,{class:`shrink-0 w-5 h-5`}),a(`span`,null,l(e.$t(`views.settings.recordings.disk_critical`)),1)])):p(K)&&p(K).diskFreePercent>0&&p(K).diskFreePercent<8?(m(),t(`div`,M,[u(s,{class:`shrink-0 w-5 h-5`}),a(`span`,null,l(e.$t(`views.settings.recordings.disk_warning`)),1)])):r(``,!0),a(`div`,null,[a(`span`,N,l(e.$t(`views.settings.recordings.license_title`)),1),u(d,{class:`cui-card`},{content:i(()=>[a(`div`,P,[a(`div`,F,[a(`p`,I,l(p(we)),1),a(`p`,L,l(e.$t(`views.settings.recordings.license_description`)),1)]),u(E,{"plugin-name":G,class:`flex-shrink-0`})])]),_:1})]),a(`div`,null,[a(`span`,R,l(e.$t(`views.settings.recordings.storage_overview`)),1),u(d,{class:`cui-card`},{content:i(()=>[p(q)&&!p(K)?(m(),t(`div`,z,[u(g,{style:{width:`24px`,height:`24px`},"stroke-width":`4`})])):p(K)?(m(),t(`div`,V,[a(`div`,H,[u(p(le),{data:p(ke),options:p(Ae)},null,8,[`data`,`options`])]),u(v,{value:p(Oe),pt:Z,"striped-rows":``,"show-headers":!1,class:`w-full`},{default:i(()=>[u(_,{field:`label`},{body:i(({data:e})=>[a(`span`,U,l(e.label),1)]),_:1}),u(_,{field:`value`,style:{"text-align":`right`}},{body:i(({data:e})=>[a(`span`,W,l(e.value),1)]),_:1})]),_:1},8,[`value`])])):(m(),t(`div`,B,l(e.$t(`views.settings.recordings.not_available`)),1))]),_:1})]),a(`div`,null,[a(`span`,ue,l(e.$t(`views.settings.recordings.global_settings`)),1),u(d,{class:`cui-card`},{content:i(()=>[p(X)?(m(),c(se,{key:0,"schema-form":{schema:p(X).schema,config:p(X).config},loading:p(Y),"save-button-color":`success`,onOnAction:je,onOnSubmit:Q,onOnFormSubmit:Me},null,8,[`schema-form`,`loading`])):p(q)||p(Y)?(m(),t(`div`,de,[u(g,{style:{width:`24px`,height:`24px`},"stroke-width":`4`})])):(m(),t(`div`,fe,l(e.$t(`views.settings.recordings.not_available`)),1))]),_:1})]),a(`div`,null,[a(`span`,pe,l(e.$t(`views.settings.recordings.camera_storage`)),1),u(d,{class:`cui-card`},{content:i(()=>[p(q)&&!p(K)?(m(),t(`div`,me,[u(g,{style:{width:`24px`,height:`24px`},"stroke-width":`4`})])):p(K)?(m(),c(v,{key:2,value:p(De),pt:Z,"striped-rows":``,scrollable:``},{empty:i(()=>[a(`div`,ve,l(e.$t(`views.settings.recordings.no_cameras`)),1)]),default:i(()=>[u(_,{field:`status`,header:``,style:{width:`3rem`}},{body:i(({data:t})=>[a(`div`,ge,[n(u(b,{style:te({background:t.isRecording?`green`:`gray`})},null,8,[`style`]),[[S,{value:t.isRecording?e.$t(`views.settings.recordings.status_recording`):e.$t(`views.settings.recordings.status_stopped`)}]])])]),_:1}),u(_,{field:`name`,header:e.$t(`views.settings.recordings.col_camera`)},{body:i(({data:e})=>[a(`span`,_e,l(e.name),1)]),_:1},8,[`header`]),u(_,{field:`size`,header:e.$t(`views.settings.recordings.col_size`)},{body:i(({data:e})=>[f(l(Ne(e.usedBytes)),1)]),_:1},8,[`header`]),u(_,{field:`daysCount`,header:e.$t(`views.settings.recordings.col_days`)},null,8,[`header`]),u(_,{field:`rate`,header:e.$t(`views.settings.recordings.col_rate`)},{body:i(({data:e})=>[f(l(e.bandwidthMBh>0?Pe(e.bandwidthMBh):`-`),1)]),_:1},8,[`header`]),u(_,{field:`recordingMode`,header:e.$t(`views.settings.recordings.col_mode`)},{body:i(({data:e})=>[u(x,{label:e.recordingMode,class:`text-xs`},null,8,[`label`])]),_:1},8,[`header`])]),_:1},8,[`value`])):(m(),t(`div`,he,l(e.$t(`views.settings.recordings.not_available`)),1))]),_:1})])])])}}});export{K as default};

package/dist/interface/assets/{SettingsRemote-Cfw1UDTq.js → SettingsRemote-AA8KRV6E.js}

@@ -1 +1 @@
-import{A as e,O as t,S as n,b as r,i,w as a}from"./api-Co-27wVr.js";import{$n as o,$t as s,An as ee,C as c,F as l,Gt as u,Hn as d,Jn as f,Qt as p,Rn as m,Rt as h,T as te,Vn as g,Xt as _,Yn as v,Yt as y,Zt as b,cr as ne,dr as x,hn as re,in as S,on as C,rn as w,sr as T,tn as ie,w as E,wn as D,yn as ae,z as oe}from"./vendor-CF-D4B9g.js";import{Bn as se,Ji as ce,Vn as le,di as ue,et as de,st as fe}from"./vendor-cameraui-tvNekvZ-.js";import{t as pe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{J as me,K as he,L as ge,R as _e,a as ve,c as ye,j as be,u as xe,z as Se}from"./vendor-primevue-D0-7UQst.js";import{n as Ce,t as we}from"./cloud-outline-BuQTDaKh.js";import{t as Te}from"./CuiActionButton-BF1An_rl.js";import{t as Ee}from"./copy-16-filled-UD4hjH-4.js";import{t as De}from"./close-rounded-BhUZzZeA.js";import{r as Oe,t as O}from"./useCuiDialog-CiyUBAnR.js";import{B as k,V as ke}from"./types-QvsYiGdQ.js";import{t as Ae}from"./CuiQRCode-DHeZXcsR.js";import{t as A}from"./server-2xTGm7ZB.js";var j={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function je(e,t){return D(),s(`svg`,j,[...t[0]||=[_(`path`,{fill:`currentColor`,d:`M20.454 21.87L17.612 19H6.5q-1.896 0-3.198-1.302T2 14.5q0-1.829 1.226-3.098t2.87-1.368q.018-.373.208-.925q.19-.553.438-.951l-3.88-3.881l.707-.708l17.593 17.593zm.454-3.812L8.78 5.937q.875-.523 1.612-.73T12 5q2.502 0 4.251 1.749T18 11v1h.616q1.436.046 2.41 1.055T22 15.5q0 .687-.25 1.332t-.842 1.226`},null,-1)]])}var Me=v({name:`material-symbols-light-cloud-off`,render:je}),Ne={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Pe(e,t){return D(),s(`svg`,Ne,[...t[0]||=[_(`path`,{fill:`currentColor`,d:`m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z`},null,-1)]])}var Fe=v({name:`material-symbols-check`,render:Pe}),M={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Ie(e,t){return D(),s(`svg`,M,[...t[0]||=[_(`path`,{fill:`currentColor`,d:`M20.5 16H15v-1h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h4v1H3.5c-.83 0-1.5.67-1.5 1.5v3c0 .83.67 1.5 1.5 1.5h17c.83 0 1.5-.67 1.5-1.5v-3c0-.83-.67-1.5-1.5-1.5M5 4h14v9H5zm10 16H5v-2h10zm3 0c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1`,class:`b`},null,-1)]])}var Le=v({name:`boxicons-computer-filled`,render:Ie}),Re={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function N(e,t){return D(),s(`svg`,Re,[...t[0]||=[_(`path`,{fill:`currentColor`,d:`M17.9 17.39c-.26-.8-1.01-1.39-1.9-1.39h-1v-3a1 1 0 0 0-1-1H8v-2h2a1 1 0 0 0 1-1V7h2a2 2 0 0 0 2-2v-.41a7.984 7.984 0 0 1 2.9 12.8M11 19.93c-3.95-.49-7-3.85-7-7.93c0-.62.08-1.22.21-1.79L9 15v1a2 2 0 0 0 2 2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2`},null,-1)]])}var ze=v({name:`mdi-earth`,render:N}),Be={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Ve(e,t){return D(),s(`svg`,Be,[...t[0]||=[_(`path`,{fill:`currentColor`,d:`M10 2c-1.11 0-2 .89-2 2v3c0 1.11.89 2 2 2h1v2H2v2h4v2H5c-1.11 0-2 .89-2 2v3c0 1.11.89 2 2 2h4c1.11 0 2-.89 2-2v-3c0-1.11-.89-2-2-2H8v-2h8v2h-1c-1.11 0-2 .89-2 2v3c0 1.11.89 2 2 2h4c1.11 0 2-.89 2-2v-3c0-1.11-.89-2-2-2h-1v-2h4v-2h-9V9h1c1.11 0 2-.89 2-2V4c0-1.11-.89-2-2-2zm0 2h4v3h-4zM5 17h4v3H5zm10 0h4v3h-4z`},null,-1)]])}var He=v({name:`mdi-lan`,render:Ve});async function Ue({signal:t}){return(await e.get(`/remote`,{signal:t})).data}async function We(t){return(await e.patch(`/remote`,t)).data}async function Ge(t){return(await e.post(`/remote/pair/init`,t?{name:t}:{})).data}async function Ke({name:t}={}){return(await e.post(`/remote/pair/poll`,t?{name:t}:{})).data}async function qe(){await e.delete(`/remote/unregister`)}async function Je({signal:t}){return(await e.get(`/remote/status`,{signal:t})).data}async function Ye(t){await e.patch(`/remote/name`,{name:t})}async function P({signal:t}){return(await e.get(`/remote/tunnel`,{signal:t})).data}async function F({signal:t}={}){return(await e.get(`/remote/connection-info`,{signal:t})).data}async function Xe(t){return(await e.post(`/remote/test/${t}`)).data}async function Ze({signal:t}={}){return(await e.get(`/remote/cloudflare/managed/status`,{signal:t})).data}async function Qe(t){await e.post(`/remote/cloudflare/managed/connect`,{hostname:t})}async function $e(){await e.post(`/remote/cloudflare/managed/cancel`)}async function et(){await e.post(`/remote/cloudflare/managed/disconnect`)}async function tt(){await e.post(`/remote/cloudflare/managed/logout`)}var nt=class{_queryClient=oe();t=a.global.t;toast=n();queryActivator=o([{name:`getRemoteInfoQuery`,enabled:!0},{name:`getRegistrationStatusQuery`,enabled:!0},{name:`getTunnelStatusQuery`,enabled:!0},{name:`getConnectionInfoQuery`,enabled:!0},{name:`getCloudflareManagedStatusQuery`,enabled:!0}]);get queryClient(){return this._queryClient}getRemoteInfoQuery(){return r({queryKey:[`remote`],queryFn:({signal:e})=>Ue({signal:e}),enabled:()=>this.queryActivator.value.some(e=>e.name===`getRemoteInfoQuery`&&e.enabled),staleTime:1e3})}patchRemoteInfoQuery(){return l({mutationFn:We,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`],exact:!0}),this.toast.add({severity:`success`,detail:this.t(`components.toast.remote_updated`),life:3e3})}})}getRegistrationStatusQuery(){return r({queryKey:[`remote`,`status`],queryFn:({signal:e})=>Je({signal:e}),enabled:()=>this.queryActivator.value.some(e=>e.name===`getRegistrationStatusQuery`&&e.enabled),staleTime:1e3})}pairInitMutation(){return l({mutationFn:Ge})}pairPollMutation(){return l({mutationFn:Ke,onSuccess:async e=>{e.state===`confirmed`&&(await this._queryClient.refetchQueries({queryKey:[`remote`],exact:!0}),await this._queryClient.refetchQueries({queryKey:[`remote`,`status`],exact:!0}),this.toast.add({severity:`success`,detail:this.t(`components.toast.remote_registered`),life:3e3}))}})}unregisterServerQuery(){return l({mutationFn:qe,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`],exact:!0}),await this._queryClient.refetchQueries({queryKey:[`remote`,`status`],exact:!0}),this.toast.add({severity:`success`,detail:this.t(`components.toast.remote_unregistered`),life:3e3})}})}getTunnelStatusQuery(){return r({queryKey:[`remote`,`tunnel`],queryFn:({signal:e})=>P({signal:e}),enabled:()=>this.queryActivator.value.some(e=>e.name===`getTunnelStatusQuery`&&e.enabled),refetchInterval:3e4,staleTime:1e4})}updateServerNameQuery(){return l({mutationFn:Ye,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`,`status`],exact:!0}),this.toast.add({severity:`success`,detail:this.t(`components.toast.server_name_updated`),life:3e3})}})}getConnectionInfoQuery(){return r({queryKey:[`remote`,`connection-info`],queryFn:({signal:e})=>F({signal:e}),enabled:()=>this.queryActivator.value.some(e=>e.name===`getConnectionInfoQuery`&&e.enabled),refetchInterval:1e4})}testRemoteModeMutation(){return l({mutationFn:Xe})}getCloudflareManagedStatusQuery(){return r({queryKey:[`remote`,`cloudflare`,`managed`],queryFn:({signal:e})=>Ze({signal:e}),enabled:()=>this.queryActivator.value.some(e=>e.name===`getCloudflareManagedStatusQuery`&&e.enabled),refetchInterval:e=>{let t=e.state.data?.state;return t===`awaiting_login`||t===`creating_tunnel`||t===`setting_dns`?2e3:!1},refetchOnWindowFocus:!0,staleTime:1e3})}cloudflareManagedConnectMutation(){return l({mutationFn:Qe,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`,`cloudflare`,`managed`],exact:!0})}})}cloudflareManagedCancelMutation(){return l({mutationFn:$e,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`,`cloudflare`,`managed`],exact:!0})}})}cloudflareManagedDisconnectMutation(){return l({mutationFn:et,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`],exact:!0}),await this._queryClient.refetchQueries({queryKey:[`remote`,`cloudflare`,`managed`],exact:!0})}})}cloudflareManagedLogoutMutation(){return l({mutationFn:tt,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`],exact:!0}),await this._queryClient.refetchQueries({queryKey:[`remote`,`cloudflare`,`managed`],exact:!0})}})}toggleQueryActivator(e,t){let n=this.queryActivator.value.find(t=>t.name===e);return n&&(n.enabled=t),this}},rt=ke,it=k,at={class:`w-full h-full`},ot={key:0,class:`w-full h-full flex items-center justify-center`},st={key:1,class:`flex flex-col w-full gap-6`},ct={key:0},lt={class:`card-title`},ut={class:`flex items-center gap-4`},dt={class:`flex flex-col field-switch-gap min-w-0`},ft={class:`text-sm font-bold text-color`},pt={class:`card-title`},mt={class:`flex flex-col gap-6`},ht={class:`flex items-center gap-4`},gt={class:`flex flex-col field-switch-gap`},_t={for:`enabled`,class:`cui-label-switch text-color`},vt={class:`flex flex-col field-gap`},yt={for:`serverName`,class:`cui-label`},bt={class:`flex items-center gap-4`},xt={class:`flex flex-col field-switch-gap`},St={class:`text-sm`},Ct={class:`ml-auto shrink-0`},wt={key:1,class:`text-sm font-bold text-amber-500`},Tt={key:2,class:`text-sm font-bold`},Et={key:0,class:`flex items-center gap-4`},Dt={class:`flex flex-col field-switch-gap`},Ot={class:`text-sm`},kt={class:`ml-auto shrink-0`},At={key:`pairing`,class:`cui-toggle-switch flex flex-col gap-4`},jt={class:`cui-pair-layout`},Mt={class:`cui-pair-qr`},Nt={class:`flex flex-col gap-4 flex-1 min-w-0`},Pt={class:`flex flex-col field-gap`},Ft={class:`cui-label`},It={class:`flex flex-col field-gap`},Lt={class:`cui-label`},Rt={class:`flex items-center gap-3`},zt={class:`text-sm`},Bt={class:`flex items-center gap-4`},Vt={class:`flex`},Ht={class:`card-title`},Ut={class:`flex flex-col gap-6`},Wt={class:`flex items-center gap-4`},Gt={class:`flex flex-col field-switch-gap`},Kt={for:`directEnabled`,class:`cui-label-switch text-color`},qt={class:`flex flex-col field-gap`},Jt={class:`cui-label`},Yt={for:`directMode`,class:`cui-label`},Xt={key:0,class:`cui-toggle-switch flex flex-col gap-4`},Zt={class:`flex flex-col field-gap`},Qt={for:`cloudflareVariant`,class:`cui-label`},$t={key:0,class:`flex items-center gap-3`},en={class:`flex flex-col field-gap`},tn={for:`cloudflareHostname`,class:`cui-label`},nn={class:`flex flex-col field-gap`},rn={for:`cloudflareToken`,class:`cui-label`},an={class:`flex items-center gap-3`},on={class:`flex flex-col field-gap`},sn={for:`cloudflareHostnameManaged`,class:`cui-label`},cn={class:`flex items-center gap-3`},ln={key:0,class:`cf-login-setup`},un={class:`cf-login-qr`},dn={class:`flex flex-col gap-4 flex-1 min-w-0`},fn={class:`flex flex-col field-gap`},pn={class:`cui-label`},mn={class:`flex items-center gap-3`},hn={class:`text-sm`},gn={key:1,class:`flex items-center gap-3`},_n={class:`text-sm`},vn={key:2,class:`flex items-center gap-3`},yn={class:`text-sm`},bn={class:`flex flex-col field-gap`},xn={class:`cui-label`},Sn={key:0,class:`flex flex-col field-gap`},Cn={class:`cui-label`},wn={class:`flex items-center gap-3`},Tn={key:1,class:`cui-toggle-switch flex flex-col gap-4`},En={for:`customDomain.url`,class:`cui-label`},Dn={class:`flex items-center gap-3`},On={class:`card-title`},kn={class:`flex flex-col gap-6`},An={class:`text-sm`},jn={for:`serverAddresses`,class:`cui-label`},Mn=pe(C({__name:`SettingsRemote`,setup(e){let r=new A,a=new nt,l=O(),v=n(),{t:C}=ue(),{data:oe,isBusy:pe}=r.getServerInfoQuery(),{data:k,isBusy:ke}=a.getRemoteInfoQuery(),{data:j,isBusy:je}=a.getRegistrationStatusQuery(),{data:Ne,isInitialLoad:Pe}=a.getTunnelStatusQuery(),{data:M}=a.getConnectionInfoQuery(),{mutateAsync:Ie,isPending:Re}=r.patchSystemInfoQuery(),{mutateAsync:N,isPending:Be}=a.patchRemoteInfoQuery(),{mutateAsync:Ve,isPending:Ue}=a.pairInitMutation(),{mutateAsync:We}=a.pairPollMutation(),{mutateAsync:Ge,isPending:Ke}=a.unregisterServerQuery(),{mutateAsync:qe,isPending:Je}=a.updateServerNameQuery(),{mutateAsync:Ye,isPending:P}=a.testRemoteModeMutation(),{data:F}=a.getCloudflareManagedStatusQuery(),{mutateAsync:Xe,isPending:Ze}=a.cloudflareManagedConnectMutation(),{mutateAsync:Qe,isPending:$e}=a.cloudflareManagedCancelMutation(),{mutateAsync:et,isPending:tt}=a.cloudflareManagedDisconnectMutation(),{mutateAsync:Mn,isPending:Nn}=a.cloudflareManagedLogoutMutation(),I=o(),L=o(),R=o(``),z=o(``),B=o(`quick`),V=o(``),H=o(``),U=o(!1),W=o(null),G=o(null),K=o(``),q=o(null),Pn=o(2),Fn=o(``),J=null,Y=null,{start:In,stop:Ln}=ce(()=>{W.value=null},1500,{immediate:!1}),X=y(()=>Re.value||Be.value||pe.value||ke.value||je.value||Ke.value),Rn=y(()=>!!(L.value?.enabled||L.value?.directEnabled)),zn=y(()=>k.value?.directOverride??{active:!1,fallback:!1}),Z=y(()=>j.value?.isRegistered??!1),Bn=y(()=>j.value?.needsReauth??!1),Vn=y(()=>!X.value),Hn=y(()=>{if(!Vn.value)return!1;let e=R.value.trim();return!e||e.length>100?!1:e!==(j.value?.serverName??``)}),Un=y(()=>{if(!L.value)return!1;if(L.value.directMode===`customDomain`){let e=z.value.trim();if(!e)return!1;try{new URL(e)}catch{return!1}return e!==(k.value?.remoteSettings.customDomain.url??``)}if(L.value.directMode===`cloudflare`){let e=k.value?.remoteSettings.cloudflare,t=k.value?.remoteSettings.directMode!==`cloudflare`,n=B.value;if(n===`quick`)return t||e?.mode!==`quick`;let r=V.value.trim();if(!r||!/^[a-z0-9.-]+\.[a-z]{2,}$/i.test(r))return!1;if(n===`token`){let n=H.value.trim();if(!n&&!U.value)return!1;let i=n.length>0;return t||e?.mode!==`token`||e?.hostname!==r||i}return n===`managed`?t||e?.mode!==`managed`||e?.hostname!==r:!1}return L.value.directMode!==k.value?.remoteSettings.directMode}),Wn=y(()=>[{value:`cloudflare`,label:C(`components.form.label.cloudflare`),description:C(`components.form.hint.cloudflare_mode_info`)},{value:`customDomain`,label:C(`components.form.label.custom_domain`),description:C(`components.form.hint.custom_domain_mode_info`)}]),Gn=y(()=>Wn.value.find(e=>e.value===L.value?.directMode)?.description??``),Kn=y(()=>[{value:`quick`,label:C(`components.form.label.cloudflare_variant_quick`),description:C(`components.form.hint.cloudflare_variant_quick`)},{value:`token`,label:C(`components.form.label.cloudflare_variant_token`),description:C(`components.form.hint.cloudflare_variant_token`)},{value:`managed`,label:C(`components.form.label.cloudflare_variant_managed`),description:C(`components.form.hint.cloudflare_variant_managed`)}]),qn=y(()=>Kn.value.find(e=>e.value===B.value)?.description??``),Jn=y(()=>{if(B.value===`quick`)return!0;let e=k.value?.remoteSettings.cloudflare;return e?.mode===B.value&&!!e?.hostname}),Yn=y(()=>W.value===`success`?`success`:W.value===`error`?`danger`:`secondary`),Xn=y(()=>W.value===`success`?C(`components.form.button.test_connection_success`):W.value===`error`?C(`components.form.button.test_connection_error`):C(`components.form.button.test_connection`)),Zn=y(()=>P.value||W.value!==null),Q=y(()=>F.value?.state??`idle`),Qn=y(()=>{if(Q.value!==`idle`)return!1;let e=V.value.trim();return!!e&&/^[a-z0-9.-]+\.[a-z]{2,}$/i.test(e)}),$n=y(()=>C(`views.settings.connection_type.${M.value?.currentConnection.type??`lan`}`)),er=y(()=>{let e=M.value?.currentConnection.type;return e===`cloud`?we:e===`external`?ze:e===`local`?Le:He}),tr=y(()=>{let e=M.value?.currentConnection.type;return e===`cloud`?`text-warning`:e===`external`?`text-info`:e===`local`?`text-primary`:`text-success`});async function nr(){let e=R.value.trim();if(e)try{await qe(e)}catch{}}function rr(){l.openTextDialog({data:{title:C(`components.dialog.title.unregister_server`),confirmText:C(`components.form.button.unregister`),contentText:C(`components.dialog.message.confirm_unregister_server`),loading:X},onConfirm:async()=>{try{await Ge()}catch{}}})}function ir(){J&&=(clearTimeout(J),null),Y&&=(clearInterval(Y),null)}function $(){ir(),G.value=null,K.value=``,q.value=null,Fn.value=``}function ar(e){let t=Math.max(0,Math.floor(e/1e3));return`${Math.floor(t/60)}:${(t%60).toString().padStart(2,`0`)}`}function or(){Y&&clearInterval(Y);let e=()=>{if(!q.value)return;let e=q.value-Date.now();if(e<=0){$(),v.add({severity:`warn`,detail:C(`components.toast.pair_expired`),life:3e3});return}Fn.value=ar(e)};e(),Y=setInterval(e,1e3)}function sr(){J&&clearTimeout(J),J=setTimeout(cr,Pn.value*1e3)}async function cr(){if(!G.value)return;let e=G.value;try{let t=await We({name:R.value.trim()||void 0});if(!G.value||G.value!==e)return;if(t.state===`confirmed`){$();return}if(t.state===`expired`){$(),v.add({severity:`warn`,detail:C(`components.toast.pair_expired`),life:3e3});return}if(t.state===`denied`){$(),v.add({severity:`warn`,detail:C(`components.toast.pair_denied`),life:3e3});return}t.state===`slow_down`&&(Pn.value=Math.min(Pn.value+2,10)),sr()}catch(t){if(!G.value||G.value!==e)return;console.error(`pair poll failed:`,t),sr()}}async function lr(){$();try{let e=R.value.trim();if(e&&e!==(j.value?.serverName??``))try{await qe(e)}catch{}let t=await Ve(e||void 0);G.value=t.userCode,K.value=t.verificationUriComplete,q.value=Date.now()+t.expiresIn*1e3,Pn.value=Math.max(1,t.pollInterval),or(),sr()}catch(e){v.add({severity:`error`,detail:e,life:3e3})}}function ur(){$()}async function dr(){if(G.value)try{await navigator.clipboard.writeText(G.value)}catch{}}async function fr(){if(K.value)try{await navigator.clipboard.writeText(K.value)}catch{}}function pr(){K.value&&window.open(K.value,`_blank`,`noopener`)}function mr(e){let n=window.location.host===t||!1,r;r=e?`components.dialog.message.confirm_enable_cloud`:n?`components.dialog.message.confirm_disable_cloud_remote`:`components.dialog.message.confirm_disable_cloud_local`,l.openTextDialog({data:{title:C(`components.dialog.title.confirm`),contentText:C(r),confirmText:C(e?`components.form.button.enable`:`components.form.button.disable`),loading:X,confirmButtonProps:e?void 0:{severity:`danger`}},onConfirm:async()=>{try{await N(e?{enabled:!0}:{enabled:!1})}catch{L.value&&(L.value.enabled=!e)}},onCancel:()=>{L.value&&(L.value.enabled=!e)}})}function hr(e){N({directEnabled:e}).catch(()=>{L.value&&(L.value.directEnabled=!e)})}function gr(e){L.value&&(L.value.directMode=e,W.value=null)}function _r(e){B.value=e,W.value=null}async function vr(){let e=V.value.trim();if(e)try{await N({directMode:`cloudflare`,cloudflare:{mode:`managed`,hostname:e}}),await Xe(e)}catch{}}async function yr(){try{await Qe()}catch{}}async function br(){try{await et()}catch{}}async function xr(){try{await Mn()}catch{}}async function Sr(e){try{await navigator.clipboard.writeText(e)}catch{}}function Cr(e){window.open(e,`_blank`,`noopener`)}async function wr(e){Ln(),W.value=null;try{W.value=(await Ye(e)).ok?`success`:`error`}catch{W.value=`error`}In()}async function Tr(e){let t={directMode:e.directMode};if(e.directMode===`customDomain`)t.customDomain={url:z.value.trim()};else if(e.directMode===`cloudflare`){let e=B.value;if(e===`quick`)t.cloudflare={mode:`quick`,hostname:null,token:null};else if(e===`token`){let e=H.value.trim();t.cloudflare={mode:`token`,hostname:V.value.trim(),...e?{token:e}:{}}}else e===`managed`&&(t.cloudflare={mode:`managed`,hostname:V.value.trim(),token:null})}try{await N(t),W.value=null}catch{}}async function Er(e){try{await Ie(e)}catch{}}return m(()=>j.value?.serverName,e=>{e&&(R.value=e)},{immediate:!0}),m(Z,e=>{e&&G.value&&$()}),m(oe,e=>{if(e){let t=i(e);I.value={...t,serverAddresses:(t.serverAddresses||[]).filter(Boolean)}}},{deep:!0,immediate:!0}),m(k,e=>{if(e){let t=i(e);L.value={...t.remoteSettings},z.value=t.remoteSettings.customDomain.url??``;let n=t.remoteSettings.cloudflare;B.value=n?.mode??`quick`,V.value=n?.hostname??``,H.value=``,U.value=t.cloudflareTokenSet??!1}},{deep:!0,immediate:!0}),ae(()=>{ir()}),(e,t)=>{let n=se,r=Se,i=fe,a=he,o=de,l=Fe,m=le,v=ge,y=_e,C=ve,ae=Ae,ce=Te,ue=Ce,pe=Me,we=be,O=De,k=ye,ke=xe,A=me;return D(),s(`div`,at,[!T(I)||!T(L)?(D(),s(`div`,ot,[S(n,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`})])):(D(),s(`div`,st,[T(M)?(D(),s(`div`,ct,[_(`span`,lt,x(e.$t(`views.settings.connection_status`)),1),S(i,{class:`cui-card`},{content:g(()=>[_(`div`,ut,[(D(),b(ee(T(er)),{class:ne([`shrink-0 w-6 h-6`,T(tr)])},null,8,[`class`])),_(`div`,dt,[_(`span`,ft,x(T($n)),1),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint truncate`},{default:g(()=>[w(x(T(M).currentConnection.address),1)]),_:1})])])]),_:1})])):p(``,!0),S(T(te),{ref:`remoteFormRef`,class:`flex flex-col w-full gap-6`,"validation-schema":T(rt),onSubmit:t[18]||=e=>Tr(e)},{default:g(()=>[_(`div`,null,[_(`span`,pt,x(e.$t(`views.settings.cloud`)),1),S(i,{class:`cui-card`},{content:g(()=>[_(`div`,mt,[S(T(E),{"model-value":T(L).enabled,value:!0,"unchecked-value":!1,type:`checkbox`,name:`enabled`,as:`div`,class:`flex flex-col field-gap`},{default:g(({field:n,errors:i})=>[_(`div`,ht,[_(`div`,gt,[_(`label`,_t,x(e.$t(`components.form.label.enabled`)),1),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:g(()=>[w(x(e.$t(`components.form.hint.cloud_access_enabled_info`)),1)]),_:1}),S(h,{name:`fade`},{default:g(()=>[S(T(c),{name:`enabled`,class:`cui-input-switch-error`})]),_:1})]),S(a,re({"model-value":T(L).enabled},n,{invalid:i.length>0,loading:T(X),class:`ml-auto shrink-0`,onValueChange:t[0]||=e=>T(L).enabled=e,"onUpdate:modelValue":t[1]||=e=>mr(e)}),null,16,[`model-value`,`invalid`,`loading`])])]),_:1},8,[`model-value`]),_(`div`,vt,[_(`label`,yt,x(e.$t(`views.settings.server_name_label`)),1),S(y,null,{default:g(()=>[S(o,{id:`serverName`,modelValue:T(R),"onUpdate:modelValue":t[2]||=e=>f(R)?R.value=e:null,modelModifiers:{trim:!0},disabled:!T(Vn),loading:T(X),type:`text`,maxlength:100},null,8,[`modelValue`,`disabled`,`loading`]),S(v,null,{default:g(()=>[d((D(),b(m,{text:``,severity:`secondary`,loading:T(Je),disabled:!T(Hn),type:`button`,onClick:nr},{icon:g(()=>[S(l)]),_:1},8,[`loading`,`disabled`])),[[A,{value:e.$t(`components.form.button.save`)}]])]),_:1})]),_:1}),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:g(()=>[w(x(e.$t(`views.settings.server_name_info`)),1)]),_:1})]),_(`div`,bt,[_(`div`,xt,[_(`span`,St,x(e.$t(`views.settings.status`)),1),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:g(()=>[w(x(e.$t(`views.settings.status_info`)),1)]),_:1})]),_(`div`,Ct,[T(X)?(D(),b(n,{key:0,class:`w-[15px] h-[15px] m-0`,"stroke-width":`5`})):T(Bn)?(D(),s(`span`,wt,x(e.$t(`views.settings.needs_reauth`)),1)):(D(),s(`span`,Tt,x(T(Z)?e.$t(`views.settings.registered`):e.$t(`views.settings.not_registered`)),1))])]),T(Z)?(D(),s(`div`,Et,[_(`div`,Dt,[_(`span`,Ot,x(e.$t(`views.settings.tunnel_status`)),1),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:g(()=>[w(x(e.$t(`views.settings.tunnel_status_info`)),1)]),_:1})]),_(`div`,kt,[T(Pe)?(D(),b(n,{key:0,class:`w-[15px] h-[15px] m-0`,"stroke-width":`5`})):(D(),b(C,{key:1,severity:T(Ne)?.connected?`success`:`secondary`,value:T(Ne)?.connected?e.$t(`views.settings.tunnel_connected`):e.$t(`views.settings.tunnel_disconnected`)},null,8,[`severity`,`value`]))])])):p(``,!0),S(h,{name:`fade`,mode:`out-in`},{default:g(()=>[T(G)?(D(),s(`div`,At,[S(r,{severity:`info`,variant:`simple`,size:`small`},{default:g(()=>[w(x(e.$t(`views.settings.pair_instructions`)),1)]),_:1}),_(`div`,jt,[_(`div`,Mt,[S(ae,{value:T(K),size:180,"logo-size":36},null,8,[`value`])]),_(`div`,Nt,[_(`div`,Pt,[_(`label`,Ft,x(e.$t(`views.settings.pair_code`)),1),S(y,null,{default:g(()=>[S(o,{"model-value":T(G),readonly:``,class:`font-mono text-lg text-center tracking-widest`},null,8,[`model-value`]),S(v,null,{default:g(()=>[S(ce,{"action-text":e.$t(`components.form.tooltip.copied`),icon:T(Ee),"button-props":{severity:`secondary`,text:!0},onAction:dr},null,8,[`action-text`,`icon`])]),_:1})]),_:1}),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(e.$t(`views.settings.pair_code_hint`)),1)]),_:1})]),_(`div`,It,[_(`label`,Lt,x(e.$t(`views.settings.pair_url`)),1),S(y,null,{default:g(()=>[S(o,{"model-value":T(K),readonly:``,class:`font-mono text-sm`},null,8,[`model-value`]),S(v,null,{default:g(()=>[S(ce,{"action-text":e.$t(`components.form.tooltip.copied`),icon:T(Ee),"button-props":{severity:`secondary`,text:!0},onAction:fr},null,8,[`action-text`,`icon`])]),_:1}),S(v,null,{default:g(()=>[d((D(),b(m,{type:`button`,severity:`secondary`,text:``,onClick:pr},{icon:g(()=>[S(T(Oe))]),_:1})),[[A,{value:e.$t(`components.form.button.open_in_browser`)}]])]),_:1})]),_:1})]),_(`div`,Rt,[S(n,{class:`w-[20px] h-[20px] m-0`,"stroke-width":`5`}),_(`span`,zt,x(e.$t(`views.settings.pair_waiting`,{remaining:T(Fn)})),1),S(m,{type:`button`,severity:`secondary`,class:`cui-button-small ml-auto`,label:e.$t(`components.form.button.cancel`),onClick:ur},null,8,[`label`])])])])])):p(``,!0)]),_:1}),_(`div`,Bt,[_(`div`,Vt,[d((D(),b(m,{severity:`secondary`,rounded:``,class:`cui-icon-lg text-color`,disabled:!T(Z),onClick:t[3]||=t=>e.$router.absUrl(T(`https://cloud.cameraui.com`),!0)},{icon:g(()=>[T(Z)?(D(),b(ue,{key:0,width:`100%`,height:`100%`})):(D(),b(pe,{key:1,width:`100%`,height:`100%`}))]),_:1},8,[`disabled`])),[[A,{value:T(Z)?e.$t(`views.settings.registered`):e.$t(`views.settings.not_registered`)}]])]),t[21]||=_(`div`,{class:`ml-auto`},null,-1),!T(Z)&&!T(G)?(D(),b(m,{key:0,loading:T(Ue),class:`cui-button-medium`,label:e.$t(`components.form.button.register_server`),onClick:lr},null,8,[`loading`,`label`])):p(``,!0),T(Bn)&&!T(G)?(D(),b(m,{key:1,loading:T(Ue),severity:`warn`,class:`cui-button-medium`,label:e.$t(`components.form.button.reconnect_server`),onClick:lr},null,8,[`loading`,`label`])):p(``,!0),T(Z)?(D(),b(m,{key:2,loading:T(X),severity:T(Bn)?`secondary`:void 0,text:T(Bn),class:`cui-button-medium`,label:e.$t(`components.form.button.unregister_server`),onClick:rr},null,8,[`loading`,`severity`,`text`,`label`])):p(``,!0)])])]),_:1})]),_(`div`,null,[_(`span`,Ht,x(e.$t(`views.settings.direct_connection`)),1),S(i,{class:`cui-card`},{content:g(()=>[_(`div`,Ut,[S(T(E),{"model-value":T(L).directEnabled,value:!0,"unchecked-value":!1,type:`checkbox`,name:`directEnabled`,as:`div`,class:`flex flex-col field-gap`},{default:g(({field:n,errors:i})=>[_(`div`,Wt,[_(`div`,Gt,[_(`label`,Kt,x(e.$t(`components.form.label.enabled`)),1),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:g(()=>[w(x(e.$t(`views.settings.direct_connection_info`)),1)]),_:1}),S(h,{name:`fade`},{default:g(()=>[S(T(c),{name:`directEnabled`,class:`cui-input-switch-error`})]),_:1})]),S(a,re({"model-value":T(Rn)},n,{invalid:i.length>0,loading:T(X),disabled:T(L).enabled,class:`ml-auto shrink-0`,onValueChange:t[4]||=e=>T(L).directEnabled=e,"onUpdate:modelValue":t[5]||=e=>hr(e)}),null,16,[`model-value`,`invalid`,`loading`,`disabled`])]),S(h,{name:`fade`},{default:g(()=>[T(zn).active?(D(),b(r,{key:0,severity:`info`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:g(()=>[w(x(T(zn).fallback?e.$t(`views.settings.direct_override_fallback`):e.$t(`views.settings.direct_override_active`)),1)]),_:1})):p(``,!0)]),_:1})]),_:1},8,[`model-value`]),T(Rn)?(D(),s(u,{key:0},[_(`div`,qt,[_(`label`,Jt,x(e.$t(`views.settings.external_url`)),1),S(o,{readonly:``,type:`text`,value:T(M)?.externalUrl??e.$t(`components.form.label.disconnected`)},null,8,[`value`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(e.$t(`views.settings.external_url_info`)),1)]),_:1})]),S(T(E),{"model-value":T(L).directMode,name:`directMode`,as:`div`,class:`flex flex-col field-gap`},{default:g(({errors:n})=>[_(`label`,Yt,x(e.$t(`views.settings.connection_method`)),1),S(we,{"model-value":T(L).directMode,options:T(Wn),"option-label":`label`,"option-value":`value`,invalid:n.length>0,loading:T(X),"onUpdate:modelValue":t[6]||=e=>gr(e)},null,8,[`model-value`,`options`,`invalid`,`loading`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(T(Gn)),1)]),_:1})]),_:1},8,[`model-value`]),T(L).directMode===`cloudflare`?(D(),s(`div`,Xt,[_(`div`,Zt,[_(`label`,Qt,x(e.$t(`components.form.label.cloudflare_variant`)),1),S(we,{"model-value":T(B),options:T(Kn),"option-label":`label`,"option-value":`value`,loading:T(X),"onUpdate:modelValue":t[7]||=e=>_r(e)},null,8,[`model-value`,`options`,`loading`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(T(qn)),1)]),_:1})]),T(B)===`quick`?(D(),s(`div`,$t,[S(m,{type:`button`,severity:T(Yn),loading:T(P),disabled:T(Zn),class:`cui-button-small`,label:T(Xn),onClick:t[8]||=e=>wr(`cloudflare`)},ie({_:2},[T(W)===`success`?{name:`icon`,fn:g(()=>[S(l)]),key:`0`}:T(W)===`error`?{name:`icon`,fn:g(()=>[S(O)]),key:`1`}:void 0]),1032,[`severity`,`loading`,`disabled`,`label`])])):T(B)===`token`?(D(),s(u,{key:1},[_(`div`,en,[_(`label`,tn,x(e.$t(`components.form.label.hostname`)),1),S(o,{id:`cloudflareHostname`,modelValue:T(V),"onUpdate:modelValue":t[9]||=e=>f(V)?V.value=e:null,modelModifiers:{trim:!0},loading:T(X),type:`text`,placeholder:`nvr.example.com`,maxlength:253},null,8,[`modelValue`,`loading`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(e.$t(`components.form.hint.cloudflare_hostname_info`)),1)]),_:1})]),_(`div`,nn,[_(`label`,rn,x(e.$t(`components.form.label.tunnel_token`)),1),S(k,{id:`cloudflareToken`,modelValue:T(H),"onUpdate:modelValue":t[10]||=e=>f(H)?H.value=e:null,modelModifiers:{trim:!0},loading:T(X),feedback:!1,"toggle-mask":``,fluid:``,placeholder:T(U)?`••••••••••••`:`eyJ...`},null,8,[`modelValue`,`loading`,`placeholder`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(T(U)?e.$t(`components.form.hint.cloudflare_token_already_set`):e.$t(`components.form.hint.cloudflare_token_info`)),1)]),_:1})]),_(`div`,an,[S(m,{type:`button`,severity:T(Yn),loading:T(P),disabled:!T(Jn)||T(Zn),class:`cui-button-small`,label:T(Xn),onClick:t[11]||=e=>wr(`cloudflare`)},ie({_:2},[T(W)===`success`?{name:`icon`,fn:g(()=>[S(l)]),key:`0`}:T(W)===`error`?{name:`icon`,fn:g(()=>[S(O)]),key:`1`}:void 0]),1032,[`severity`,`loading`,`disabled`,`label`])])],64)):T(B)===`managed`?(D(),b(h,{key:2,name:`fade`,mode:`out-in`},{default:g(()=>[(D(),s(`div`,{key:T(Q),class:`flex flex-col gap-4`},[T(Q)===`idle`?(D(),s(u,{key:0},[_(`div`,on,[_(`label`,sn,x(e.$t(`components.form.label.hostname`)),1),S(o,{id:`cloudflareHostnameManaged`,modelValue:T(V),"onUpdate:modelValue":t[12]||=e=>f(V)?V.value=e:null,modelModifiers:{trim:!0},loading:T(X),type:`text`,placeholder:`nvr.example.com`,maxlength:253},null,8,[`modelValue`,`loading`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(e.$t(`components.form.hint.cloudflare_hostname_info`)),1)]),_:1})]),T(F)?.lastError?(D(),b(r,{key:0,severity:`error`,variant:`simple`,size:`small`},{default:g(()=>[w(x(T(F).lastError),1)]),_:1})):p(``,!0),_(`div`,cn,[S(m,{type:`button`,loading:T(Ze),disabled:!T(Qn),class:`cui-button-medium`,label:e.$t(`components.form.button.connect_cloudflare`),onClick:vr},null,8,[`loading`,`disabled`,`label`])])],64)):T(Q)===`awaiting_login`?(D(),s(u,{key:1},[T(F)?.loginUrl?(D(),s(`div`,ln,[_(`div`,un,[S(ae,{value:T(F).loginUrl,size:160,"logo-size":32},null,8,[`value`])]),_(`div`,dn,[S(r,{severity:`info`,variant:`simple`,size:`small`},{default:g(()=>[w(x(e.$t(`components.form.hint.cloudflare_managed_awaiting_login`,{hostname:T(V)})),1)]),_:1}),_(`div`,fn,[_(`label`,pn,x(e.$t(`components.form.label.cloudflare_url`)),1),S(y,null,{default:g(()=>[S(o,{"model-value":T(F).loginUrl,readonly:``,class:`font-mono text-sm`},null,8,[`model-value`]),S(v,null,{default:g(()=>[S(ce,{"action-text":e.$t(`components.form.tooltip.copied`),icon:T(Ee),"button-props":{severity:`secondary`,text:!0},onAction:t[13]||=e=>Sr(T(F).loginUrl)},null,8,[`action-text`,`icon`])]),_:1}),S(v,null,{default:g(()=>[d((D(),b(m,{type:`button`,severity:`secondary`,text:``,onClick:t[14]||=e=>Cr(T(F).loginUrl)},{icon:g(()=>[S(T(Oe))]),_:1})),[[A,{value:e.$t(`components.form.button.open_in_browser`)}]])]),_:1})]),_:1})]),_(`div`,mn,[S(n,{class:`w-[20px] h-[20px] m-0`,"stroke-width":`5`}),_(`span`,hn,x(e.$t(`views.settings.cloudflare_login_waiting`)),1),S(m,{type:`button`,severity:`secondary`,loading:T($e),class:`cui-button-small ml-auto`,label:e.$t(`components.form.button.cancel`),onClick:yr},null,8,[`loading`,`label`])])])])):(D(),s(`div`,gn,[S(n,{class:`w-[20px] h-[20px] m-0`,"stroke-width":`5`}),_(`span`,_n,x(e.$t(`views.settings.cloudflare_login_waiting`)),1),S(m,{type:`button`,severity:`secondary`,loading:T($e),class:`cui-button-small ml-auto`,label:e.$t(`components.form.button.cancel`),onClick:yr},null,8,[`loading`,`label`])]))],64)):T(Q)===`creating_tunnel`||T(Q)===`setting_dns`?(D(),s(`div`,vn,[S(n,{class:`w-[20px] h-[20px] m-0`,"stroke-width":`5`}),_(`span`,yn,x(T(Q)===`creating_tunnel`?e.$t(`components.form.hint.cloudflare_managed_creating_tunnel`):e.$t(`components.form.hint.cloudflare_managed_setting_dns`,{hostname:T(V)})),1),S(m,{type:`button`,severity:`secondary`,loading:T($e),class:`cui-button-small ml-auto`,label:e.$t(`components.form.button.cancel`),onClick:yr},null,8,[`loading`,`label`])])):T(Q)===`running`?(D(),s(u,{key:3},[_(`div`,bn,[_(`label`,xn,x(e.$t(`components.form.label.hostname`)),1),S(o,{readonly:``,value:`https://${T(F)?.hostname??``}`,type:`text`},null,8,[`value`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(e.$t(`components.form.hint.cloudflare_hostname_info`)),1)]),_:1})]),T(F)?.tunnelId?(D(),s(`div`,Sn,[_(`label`,Cn,x(e.$t(`components.form.label.tunnel_id`)),1),S(o,{readonly:``,value:T(F).tunnelId,type:`text`},null,8,[`value`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(e.$t(`components.form.hint.cloudflare_tunnel_id_info`)),1)]),_:1})])):p(``,!0),_(`div`,wn,[S(m,{type:`button`,severity:T(Yn),loading:T(P),disabled:T(Zn),class:`cui-button-small`,label:T(Xn),onClick:t[15]||=e=>wr(`cloudflare`)},ie({_:2},[T(W)===`success`?{name:`icon`,fn:g(()=>[S(l)]),key:`0`}:T(W)===`error`?{name:`icon`,fn:g(()=>[S(O)]),key:`1`}:void 0]),1032,[`severity`,`loading`,`disabled`,`label`]),S(m,{type:`button`,severity:`secondary`,loading:T(tt),class:`cui-button-small ml-auto`,label:e.$t(`components.form.button.disconnect`),onClick:br},null,8,[`loading`,`label`]),S(m,{type:`button`,severity:`danger`,loading:T(Nn),class:`cui-button-small`,label:e.$t(`components.form.button.logout`),onClick:xr},null,8,[`loading`,`label`])])],64)):p(``,!0)]))]),_:1})):p(``,!0)])):T(L).directMode===`customDomain`?(D(),s(`div`,Tn,[S(T(E),{modelValue:T(z),"onUpdate:modelValue":t[16]||=e=>f(z)?z.value=e:null,modelModifiers:{trim:!0},loading:T(X),name:`customDomain.url`,as:`div`,class:`flex flex-col field-gap`},{default:g(({field:t,errors:n})=>[_(`label`,En,x(e.$t(`components.form.label.url`)),1),S(o,re(t,{invalid:n.length>0,loading:T(X),type:`text`,placeholder:`https://my.example.com`}),null,16,[`invalid`,`loading`]),S(h,{name:`fade`},{default:g(()=>[S(T(c),{name:`customDomain.url`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`,`loading`]),_(`div`,Dn,[S(m,{type:`button`,severity:T(Yn),loading:T(P),disabled:!T(z)||T(Zn),class:`cui-button-small`,label:T(Xn),onClick:t[17]||=e=>wr(`customDomain`)},ie({_:2},[T(W)===`success`?{name:`icon`,fn:g(()=>[S(l)]),key:`0`}:T(W)===`error`?{name:`icon`,fn:g(()=>[S(O)]),key:`1`}:void 0]),1032,[`severity`,`loading`,`disabled`,`label`])])])):p(``,!0),S(m,{type:`submit`,loading:T(X),disabled:!T(Un),class:`cui-button-medium ml-auto`,label:e.$t(`components.form.button.save`)},null,8,[`loading`,`disabled`,`label`])],64)):p(``,!0)])]),_:1})])]),_:1},8,[`validation-schema`]),S(T(te),{ref:`serverFormRef`,class:`flex flex-col w-full gap-6`,"validation-schema":T(it),onSubmit:t[20]||=e=>Er(e)},{default:g(()=>[_(`div`,null,[_(`span`,On,x(e.$t(`views.settings.network`)),1),S(i,{class:`cui-card`},{content:g(()=>[_(`div`,kn,[_(`span`,An,x(e.$t(`views.settings.network_info`)),1),S(T(E),{"model-value":T(I).serverAddresses,name:`serverAddresses`,as:`div`,class:`flex flex-col field-gap`},{default:g(({field:n,errors:r})=>[_(`label`,jn,x(e.$t(`components.form.label.server_addresses`)),1),S(y,null,{default:g(()=>[S(ke,re(n,{"model-value":T(I).serverAddresses,options:T(oe)?.availableAddresses||[],invalid:r.length>0,loading:T(X),"max-selected-labels":2,"show-toggle-all":!1,"show-clear":``,"option-label":`address`,"option-value":`address`,type:`text`,display:`chip`,onValueChange:t[19]||=e=>T(I).serverAddresses=e}),null,16,[`model-value`,`options`,`invalid`,`loading`])]),_:2},1024),S(h,{name:`fade`},{default:g(()=>[S(T(c),{name:`serverAddresses`,class:`cui-input-error`})]),_:1})]),_:1},8,[`model-value`]),S(m,{type:`submit`,loading:T(X),class:`cui-button-medium ml-auto`,label:e.$t(`components.form.button.save`)},null,8,[`loading`,`label`])])]),_:1})])]),_:1},8,[`validation-schema`])]))])}}}),[[`__scopeId`,`data-v-04d0cd3e`]]);export{Mn as default};
+import{A as e,O as t,S as n,b as r,i,w as a}from"./api-DiZ55Kc8.js";import{$n as o,$t as s,An as ee,C as c,F as l,Gt as u,Hn as d,Jn as f,Qt as p,Rn as m,Rt as h,T as te,Vn as g,Xt as _,Yn as v,Yt as y,Zt as b,cr as ne,dr as x,hn as re,in as S,on as C,rn as w,sr as T,tn as ie,w as E,wn as D,yn as ae,z as oe}from"./vendor-CF-D4B9g.js";import{Bn as se,Ji as ce,Vn as le,di as ue,et as de,st as fe}from"./vendor-cameraui-tvNekvZ-.js";import{t as pe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{J as me,K as he,L as ge,R as _e,a as ve,c as ye,j as be,u as xe,z as Se}from"./vendor-primevue-D0-7UQst.js";import{n as Ce,t as we}from"./cloud-outline-BuQTDaKh.js";import{t as Te}from"./CuiActionButton-BF1An_rl.js";import{t as Ee}from"./copy-16-filled-UD4hjH-4.js";import{t as De}from"./close-rounded-BhUZzZeA.js";import{r as Oe,t as O}from"./useCuiDialog-DDOxJgxq.js";import{B as k,V as ke}from"./types-BM7_Mdl3.js";import{t as Ae}from"./CuiQRCode-DVFfJlJz.js";import{t as A}from"./server-USCLWg5j.js";var j={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function je(e,t){return D(),s(`svg`,j,[...t[0]||=[_(`path`,{fill:`currentColor`,d:`M20.454 21.87L17.612 19H6.5q-1.896 0-3.198-1.302T2 14.5q0-1.829 1.226-3.098t2.87-1.368q.018-.373.208-.925q.19-.553.438-.951l-3.88-3.881l.707-.708l17.593 17.593zm.454-3.812L8.78 5.937q.875-.523 1.612-.73T12 5q2.502 0 4.251 1.749T18 11v1h.616q1.436.046 2.41 1.055T22 15.5q0 .687-.25 1.332t-.842 1.226`},null,-1)]])}var Me=v({name:`material-symbols-light-cloud-off`,render:je}),Ne={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Pe(e,t){return D(),s(`svg`,Ne,[...t[0]||=[_(`path`,{fill:`currentColor`,d:`m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z`},null,-1)]])}var Fe=v({name:`material-symbols-check`,render:Pe}),M={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Ie(e,t){return D(),s(`svg`,M,[...t[0]||=[_(`path`,{fill:`currentColor`,d:`M20.5 16H15v-1h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h4v1H3.5c-.83 0-1.5.67-1.5 1.5v3c0 .83.67 1.5 1.5 1.5h17c.83 0 1.5-.67 1.5-1.5v-3c0-.83-.67-1.5-1.5-1.5M5 4h14v9H5zm10 16H5v-2h10zm3 0c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1`,class:`b`},null,-1)]])}var Le=v({name:`boxicons-computer-filled`,render:Ie}),Re={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function N(e,t){return D(),s(`svg`,Re,[...t[0]||=[_(`path`,{fill:`currentColor`,d:`M17.9 17.39c-.26-.8-1.01-1.39-1.9-1.39h-1v-3a1 1 0 0 0-1-1H8v-2h2a1 1 0 0 0 1-1V7h2a2 2 0 0 0 2-2v-.41a7.984 7.984 0 0 1 2.9 12.8M11 19.93c-3.95-.49-7-3.85-7-7.93c0-.62.08-1.22.21-1.79L9 15v1a2 2 0 0 0 2 2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2`},null,-1)]])}var ze=v({name:`mdi-earth`,render:N}),Be={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Ve(e,t){return D(),s(`svg`,Be,[...t[0]||=[_(`path`,{fill:`currentColor`,d:`M10 2c-1.11 0-2 .89-2 2v3c0 1.11.89 2 2 2h1v2H2v2h4v2H5c-1.11 0-2 .89-2 2v3c0 1.11.89 2 2 2h4c1.11 0 2-.89 2-2v-3c0-1.11-.89-2-2-2H8v-2h8v2h-1c-1.11 0-2 .89-2 2v3c0 1.11.89 2 2 2h4c1.11 0 2-.89 2-2v-3c0-1.11-.89-2-2-2h-1v-2h4v-2h-9V9h1c1.11 0 2-.89 2-2V4c0-1.11-.89-2-2-2zm0 2h4v3h-4zM5 17h4v3H5zm10 0h4v3h-4z`},null,-1)]])}var He=v({name:`mdi-lan`,render:Ve});async function Ue({signal:t}){return(await e.get(`/remote`,{signal:t})).data}async function We(t){return(await e.patch(`/remote`,t)).data}async function Ge(t){return(await e.post(`/remote/pair/init`,t?{name:t}:{})).data}async function Ke({name:t}={}){return(await e.post(`/remote/pair/poll`,t?{name:t}:{})).data}async function qe(){await e.delete(`/remote/unregister`)}async function Je({signal:t}){return(await e.get(`/remote/status`,{signal:t})).data}async function Ye(t){await e.patch(`/remote/name`,{name:t})}async function P({signal:t}){return(await e.get(`/remote/tunnel`,{signal:t})).data}async function F({signal:t}={}){return(await e.get(`/remote/connection-info`,{signal:t})).data}async function Xe(t){return(await e.post(`/remote/test/${t}`)).data}async function Ze({signal:t}={}){return(await e.get(`/remote/cloudflare/managed/status`,{signal:t})).data}async function Qe(t){await e.post(`/remote/cloudflare/managed/connect`,{hostname:t})}async function $e(){await e.post(`/remote/cloudflare/managed/cancel`)}async function et(){await e.post(`/remote/cloudflare/managed/disconnect`)}async function tt(){await e.post(`/remote/cloudflare/managed/logout`)}var nt=class{_queryClient=oe();t=a.global.t;toast=n();queryActivator=o([{name:`getRemoteInfoQuery`,enabled:!0},{name:`getRegistrationStatusQuery`,enabled:!0},{name:`getTunnelStatusQuery`,enabled:!0},{name:`getConnectionInfoQuery`,enabled:!0},{name:`getCloudflareManagedStatusQuery`,enabled:!0}]);get queryClient(){return this._queryClient}getRemoteInfoQuery(){return r({queryKey:[`remote`],queryFn:({signal:e})=>Ue({signal:e}),enabled:()=>this.queryActivator.value.some(e=>e.name===`getRemoteInfoQuery`&&e.enabled),staleTime:1e3})}patchRemoteInfoQuery(){return l({mutationFn:We,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`],exact:!0}),this.toast.add({severity:`success`,detail:this.t(`components.toast.remote_updated`),life:3e3})}})}getRegistrationStatusQuery(){return r({queryKey:[`remote`,`status`],queryFn:({signal:e})=>Je({signal:e}),enabled:()=>this.queryActivator.value.some(e=>e.name===`getRegistrationStatusQuery`&&e.enabled),staleTime:1e3})}pairInitMutation(){return l({mutationFn:Ge})}pairPollMutation(){return l({mutationFn:Ke,onSuccess:async e=>{e.state===`confirmed`&&(await this._queryClient.refetchQueries({queryKey:[`remote`],exact:!0}),await this._queryClient.refetchQueries({queryKey:[`remote`,`status`],exact:!0}),this.toast.add({severity:`success`,detail:this.t(`components.toast.remote_registered`),life:3e3}))}})}unregisterServerQuery(){return l({mutationFn:qe,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`],exact:!0}),await this._queryClient.refetchQueries({queryKey:[`remote`,`status`],exact:!0}),this.toast.add({severity:`success`,detail:this.t(`components.toast.remote_unregistered`),life:3e3})}})}getTunnelStatusQuery(){return r({queryKey:[`remote`,`tunnel`],queryFn:({signal:e})=>P({signal:e}),enabled:()=>this.queryActivator.value.some(e=>e.name===`getTunnelStatusQuery`&&e.enabled),refetchInterval:3e4,staleTime:1e4})}updateServerNameQuery(){return l({mutationFn:Ye,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`,`status`],exact:!0}),this.toast.add({severity:`success`,detail:this.t(`components.toast.server_name_updated`),life:3e3})}})}getConnectionInfoQuery(){return r({queryKey:[`remote`,`connection-info`],queryFn:({signal:e})=>F({signal:e}),enabled:()=>this.queryActivator.value.some(e=>e.name===`getConnectionInfoQuery`&&e.enabled),refetchInterval:1e4})}testRemoteModeMutation(){return l({mutationFn:Xe})}getCloudflareManagedStatusQuery(){return r({queryKey:[`remote`,`cloudflare`,`managed`],queryFn:({signal:e})=>Ze({signal:e}),enabled:()=>this.queryActivator.value.some(e=>e.name===`getCloudflareManagedStatusQuery`&&e.enabled),refetchInterval:e=>{let t=e.state.data?.state;return t===`awaiting_login`||t===`creating_tunnel`||t===`setting_dns`?2e3:!1},refetchOnWindowFocus:!0,staleTime:1e3})}cloudflareManagedConnectMutation(){return l({mutationFn:Qe,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`,`cloudflare`,`managed`],exact:!0})}})}cloudflareManagedCancelMutation(){return l({mutationFn:$e,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`,`cloudflare`,`managed`],exact:!0})}})}cloudflareManagedDisconnectMutation(){return l({mutationFn:et,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`],exact:!0}),await this._queryClient.refetchQueries({queryKey:[`remote`,`cloudflare`,`managed`],exact:!0})}})}cloudflareManagedLogoutMutation(){return l({mutationFn:tt,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:[`remote`],exact:!0}),await this._queryClient.refetchQueries({queryKey:[`remote`,`cloudflare`,`managed`],exact:!0})}})}toggleQueryActivator(e,t){let n=this.queryActivator.value.find(t=>t.name===e);return n&&(n.enabled=t),this}},rt=ke,it=k,at={class:`w-full h-full`},ot={key:0,class:`w-full h-full flex items-center justify-center`},st={key:1,class:`flex flex-col w-full gap-6`},ct={key:0},lt={class:`card-title`},ut={class:`flex items-center gap-4`},dt={class:`flex flex-col field-switch-gap min-w-0`},ft={class:`text-sm font-bold text-color`},pt={class:`card-title`},mt={class:`flex flex-col gap-6`},ht={class:`flex items-center gap-4`},gt={class:`flex flex-col field-switch-gap`},_t={for:`enabled`,class:`cui-label-switch text-color`},vt={class:`flex flex-col field-gap`},yt={for:`serverName`,class:`cui-label`},bt={class:`flex items-center gap-4`},xt={class:`flex flex-col field-switch-gap`},St={class:`text-sm`},Ct={class:`ml-auto shrink-0`},wt={key:1,class:`text-sm font-bold text-amber-500`},Tt={key:2,class:`text-sm font-bold`},Et={key:0,class:`flex items-center gap-4`},Dt={class:`flex flex-col field-switch-gap`},Ot={class:`text-sm`},kt={class:`ml-auto shrink-0`},At={key:`pairing`,class:`cui-toggle-switch flex flex-col gap-4`},jt={class:`cui-pair-layout`},Mt={class:`cui-pair-qr`},Nt={class:`flex flex-col gap-4 flex-1 min-w-0`},Pt={class:`flex flex-col field-gap`},Ft={class:`cui-label`},It={class:`flex flex-col field-gap`},Lt={class:`cui-label`},Rt={class:`flex items-center gap-3`},zt={class:`text-sm`},Bt={class:`flex items-center gap-4`},Vt={class:`flex`},Ht={class:`card-title`},Ut={class:`flex flex-col gap-6`},Wt={class:`flex items-center gap-4`},Gt={class:`flex flex-col field-switch-gap`},Kt={for:`directEnabled`,class:`cui-label-switch text-color`},qt={class:`flex flex-col field-gap`},Jt={class:`cui-label`},Yt={for:`directMode`,class:`cui-label`},Xt={key:0,class:`cui-toggle-switch flex flex-col gap-4`},Zt={class:`flex flex-col field-gap`},Qt={for:`cloudflareVariant`,class:`cui-label`},$t={key:0,class:`flex items-center gap-3`},en={class:`flex flex-col field-gap`},tn={for:`cloudflareHostname`,class:`cui-label`},nn={class:`flex flex-col field-gap`},rn={for:`cloudflareToken`,class:`cui-label`},an={class:`flex items-center gap-3`},on={class:`flex flex-col field-gap`},sn={for:`cloudflareHostnameManaged`,class:`cui-label`},cn={class:`flex items-center gap-3`},ln={key:0,class:`cf-login-setup`},un={class:`cf-login-qr`},dn={class:`flex flex-col gap-4 flex-1 min-w-0`},fn={class:`flex flex-col field-gap`},pn={class:`cui-label`},mn={class:`flex items-center gap-3`},hn={class:`text-sm`},gn={key:1,class:`flex items-center gap-3`},_n={class:`text-sm`},vn={key:2,class:`flex items-center gap-3`},yn={class:`text-sm`},bn={class:`flex flex-col field-gap`},xn={class:`cui-label`},Sn={key:0,class:`flex flex-col field-gap`},Cn={class:`cui-label`},wn={class:`flex items-center gap-3`},Tn={key:1,class:`cui-toggle-switch flex flex-col gap-4`},En={for:`customDomain.url`,class:`cui-label`},Dn={class:`flex items-center gap-3`},On={class:`card-title`},kn={class:`flex flex-col gap-6`},An={class:`text-sm`},jn={for:`serverAddresses`,class:`cui-label`},Mn=pe(C({__name:`SettingsRemote`,setup(e){let r=new A,a=new nt,l=O(),v=n(),{t:C}=ue(),{data:oe,isBusy:pe}=r.getServerInfoQuery(),{data:k,isBusy:ke}=a.getRemoteInfoQuery(),{data:j,isBusy:je}=a.getRegistrationStatusQuery(),{data:Ne,isInitialLoad:Pe}=a.getTunnelStatusQuery(),{data:M}=a.getConnectionInfoQuery(),{mutateAsync:Ie,isPending:Re}=r.patchSystemInfoQuery(),{mutateAsync:N,isPending:Be}=a.patchRemoteInfoQuery(),{mutateAsync:Ve,isPending:Ue}=a.pairInitMutation(),{mutateAsync:We}=a.pairPollMutation(),{mutateAsync:Ge,isPending:Ke}=a.unregisterServerQuery(),{mutateAsync:qe,isPending:Je}=a.updateServerNameQuery(),{mutateAsync:Ye,isPending:P}=a.testRemoteModeMutation(),{data:F}=a.getCloudflareManagedStatusQuery(),{mutateAsync:Xe,isPending:Ze}=a.cloudflareManagedConnectMutation(),{mutateAsync:Qe,isPending:$e}=a.cloudflareManagedCancelMutation(),{mutateAsync:et,isPending:tt}=a.cloudflareManagedDisconnectMutation(),{mutateAsync:Mn,isPending:Nn}=a.cloudflareManagedLogoutMutation(),I=o(),L=o(),R=o(``),z=o(``),B=o(`quick`),V=o(``),H=o(``),U=o(!1),W=o(null),G=o(null),K=o(``),q=o(null),Pn=o(2),Fn=o(``),J=null,Y=null,{start:In,stop:Ln}=ce(()=>{W.value=null},1500,{immediate:!1}),X=y(()=>Re.value||Be.value||pe.value||ke.value||je.value||Ke.value),Rn=y(()=>!!(L.value?.enabled||L.value?.directEnabled)),zn=y(()=>k.value?.directOverride??{active:!1,fallback:!1}),Z=y(()=>j.value?.isRegistered??!1),Bn=y(()=>j.value?.needsReauth??!1),Vn=y(()=>!X.value),Hn=y(()=>{if(!Vn.value)return!1;let e=R.value.trim();return!e||e.length>100?!1:e!==(j.value?.serverName??``)}),Un=y(()=>{if(!L.value)return!1;if(L.value.directMode===`customDomain`){let e=z.value.trim();if(!e)return!1;try{new URL(e)}catch{return!1}return e!==(k.value?.remoteSettings.customDomain.url??``)}if(L.value.directMode===`cloudflare`){let e=k.value?.remoteSettings.cloudflare,t=k.value?.remoteSettings.directMode!==`cloudflare`,n=B.value;if(n===`quick`)return t||e?.mode!==`quick`;let r=V.value.trim();if(!r||!/^[a-z0-9.-]+\.[a-z]{2,}$/i.test(r))return!1;if(n===`token`){let n=H.value.trim();if(!n&&!U.value)return!1;let i=n.length>0;return t||e?.mode!==`token`||e?.hostname!==r||i}return n===`managed`?t||e?.mode!==`managed`||e?.hostname!==r:!1}return L.value.directMode!==k.value?.remoteSettings.directMode}),Wn=y(()=>[{value:`cloudflare`,label:C(`components.form.label.cloudflare`),description:C(`components.form.hint.cloudflare_mode_info`)},{value:`customDomain`,label:C(`components.form.label.custom_domain`),description:C(`components.form.hint.custom_domain_mode_info`)}]),Gn=y(()=>Wn.value.find(e=>e.value===L.value?.directMode)?.description??``),Kn=y(()=>[{value:`quick`,label:C(`components.form.label.cloudflare_variant_quick`),description:C(`components.form.hint.cloudflare_variant_quick`)},{value:`token`,label:C(`components.form.label.cloudflare_variant_token`),description:C(`components.form.hint.cloudflare_variant_token`)},{value:`managed`,label:C(`components.form.label.cloudflare_variant_managed`),description:C(`components.form.hint.cloudflare_variant_managed`)}]),qn=y(()=>Kn.value.find(e=>e.value===B.value)?.description??``),Jn=y(()=>{if(B.value===`quick`)return!0;let e=k.value?.remoteSettings.cloudflare;return e?.mode===B.value&&!!e?.hostname}),Yn=y(()=>W.value===`success`?`success`:W.value===`error`?`danger`:`secondary`),Xn=y(()=>W.value===`success`?C(`components.form.button.test_connection_success`):W.value===`error`?C(`components.form.button.test_connection_error`):C(`components.form.button.test_connection`)),Zn=y(()=>P.value||W.value!==null),Q=y(()=>F.value?.state??`idle`),Qn=y(()=>{if(Q.value!==`idle`)return!1;let e=V.value.trim();return!!e&&/^[a-z0-9.-]+\.[a-z]{2,}$/i.test(e)}),$n=y(()=>C(`views.settings.connection_type.${M.value?.currentConnection.type??`lan`}`)),er=y(()=>{let e=M.value?.currentConnection.type;return e===`cloud`?we:e===`external`?ze:e===`local`?Le:He}),tr=y(()=>{let e=M.value?.currentConnection.type;return e===`cloud`?`text-warning`:e===`external`?`text-info`:e===`local`?`text-primary`:`text-success`});async function nr(){let e=R.value.trim();if(e)try{await qe(e)}catch{}}function rr(){l.openTextDialog({data:{title:C(`components.dialog.title.unregister_server`),confirmText:C(`components.form.button.unregister`),contentText:C(`components.dialog.message.confirm_unregister_server`),loading:X},onConfirm:async()=>{try{await Ge()}catch{}}})}function ir(){J&&=(clearTimeout(J),null),Y&&=(clearInterval(Y),null)}function $(){ir(),G.value=null,K.value=``,q.value=null,Fn.value=``}function ar(e){let t=Math.max(0,Math.floor(e/1e3));return`${Math.floor(t/60)}:${(t%60).toString().padStart(2,`0`)}`}function or(){Y&&clearInterval(Y);let e=()=>{if(!q.value)return;let e=q.value-Date.now();if(e<=0){$(),v.add({severity:`warn`,detail:C(`components.toast.pair_expired`),life:3e3});return}Fn.value=ar(e)};e(),Y=setInterval(e,1e3)}function sr(){J&&clearTimeout(J),J=setTimeout(cr,Pn.value*1e3)}async function cr(){if(!G.value)return;let e=G.value;try{let t=await We({name:R.value.trim()||void 0});if(!G.value||G.value!==e)return;if(t.state===`confirmed`){$();return}if(t.state===`expired`){$(),v.add({severity:`warn`,detail:C(`components.toast.pair_expired`),life:3e3});return}if(t.state===`denied`){$(),v.add({severity:`warn`,detail:C(`components.toast.pair_denied`),life:3e3});return}t.state===`slow_down`&&(Pn.value=Math.min(Pn.value+2,10)),sr()}catch(t){if(!G.value||G.value!==e)return;console.error(`pair poll failed:`,t),sr()}}async function lr(){$();try{let e=R.value.trim();if(e&&e!==(j.value?.serverName??``))try{await qe(e)}catch{}let t=await Ve(e||void 0);G.value=t.userCode,K.value=t.verificationUriComplete,q.value=Date.now()+t.expiresIn*1e3,Pn.value=Math.max(1,t.pollInterval),or(),sr()}catch(e){v.add({severity:`error`,detail:e,life:3e3})}}function ur(){$()}async function dr(){if(G.value)try{await navigator.clipboard.writeText(G.value)}catch{}}async function fr(){if(K.value)try{await navigator.clipboard.writeText(K.value)}catch{}}function pr(){K.value&&window.open(K.value,`_blank`,`noopener`)}function mr(e){let n=window.location.host===t||!1,r;r=e?`components.dialog.message.confirm_enable_cloud`:n?`components.dialog.message.confirm_disable_cloud_remote`:`components.dialog.message.confirm_disable_cloud_local`,l.openTextDialog({data:{title:C(`components.dialog.title.confirm`),contentText:C(r),confirmText:C(e?`components.form.button.enable`:`components.form.button.disable`),loading:X,confirmButtonProps:e?void 0:{severity:`danger`}},onConfirm:async()=>{try{await N(e?{enabled:!0}:{enabled:!1})}catch{L.value&&(L.value.enabled=!e)}},onCancel:()=>{L.value&&(L.value.enabled=!e)}})}function hr(e){N({directEnabled:e}).catch(()=>{L.value&&(L.value.directEnabled=!e)})}function gr(e){L.value&&(L.value.directMode=e,W.value=null)}function _r(e){B.value=e,W.value=null}async function vr(){let e=V.value.trim();if(e)try{await N({directMode:`cloudflare`,cloudflare:{mode:`managed`,hostname:e}}),await Xe(e)}catch{}}async function yr(){try{await Qe()}catch{}}async function br(){try{await et()}catch{}}async function xr(){try{await Mn()}catch{}}async function Sr(e){try{await navigator.clipboard.writeText(e)}catch{}}function Cr(e){window.open(e,`_blank`,`noopener`)}async function wr(e){Ln(),W.value=null;try{W.value=(await Ye(e)).ok?`success`:`error`}catch{W.value=`error`}In()}async function Tr(e){let t={directMode:e.directMode};if(e.directMode===`customDomain`)t.customDomain={url:z.value.trim()};else if(e.directMode===`cloudflare`){let e=B.value;if(e===`quick`)t.cloudflare={mode:`quick`,hostname:null,token:null};else if(e===`token`){let e=H.value.trim();t.cloudflare={mode:`token`,hostname:V.value.trim(),...e?{token:e}:{}}}else e===`managed`&&(t.cloudflare={mode:`managed`,hostname:V.value.trim(),token:null})}try{await N(t),W.value=null}catch{}}async function Er(e){try{await Ie(e)}catch{}}return m(()=>j.value?.serverName,e=>{e&&(R.value=e)},{immediate:!0}),m(Z,e=>{e&&G.value&&$()}),m(oe,e=>{if(e){let t=i(e);I.value={...t,serverAddresses:(t.serverAddresses||[]).filter(Boolean)}}},{deep:!0,immediate:!0}),m(k,e=>{if(e){let t=i(e);L.value={...t.remoteSettings},z.value=t.remoteSettings.customDomain.url??``;let n=t.remoteSettings.cloudflare;B.value=n?.mode??`quick`,V.value=n?.hostname??``,H.value=``,U.value=t.cloudflareTokenSet??!1}},{deep:!0,immediate:!0}),ae(()=>{ir()}),(e,t)=>{let n=se,r=Se,i=fe,a=he,o=de,l=Fe,m=le,v=ge,y=_e,C=ve,ae=Ae,ce=Te,ue=Ce,pe=Me,we=be,O=De,k=ye,ke=xe,A=me;return D(),s(`div`,at,[!T(I)||!T(L)?(D(),s(`div`,ot,[S(n,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`})])):(D(),s(`div`,st,[T(M)?(D(),s(`div`,ct,[_(`span`,lt,x(e.$t(`views.settings.connection_status`)),1),S(i,{class:`cui-card`},{content:g(()=>[_(`div`,ut,[(D(),b(ee(T(er)),{class:ne([`shrink-0 w-6 h-6`,T(tr)])},null,8,[`class`])),_(`div`,dt,[_(`span`,ft,x(T($n)),1),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint truncate`},{default:g(()=>[w(x(T(M).currentConnection.address),1)]),_:1})])])]),_:1})])):p(``,!0),S(T(te),{ref:`remoteFormRef`,class:`flex flex-col w-full gap-6`,"validation-schema":T(rt),onSubmit:t[18]||=e=>Tr(e)},{default:g(()=>[_(`div`,null,[_(`span`,pt,x(e.$t(`views.settings.cloud`)),1),S(i,{class:`cui-card`},{content:g(()=>[_(`div`,mt,[S(T(E),{"model-value":T(L).enabled,value:!0,"unchecked-value":!1,type:`checkbox`,name:`enabled`,as:`div`,class:`flex flex-col field-gap`},{default:g(({field:n,errors:i})=>[_(`div`,ht,[_(`div`,gt,[_(`label`,_t,x(e.$t(`components.form.label.enabled`)),1),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:g(()=>[w(x(e.$t(`components.form.hint.cloud_access_enabled_info`)),1)]),_:1}),S(h,{name:`fade`},{default:g(()=>[S(T(c),{name:`enabled`,class:`cui-input-switch-error`})]),_:1})]),S(a,re({"model-value":T(L).enabled},n,{invalid:i.length>0,loading:T(X),class:`ml-auto shrink-0`,onValueChange:t[0]||=e=>T(L).enabled=e,"onUpdate:modelValue":t[1]||=e=>mr(e)}),null,16,[`model-value`,`invalid`,`loading`])])]),_:1},8,[`model-value`]),_(`div`,vt,[_(`label`,yt,x(e.$t(`views.settings.server_name_label`)),1),S(y,null,{default:g(()=>[S(o,{id:`serverName`,modelValue:T(R),"onUpdate:modelValue":t[2]||=e=>f(R)?R.value=e:null,modelModifiers:{trim:!0},disabled:!T(Vn),loading:T(X),type:`text`,maxlength:100},null,8,[`modelValue`,`disabled`,`loading`]),S(v,null,{default:g(()=>[d((D(),b(m,{text:``,severity:`secondary`,loading:T(Je),disabled:!T(Hn),type:`button`,onClick:nr},{icon:g(()=>[S(l)]),_:1},8,[`loading`,`disabled`])),[[A,{value:e.$t(`components.form.button.save`)}]])]),_:1})]),_:1}),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:g(()=>[w(x(e.$t(`views.settings.server_name_info`)),1)]),_:1})]),_(`div`,bt,[_(`div`,xt,[_(`span`,St,x(e.$t(`views.settings.status`)),1),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:g(()=>[w(x(e.$t(`views.settings.status_info`)),1)]),_:1})]),_(`div`,Ct,[T(X)?(D(),b(n,{key:0,class:`w-[15px] h-[15px] m-0`,"stroke-width":`5`})):T(Bn)?(D(),s(`span`,wt,x(e.$t(`views.settings.needs_reauth`)),1)):(D(),s(`span`,Tt,x(T(Z)?e.$t(`views.settings.registered`):e.$t(`views.settings.not_registered`)),1))])]),T(Z)?(D(),s(`div`,Et,[_(`div`,Dt,[_(`span`,Ot,x(e.$t(`views.settings.tunnel_status`)),1),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:g(()=>[w(x(e.$t(`views.settings.tunnel_status_info`)),1)]),_:1})]),_(`div`,kt,[T(Pe)?(D(),b(n,{key:0,class:`w-[15px] h-[15px] m-0`,"stroke-width":`5`})):(D(),b(C,{key:1,severity:T(Ne)?.connected?`success`:`secondary`,value:T(Ne)?.connected?e.$t(`views.settings.tunnel_connected`):e.$t(`views.settings.tunnel_disconnected`)},null,8,[`severity`,`value`]))])])):p(``,!0),S(h,{name:`fade`,mode:`out-in`},{default:g(()=>[T(G)?(D(),s(`div`,At,[S(r,{severity:`info`,variant:`simple`,size:`small`},{default:g(()=>[w(x(e.$t(`views.settings.pair_instructions`)),1)]),_:1}),_(`div`,jt,[_(`div`,Mt,[S(ae,{value:T(K),size:180,"logo-size":36},null,8,[`value`])]),_(`div`,Nt,[_(`div`,Pt,[_(`label`,Ft,x(e.$t(`views.settings.pair_code`)),1),S(y,null,{default:g(()=>[S(o,{"model-value":T(G),readonly:``,class:`font-mono text-lg text-center tracking-widest`},null,8,[`model-value`]),S(v,null,{default:g(()=>[S(ce,{"action-text":e.$t(`components.form.tooltip.copied`),icon:T(Ee),"button-props":{severity:`secondary`,text:!0},onAction:dr},null,8,[`action-text`,`icon`])]),_:1})]),_:1}),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(e.$t(`views.settings.pair_code_hint`)),1)]),_:1})]),_(`div`,It,[_(`label`,Lt,x(e.$t(`views.settings.pair_url`)),1),S(y,null,{default:g(()=>[S(o,{"model-value":T(K),readonly:``,class:`font-mono text-sm`},null,8,[`model-value`]),S(v,null,{default:g(()=>[S(ce,{"action-text":e.$t(`components.form.tooltip.copied`),icon:T(Ee),"button-props":{severity:`secondary`,text:!0},onAction:fr},null,8,[`action-text`,`icon`])]),_:1}),S(v,null,{default:g(()=>[d((D(),b(m,{type:`button`,severity:`secondary`,text:``,onClick:pr},{icon:g(()=>[S(T(Oe))]),_:1})),[[A,{value:e.$t(`components.form.button.open_in_browser`)}]])]),_:1})]),_:1})]),_(`div`,Rt,[S(n,{class:`w-[20px] h-[20px] m-0`,"stroke-width":`5`}),_(`span`,zt,x(e.$t(`views.settings.pair_waiting`,{remaining:T(Fn)})),1),S(m,{type:`button`,severity:`secondary`,class:`cui-button-small ml-auto`,label:e.$t(`components.form.button.cancel`),onClick:ur},null,8,[`label`])])])])])):p(``,!0)]),_:1}),_(`div`,Bt,[_(`div`,Vt,[d((D(),b(m,{severity:`secondary`,rounded:``,class:`cui-icon-lg text-color`,disabled:!T(Z),onClick:t[3]||=t=>e.$router.absUrl(T(`https://cloud.cameraui.com`),!0)},{icon:g(()=>[T(Z)?(D(),b(ue,{key:0,width:`100%`,height:`100%`})):(D(),b(pe,{key:1,width:`100%`,height:`100%`}))]),_:1},8,[`disabled`])),[[A,{value:T(Z)?e.$t(`views.settings.registered`):e.$t(`views.settings.not_registered`)}]])]),t[21]||=_(`div`,{class:`ml-auto`},null,-1),!T(Z)&&!T(G)?(D(),b(m,{key:0,loading:T(Ue),class:`cui-button-medium`,label:e.$t(`components.form.button.register_server`),onClick:lr},null,8,[`loading`,`label`])):p(``,!0),T(Bn)&&!T(G)?(D(),b(m,{key:1,loading:T(Ue),severity:`warn`,class:`cui-button-medium`,label:e.$t(`components.form.button.reconnect_server`),onClick:lr},null,8,[`loading`,`label`])):p(``,!0),T(Z)?(D(),b(m,{key:2,loading:T(X),severity:T(Bn)?`secondary`:void 0,text:T(Bn),class:`cui-button-medium`,label:e.$t(`components.form.button.unregister_server`),onClick:rr},null,8,[`loading`,`severity`,`text`,`label`])):p(``,!0)])])]),_:1})]),_(`div`,null,[_(`span`,Ht,x(e.$t(`views.settings.direct_connection`)),1),S(i,{class:`cui-card`},{content:g(()=>[_(`div`,Ut,[S(T(E),{"model-value":T(L).directEnabled,value:!0,"unchecked-value":!1,type:`checkbox`,name:`directEnabled`,as:`div`,class:`flex flex-col field-gap`},{default:g(({field:n,errors:i})=>[_(`div`,Wt,[_(`div`,Gt,[_(`label`,Kt,x(e.$t(`components.form.label.enabled`)),1),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:g(()=>[w(x(e.$t(`views.settings.direct_connection_info`)),1)]),_:1}),S(h,{name:`fade`},{default:g(()=>[S(T(c),{name:`directEnabled`,class:`cui-input-switch-error`})]),_:1})]),S(a,re({"model-value":T(Rn)},n,{invalid:i.length>0,loading:T(X),disabled:T(L).enabled,class:`ml-auto shrink-0`,onValueChange:t[4]||=e=>T(L).directEnabled=e,"onUpdate:modelValue":t[5]||=e=>hr(e)}),null,16,[`model-value`,`invalid`,`loading`,`disabled`])]),S(h,{name:`fade`},{default:g(()=>[T(zn).active?(D(),b(r,{key:0,severity:`info`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:g(()=>[w(x(T(zn).fallback?e.$t(`views.settings.direct_override_fallback`):e.$t(`views.settings.direct_override_active`)),1)]),_:1})):p(``,!0)]),_:1})]),_:1},8,[`model-value`]),T(Rn)?(D(),s(u,{key:0},[_(`div`,qt,[_(`label`,Jt,x(e.$t(`views.settings.external_url`)),1),S(o,{readonly:``,type:`text`,value:T(M)?.externalUrl??e.$t(`components.form.label.disconnected`)},null,8,[`value`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(e.$t(`views.settings.external_url_info`)),1)]),_:1})]),S(T(E),{"model-value":T(L).directMode,name:`directMode`,as:`div`,class:`flex flex-col field-gap`},{default:g(({errors:n})=>[_(`label`,Yt,x(e.$t(`views.settings.connection_method`)),1),S(we,{"model-value":T(L).directMode,options:T(Wn),"option-label":`label`,"option-value":`value`,invalid:n.length>0,loading:T(X),"onUpdate:modelValue":t[6]||=e=>gr(e)},null,8,[`model-value`,`options`,`invalid`,`loading`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(T(Gn)),1)]),_:1})]),_:1},8,[`model-value`]),T(L).directMode===`cloudflare`?(D(),s(`div`,Xt,[_(`div`,Zt,[_(`label`,Qt,x(e.$t(`components.form.label.cloudflare_variant`)),1),S(we,{"model-value":T(B),options:T(Kn),"option-label":`label`,"option-value":`value`,loading:T(X),"onUpdate:modelValue":t[7]||=e=>_r(e)},null,8,[`model-value`,`options`,`loading`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(T(qn)),1)]),_:1})]),T(B)===`quick`?(D(),s(`div`,$t,[S(m,{type:`button`,severity:T(Yn),loading:T(P),disabled:T(Zn),class:`cui-button-small`,label:T(Xn),onClick:t[8]||=e=>wr(`cloudflare`)},ie({_:2},[T(W)===`success`?{name:`icon`,fn:g(()=>[S(l)]),key:`0`}:T(W)===`error`?{name:`icon`,fn:g(()=>[S(O)]),key:`1`}:void 0]),1032,[`severity`,`loading`,`disabled`,`label`])])):T(B)===`token`?(D(),s(u,{key:1},[_(`div`,en,[_(`label`,tn,x(e.$t(`components.form.label.hostname`)),1),S(o,{id:`cloudflareHostname`,modelValue:T(V),"onUpdate:modelValue":t[9]||=e=>f(V)?V.value=e:null,modelModifiers:{trim:!0},loading:T(X),type:`text`,placeholder:`nvr.example.com`,maxlength:253},null,8,[`modelValue`,`loading`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(e.$t(`components.form.hint.cloudflare_hostname_info`)),1)]),_:1})]),_(`div`,nn,[_(`label`,rn,x(e.$t(`components.form.label.tunnel_token`)),1),S(k,{id:`cloudflareToken`,modelValue:T(H),"onUpdate:modelValue":t[10]||=e=>f(H)?H.value=e:null,modelModifiers:{trim:!0},loading:T(X),feedback:!1,"toggle-mask":``,fluid:``,placeholder:T(U)?`••••••••••••`:`eyJ...`},null,8,[`modelValue`,`loading`,`placeholder`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(T(U)?e.$t(`components.form.hint.cloudflare_token_already_set`):e.$t(`components.form.hint.cloudflare_token_info`)),1)]),_:1})]),_(`div`,an,[S(m,{type:`button`,severity:T(Yn),loading:T(P),disabled:!T(Jn)||T(Zn),class:`cui-button-small`,label:T(Xn),onClick:t[11]||=e=>wr(`cloudflare`)},ie({_:2},[T(W)===`success`?{name:`icon`,fn:g(()=>[S(l)]),key:`0`}:T(W)===`error`?{name:`icon`,fn:g(()=>[S(O)]),key:`1`}:void 0]),1032,[`severity`,`loading`,`disabled`,`label`])])],64)):T(B)===`managed`?(D(),b(h,{key:2,name:`fade`,mode:`out-in`},{default:g(()=>[(D(),s(`div`,{key:T(Q),class:`flex flex-col gap-4`},[T(Q)===`idle`?(D(),s(u,{key:0},[_(`div`,on,[_(`label`,sn,x(e.$t(`components.form.label.hostname`)),1),S(o,{id:`cloudflareHostnameManaged`,modelValue:T(V),"onUpdate:modelValue":t[12]||=e=>f(V)?V.value=e:null,modelModifiers:{trim:!0},loading:T(X),type:`text`,placeholder:`nvr.example.com`,maxlength:253},null,8,[`modelValue`,`loading`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(e.$t(`components.form.hint.cloudflare_hostname_info`)),1)]),_:1})]),T(F)?.lastError?(D(),b(r,{key:0,severity:`error`,variant:`simple`,size:`small`},{default:g(()=>[w(x(T(F).lastError),1)]),_:1})):p(``,!0),_(`div`,cn,[S(m,{type:`button`,loading:T(Ze),disabled:!T(Qn),class:`cui-button-medium`,label:e.$t(`components.form.button.connect_cloudflare`),onClick:vr},null,8,[`loading`,`disabled`,`label`])])],64)):T(Q)===`awaiting_login`?(D(),s(u,{key:1},[T(F)?.loginUrl?(D(),s(`div`,ln,[_(`div`,un,[S(ae,{value:T(F).loginUrl,size:160,"logo-size":32},null,8,[`value`])]),_(`div`,dn,[S(r,{severity:`info`,variant:`simple`,size:`small`},{default:g(()=>[w(x(e.$t(`components.form.hint.cloudflare_managed_awaiting_login`,{hostname:T(V)})),1)]),_:1}),_(`div`,fn,[_(`label`,pn,x(e.$t(`components.form.label.cloudflare_url`)),1),S(y,null,{default:g(()=>[S(o,{"model-value":T(F).loginUrl,readonly:``,class:`font-mono text-sm`},null,8,[`model-value`]),S(v,null,{default:g(()=>[S(ce,{"action-text":e.$t(`components.form.tooltip.copied`),icon:T(Ee),"button-props":{severity:`secondary`,text:!0},onAction:t[13]||=e=>Sr(T(F).loginUrl)},null,8,[`action-text`,`icon`])]),_:1}),S(v,null,{default:g(()=>[d((D(),b(m,{type:`button`,severity:`secondary`,text:``,onClick:t[14]||=e=>Cr(T(F).loginUrl)},{icon:g(()=>[S(T(Oe))]),_:1})),[[A,{value:e.$t(`components.form.button.open_in_browser`)}]])]),_:1})]),_:1})]),_(`div`,mn,[S(n,{class:`w-[20px] h-[20px] m-0`,"stroke-width":`5`}),_(`span`,hn,x(e.$t(`views.settings.cloudflare_login_waiting`)),1),S(m,{type:`button`,severity:`secondary`,loading:T($e),class:`cui-button-small ml-auto`,label:e.$t(`components.form.button.cancel`),onClick:yr},null,8,[`loading`,`label`])])])])):(D(),s(`div`,gn,[S(n,{class:`w-[20px] h-[20px] m-0`,"stroke-width":`5`}),_(`span`,_n,x(e.$t(`views.settings.cloudflare_login_waiting`)),1),S(m,{type:`button`,severity:`secondary`,loading:T($e),class:`cui-button-small ml-auto`,label:e.$t(`components.form.button.cancel`),onClick:yr},null,8,[`loading`,`label`])]))],64)):T(Q)===`creating_tunnel`||T(Q)===`setting_dns`?(D(),s(`div`,vn,[S(n,{class:`w-[20px] h-[20px] m-0`,"stroke-width":`5`}),_(`span`,yn,x(T(Q)===`creating_tunnel`?e.$t(`components.form.hint.cloudflare_managed_creating_tunnel`):e.$t(`components.form.hint.cloudflare_managed_setting_dns`,{hostname:T(V)})),1),S(m,{type:`button`,severity:`secondary`,loading:T($e),class:`cui-button-small ml-auto`,label:e.$t(`components.form.button.cancel`),onClick:yr},null,8,[`loading`,`label`])])):T(Q)===`running`?(D(),s(u,{key:3},[_(`div`,bn,[_(`label`,xn,x(e.$t(`components.form.label.hostname`)),1),S(o,{readonly:``,value:`https://${T(F)?.hostname??``}`,type:`text`},null,8,[`value`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(e.$t(`components.form.hint.cloudflare_hostname_info`)),1)]),_:1})]),T(F)?.tunnelId?(D(),s(`div`,Sn,[_(`label`,Cn,x(e.$t(`components.form.label.tunnel_id`)),1),S(o,{readonly:``,value:T(F).tunnelId,type:`text`},null,8,[`value`]),S(r,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:g(()=>[w(x(e.$t(`components.form.hint.cloudflare_tunnel_id_info`)),1)]),_:1})])):p(``,!0),_(`div`,wn,[S(m,{type:`button`,severity:T(Yn),loading:T(P),disabled:T(Zn),class:`cui-button-small`,label:T(Xn),onClick:t[15]||=e=>wr(`cloudflare`)},ie({_:2},[T(W)===`success`?{name:`icon`,fn:g(()=>[S(l)]),key:`0`}:T(W)===`error`?{name:`icon`,fn:g(()=>[S(O)]),key:`1`}:void 0]),1032,[`severity`,`loading`,`disabled`,`label`]),S(m,{type:`button`,severity:`secondary`,loading:T(tt),class:`cui-button-small ml-auto`,label:e.$t(`components.form.button.disconnect`),onClick:br},null,8,[`loading`,`label`]),S(m,{type:`button`,severity:`danger`,loading:T(Nn),class:`cui-button-small`,label:e.$t(`components.form.button.logout`),onClick:xr},null,8,[`loading`,`label`])])],64)):p(``,!0)]))]),_:1})):p(``,!0)])):T(L).directMode===`customDomain`?(D(),s(`div`,Tn,[S(T(E),{modelValue:T(z),"onUpdate:modelValue":t[16]||=e=>f(z)?z.value=e:null,modelModifiers:{trim:!0},loading:T(X),name:`customDomain.url`,as:`div`,class:`flex flex-col field-gap`},{default:g(({field:t,errors:n})=>[_(`label`,En,x(e.$t(`components.form.label.url`)),1),S(o,re(t,{invalid:n.length>0,loading:T(X),type:`text`,placeholder:`https://my.example.com`}),null,16,[`invalid`,`loading`]),S(h,{name:`fade`},{default:g(()=>[S(T(c),{name:`customDomain.url`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`,`loading`]),_(`div`,Dn,[S(m,{type:`button`,severity:T(Yn),loading:T(P),disabled:!T(z)||T(Zn),class:`cui-button-small`,label:T(Xn),onClick:t[17]||=e=>wr(`customDomain`)},ie({_:2},[T(W)===`success`?{name:`icon`,fn:g(()=>[S(l)]),key:`0`}:T(W)===`error`?{name:`icon`,fn:g(()=>[S(O)]),key:`1`}:void 0]),1032,[`severity`,`loading`,`disabled`,`label`])])])):p(``,!0),S(m,{type:`submit`,loading:T(X),disabled:!T(Un),class:`cui-button-medium ml-auto`,label:e.$t(`components.form.button.save`)},null,8,[`loading`,`disabled`,`label`])],64)):p(``,!0)])]),_:1})])]),_:1},8,[`validation-schema`]),S(T(te),{ref:`serverFormRef`,class:`flex flex-col w-full gap-6`,"validation-schema":T(it),onSubmit:t[20]||=e=>Er(e)},{default:g(()=>[_(`div`,null,[_(`span`,On,x(e.$t(`views.settings.network`)),1),S(i,{class:`cui-card`},{content:g(()=>[_(`div`,kn,[_(`span`,An,x(e.$t(`views.settings.network_info`)),1),S(T(E),{"model-value":T(I).serverAddresses,name:`serverAddresses`,as:`div`,class:`flex flex-col field-gap`},{default:g(({field:n,errors:r})=>[_(`label`,jn,x(e.$t(`components.form.label.server_addresses`)),1),S(y,null,{default:g(()=>[S(ke,re(n,{"model-value":T(I).serverAddresses,options:T(oe)?.availableAddresses||[],invalid:r.length>0,loading:T(X),"max-selected-labels":2,"show-toggle-all":!1,"show-clear":``,"option-label":`address`,"option-value":`address`,type:`text`,display:`chip`,onValueChange:t[19]||=e=>T(I).serverAddresses=e}),null,16,[`model-value`,`options`,`invalid`,`loading`])]),_:2},1024),S(h,{name:`fade`},{default:g(()=>[S(T(c),{name:`serverAddresses`,class:`cui-input-error`})]),_:1})]),_:1},8,[`model-value`]),S(m,{type:`submit`,loading:T(X),class:`cui-button-medium ml-auto`,label:e.$t(`components.form.button.save`)},null,8,[`loading`,`label`])])]),_:1})])]),_:1},8,[`validation-schema`])]))])}}}),[[`__scopeId`,`data-v-04d0cd3e`]]);export{Mn as default};