@camera.ui/server 0.0.93 → 0.0.95
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/interface/assets/{Camera-DKaqJO86.js → Camera-CTIUE1PX.js} +2 -2
- package/dist/interface/assets/{Camview-BXv8glBQ.js → Camview-BnpJaGfI.js} +1 -1
- package/dist/interface/assets/{CuiCameraCard-CX4MyLdi.js → CuiCameraCard-BJpi9GYb.js} +1 -1
- package/dist/interface/assets/{CuiCameraPipCard-Cx8XbdVC.js → CuiCameraPipCard-CLa09t5W.js} +1 -1
- package/dist/interface/assets/{CuiCameraShares-CRJr-JB7.js → CuiCameraShares-BCTN3Ie-.js} +1 -1
- package/dist/interface/assets/{CuiPluginCard-i01qxxw-.js → CuiPluginCard-DQXny68Q.js} +2 -2
- package/dist/interface/assets/{FirstSteps-_7sQQFUl.js → FirstSteps-c4m_l-s9.js} +1 -1
- package/dist/interface/assets/{Menu-BluLxjXl.js → Menu-BK9rk_sp.js} +1 -1
- package/dist/interface/assets/{Plugin-4rWOIHcI.js → Plugin-B4UvyHA4.js} +1 -1
- package/dist/interface/assets/{Plugins-C2-Z8tXo.js → Plugins-CFXvg0P-.js} +2 -2
- package/dist/interface/assets/{Recordings-DgbHwx4O.js → Recordings-MSRod46b.js} +1 -1
- package/dist/interface/assets/{Settings-BP0edCLd.js → Settings-CnGCN9cC.js} +1 -1
- package/dist/interface/assets/SettingsAccount-DoFSZhI5.js +1 -0
- package/dist/interface/assets/{SettingsAccount-CPfnWN18.js → SettingsAccount-lIy74Kjh.js} +1 -1
- package/dist/interface/assets/{SettingsRemote-BneohMVx.js → SettingsRemote-Kb-ichM0.js} +1 -1
- package/dist/interface/assets/{SettingsSystem-BFKhWDOi.js → SettingsSystem-C0OHXycw.js} +2 -2
- package/dist/interface/assets/{VersionsHandler-s_A9y8sD.js → VersionsHandler-J7N_cZBS.js} +1 -1
- package/dist/interface/assets/{Workers-CXmzv5xT.js → Workers-BINNsLDU.js} +1 -1
- package/dist/interface/assets/copy-16-filled-DUaht4LK.js +1 -0
- package/dist/interface/assets/{main-CCnA32GV.js → main-sGc9j7q_.js} +1 -1
- package/dist/interface/assets/{router-DA-8T0aG.js → router-BLvVFGz9.js} +2 -2
- package/dist/interface/assets/{view-grid-DSdp8crM.js → view-grid-Cg2Wk0qw.js} +1 -1
- package/dist/interface/index.html +5 -5
- package/dist/interface/sw.js +1 -1
- package/dist/server/package.json +9 -5
- package/dist/server/src/api/controllers/plugins.controller.d.ts +0 -1
- package/dist/server/src/api/controllers/plugins.controller.js +22 -108
- package/dist/server/src/api/controllers/plugins.controller.js.map +1 -1
- package/dist/server/src/api/controllers/server.controller.js +2 -13
- package/dist/server/src/api/controllers/server.controller.js.map +1 -1
- package/dist/server/src/api/services/backup.service.js.map +1 -1
- package/dist/server/src/api/services/instances.service.js.map +1 -1
- package/dist/server/src/api/services/plugins.service.d.ts +0 -2
- package/dist/server/src/api/services/plugins.service.js +10 -111
- package/dist/server/src/api/services/plugins.service.js.map +1 -1
- package/dist/server/src/api/websocket/nsp/server.d.ts +0 -2
- package/dist/server/src/api/websocket/nsp/server.js +17 -90
- package/dist/server/src/api/websocket/nsp/server.js.map +1 -1
- package/dist/server/src/camera/streaming/rtp-session.js +54 -9
- package/dist/server/src/camera/streaming/rtp-session.js.map +1 -1
- package/dist/server/src/utils/npm/auth.d.ts +2 -0
- package/dist/server/src/utils/npm/auth.js +54 -0
- package/dist/server/src/utils/npm/auth.js.map +1 -0
- package/dist/server/src/utils/npm/index.d.ts +44 -0
- package/dist/server/src/utils/npm/index.js +115 -0
- package/dist/server/src/utils/npm/index.js.map +1 -0
- package/package.json +9 -5
- package/dist/interface/assets/SettingsAccount-BinZpWbM.js +0 -1
- package/dist/interface/assets/copy-16-filled-CG924HKI.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e}from"./SettingsAccount-lIy74Kjh.js";export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as e,d as t,h as n,u as r}from"./api-DjhIYzsF.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-TwHhULaP.js";import{Bn as ne,Vn as re,di as j,et as ie,st as ae}from"./vendor-cameraui-CeENiq5U.js";import{f as oe}from"./vendor-core-D8xC2dee.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-D-xm-xIu.js";import{t as _e}from"./CuiAvatar-DQfgB_0j.js";import{t as ve}from"./face-recognition-D-XTJQ2P.js";import{t as ye}from"./shield-check-YUrXqEP1.js";import{t as be}from"./CuiActionButton-BTl3-QUV.js";import{t as xe}from"./copy-16-filled-CG924HKI.js";import{t as Se}from"./useCuiDialog-BlhSS0jk.js";import{n as Ce}from"./useBiometricCredentials-DS-lOPkp.js";import{C as N,w as P}from"./vendor-zod-V2qTUMVc.js";import{r as F}from"./users.schema-D9OMoaax.js";import{t as we}from"./CuiQRCode-DOVuTNfQ.js";import{t as I}from"./auth-CeN6oTgU.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-6`},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-0761a2ae`]]),Ne={class:`flex flex-col gap-6`},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-6`},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 w-full 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-6`},qe={for:`username`,class:`cui-label`},Je={class:`card-title`},Ye={class:`flex flex-col gap-6`},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-6`},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-6`},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-6`},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-muted text-sm`},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-6`,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,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`})])):(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,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`}),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,{class:`w-5 h-5`})]),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,{class:`w-4 h-4`}),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(`span`,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:`100%`,height:`100%`})]),_: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-e26cf514`]]);export{Jt as t};
|
|
1
|
+
import{S as e,d as t,h as n,u as r}from"./api-DjhIYzsF.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-TwHhULaP.js";import{Bn as ne,Vn as re,di as j,et as ie,st as ae}from"./vendor-cameraui-CeENiq5U.js";import{f as oe}from"./vendor-core-D8xC2dee.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-D-xm-xIu.js";import{t as _e}from"./CuiAvatar-DQfgB_0j.js";import{t as ve}from"./face-recognition-D-XTJQ2P.js";import{t as ye}from"./shield-check-YUrXqEP1.js";import{t as be}from"./CuiActionButton-BTl3-QUV.js";import{t as xe}from"./copy-16-filled-DUaht4LK.js";import{t as Se}from"./useCuiDialog-BlhSS0jk.js";import{n as Ce}from"./useBiometricCredentials-DS-lOPkp.js";import{C as N,w as P}from"./vendor-zod-V2qTUMVc.js";import{r as F}from"./users.schema-D9OMoaax.js";import{t as we}from"./CuiQRCode-DOVuTNfQ.js";import{t as I}from"./auth-CeN6oTgU.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-6`},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-0761a2ae`]]),Ne={class:`flex flex-col gap-6`},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-6`},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 w-full 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-6`},qe={for:`username`,class:`cui-label`},Je={class:`card-title`},Ye={class:`flex flex-col gap-6`},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-6`},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-6`},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-6`},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-muted text-sm`},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-6`,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,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`})])):(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,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`}),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,{class:`w-5 h-5`})]),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,{class:`w-4 h-4`}),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(`span`,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:`100%`,height:`100%`})]),_: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-e26cf514`]]);export{Jt as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as e,O as t,S as n,b as r,i,w as a}from"./api-DjhIYzsF.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-TwHhULaP.js";import{Bn as se,Ji as ce,Vn as le,di as ue,et as de,st as fe}from"./vendor-cameraui-CeENiq5U.js";import{t as pe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as me}from"./close-DJVAaOAW.js";import{J as he,K as ge,L as _e,R as ve,a as ye,c as be,j as xe,u as Se,z as Ce}from"./vendor-primevue-D-xm-xIu.js";import{n as we,t as Te}from"./cloud-outline-BeAnYJfH.js";import{t as Ee}from"./CuiActionButton-BTl3-QUV.js";import{t as De}from"./copy-16-filled-CG924HKI.js";import{r as Oe,t as O}from"./useCuiDialog-BlhSS0jk.js";import{B as k,V as ke}from"./types-C1BeYYUs.js";import{t as Ae}from"./CuiQRCode-DOVuTNfQ.js";import{t as A}from"./server-CfW4FWmD.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`},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`},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`?Te: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=Ce,i=fe,a=ge,o=de,l=Fe,m=le,v=_e,y=ve,C=ye,ae=Ae,ce=Ee,ue=we,pe=Me,Te=xe,O=me,k=be,ke=Se,A=he;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 cui-toggle-switch`},{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(De),"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(De),"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 cui-toggle-switch`},{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(Te,{"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(h,{name:`fade`},{default:g(()=>[S(T(c),{name:`directMode`,class:`cui-input-error`})]),_:1}),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(Te,{"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(De),"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-d48903cd`]]);export{Mn as default};
|
|
1
|
+
import{A as e,O as t,S as n,b as r,i,w as a}from"./api-DjhIYzsF.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-TwHhULaP.js";import{Bn as se,Ji as ce,Vn as le,di as ue,et as de,st as fe}from"./vendor-cameraui-CeENiq5U.js";import{t as pe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as me}from"./close-DJVAaOAW.js";import{J as he,K as ge,L as _e,R as ve,a as ye,c as be,j as xe,u as Se,z as Ce}from"./vendor-primevue-D-xm-xIu.js";import{n as we,t as Te}from"./cloud-outline-BeAnYJfH.js";import{t as Ee}from"./CuiActionButton-BTl3-QUV.js";import{t as De}from"./copy-16-filled-DUaht4LK.js";import{r as Oe,t as O}from"./useCuiDialog-BlhSS0jk.js";import{B as k,V as ke}from"./types-C1BeYYUs.js";import{t as Ae}from"./CuiQRCode-DOVuTNfQ.js";import{t as A}from"./server-CfW4FWmD.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`},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`},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`?Te: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=Ce,i=fe,a=ge,o=de,l=Fe,m=le,v=_e,y=ve,C=ye,ae=Ae,ce=Ee,ue=we,pe=Me,Te=xe,O=me,k=be,ke=Se,A=he;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 cui-toggle-switch`},{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(De),"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(De),"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 cui-toggle-switch`},{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(Te,{"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(h,{name:`fade`},{default:g(()=>[S(T(c),{name:`directMode`,class:`cui-input-error`})]),_:1}),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(Te,{"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(De),"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-d48903cd`]]);export{Mn as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/VersionsHandler-
|
|
2
|
-
import{T as e,d as t}from"./api-DjhIYzsF.js";import{$n as n,$t as r,Gt as ee,Qt as i,Rn as a,Sn as o,Vn as s,Xt as c,Yt as l,Zt as u,dr as d,in as f,kt as te,on as p,rn as m,sr as h,t as g,wn as _}from"./vendor-TwHhULaP.js";import{Bn as ne,Vn as v,di as re,st as ie}from"./vendor-cameraui-CeENiq5U.js";import{t as ae}from"./useElectron-mh8HQUAI.js";import{t as oe}from"./api-D23Y8GEd.js";import{t as se}from"./hasPermission-nr9uI1sh.js";import{n as ce,t as le}from"./useCuiDialog-BlhSS0jk.js";import{t as ue}from"./useFileDownload-DEM9UhjP.js";import{n as de,t as fe}from"./server-CfW4FWmD.js";var pe={class:`flex flex-col w-full gap-6`},me={class:`flex flex-col gap-6`},he={key:0,class:`flex flex-row items-center justify-between`},ge={class:`text-sm`},_e={key:1,class:`text-sm font-bold`},y={class:`flex flex-row items-center justify-between`},b={class:`text-sm`},ve={key:1,class:`text-sm font-bold`},ye={key:1,class:`flex w-full items-center gap-2`},be={key:0},xe={class:`card-title`},Se={class:`flex flex-col gap-6`},Ce={class:`text-sm`},x={class:`card-title`},S={class:`flex flex-col gap-6`},C={class:`text-sm`},w={key:1},T={class:`card-title`},E={class:`flex flex-col gap-6`},D={class:`text-sm`},O=p({__name:`SettingsSystem`,setup(p){let O=ce(()=>te(()=>import(`./VersionsHandler-
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/VersionsHandler-J7N_cZBS.js","assets/api-DjhIYzsF.js","assets/rolldown-runtime-DAXXjFlN.js","assets/vendor-TwHhULaP.js","assets/vendor-cameraui-CeENiq5U.js","assets/vendor-core-D8xC2dee.js","assets/api-Dx-gynar.css","assets/useSharedComposables-Dyso8kmC.js","assets/ui-Cfq-tG-U.js","assets/vendor-primevue-D-xm-xIu.js","assets/plugins-DsiC2cVL.js","assets/useLogsSocket-CNAQ1g8I.js","assets/_plugin-vue_export-helper-BDNMzG2s.js","assets/vendor-xterm-BRN-hOYD.js","assets/vendor-xterm-BrP-ENHg.css","assets/useLogsSocket-DZ93-C8L.css","assets/vendor-markdown-Cuk4GbAg.js","assets/vendor-markdown-DtOhvyRx.css","assets/server-CfW4FWmD.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{T as e,d as t}from"./api-DjhIYzsF.js";import{$n as n,$t as r,Gt as ee,Qt as i,Rn as a,Sn as o,Vn as s,Xt as c,Yt as l,Zt as u,dr as d,in as f,kt as te,on as p,rn as m,sr as h,t as g,wn as _}from"./vendor-TwHhULaP.js";import{Bn as ne,Vn as v,di as re,st as ie}from"./vendor-cameraui-CeENiq5U.js";import{t as ae}from"./useElectron-mh8HQUAI.js";import{t as oe}from"./api-D23Y8GEd.js";import{t as se}from"./hasPermission-nr9uI1sh.js";import{n as ce,t as le}from"./useCuiDialog-BlhSS0jk.js";import{t as ue}from"./useFileDownload-DEM9UhjP.js";import{n as de,t as fe}from"./server-CfW4FWmD.js";var pe={class:`flex flex-col w-full gap-6`},me={class:`flex flex-col gap-6`},he={key:0,class:`flex flex-row items-center justify-between`},ge={class:`text-sm`},_e={key:1,class:`text-sm font-bold`},y={class:`flex flex-row items-center justify-between`},b={class:`text-sm`},ve={key:1,class:`text-sm font-bold`},ye={key:1,class:`flex w-full items-center gap-2`},be={key:0},xe={class:`card-title`},Se={class:`flex flex-col gap-6`},Ce={class:`text-sm`},x={class:`card-title`},S={class:`flex flex-col gap-6`},C={class:`text-sm`},w={key:1},T={class:`card-title`},E={class:`flex flex-col gap-6`},D={class:`text-sm`},O=p({__name:`SettingsSystem`,setup(p){let O=ce(()=>te(()=>import(`./VersionsHandler-J7N_cZBS.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18]))),k=new oe,A=new fe,j=le(),{t:M}=re(),{isElectronApp:N,electron:P}=ae(),{isOnline:F}=e(),we=t();A.toggleQueryActivator(`checkVersionQuery`,!1);let{data:I,isBusy:Te}=k.apiInfoQuery(),{data:L,isBusy:Ee}=A.checkVersionQuery(),{mutate:De,isPending:Oe}=A.restartServerQuery(),{mutateAsync:ke,isPending:Ae}=A.resetServerQuery(),R=n(M(`views.settings.unknown`)),z=n(M(`views.settings.unknown`)),B=n(),V=n(),H=n(),U=n(!1),W=n(!1),G=n(!1),K=n(!1),q=l(()=>I.value?.electron??!1),J=l(()=>Oe.value||Ae.value||Te.value||Ee.value||K.value||W.value),Y=l(()=>I.value?.installedVersion||I.value?.version),X=l(()=>I.value?.restartRequired??!1),Z=l(()=>J.value||!F.value),je=l(()=>Y.value&&V.value?g(V.value,Y.value)===1:!1),Me=l(()=>Y.value&&B.value?g(B.value,Y.value)===1:!1),Q=l(()=>je.value?V.value:Me.value?B.value:void 0);async function Ne(){if(!U.value){U.value=!0;try{let e=await de();await ue({blob:new Blob([e],{type:`application/x-x509-ca-cert`}),filename:`cert.pem`,mimeType:`application/x-x509-ca-cert`})}catch(e){console.log(e)}U.value=!1}}function $(e){switch(e){case`restart`:j.openTextDialog({data:{title:M(`components.dialog.title.restart`),confirmText:M(`components.form.button.restart`),contentText:M(`components.dialog.message.confirm_restart_server`),loading:J},onConfirm:De});break;case`reset`:j.openTextDialog({data:{title:M(`components.dialog.title.reset_server`),confirmText:M(`components.form.button.reset`),contentText:M(`components.dialog.message.confirm_reset_server`),loading:J},onConfirm:async()=>{try{await ke()}catch{}finally{we.logout()}}});break;case`versions`:case`install`:j.openComponentDialog(O,{data:{title:M(`components.dialog.title.install_version`),confirmText:M(e===`install`?`components.form.button.update`:`components.form.button.install`),loading:J,contentProps:{target:{type:`server`},installVersion:e===`install`?Q.value:void 0}}});break}}async function Pe(){if(N)try{G.value=!0,z.value=await P.invoke(`get-app-version`)??M(`views.settings.unknown`)}catch(e){console.error(`Error getting electron app version:`,e)}finally{G.value=!1}}async function Fe(){if(N)try{K.value=!0;let e=await P.invoke(`get-update-available`);H.value=e.isUpdateAvailable?e.version:void 0}catch(e){console.error(`Error checking for electron updates:`,e)}finally{K.value=!1}}async function Ie(){if(N)try{W.value=!0,await P.invoke(`quit-and-install`)}catch(e){console.error(`Error installing electron update:`,e)}finally{W.value=!1}}return a(I,()=>{R.value=I.value?.version||M(`views.settings.unknown`),I.value&&A.toggleQueryActivator(`checkVersionQuery`,!q.value)},{deep:!0,immediate:!0}),a(L,()=>{V.value=L.value?.[`dist-tags`].latest,B.value=L.value?.[`dist-tags`].alpha},{deep:!0,immediate:!0}),a(F,(e,t)=>{e&&!t&&!q.value&&(k.queryClient.invalidateQueries({queryKey:[`api`]}),A.queryClient.invalidateQueries({queryKey:[`version`]}))}),o(()=>{N&&(Pe(),Fe())}),(e,t)=>{let n=ne,a=v,o=ie;return _(),r(`div`,null,[c(`div`,pe,[c(`div`,null,[t[6]||=c(`span`,{class:`card-title`},`camera.ui`,-1),f(o,{class:`cui-card`},{content:s(()=>[c(`div`,me,[h(N)?(_(),r(`div`,he,[c(`span`,ge,d(e.$t(`views.settings.app`)),1),h(J)?(_(),u(n,{key:0,class:`w-[15px] h-[15px] m-0`,"stroke-width":`5`})):(_(),r(`span`,_e,`v`+d(h(z)),1))])):i(``,!0),c(`div`,y,[c(`span`,b,d(e.$t(`views.settings.server`)),1),h(J)?(_(),u(n,{key:0,class:`w-[15px] h-[15px] m-0`,"stroke-width":`5`})):(_(),r(`span`,ve,[m(` v`+d(h(R)),1),h(X)?(_(),r(ee,{key:0},[m(` → v`+d(h(Y)),1)],64)):i(``,!0)]))]),h(N)&&h(H)||!h(q)?(_(),r(`div`,ye,[t[5]||=c(`div`,{class:`ml-auto`},null,-1),h(N)&&h(H)?(_(),u(a,{key:0,disabled:!h(N),loading:h(J),class:`cui-button-medium`,label:`${e.$t(`components.form.button.update`)} (v${h(H)})`,onClick:Ie},null,8,[`disabled`,`loading`,`label`])):i(``,!0),!h(q)&&h(X)?(_(),u(a,{key:1,loading:h(J),disabled:h(Z),class:`cui-button-medium`,label:`${e.$t(`components.form.button.restart`)} (v${h(Y)})`,onClick:t[0]||=e=>$(`restart`)},null,8,[`loading`,`disabled`,`label`])):!h(q)&&h(Q)?(_(),u(a,{key:2,loading:h(J),disabled:h(Z),class:`cui-button-medium`,label:`${e.$t(`components.form.button.update`)} (v${h(Q)})`,onClick:t[1]||=e=>$(`install`)},null,8,[`loading`,`disabled`,`label`])):i(``,!0),h(q)?i(``,!0):(_(),u(a,{key:3,loading:h(J),disabled:h(Z),class:`cui-button-medium`,label:e.$t(`components.form.button.manage`),onClick:t[2]||=e=>$(`versions`)},null,8,[`loading`,`disabled`,`label`]))])):i(``,!0)])]),_:1})]),h(N)?i(``,!0):(_(),r(`div`,be,[c(`span`,xe,d(e.$t(`views.settings.certificate`)),1),f(o,{class:`cui-card`},{content:s(()=>[c(`div`,Se,[c(`span`,Ce,d(e.$t(`views.settings.certificate_info`)),1),f(a,{loading:h(U)||h(J),disabled:h(Z),class:`cui-button-medium ml-auto`,label:e.$t(`components.form.button.download`),onClick:Ne},null,8,[`loading`,`disabled`,`label`])])]),_:1})])),c(`div`,null,[c(`span`,x,d(e.$t(`views.settings.restart_server`)),1),f(o,{class:`cui-card`},{content:s(()=>[c(`div`,S,[c(`span`,C,d(e.$t(`views.settings.restart_server_info`)),1),f(a,{loading:h(J),disabled:h(Z),class:`cui-button-medium ml-auto`,label:e.$t(`components.form.button.restart`),onClick:t[3]||=e=>$(`restart`)},null,8,[`loading`,`disabled`,`label`])])]),_:1})]),(`hasPermission`in e?e.hasPermission:h(se))(void 0,`master`)?(_(),r(`div`,w,[c(`span`,T,d(e.$t(`views.settings.reset_server`)),1),f(o,{class:`cui-card !border-red-900`},{content:s(()=>[c(`div`,E,[c(`span`,D,d(e.$t(`views.settings.reset_server_info`)),1),f(a,{loading:h(J),disabled:h(Z),class:`cui-button-medium ml-auto`,label:e.$t(`components.form.button.reset`),onClick:t[4]||=e=>$(`reset`)},null,8,[`loading`,`disabled`,`label`])])]),_:1})])):i(``,!0)])])}}});export{O as default};
|
|
@@ -4,4 +4,4 @@ import{S as e}from"./api-DjhIYzsF.js";import{$n as t,$t as n,Cn as r,Hn as ee,In
|
|
|
4
4
|
`),onClearLog:()=>U.value?.clearTerminal(),onReconnected:()=>{U.value?.writeTerminal(`\r
|
|
5
5
|
--- Reconnected ---\r
|
|
6
6
|
\r
|
|
7
|
-
`)}}),Ee=l(()=>({pluginversion:W.value||F.value})),{data:De,isBusy:z}=x.checkVersionQuery(),{data:B,isBusy:V}=b.getPluginVersionsQuery(S(P.value)?P.value.pluginName:``),{data:Oe,isBusy:ke,suspense:Ae}=b.getPluginChangelogQuery(S(P.value)?P.value.pluginName:``,Ee),{mutate:je,isPending:Me}=x.restartServerQuery(),{mutate:Ne,isPending:Pe}=b.restartPluginQuery(),{mutateAsync:Fe,isPending:Ie}=b.installPluginQuery(),{mutateAsync:Le,isPending:Re}=b.uninstallPluginQuery(),{mutateAsync:ze,isPending:Be}=x.updateServerQuery(),H=ge(`commonmark`,{highlight(e,t){if(t&&y.getLanguage(t))try{return`<pre><code class="hljs">`+y.highlight(e,{language:t,ignoreIllegals:!0}).value+`</code></pre>`}catch{}return`<pre><code class="hljs">`+H.utils.escapeHtml(e)+`</code></pre>`}}),U=i(`consoleRef`),W=t(),G=t(!1),K=t(!1),q=t(!1),J=t(!1),Y=t(!1),Ve=l(()=>V.value||z.value),He=l(()=>!!(N.loading?.value||V.value||z.value||ke.value||Ie.value||Re.value||Be.value||Pe.value||Me.value)),X=l(()=>S(P.value)?B.value?.versions||[]:C(P.value)&&De.value?.versions
|
|
7
|
+
`)}}),Ee=l(()=>({pluginversion:W.value||F.value})),{data:De,isBusy:z}=x.checkVersionQuery(),{data:B,isBusy:V}=b.getPluginVersionsQuery(S(P.value)?P.value.pluginName:``),{data:Oe,isBusy:ke,suspense:Ae}=b.getPluginChangelogQuery(S(P.value)?P.value.pluginName:``,Ee),{mutate:je,isPending:Me}=x.restartServerQuery(),{mutate:Ne,isPending:Pe}=b.restartPluginQuery(),{mutateAsync:Fe,isPending:Ie}=b.installPluginQuery(),{mutateAsync:Le,isPending:Re}=b.uninstallPluginQuery(),{mutateAsync:ze,isPending:Be}=x.updateServerQuery(),H=ge(`commonmark`,{highlight(e,t){if(t&&y.getLanguage(t))try{return`<pre><code class="hljs">`+y.highlight(e,{language:t,ignoreIllegals:!0}).value+`</code></pre>`}catch{}return`<pre><code class="hljs">`+H.utils.escapeHtml(e)+`</code></pre>`}}),U=i(`consoleRef`),W=t(),G=t(!1),K=t(!1),q=t(!1),J=t(!1),Y=t(!1),Ve=l(()=>V.value||z.value),He=l(()=>!!(N.loading?.value||V.value||z.value||ke.value||Ie.value||Re.value||Be.value||Pe.value||Me.value)),X=l(()=>S(P.value)?B.value?.versions||[]:C(P.value)&&De.value?.versions||[]),Z=l(()=>{if(S(P.value))return Oe.value}),Ue=l(()=>({fontSize:j.value?12:14}));function Q(){G.value=!0,R.connect()}async function We(){if(S(P.value))try{b.toggleQueryActivator(`getPluginChangelogQuery`,!0);let{isError:e}=await Ae();if(e)throw Error(`Failed to fetch changelog`);K.value=!0}catch{}else C(P.value)}async function $(e){if(!K.value&&(await We(),K.value)){N.confirmText&&(N.confirmText.value=A(`components.form.button.continue`)),Y.value=!0;return}Q();try{S(P.value)?await Fe({pluginData:{pluginname:P.value.pluginName,pluginversion:e}}):C(P.value)&&(await ze({serverData:{version:e}}),D.invalidateQueries({queryKey:[`api`]})),q.value=!0,N.confirmText&&(N.confirmText.value=I.value?A(`components.form.button.finish`):A(`components.form.button.restart`))}catch(e){k.add({severity:`error`,detail:e,life:3e3})}}async function Ge(){if(S(P.value)){Q();try{await Le({pluginName:P.value.pluginName}),J.value=!0,N.confirmText&&(N.confirmText.value=A(`components.form.button.finish`))}catch(e){k.add({severity:`error`,detail:e,life:3e3})}}}function Ke(){S(P.value)?Ne({pluginName:P.value.pluginName}):C(P.value)&&je()}async function qe(){if(L.value)return J.value?void 0:(await Ge(),null);if(!(q.value&&I.value)){if(q.value){Ke();return}return Y.value?(Y.value=!1,F.value?await $(F.value):W.value&&await $(W.value),null):F.value?(await $(F.value),null):W.value?(await $(W.value),null):(k.add({severity:`error`,detail:A(`components.toast.no_version_selected`),life:3e3}),null)}}return a(X,e=>{e.length&&(W.value=e[0])},{immediate:!0,deep:!0}),a(G,e=>{e?M.value.data.dialogContentClass=`not-md:px-0 h-full md:h-[50vh]`:delete M.value.data.dialogContentClass}),a(j,e=>{!e&&(G.value||K.value)&&M.value.options.props&&(M.value.options.props.style.height=`60vh`,M.value.options.props.style.width=`70vh`,M.value.options.props.style.maxWidth=`100%`)}),o(()=>{L.value||(F.value?$(F.value):S(P.value)?b.toggleQueryActivator(`getPluginVersionsQuery`,!0):C(P.value)&&x.toggleQueryActivator(`checkVersionQuery`,!0))}),r(()=>{R.disconnect()}),p({isLoading:He,onConfirm:qe}),(e,t)=>{let r=de,i=ve,a=se,o=g,c=oe,l=ue;return h(),n(`div`,null,[m(K)&&m(Z)&&!m(G)?(h(),n(`div`,ye,[s(`h3`,be,d(e.$t(`components.form.label.changelog`)),1),s(`div`,{class:`markdown-body`,innerHTML:m(H).render(m(Z))},null,8,xe)])):m(L)&&!m(G)?(h(),n(`div`,Se,[s(`p`,Ce,d(e.$t(`components.dialog.message.confirm_uninstall_plugin`)),1)])):!m(F)&&!m(G)&&!m(K)?(h(),n(`div`,we,[s(`label`,w,d(e.$t(`components.form.label.version`)),1),f(r,{modelValue:m(W),"onUpdate:modelValue":t[0]||=e=>te(W)?W.value=e:null,options:m(X),loading:m(Ve),class:`w-full mt-2`},null,8,[`modelValue`,`options`,`loading`])])):m(G)?(h(),n(`div`,T,[ee((h(),re(a,{type:`button`,severity:`secondary`,rounded:``,class:`!absolute top-2 right-2 z-10 !w-8 !h-8 !p-0 opacity-70 hover:opacity-100`,onClick:t[1]||=e=>m(U)?.copyAll()},{default:ne(()=>[f(i,{class:`w-4 h-4`})]),_:1})),[[l,e.$t(`components.form.button.copy`),void 0,{left:!0}]]),f(o,{ref_key:`consoleRef`,ref:U,options:m(Ue),class:`bg-black !w-full`,"ignore-breakpoint":``,onResize:m(R).reportSize},null,8,[`options`,`onResize`])])):(h(),n(`div`,E,[f(c,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`})]))])}}});export{D as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as e,S as t,_ as n,b as r}from"./api-DjhIYzsF.js";import{$n as i,$t as a,Cn as o,F as s,Qt as c,Vn as l,Wn as u,Xt as d,Yt as f,Zn as p,dr as m,gn as h,in as g,on as _,sr as v,vn as y,wn as b,z as x}from"./vendor-TwHhULaP.js";import{Bn as ee,Vn as S,_i as C,di as w,et as te,st as ne}from"./vendor-cameraui-CeENiq5U.js";import{t as T}from"./useSharedComposables-Dyso8kmC.js";import{L as re,R as E,h as D,j as O,x as k}from"./vendor-primevue-D-xm-xIu.js";import{t as A}from"./circular-connection-DYJHyPCa.js";import{t as j}from"./cameras-DeAGPYqb.js";import{t as M}from"./CuiActionButton-BTl3-QUV.js";import{t as N}from"./copy-16-filled-
|
|
1
|
+
import{A as e,S as t,_ as n,b as r}from"./api-DjhIYzsF.js";import{$n as i,$t as a,Cn as o,F as s,Qt as c,Vn as l,Wn as u,Xt as d,Yt as f,Zn as p,dr as m,gn as h,in as g,on as _,sr as v,vn as y,wn as b,z as x}from"./vendor-TwHhULaP.js";import{Bn as ee,Vn as S,_i as C,di as w,et as te,st as ne}from"./vendor-cameraui-CeENiq5U.js";import{t as T}from"./useSharedComposables-Dyso8kmC.js";import{L as re,R as E,h as D,j as O,x as k}from"./vendor-primevue-D-xm-xIu.js";import{t as A}from"./circular-connection-DYJHyPCa.js";import{t as j}from"./cameras-DeAGPYqb.js";import{t as M}from"./CuiActionButton-BTl3-QUV.js";import{t as N}from"./copy-16-filled-DUaht4LK.js";import{t as P}from"./CuiTopbarSlot-Bf3keW8N.js";import{t as ie}from"./back-filled-DlLybzyd.js";import{n as ae,t as F}from"./round-restart-alt-AXgxJgvx.js";async function I(){return(await e.get(`/workers/token`)).data}async function L(){return(await e.post(`/workers/token`)).data}async function R(t){await e.post(`/workers/${t}/restart`)}async function z({cameraId:t,agentId:n}){return(await e.post(`/workers/assign`,{cameraId:t,agentId:n})).data}async function B({cameraId:t}){return(await e.post(`/workers/unassign`,{cameraId:t})).data}var V=class{_queryClient=x();toast=t();queryActivator=i([{name:`getWorkerAuthTokenQuery`,enabled:!0}]);getWorkerAuthTokenQuery(){return r({queryKey:[`workersToken`],queryFn:()=>I(),enabled:()=>this.queryActivator.value.some(e=>e.name===`getWorkerAuthTokenQuery`&&e.enabled),retry:!1})}regenerateTokenQuery(){return s({mutationFn:L,onSuccess:e=>{this._queryClient.setQueryData([`workersToken`],e)}})}assignCameraQuery(){return s({mutationFn:z,onMutate:({cameraId:e,agentId:t})=>this.patchCameraWorker(e,t),onError:(e,t,n)=>{n?.rollback(),this.toast.add({severity:`error`,detail:e,life:3e3})},onSettled:()=>this._queryClient.invalidateQueries({queryKey:[`camerasList`]})})}unassignCameraQuery(){return s({mutationFn:B,onMutate:({cameraId:e})=>this.patchCameraWorker(e,void 0),onError:(e,t,n)=>{n?.rollback(),this.toast.add({severity:`error`,detail:e,life:3e3})},onSettled:()=>this._queryClient.invalidateQueries({queryKey:[`camerasList`]})})}restartWorkerQuery(){return s({mutationFn:R})}patchCameraWorker(e,t){let n=[];for(let[r,i]of this._queryClient.getQueriesData({queryKey:[`camerasList`]}))i?.result&&(n.push([r,i]),this._queryClient.setQueryData(r,{...i,result:i.result.map(n=>n._id===e?{...n,workerAgentId:t}:n)}));return{rollback:()=>{for(let[e,t]of n)this._queryClient.setQueryData(e,t)}}}},H=p({workers:[],workerHistory:{}}),U=null,W=null;function G(e){let t=H.workers.findIndex(t=>t.agentId===e.agentId);if(t!==-1){let n=[...H.workers];n[t]=e,H.workers=n}else H.workers=[...H.workers,e];let n=H.workerHistory[e.name]??[];H.workerHistory={...H.workerHistory,[e.name]:[...n,e].slice(-30)}}async function K(){if(W?.ready.value)try{H.workers=await W.request(`get-workers`)}catch{}}async function q(){if(W?.ready.value)try{H.workerHistory=await W.request(`get-worker-history`)}catch{}}async function J(){await Promise.all([K(),q()])}function Y(){return W||(U=u(!0),W=U.run(()=>{let e=n(`/workers`);return e.on(`connect`,()=>{J()}),e.on(`worker-update`,e=>G(e)),e}),W)}function oe(){function e(){Y(),W?.connected.value&&J()}function t(){}return{isConnected:f(()=>W?.connected.value??!1),workers:f(()=>H.workers),workerHistory:f(()=>H.workerHistory),connect:e,disconnect:t,loadAll:J}}var se={class:`flex flex-col`},ce={key:0,class:`page-title`},le={key:1,class:`w-full h-full flex items-center justify-center`},ue={key:2,class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4`},de={class:`text-muted text-sm`},fe={key:3,class:`flex flex-col w-full gap-6`},pe={class:`card-title`},me={class:`card-title`},he={class:`text-muted text-sm`},ge={class:`font-bold text-color text-sm`},_e={class:`card-title`},ve={class:`flex flex-col gap-6`},ye={class:`text-sm`},be={key:0,class:`flex flex-col field-gap`},xe={class:`flex flex-row items-end justify-end`},X=_({__name:`Workers`,setup(e){let{t}=w(),{smBreakpoint:n}=T(),{copy:r}=C({legacy:!0}),s=oe(),{workers:u,workerHistory:p,isConnected:_}=s,x=new j,I=new V,{data:L,isLoading:R}=x.getCamerasQuery(i({page:1,pageSize:999})),{data:z}=I.getWorkerAuthTokenQuery(),{mutateAsync:B}=I.assignCameraQuery(),{mutateAsync:H}=I.unassignCameraQuery(),{mutateAsync:U}=I.restartWorkerQuery(),{mutateAsync:W,isPending:G}=I.regenerateTokenQuery(),K={bodyRow:{class:`text-sm text-secondary`},column:{columnTitle:{class:`text-sm font-semibold`}}},q=i(!1),J=i([]),Y=i(new Set),X=f(()=>L.value?.result??[]),Z=f(()=>z.value?.token),Q=f(()=>new Set(u.value.map(e=>e.agentId))),Se=f(()=>[{type:`indicator`,field:`status`,columnProps:{headerClass:`w-5 max-w-5`,class:`w-5 max-w-5`},color(e){return e.online?`green`:`red`},tooltip(e){return e.online?t(`views.workers.online`):t(`views.workers.offline`)}},{type:`category`,field:`name`,name:t(`views.workers.name`),columnProps:{headerClass:`w-40 min-w-40 max-w-40`,class:`w-40 min-w-40 max-w-40`},props:{class:`font-bold text-color`}},{type:`category`,field:`pid`,name:t(`views.workers.pid`),columnProps:{headerClass:`min-w-20`,class:`min-w-20`}},{type:`category`,field:`cpuLoad`,suffix:`%`,name:t(`views.workers.cpu`),asChip:!0,columnProps:{headerClass:`min-w-30`,class:`min-w-30`}},{type:`chart`,field:`cpu_chart`,for:`cpuLoad`,columnProps:{headerClass:`min-w-[250px]`,class:`min-w-[250px]`}},{type:`category`,field:`memLoad`,suffix:`%`,name:t(`views.workers.memory`),asChip:!0,columnProps:{headerClass:`min-w-30`,class:`min-w-30`}},{type:`chart`,field:`memory_chart`,for:`memLoad`,columnProps:{headerClass:`min-w-[250px]`,class:`min-w-[250px]`}},{type:`action`,field:`restart`,icon:F,columnProps:{class:`text-right`},loading(e){return J.value.includes(e.name)},disabled(e){return!e.online},action(e){we(e.name,e.agentId)}}]),Ce=f(()=>{let e=p.value;return Object.keys(e).reduce((t,n)=>{for(let r of[`cpuLoad`,`memLoad`]){let i=e[n]??[],a=i.slice(-30).filter(e=>e[r]!==void 0).map(e=>parseFloat(e[r])),o=i.slice(-30).map(e=>e.lastHeartbeat),s=[...a,...Array(30-a.length).fill(0)],c=[...o,...Array(30-o.length).fill(null)];t[`${n}_${r}`]={labels:c,datasets:[{data:s,backgroundColor:e=>{let t=e.raw;return t>=90?`#FA5252`:t>=50?`#FF9966`:`#df2a4c`},borderWidth:0,borderRadius:3,barPercentage:.8,categoryPercentage:.8,maxBarThickness:4,barThickness:4}]}}return t},{})});async function we(e,t){J.value.push(e);try{await U(t)}finally{J.value=J.value.filter(t=>t!==e)}}function Te(){let e=[];for(let t of u.value)e.push({label:t.name,value:t.agentId});return e}function Ee(e){return e&&Q.value.has(e)?e:null}function $(e){return Y.value.has(e)}async function De(e,t){let n=new Set(Y.value);n.add(e._id),Y.value=n;try{t?await B({cameraId:e._id,agentId:t}):await H({cameraId:e._id})}catch{}finally{let t=new Set(Y.value);t.delete(e._id),Y.value=t}}async function Oe(){try{await W()}catch{}}return y(async()=>{s.connect(),await h(),s.loadAll(),q.value=!0}),o(()=>{s.disconnect()}),(e,t)=>{let i=ie,o=S,s=P,f=ee,p=A,h=ae,y=k,x=O,C=D,w=ne,T=te,j=M,F=re,I=E;return b(),a(`div`,se,[v(n)?c(``,!0):(b(),a(`h1`,ce,m(e.$t(`views.workers.title`)),1)),g(s,{position:`left`},{default:l(()=>[g(o,{severity:`secondary`,text:``,class:`cui-button p-2 text-color non-draggable-region`,onClick:t[0]||=t=>e.$router.push(`/menu`)},{icon:l(()=>[g(i,{class:`w-6 h-6`})]),_:1})]),_:1}),!v(q)||!v(_)?(b(),a(`div`,le,[g(f,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`})])):v(u).length?(b(),a(`div`,fe,[d(`div`,null,[d(`span`,pe,m(e.$t(`views.workers.workers`)),1),g(h,{items:v(u),headers:v(Se),"chart-data":v(Ce)},null,8,[`items`,`headers`,`chart-data`])]),d(`div`,null,[d(`span`,me,m(e.$t(`views.workers.camera_assignments`)),1),g(w,{class:`cui-card`},{content:l(()=>[g(C,{value:v(X),loading:v(R),pt:K,"striped-rows":``,class:`w-full`},{loading:l(()=>[g(f,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`})]),empty:l(()=>[d(`span`,he,m(e.$t(`views.workers.no_cameras`)),1)]),default:l(()=>[g(y,{field:`name`,header:e.$t(`views.workers.camera`),"header-class":`p-2 min-w-40`,class:`p-2 min-w-40`},{body:l(({data:e})=>[d(`span`,ge,m(e.name),1)]),_:1},8,[`header`]),g(y,{header:e.$t(`views.workers.workers`),"header-class":`p-2 w-full`,class:`p-2 w-full`},{body:l(({data:t})=>[g(x,{"model-value":Ee(t.workerAgentId),options:Te(),"option-label":`label`,"option-value":`value`,placeholder:e.$t(`views.workers.local`),class:`w-full`,"show-clear":``,loading:$(t._id),disabled:$(t._id),"onUpdate:modelValue":e=>De(t,e)},null,8,[`model-value`,`options`,`placeholder`,`loading`,`disabled`,`onUpdate:modelValue`])]),_:1},8,[`header`])]),_:1},8,[`value`,`loading`])]),_:1})]),d(`div`,null,[d(`span`,_e,m(e.$t(`views.workers.auth_token`)),1),g(w,{class:`cui-card`},{content:l(()=>[d(`div`,ve,[d(`span`,ye,m(e.$t(`views.workers.auth_token_description`)),1),v(Z)===void 0?c(``,!0):(b(),a(`div`,be,[g(I,null,{default:l(()=>[g(T,{"model-value":v(Z)||``,readonly:``,type:`text`,placeholder:e.$t(`views.workers.no_token`)},null,8,[`model-value`,`placeholder`]),g(F,null,{default:l(()=>[g(j,{"action-text":e.$t(`views.workers.copied`),icon:v(N),"button-props":{severity:`secondary`,disabled:!v(Z),text:!0},onAction:t[1]||=e=>v(r)(v(Z))},null,8,[`action-text`,`icon`,`button-props`])]),_:1})]),_:1})])),d(`div`,xe,[g(o,{class:`cui-button-medium`,label:e.$t(`views.workers.regenerate_token`),loading:v(G),onClick:Oe},null,8,[`label`,`loading`])])])]),_:1})])])):(b(),a(`div`,ue,[g(p,{class:`w-12 h-12 text-muted`}),d(`span`,de,m(e.$t(`views.workers.no_workers`)),1)]))])}}});export{X as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{$t as e,Xt as t,Yn as n,wn as r}from"./vendor-TwHhULaP.js";var i={viewBox:`0 0 16 16`,width:`1.2em`,height:`1.2em`};function a(n,a){return r(),e(`svg`,i,[...a[0]||=[t(`path`,{fill:`currentColor`,d:`M5 9a3 3 0 0 0 3 3h2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h1zm7-7a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z`},null,-1)]])}var o=n({name:`fluent-copy-16-filled`,render:a});export{o as t};
|