@camstack/addon-admin-ui 1.2.405 → 1.2.406
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/assets/{AddonAssetIcon-D7hzRRzt.js → AddonAssetIcon-DluKeSLM.js} +1 -1
- package/dist/assets/{Addons-D7snjkIp.js → Addons-K1tlc9oa.js} +1 -1
- package/dist/assets/{AdminPage-Bq_3O3Tg.js → AdminPage-C5LFCJk5.js} +1 -1
- package/dist/assets/{AdminSectionedPage-Buv2vknv.js → AdminSectionedPage-19f7kgdu.js} +1 -1
- package/dist/assets/{AiProfiles-roYoN5ca.js → AiProfiles-NS37IKYl.js} +1 -1
- package/dist/assets/{BrokerForm-ToWLXzvE.js → BrokerForm-Fjf0YEvv.js} +1 -1
- package/dist/assets/{Build-DoERdFjs.js → Build-B8ZN2rLp.js} +1 -1
- package/dist/assets/{Calendars-DTlBM0vi.js → Calendars-Bi3p9Y4A.js} +1 -1
- package/dist/assets/{Cluster-CzhZyKHh.js → Cluster-CH2e46gv.js} +1 -1
- package/dist/assets/{ClusterStepModel-Bo9Plw-7.js → ClusterStepModel-D9DUnIVI.js} +1 -1
- package/dist/assets/{CompositionEditor-Bmt3t9j0.js → CompositionEditor-DfeYT8kG.js} +1 -1
- package/dist/assets/{CompositionEditorPage-Dhl9w1Ky.js → CompositionEditorPage-CbSXPpoA.js} +1 -1
- package/dist/assets/{Data-BerqJv-R.js → Data-eoJCCtc7.js} +1 -1
- package/dist/assets/{DeviceDetail-wmp_AzI7.js → DeviceDetail-DB8I_FX_.js} +1 -1
- package/dist/assets/{DeviceDoActionFields-CWfi2i-a.js → DeviceDoActionFields-buAipDUO.js} +1 -1
- package/dist/assets/{Devices-Bwh6xq6p.js → Devices-00As-AGG.js} +1 -1
- package/dist/assets/{EmbedPlayerPage-CVfF33WY.js → EmbedPlayerPage-DW07EIy3.js} +1 -1
- package/dist/assets/{Identity-DIUojPNn.js → Identity-NRA2VAOF.js} +1 -1
- package/dist/assets/{IntegrationDetail-52rCkOl9.js → IntegrationDetail-79KHA_uA.js} +1 -1
- package/dist/assets/{IntegrationHub-C53PKg82.js → IntegrationHub-C0g65LkU.js} +1 -1
- package/dist/assets/{Integrations-DiL6neEK.js → Integrations-CZY_1Wd2.js} +1 -1
- package/dist/assets/{Integrations-B1Jkolm_.js → Integrations-DZ0kj_xd.js} +1 -1
- package/dist/assets/{Library-DGWfupQw.js → Library-CScCFPJU.js} +1 -1
- package/dist/assets/{Locations-hfcEkMEa.js → Locations-BYkADpQt.js} +1 -1
- package/dist/assets/{Logs-txl2tcIz.js → Logs-DaM60Mbh.js} +1 -1
- package/dist/assets/{MotionZonesSettings-0xt0Qzhi.js → MotionZonesSettings-Cxd-RbK4.js} +1 -1
- package/dist/assets/{MyAccess-UQ-Rc8u5.js → MyAccess-CTjhKdd8.js} +1 -1
- package/dist/assets/{Network-BxUlqifm.js → Network-Buev9P2l.js} +1 -1
- package/dist/assets/{NodeAddonsSettingsPanel-DsRZ-49M.js → NodeAddonsSettingsPanel-C4VI2167.js} +1 -1
- package/dist/assets/{Notifications--uWoFZ5W.js → Notifications-CbvjDxOp.js} +1 -1
- package/dist/assets/{PrivacyMaskSettings-CpiJQvee.js → PrivacyMaskSettings--8pMGBJ0.js} +1 -1
- package/dist/assets/{Recordings-BgcX__EP.js → Recordings-FMpn7asA.js} +1 -1
- package/dist/assets/{ScanNetworkModal-BzuRlHiY.js → ScanNetworkModal-BL9gAjry.js} +1 -1
- package/dist/assets/{SceneMonitorEditor-IoZbAj6c.js → SceneMonitorEditor-COtYPcEo.js} +1 -1
- package/dist/assets/{SessionsList-BWyiwrvw.js → SessionsList-s-fB_Hb4.js} +1 -1
- package/dist/assets/{Showroom-Cs86sKY-.js → Showroom-STlvxBi_.js} +1 -1
- package/dist/assets/{System-Dp-fqlab.js → System-CKF4OzOy.js} +1 -1
- package/dist/assets/{Terminal-BNUGxeJS.js → Terminal-ChX2kcWT.js} +1 -1
- package/dist/assets/{Viewer-PmTvNpp4.js → Viewer-bj59Z5ED.js} +1 -1
- package/dist/assets/{_virtual_mf-localSharedImportMap___mfe_internal__admin_ui_host-B-gYD7vP.js → _virtual_mf-localSharedImportMap___mfe_internal__admin_ui_host-bRKHXqjT.js} +1 -1
- package/dist/assets/{archive-vWHV8Pvd.js → archive-D_OlUVGz.js} +1 -1
- package/dist/assets/{authed-media-dWlGAJej.js → authed-media-BgzpKT8z.js} +1 -1
- package/dist/assets/{boxes-HtHKMF0e.js → boxes-CD-O2PMM.js} +1 -1
- package/dist/assets/circle-slash-Cm-JFhvJ.js +1 -0
- package/dist/assets/client-5te-ilJt.js +357 -0
- package/dist/assets/crop-CIVwH1w4.js +1 -0
- package/dist/assets/{device-integration-icon-CCt4kmz0.js → device-integration-icon-DkUahrQn.js} +1 -1
- package/dist/assets/device-picker-model-w6G_nEa9.js +1 -0
- package/dist/assets/{dist-b6NDr5B0.js → dist-BGSAqma9.js} +1 -1
- package/dist/assets/dist-DXyWyMbP.js +357 -0
- package/dist/assets/{format-size-ClhqH81R.js → format-size-CSeCM8l1.js} +1 -1
- package/dist/assets/{history-DZ3TSSF0.js → history-D05a2-vq.js} +1 -1
- package/dist/assets/{hostInit-B6C7Nu8l.js → hostInit-zq--8nDH.js} +1 -1
- package/dist/assets/{index-B0XQy_CH.js → index-DDmqlvcT.js} +3 -3
- package/dist/assets/{layers-D4cnJ7m7.js → layers-C83SSmue.js} +1 -1
- package/dist/assets/{location-owned-usage-7teGMzZj.js → location-owned-usage-nT-gkT5K.js} +1 -1
- package/dist/assets/{log-in-DIaUMAnO.js → log-in-BArG6Pn0.js} +1 -1
- package/dist/assets/{mf-entry-bootstrap-0-d27b948d.js → mf-entry-bootstrap-0-0fefeabc.js} +2 -2
- package/dist/assets/{monitor-smartphone-CgusKZ_L.js → monitor-smartphone-B6YaeP73.js} +1 -1
- package/dist/assets/mount-w6G_nEa9.js +1 -0
- package/dist/assets/{notification-schedule-field-UGngayeC.js → notification-schedule-field-6AB0iFGq.js} +1 -1
- package/dist/assets/{octagon-alert-CeX86YLB.js → octagon-alert-CWAuW3R4.js} +1 -1
- package/dist/assets/{player-overlays-B7JYSOaJ.js → player-overlays-CZrmucwd.js} +1 -1
- package/dist/assets/remoteEntry-zrcjCbF7.js +1 -0
- package/dist/assets/{send-BtInnzqs.js → send-N3EWOQ5u.js} +1 -1
- package/dist/assets/{settings-2-C4_AwfFQ.js → settings-2-DHr5cfbn.js} +1 -1
- package/dist/assets/{src-C34y26ER.js → src-bcpTnpz5.js} +3 -3
- package/dist/assets/{use-scenes-feed-CnhGavpZ.js → use-scenes-feed-BZdRZjQ-.js} +1 -1
- package/dist/assets/{use-stationary-objects-xt13LRuM.js → use-stationary-objects-CGE3nepe.js} +1 -1
- package/dist/assets/useEventInvalidation-w6G_nEa9.js +1 -0
- package/dist/assets/{useNodeUrlSelection-C_NCFhpy.js → useNodeUrlSelection-Cx3uL0rK.js} +1 -1
- package/dist/assets/user-round-CkfojIm9.js +1 -0
- package/dist/assets/{virtual_mf-REMOTE_ENTRY_ID___mfe_internal__admin_ui_host__remoteEntry-_hash_-C1MwEooz.js → virtual_mf-REMOTE_ENTRY_ID___mfe_internal__admin_ui_host__remoteEntry-_hash_-DieMZdOY.js} +2 -2
- package/dist/index.html +7 -7
- package/dist/server/addon.js +6 -1
- package/package.json +1 -1
- package/dist/assets/circle-slash-B-XA97X6.js +0 -1
- package/dist/assets/client-D6dG-vpN.js +0 -357
- package/dist/assets/crop-DmZNxokA.js +0 -1
- package/dist/assets/device-picker-model-UBQENNdZ.js +0 -1
- package/dist/assets/dist-CTSQo_-N.js +0 -357
- package/dist/assets/mount-UBQENNdZ.js +0 -1
- package/dist/assets/remoteEntry-CcSux2B4.js +0 -1
- package/dist/assets/useEventInvalidation-UBQENNdZ.js +0 -1
- package/dist/assets/user-round-BrCGjFff.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{I as e,K as t,Q as n,S as r,W as i,a,b as o,o as s,q as c,t as l,x as u,z as d}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-DhP-Lgiq.js";import{Q as f,ct as p,ot as m,yt as h}from"./player-overlays-B7JYSOaJ.js";import{$ as g,An as _,Cd as v,Ci as y,Ed as b,Fn as ee,Gi as x,Gn as S,Hn as C,Ht as te,In as w,L as ne,Mn as T,Nn as E,Q as D,Si as O,Tn as re,Wn as ie,Yu as k,_u as A,bi as j,dd as ae,gi as oe,hi as se,jn as M,jr as N,md as P,mf as F,nr as ce,od as I,ud as le,ur as L,vi as R,xi as z,yi as ue,z as de}from"./src-C34y26ER.js";import{t as B}from"./log-in-DIaUMAnO.js";import{t as V}from"./monitor-smartphone-CgusKZ_L.js";import{Cr as H,Nt as fe,tr as pe}from"./client-D6dG-vpN.js";import{t as U}from"./useTranslation-Bc5yH9V9.js";import"./mount-UBQENNdZ.js";import{$ as W,C as me,I as he,Z as ge,r as _e,s as ve,t as ye,tt as be}from"./index-B0XQy_CH.js";import{t as xe}from"./AdminSectionedPage-Buv2vknv.js";import{t as Se}from"./NodeAddonsSettingsPanel-DsRZ-49M.js";import{t as Ce}from"./BrokerForm-ToWLXzvE.js";import{n as we,r as G,t as Te}from"./IntegrationHub-C53PKg82.js";var Ee=h(`recycle`,[[`path`,{d:`M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5`,key:`x6z5xu`}],[`path`,{d:`M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12`,key:`1x4zh5`}],[`path`,{d:`m14 16-3 3 3 3`,key:`f6jyew`}],[`path`,{d:`M8.293 13.596 7.196 9.5 3.1 10.598`,key:`wf1obh`}],[`path`,{d:`m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 11.985 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843`,key:`9tzpgr`}],[`path`,{d:`m13.378 9.633 4.096 1.098 1.097-4.096`,key:`1oe83g`}]]);n();var K=`kind`,q=`name`,J=`restore`,Y=`restoreId`;function De(e){return{sections:[{id:`broker-identity`,title:`Broker`,columns:1,fields:[{type:`select`,key:K,label:`Kind`,options:e.map(e=>({value:e.key,label:e.label})),disabled:e.length<=1},{type:`text`,key:q,label:`Name`,placeholder:`My Home Assistant`,required:!0},{type:`boolean`,key:J,label:`Restore a broker that was removed, under its original id`,description:`Devices remember the broker id they were discovered under, so restoring the original id reconnects them instead of needing re-discovery. An id that is still in use is refused.`},{type:`text`,key:Y,label:`Original broker id`,placeholder:`ha_004`,required:!0,showWhen:{field:J,equals:!0}}]}]}}function Oe(e){let t=t=>{let n=e[t];return typeof n==`string`?n.trim():``},n=t(K);if(n===``)return{ok:!1,problem:`Pick a kind.`};let r=t(q);if(r===``)return{ok:!1,problem:`Enter a name before saving.`};if(e.restore!==!0)return{ok:!0,identity:{kindKey:n,name:r,restoreId:null}};let i=t(Y);return i===``?{ok:!1,problem:`Enter the original id, or turn restore off to create a new broker.`}:{ok:!0,identity:{kindKey:n,name:r,restoreId:i}}}function ke(e){if(typeof e!=`object`||!e)return!1;let t=e;return t.type===`camstack:broker-oauth`&&typeof t.ok==`boolean`}function Ae(e,t){return e.split(`{{brokerId}}`).join(encodeURIComponent(t))}function je(e,t,n=window){let r=n.location.origin,i=!1,a=e=>{i||(i=!0,n.removeEventListener(`message`,o),window.clearInterval(s),t(e))},o=t=>{t.origin!==r||t.source!==e||ke(t.data)&&a({ok:t.data.ok,...t.data.brokerId===void 0?{}:{brokerId:t.data.brokerId},...t.data.error===void 0?{}:{error:t.data.error}})};n.addEventListener(`message`,o);let s=window.setInterval(()=>{e.closed&&a({ok:!0})},500);return()=>{i=!0,n.removeEventListener(`message`,o),window.clearInterval(s)}}function X(e,t,n){let r=f(_e(Ae(e,t))),i=ye(r);if(i===null){window.location.assign(r);return}je(i,e=>{n?.(e)})}var Me={"home-assistant":`Home Assistant`,mqtt:`MQTT`};function Z(e){return Me[e]??e}function Ne(e){return Array.isArray(e)?e.filter(e=>typeof e==`object`&&!!e&&typeof e.addonId==`string`&&Array.isArray(e.kinds)):[]}var Pe={connected:`success`,connecting:`warning`,disconnected:`default`,"auth-failed":`danger`,unreachable:`danger`,error:`danger`};function Fe({status:e}){return u(L,{variant:Pe[e],className:`text-[10px]`,children:e})}function Ie(e){return Array.isArray(e)?e.filter(e=>typeof e==`object`&&!!e&&typeof e.id==`string`):[]}function Le({title:e,subtitle:t,onClose:n,children:i}){return u(_,{open:!0,onOpenChange:e=>!e&&n(),children:r(T,{width:`md`,placement:`sheet-on-mobile`,scroll:`body`,children:[r(ee,{children:[u(w,{children:e}),t&&u(E,{children:t})]}),u(M,{className:`space-y-3 pr-1`,children:i})]})})}function Re({kinds:e,onClose:t,onDone:n}){let a=s(),o=i(()=>De(e.map(e=>({key:Q(e),label:e.label}))),[e]),[l,d]=c(()=>({[K]:Q(e[0]),[q]:``,[J]:!1,[Y]:``})),[f,p]=c(null),m=e.find(e=>Q(e)===l.kind)??e[0],h=m?.kind??``,g=m?.addonId,_=m?.interactiveConnectPath,v=se({onSuccess:e=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]});let t=typeof e==`object`&&e&&typeof e.id==`string`?e.id:null;t!==null&&_!==void 0&&_.length>0&&X(_,t,()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]})}),n()}}),y=e=>{let t=Oe(l);if(!t.ok){p(t.problem);return}p(null);let{name:n,restoreId:r}=t.identity;v.mutate({kind:h,name:n,settings:e,...r===null?{}:{id:r},...g===void 0?{}:{addonId:g}})};return r(Le,{title:`Add broker`,subtitle:`Register a message broker for exporters and automations.`,onClose:v.isPending?()=>{}:t,children:[u(he,{schema:o,values:l,onChange:d}),f!==null&&u(C,{message:f}),v.isError&&u(C,{message:v.error instanceof Error?v.error.message:String(v.error)}),h&&u(Ce,{kind:h,...g===void 0?{}:{addonId:g},onSubmit:y,onCancel:t,submitLabel:v.isPending?`Adding…`:`Add broker`,disabled:v.isPending},Q(m))]})}function Q(e){return e===void 0?``:`${e.addonId??``}::${e.kind}`}function ze({broker:e,onClose:t,onDone:n}){let a=s(),o=oe({id:e.id,addonId:e.addonId}),c=O({onSuccess:()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]}),a.invalidateQueries({queryKey:[[`broker`,`getSettings`],{input:{id:e.id,addonId:e.addonId}}]}),n()}}),l=i(()=>{let e=o.data;return e&&typeof e==`object`?{...e}:{}},[o.data]);return u(Le,{title:`Edit ${e.name}`,subtitle:`${Z(e.kind)} · ${e.id}`,onClose:c.isPending?()=>{}:t,children:o.isLoading?r(`div`,{className:`flex items-center gap-2 text-xs text-foreground-subtle`,children:[u(b,{className:`h-3.5 w-3.5 animate-spin`}),` Loading settings…`]}):o.isError?r(`div`,{className:`space-y-3`,children:[u(C,{message:`Failed to load settings: ${o.error instanceof Error?o.error.message:`Unknown error`}`}),u(`div`,{className:`flex justify-end`,children:u(S,{variant:`outline`,size:`sm`,onClick:t,children:`Close`})})]}):r(`div`,{className:`space-y-3`,children:[c.isError&&u(C,{message:c.error instanceof Error?c.error.message:String(c.error)}),u(Ce,{kind:e.kind,addonId:e.addonId,brokerId:e.id,initialValues:l,onSubmit:t=>{c.mutate({id:e.id,settings:t,addonId:e.addonId})},onCancel:t,submitLabel:c.isPending?`Saving…`:`Save`,disabled:c.isPending})]})})}function Be({broker:e,interactiveConnectPath:t,interactiveDisconnectPath:n,onEdit:i}){let a=s(),o=ce(),[l,d]=c(null),f=y({onSuccess:e=>d(e.ok?{ok:!0}:{ok:!1,error:e.error}),onError:e=>d({ok:!1,error:e instanceof Error?e.message:String(e)})}),m=z({onSuccess:()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]})}}),h=async()=>{await o({title:`Delete broker`,message:`Delete broker "${e.name}"? Integrations that depend on it will stop working.`,confirmLabel:`Delete`,variant:`danger`})&&m.mutate({id:e.id,addonId:e.addonId})},g=t!==void 0&&t.length>0&&e.status!==`connected`,_=n!==void 0&&n.length>0&&e.status===`connected`;return r(`tr`,{className:`border-b border-border last:border-0`,children:[u(`td`,{className:`px-3 py-2 text-xs text-foreground font-medium`,children:e.name}),u(`td`,{className:`px-3 py-2 text-xs text-foreground-subtle`,children:Z(e.kind)}),r(`td`,{className:`px-3 py-2`,children:[u(Fe,{status:e.status}),l&&u(`span`,{className:`ml-2 text-[10px] ${l.ok?`text-success`:`text-danger`}`,children:l.ok?`OK`:l.error??`failed`})]}),u(`td`,{className:`px-3 py-2`,children:r(`div`,{className:`flex items-center justify-end gap-1.5`,children:[g&&r(S,{variant:`primary`,size:`sm`,onClick:()=>{X(t,e.id,()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]})})},title:`Sign in — opens a popup that closes when done`,children:[u(B,{className:`h-3 w-3`}),` Sign in`]}),_&&r(S,{variant:`outline`,size:`sm`,onClick:()=>{X(n,e.id,()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]})})},title:`Sign out — clears the linked Google account on this broker`,children:[u(be,{className:`h-3 w-3`}),` Sign out`]}),r(S,{variant:`outline`,size:`sm`,onClick:()=>f.mutate({id:e.id,addonId:e.addonId}),disabled:f.isPending,title:`Test connection`,children:[f.isPending?u(b,{className:`h-3 w-3 animate-spin`}):u(A,{className:`h-3 w-3`}),`Test`]}),r(S,{variant:`outline`,size:`sm`,onClick:()=>i(e),title:`Edit`,children:[u(P,{className:`h-3 w-3`}),` Edit`]}),r(S,{variant:`outline`,size:`sm`,className:`border-danger/40 text-danger hover:bg-danger/10`,onClick:()=>{h()},disabled:m.isPending,title:`Delete`,children:[m.isPending?u(b,{className:`h-3 w-3 animate-spin`}):u(p,{className:`h-3 w-3`}),`Delete`]})]})})]})}function Ve({addonId:e}={}){let t=ue({}),n=j(),a=i(()=>Ie(t.data).filter(t=>e===void 0||t.addonId===e),[t.data,e]),[o,s]=c(!1),[l,d]=c(null),f=i(()=>{let t=new Map;for(let r of Ne(n.data))if(!(e!==void 0&&r.addonId!==e))for(let e of r.kinds){let n=typeof e.interactiveConnectPath==`string`&&e.interactiveConnectPath.length>0?e.interactiveConnectPath:void 0,i=typeof e.interactiveDisconnectPath==`string`&&e.interactiveDisconnectPath.length>0?e.interactiveDisconnectPath:void 0;t.set(`${r.addonId}::${e.kind}`,{addonId:r.addonId,kind:e.kind,label:e.label,...n===void 0?{}:{interactiveConnectPath:n},...i===void 0?{}:{interactiveDisconnectPath:i}})}for(let e of a)[...t.values()].some(t=>t.kind===e.kind)||t.set(`::${e.kind}`,{kind:e.kind,label:Z(e.kind)});return[...t.values()]},[a,n.data,e]),p=i(()=>{let e=new Map;for(let t of f)e.has(t.kind)||e.set(t.kind,{...t.interactiveConnectPath===void 0?{}:{connect:t.interactiveConnectPath},...t.interactiveDisconnectPath===void 0?{}:{disconnect:t.interactiveDisconnectPath}});return e},[f]);return r(`div`,{className:`space-y-3`,children:[u(`div`,{className:`flex items-center justify-end`,children:r(S,{variant:`primary`,size:`sm`,onClick:()=>s(!0),disabled:f.length===0,title:f.length===0?`No broker providers available`:void 0,children:[u(ae,{className:`h-3.5 w-3.5`}),` Add broker`]})}),u(`div`,{className:`rounded-lg border border-border bg-surface overflow-x-auto`,children:r(`table`,{className:`w-full min-w-[36rem] border-collapse`,children:[u(`thead`,{children:r(`tr`,{className:`border-b border-border bg-background/50`,children:[u(`th`,{className:`px-3 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:`Name`}),u(`th`,{className:`px-3 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:`Kind`}),u(`th`,{className:`px-3 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:`Status`}),u(`th`,{className:`px-3 py-2 text-right text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:`Actions`})]})}),r(`tbody`,{children:[t.isLoading&&u(`tr`,{children:r(`td`,{colSpan:4,className:`px-3 py-6 text-center text-xs text-foreground-subtle`,children:[u(b,{className:`inline h-4 w-4 animate-spin`}),` Loading brokers…`]})}),t.isError&&u(`tr`,{children:r(`td`,{colSpan:4,className:`px-3 py-4 text-center text-xs text-danger`,children:[`Failed to load brokers:`,` `,t.error instanceof Error?t.error.message:`Unknown error`]})}),!t.isLoading&&!t.isError&&a.length===0&&u(`tr`,{children:u(`td`,{colSpan:4,className:`px-3 py-6 text-center text-xs text-foreground-subtle`,children:`No brokers registered yet. Add one to publish device events for downstream automations.`})}),a.map(e=>{let t=p.get(e.kind);return u(Be,{broker:e,...t?.connect===void 0?{}:{interactiveConnectPath:t.connect},...t?.disconnect===void 0?{}:{interactiveDisconnectPath:t.disconnect},onEdit:d},e.id)})]})]})}),o&&u(Re,{kinds:f,onClose:()=>s(!1),onDone:()=>s(!1)}),l&&u(ze,{broker:l,onClose:()=>d(null),onDone:()=>d(null)})]})}function He(e){if(typeof e==`string`)return e;if(typeof e==`object`&&e){let t=e.name;if(typeof t==`string`)return t}return null}function Ue(e){let t=e,n=t?.manifest;if(n?.id===void 0)return null;let r=(n.capabilities??[]).map(He).filter(e=>e!==null);return{addonId:n.id,displayName:n.packageDisplayName??n.name??n.id,capNames:r,processState:t?.process?.state??null}}function We(e,t){return Object.entries(e).filter(([,e])=>e===t).map(([e])=>e)}function Ge(e,t){return t.find(t=>e.capNames.includes(t))??null}function Ke(e){switch(e){case`running`:return{state:`ok`,label:`running`};case`crashed`:case`failed`:return{state:`error`,label:e};case`stopped`:case`disabled`:return{state:`off`,label:`stopped`};default:return{state:`unknown`,label:e??`unknown`}}}n();var qe=[`wasteCollections`,`listSources`],Je=[`wasteCollections`,`listCountries`];function Ye(e){return e instanceof Error?e.message:String(e)}function Xe(e){return typeof e!=`object`||!e?!1:Array.isArray(Reflect.get(e,`sections`))}function Ze(e){if(!Array.isArray(e))return[];let t=[];for(let n of e){if(typeof n!=`object`||!n)continue;let e=Reflect.get(n,`id`),r=Reflect.get(n,`label`),i=Reflect.get(n,`module`);if(typeof e!=`string`||typeof r!=`string`||typeof i!=`string`)continue;let a=Reflect.get(n,`argsJson`),o=Reflect.get(n,`enabled`),s=Reflect.get(n,`formValues`),c=Reflect.get(n,`serviceId`),l=Reflect.get(n,`countryId`);t.push({id:e,label:r,module:i,argsJson:typeof a==`string`?a:`{}`,enabled:typeof o==`boolean`?o:!0,formValues:typeof s==`object`&&s&&!Array.isArray(s)?s:void 0,serviceId:typeof c==`string`?c:void 0,countryId:typeof l==`string`?l:void 0})}return t}function Qe(e){return Array.isArray(e)?e.flatMap(e=>{if(typeof e!=`object`||!e)return[];let t=Reflect.get(e,`id`),n=Reflect.get(e,`label`);return typeof t!=`string`||typeof n!=`string`?[]:[{id:t,label:n}]}):[]}function $e(e){return Array.isArray(e)?e.flatMap(e=>{if(typeof e!=`object`||!e)return[];let t=Reflect.get(e,`id`),n=Reflect.get(e,`label`),r=Reflect.get(e,`module`);if(typeof t!=`string`||typeof n!=`string`||typeof r!=`string`)return[];let i=Reflect.get(e,`title`);return[{id:t,label:n,title:typeof i==`string`&&i.length>0?i:n,module:r}]}):[]}function et(e,t,n){return{sections:[{id:`picker`,title:`Country & service`,columns:2,fields:[{type:`select`,key:`countryId`,label:`Country`,options:[{value:``,label:`Select country…`},...e.map(e=>({value:e.id,label:e.label}))]},{type:`select`,key:`serviceId`,label:`Service`,options:[{value:``,label:n===``?`Pick a country first`:`Select service…`},...t.map(e=>({value:e.id,label:e.label}))]}]}]}}function tt({addonId:n,capName:f}){let h=m(),g=s(),_=ce(),v=ne({editKey:`wasteEdit`,newKey:`wasteNew`}),[y,b]=c(!1),[ee,x]=c(null),[C,w]=c({countryId:``,serviceId:``}),[T,E]=c({label:`New source`,enabled:!0}),D=t(null),O=typeof C.countryId==`string`?C.countryId:``,k=typeof C.serviceId==`string`?C.serviceId:``,A=e((e,t)=>h.trpcClient.addons.custom.mutate({addonId:n,action:e,input:t}),[n,h]),j=a({queryKey:[...qe,n],queryFn:async()=>Ze(await A(`listSources`,{}))}),oe=a({queryKey:[...Je,n],queryFn:async()=>Qe(await A(`listCountries`,{}))}),se=a({queryKey:[`wasteCollections`,`listServices`,n,O],enabled:O!==``,queryFn:async()=>$e(await A(`listServices`,{countryId:O}))}),M=a({queryKey:[`wasteCollections`,`serviceFormSchema`,n,k],enabled:k!==``,queryFn:async()=>A(`serviceFormSchema`,{serviceId:k})}),N=j.data??[],P=oe.data??[],F=se.data??[],I=Xe(M.data)?M.data:void 0,le=i(()=>et(P,O===``?[]:F,O),[P,F,O]),R=v.state,z=R.mode===`edit`?N.find(e=>e.id===R.id)??null:null;d(()=>{if(v.state.mode===`edit`&&z!==null){let e=`edit:${z.id}`;if(D.current===e)return;D.current=e,x(null),w({countryId:z.countryId??``,serviceId:z.serviceId??``}),E(z.formValues===void 0?{label:z.label,enabled:z.enabled}:{...z.formValues});return}if(v.state.mode===`new`){if(D.current===`new`)return;D.current=`new`,x(null),w({countryId:``,serviceId:``}),E({label:`New source`,enabled:!0})}},[z,v.state]),d(()=>{if(v.state.mode!==`new`||k===``)return;let e=F.find(e=>e.id===k);e&&E(t=>{let n=t.label;return typeof n==`string`&&n!==``&&n!==`New source`?t:{...t,label:e.title}})},[v.state.mode,k,F]);let ue=e(e=>{w(t=>{let n=typeof e.countryId==`string`?e.countryId:``;return n===(typeof t.countryId==`string`?t.countryId:``)?e:{countryId:n,serviceId:``}})},[]),B=e(async()=>{await g.invalidateQueries({queryKey:qe})},[g]),V=l({mutationFn:async e=>A(`deleteSource`,{id:e}),onSuccess:async()=>B()}),H=e(async e=>{await _({title:`Delete waste source?`,message:`Remove “${e.label}” (${e.id}). Its calendar under System → Calendars is dropped.`,confirmLabel:`Delete`,cancelLabel:`Cancel`,variant:`danger`})&&(await V.mutateAsync(e.id),v.state.mode===`edit`&&v.state.id===e.id&&(v.close(),D.current=null))},[_,V,v]),fe=e(async()=>{let e=T.label,t=typeof e==`string`&&e.trim()!==``?e.trim():``;if(t===``){x(`Label is required.`);return}if(k===``){x(`Pick a country and a service.`);return}let n=v.state.mode===`new`,r=z?.id;if(!n&&(r===void 0||r===``)){x(`That source is no longer available.`);return}let i=T.enabled,a={...T};delete a.label,delete a.enabled,b(!0),x(null);try{n?await A(`createSource`,{label:t,serviceId:k,args:a,enabled:typeof i==`boolean`?i:!0}):r!==void 0&&await A(`updateSource`,{id:r,label:t,serviceId:k,args:a,enabled:typeof i==`boolean`?i:!0}),await B(),v.close(),D.current=null}catch(e){x(Ye(e))}finally{b(!1)}},[A,z,v,T,B,k]),pe=i(()=>[{key:`label`,header:`Label`,sortValue:e=>e.label,render:e=>u(`span`,{className:`text-sm text-foreground`,children:e.label})},{key:`module`,header:`Module`,sortValue:e=>e.module,render:e=>u(`span`,{className:`font-mono text-xs text-foreground-muted`,children:e.module})},{key:`enabled`,header:`Enabled`,sortValue:e=>+!!e.enabled,render:e=>u(L,{variant:e.enabled?`success`:`default`,children:e.enabled?`On`:`Off`})},{key:`actions`,header:``,notSortableReason:`actions`,render:e=>u(S,{type:`button`,size:`sm`,variant:`ghost`,"aria-label":`Delete ${e.label}`,"data-testid":`waste-source-delete-${e.id}`,onClick:t=>{t.stopPropagation(),H(e)},children:u(p,{className:`h-3.5 w-3.5 text-danger`})})}],[H]),U=v.state.mode===`new`,W=U||z!==null,me=`${k}:${U?`new`:z?.id??`closed`}`;return r(`div`,{className:`flex min-h-0 flex-col gap-4`,"data-testid":`waste-settings-sources`,children:[r(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[u(`p`,{className:`text-sm text-foreground-muted`,children:`Pick a country and a service — configuration fields come from that HACS source.`}),r(S,{type:`button`,size:`sm`,"data-testid":`waste-sources-add`,onClick:()=>v.openNew(),children:[u(ae,{className:`h-3.5 w-3.5`}),`Add source`]})]}),j.isError?u(`p`,{className:`text-sm text-danger`,children:`Could not load sources.`}):null,j.isPending?u(ie,{className:`h-32 w-full`}):u(te,{columns:pe,rows:N,rowKey:e=>e.id,pageSize:25,mobileMode:`scroll`,emptyMessage:`No waste sources yet. Add one to register a municipal service.`,onRowClick:e=>v.openEdit(e.id),defaultSort:{columnKey:`label`,dir:`asc`}}),u(de,{open:W,onClose:()=>{v.close(),x(null),D.current=null},title:U?`Add waste source`:`Edit ${z?.label??`source`}`,icon:Ee,width:`xl`,testId:`waste-source-editor`,error:ee,footer:u(S,{type:`button`,size:`sm`,disabled:y||k===``,onClick:()=>void fe(),children:y?`Saving…`:`Save`}),children:W?r(o,{children:[u(`div`,{"data-testid":`waste-country-service`,children:u(re,{schema:le,values:C,onChange:ue},`picker:${O}:${F.length}`)}),k!==``&&I!==void 0?u(re,{schema:I,values:T,onChange:E,bare:!0},me):k!==``&&M.isPending?u(`p`,{className:`text-sm text-foreground-muted`,children:`Loading fields…`}):u(`p`,{className:`text-sm text-foreground-muted`,children:`Choose a country and service to see the required fields.`})]}):null}),u(Se,{nodeId:`hub`,addonIds:[n],level:`global`,capability:f,hideSectionChrome:!0})]})}n();var $=1e4,nt={"device-export":`exporters`,exporters:`exporters`,email:`email`,broker:`brokers`,brokers:`brokers`,"message-brokers":`brokers`,calendar:`calendars`,calendars:`calendars`,"calendar-source":`calendars`},rt=[{sectionId:`exporters`,kind:`device-export`,label:`Exporters`,icon:k,installLabel:`Add export`,emptyTitle:`No device exporters installed`,emptyDescription:`Install an export addon to publish devices to Alexa, HomeKit, Google Home or Home Assistant.`},{sectionId:`email`,kind:`email`,label:`Email`,icon:v,installLabel:`Add email provider`,emptyTitle:`No email providers installed`,emptyDescription:`Install an SMTP or Gmail addon to send notification email from this hub.`},{sectionId:`brokers`,kind:`broker`,label:`Brokers`,icon:I,installLabel:`Add broker addon`,emptyTitle:`No message brokers installed`,emptyDescription:`Install a broker addon to connect Home Assistant, Homematic, MQTT, Matter and similar systems.`},{sectionId:`calendars`,kind:`calendar`,label:`Calendars`,icon:F,installLabel:`Add calendar source`,emptyTitle:`No calendar sources installed`,emptyDescription:`Install a calendar-source addon (Google Calendar, waste collections, …) to feed System → Calendars.`}];function it(e,t,n){let i=We(fe,e.kind),a=t.flatMap(t=>{let a=Ge(t,i);if(a===null)return[];let s=Ke(t.processState);return[{id:t.addonId,name:t.displayName,fallbackIcon:e.icon,state:s.state,stateLabel:s.label,render:()=>u(we,{addonId:t.addonId,displayName:t.displayName,capName:a,isActive:t.processState===`running`,badges:r(o,{children:[u(ct,{processState:t.processState}),u(lt,{kind:e.kind,addonId:t.addonId})]}),lead:e.kind===`device-export`?u(g,{addonId:t.addonId}):void 0,panels:st(e.kind,t.addonId,e=>n(`/devices/${e}`)),settingsContent:t.addonId===`waste-collections`?u(tt,{addonId:t.addonId,capName:a}):void 0})}]});return{id:e.sectionId,label:e.label,entries:a,install:{capability:i[0]??e.kind,label:e.installLabel}}}function at({descriptor:e,rows:t,isLoading:n}){let r=ge(),a=i(()=>it(e,t,r),[e,t,r]);return u(Te,{embedded:!0,icon:e.icon,title:e.label,subtitle:null,groups:[a],isLoading:n,emptyTitle:e.emptyTitle,emptyDescription:e.emptyDescription})}function ot(){let{t:e}=U(),t=N(void 0,{refetchInterval:$}),[n,r]=W(),a=me(`/system/integrations`,{t:e,isAdmin:!0})??{icon:le,title:`Connectivity`};d(()=>{let e=n.get(`tab`);if(e===null)return;let t=nt[e];t===void 0||t===e||r(e=>{let n=new URLSearchParams(e);return n.set(`tab`,t),n},{replace:!0})},[n,r]);let o=i(()=>(t.data??[]).map(Ue).filter(e=>e!==null),[t.data]),s=i(()=>rt.map(e=>({id:e.sectionId,label:e.label,ownedParams:ve,content:u(at,{descriptor:e,rows:o,isLoading:t.isLoading})})),[t.isLoading,o]);return u(xe,{icon:a.icon,title:a.title,subtitle:`External systems this hub talks to — exporters, email, brokers and calendar sources.`,defaultSection:`exporters`,sectionsLabel:`Connectivity sections`,sections:s})}function st(e,t,n){return e===`device-export`?[{id:`devices`,title:`Devices`,icon:V,placement:`end`,content:u(D,{addonId:t,onOpenDevice:n,showSetup:!1})}]:e===`broker`?[{id:`connections`,title:`Connections`,icon:I,content:u(Ve,{addonId:t})}]:[]}function ct({processState:e}){let{state:t,label:n}=Ke(e);return u(L,{variant:t===`ok`?`success`:t===`error`?`danger`:`default`,className:`${G} capitalize`,children:n})}function lt({kind:e,addonId:t}){return e===`broker`?u(ut,{addonId:t}):e===`device-export`?u(dt,{addonId:t}):null}function ut({addonId:e}){let{data:t}=R({addonId:e},{refetchInterval:$,retry:!1}),n=H.safeParse(t);if(!n.success)return null;let{brokerCount:r,connectedCount:i}=n.data;return u(L,{variant:`info`,className:G,children:`${r} connection${r===1?``:`s`}${i>0?` · ${i} connected`:``}`})}function dt({addonId:e}){let{data:t}=x({addonId:e},{refetchInterval:$,retry:!1}),n=pe.safeParse(t);if(!n.success)return null;let{linkState:r,exposedDeviceCount:i}=n.data;return u(L,{variant:r===`linked`?`success`:r===`error`?`danger`:`default`,className:G,children:`${r} · ${i} exposed`})}export{ot as IntegrationsPage};
|
|
1
|
+
import{I as e,K as t,Q as n,S as r,W as i,a,b as o,o as s,q as c,t as l,x as u,z as d}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-DhP-Lgiq.js";import{Q as f,ct as p,ot as m,yt as h}from"./player-overlays-CZrmucwd.js";import{$ as g,An as _,Cd as v,Ci as y,Ed as b,Fn as ee,Gi as x,Gn as S,Hn as C,Ht as te,In as w,L as ne,Mn as T,Nn as E,Q as D,Si as O,Tn as re,Wn as ie,Yu as k,_u as A,bi as j,dd as ae,gi as oe,hi as se,jn as M,jr as N,md as P,mf as F,nr as ce,od as I,ud as le,ur as L,vi as R,xi as z,yi as ue,z as de}from"./src-bcpTnpz5.js";import{t as B}from"./log-in-BArG6Pn0.js";import{t as V}from"./monitor-smartphone-B6YaeP73.js";import{Cr as H,Nt as fe,tr as pe}from"./client-5te-ilJt.js";import{t as U}from"./useTranslation-Bc5yH9V9.js";import"./mount-w6G_nEa9.js";import{$ as W,C as me,I as he,Z as ge,r as _e,s as ve,t as ye,tt as be}from"./index-DDmqlvcT.js";import{t as xe}from"./AdminSectionedPage-19f7kgdu.js";import{t as Se}from"./NodeAddonsSettingsPanel-C4VI2167.js";import{t as Ce}from"./BrokerForm-Fjf0YEvv.js";import{n as we,r as G,t as Te}from"./IntegrationHub-C0g65LkU.js";var Ee=h(`recycle`,[[`path`,{d:`M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5`,key:`x6z5xu`}],[`path`,{d:`M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12`,key:`1x4zh5`}],[`path`,{d:`m14 16-3 3 3 3`,key:`f6jyew`}],[`path`,{d:`M8.293 13.596 7.196 9.5 3.1 10.598`,key:`wf1obh`}],[`path`,{d:`m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 11.985 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843`,key:`9tzpgr`}],[`path`,{d:`m13.378 9.633 4.096 1.098 1.097-4.096`,key:`1oe83g`}]]);n();var K=`kind`,q=`name`,J=`restore`,Y=`restoreId`;function De(e){return{sections:[{id:`broker-identity`,title:`Broker`,columns:1,fields:[{type:`select`,key:K,label:`Kind`,options:e.map(e=>({value:e.key,label:e.label})),disabled:e.length<=1},{type:`text`,key:q,label:`Name`,placeholder:`My Home Assistant`,required:!0},{type:`boolean`,key:J,label:`Restore a broker that was removed, under its original id`,description:`Devices remember the broker id they were discovered under, so restoring the original id reconnects them instead of needing re-discovery. An id that is still in use is refused.`},{type:`text`,key:Y,label:`Original broker id`,placeholder:`ha_004`,required:!0,showWhen:{field:J,equals:!0}}]}]}}function Oe(e){let t=t=>{let n=e[t];return typeof n==`string`?n.trim():``},n=t(K);if(n===``)return{ok:!1,problem:`Pick a kind.`};let r=t(q);if(r===``)return{ok:!1,problem:`Enter a name before saving.`};if(e.restore!==!0)return{ok:!0,identity:{kindKey:n,name:r,restoreId:null}};let i=t(Y);return i===``?{ok:!1,problem:`Enter the original id, or turn restore off to create a new broker.`}:{ok:!0,identity:{kindKey:n,name:r,restoreId:i}}}function ke(e){if(typeof e!=`object`||!e)return!1;let t=e;return t.type===`camstack:broker-oauth`&&typeof t.ok==`boolean`}function Ae(e,t){return e.split(`{{brokerId}}`).join(encodeURIComponent(t))}function je(e,t,n=window){let r=n.location.origin,i=!1,a=e=>{i||(i=!0,n.removeEventListener(`message`,o),window.clearInterval(s),t(e))},o=t=>{t.origin!==r||t.source!==e||ke(t.data)&&a({ok:t.data.ok,...t.data.brokerId===void 0?{}:{brokerId:t.data.brokerId},...t.data.error===void 0?{}:{error:t.data.error}})};n.addEventListener(`message`,o);let s=window.setInterval(()=>{e.closed&&a({ok:!0})},500);return()=>{i=!0,n.removeEventListener(`message`,o),window.clearInterval(s)}}function X(e,t,n){let r=f(_e(Ae(e,t))),i=ye(r);if(i===null){window.location.assign(r);return}je(i,e=>{n?.(e)})}var Me={"home-assistant":`Home Assistant`,mqtt:`MQTT`};function Z(e){return Me[e]??e}function Ne(e){return Array.isArray(e)?e.filter(e=>typeof e==`object`&&!!e&&typeof e.addonId==`string`&&Array.isArray(e.kinds)):[]}var Pe={connected:`success`,connecting:`warning`,disconnected:`default`,"auth-failed":`danger`,unreachable:`danger`,error:`danger`};function Fe({status:e}){return u(L,{variant:Pe[e],className:`text-[10px]`,children:e})}function Ie(e){return Array.isArray(e)?e.filter(e=>typeof e==`object`&&!!e&&typeof e.id==`string`):[]}function Le({title:e,subtitle:t,onClose:n,children:i}){return u(_,{open:!0,onOpenChange:e=>!e&&n(),children:r(T,{width:`md`,placement:`sheet-on-mobile`,scroll:`body`,children:[r(ee,{children:[u(w,{children:e}),t&&u(E,{children:t})]}),u(M,{className:`space-y-3 pr-1`,children:i})]})})}function Re({kinds:e,onClose:t,onDone:n}){let a=s(),o=i(()=>De(e.map(e=>({key:Q(e),label:e.label}))),[e]),[l,d]=c(()=>({[K]:Q(e[0]),[q]:``,[J]:!1,[Y]:``})),[f,p]=c(null),m=e.find(e=>Q(e)===l.kind)??e[0],h=m?.kind??``,g=m?.addonId,_=m?.interactiveConnectPath,v=se({onSuccess:e=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]});let t=typeof e==`object`&&e&&typeof e.id==`string`?e.id:null;t!==null&&_!==void 0&&_.length>0&&X(_,t,()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]})}),n()}}),y=e=>{let t=Oe(l);if(!t.ok){p(t.problem);return}p(null);let{name:n,restoreId:r}=t.identity;v.mutate({kind:h,name:n,settings:e,...r===null?{}:{id:r},...g===void 0?{}:{addonId:g}})};return r(Le,{title:`Add broker`,subtitle:`Register a message broker for exporters and automations.`,onClose:v.isPending?()=>{}:t,children:[u(he,{schema:o,values:l,onChange:d}),f!==null&&u(C,{message:f}),v.isError&&u(C,{message:v.error instanceof Error?v.error.message:String(v.error)}),h&&u(Ce,{kind:h,...g===void 0?{}:{addonId:g},onSubmit:y,onCancel:t,submitLabel:v.isPending?`Adding…`:`Add broker`,disabled:v.isPending},Q(m))]})}function Q(e){return e===void 0?``:`${e.addonId??``}::${e.kind}`}function ze({broker:e,onClose:t,onDone:n}){let a=s(),o=oe({id:e.id,addonId:e.addonId}),c=O({onSuccess:()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]}),a.invalidateQueries({queryKey:[[`broker`,`getSettings`],{input:{id:e.id,addonId:e.addonId}}]}),n()}}),l=i(()=>{let e=o.data;return e&&typeof e==`object`?{...e}:{}},[o.data]);return u(Le,{title:`Edit ${e.name}`,subtitle:`${Z(e.kind)} · ${e.id}`,onClose:c.isPending?()=>{}:t,children:o.isLoading?r(`div`,{className:`flex items-center gap-2 text-xs text-foreground-subtle`,children:[u(b,{className:`h-3.5 w-3.5 animate-spin`}),` Loading settings…`]}):o.isError?r(`div`,{className:`space-y-3`,children:[u(C,{message:`Failed to load settings: ${o.error instanceof Error?o.error.message:`Unknown error`}`}),u(`div`,{className:`flex justify-end`,children:u(S,{variant:`outline`,size:`sm`,onClick:t,children:`Close`})})]}):r(`div`,{className:`space-y-3`,children:[c.isError&&u(C,{message:c.error instanceof Error?c.error.message:String(c.error)}),u(Ce,{kind:e.kind,addonId:e.addonId,brokerId:e.id,initialValues:l,onSubmit:t=>{c.mutate({id:e.id,settings:t,addonId:e.addonId})},onCancel:t,submitLabel:c.isPending?`Saving…`:`Save`,disabled:c.isPending})]})})}function Be({broker:e,interactiveConnectPath:t,interactiveDisconnectPath:n,onEdit:i}){let a=s(),o=ce(),[l,d]=c(null),f=y({onSuccess:e=>d(e.ok?{ok:!0}:{ok:!1,error:e.error}),onError:e=>d({ok:!1,error:e instanceof Error?e.message:String(e)})}),m=z({onSuccess:()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]})}}),h=async()=>{await o({title:`Delete broker`,message:`Delete broker "${e.name}"? Integrations that depend on it will stop working.`,confirmLabel:`Delete`,variant:`danger`})&&m.mutate({id:e.id,addonId:e.addonId})},g=t!==void 0&&t.length>0&&e.status!==`connected`,_=n!==void 0&&n.length>0&&e.status===`connected`;return r(`tr`,{className:`border-b border-border last:border-0`,children:[u(`td`,{className:`px-3 py-2 text-xs text-foreground font-medium`,children:e.name}),u(`td`,{className:`px-3 py-2 text-xs text-foreground-subtle`,children:Z(e.kind)}),r(`td`,{className:`px-3 py-2`,children:[u(Fe,{status:e.status}),l&&u(`span`,{className:`ml-2 text-[10px] ${l.ok?`text-success`:`text-danger`}`,children:l.ok?`OK`:l.error??`failed`})]}),u(`td`,{className:`px-3 py-2`,children:r(`div`,{className:`flex items-center justify-end gap-1.5`,children:[g&&r(S,{variant:`primary`,size:`sm`,onClick:()=>{X(t,e.id,()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]})})},title:`Sign in — opens a popup that closes when done`,children:[u(B,{className:`h-3 w-3`}),` Sign in`]}),_&&r(S,{variant:`outline`,size:`sm`,onClick:()=>{X(n,e.id,()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]})})},title:`Sign out — clears the linked Google account on this broker`,children:[u(be,{className:`h-3 w-3`}),` Sign out`]}),r(S,{variant:`outline`,size:`sm`,onClick:()=>f.mutate({id:e.id,addonId:e.addonId}),disabled:f.isPending,title:`Test connection`,children:[f.isPending?u(b,{className:`h-3 w-3 animate-spin`}):u(A,{className:`h-3 w-3`}),`Test`]}),r(S,{variant:`outline`,size:`sm`,onClick:()=>i(e),title:`Edit`,children:[u(P,{className:`h-3 w-3`}),` Edit`]}),r(S,{variant:`outline`,size:`sm`,className:`border-danger/40 text-danger hover:bg-danger/10`,onClick:()=>{h()},disabled:m.isPending,title:`Delete`,children:[m.isPending?u(b,{className:`h-3 w-3 animate-spin`}):u(p,{className:`h-3 w-3`}),`Delete`]})]})})]})}function Ve({addonId:e}={}){let t=ue({}),n=j(),a=i(()=>Ie(t.data).filter(t=>e===void 0||t.addonId===e),[t.data,e]),[o,s]=c(!1),[l,d]=c(null),f=i(()=>{let t=new Map;for(let r of Ne(n.data))if(!(e!==void 0&&r.addonId!==e))for(let e of r.kinds){let n=typeof e.interactiveConnectPath==`string`&&e.interactiveConnectPath.length>0?e.interactiveConnectPath:void 0,i=typeof e.interactiveDisconnectPath==`string`&&e.interactiveDisconnectPath.length>0?e.interactiveDisconnectPath:void 0;t.set(`${r.addonId}::${e.kind}`,{addonId:r.addonId,kind:e.kind,label:e.label,...n===void 0?{}:{interactiveConnectPath:n},...i===void 0?{}:{interactiveDisconnectPath:i}})}for(let e of a)[...t.values()].some(t=>t.kind===e.kind)||t.set(`::${e.kind}`,{kind:e.kind,label:Z(e.kind)});return[...t.values()]},[a,n.data,e]),p=i(()=>{let e=new Map;for(let t of f)e.has(t.kind)||e.set(t.kind,{...t.interactiveConnectPath===void 0?{}:{connect:t.interactiveConnectPath},...t.interactiveDisconnectPath===void 0?{}:{disconnect:t.interactiveDisconnectPath}});return e},[f]);return r(`div`,{className:`space-y-3`,children:[u(`div`,{className:`flex items-center justify-end`,children:r(S,{variant:`primary`,size:`sm`,onClick:()=>s(!0),disabled:f.length===0,title:f.length===0?`No broker providers available`:void 0,children:[u(ae,{className:`h-3.5 w-3.5`}),` Add broker`]})}),u(`div`,{className:`rounded-lg border border-border bg-surface overflow-x-auto`,children:r(`table`,{className:`w-full min-w-[36rem] border-collapse`,children:[u(`thead`,{children:r(`tr`,{className:`border-b border-border bg-background/50`,children:[u(`th`,{className:`px-3 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:`Name`}),u(`th`,{className:`px-3 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:`Kind`}),u(`th`,{className:`px-3 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:`Status`}),u(`th`,{className:`px-3 py-2 text-right text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:`Actions`})]})}),r(`tbody`,{children:[t.isLoading&&u(`tr`,{children:r(`td`,{colSpan:4,className:`px-3 py-6 text-center text-xs text-foreground-subtle`,children:[u(b,{className:`inline h-4 w-4 animate-spin`}),` Loading brokers…`]})}),t.isError&&u(`tr`,{children:r(`td`,{colSpan:4,className:`px-3 py-4 text-center text-xs text-danger`,children:[`Failed to load brokers:`,` `,t.error instanceof Error?t.error.message:`Unknown error`]})}),!t.isLoading&&!t.isError&&a.length===0&&u(`tr`,{children:u(`td`,{colSpan:4,className:`px-3 py-6 text-center text-xs text-foreground-subtle`,children:`No brokers registered yet. Add one to publish device events for downstream automations.`})}),a.map(e=>{let t=p.get(e.kind);return u(Be,{broker:e,...t?.connect===void 0?{}:{interactiveConnectPath:t.connect},...t?.disconnect===void 0?{}:{interactiveDisconnectPath:t.disconnect},onEdit:d},e.id)})]})]})}),o&&u(Re,{kinds:f,onClose:()=>s(!1),onDone:()=>s(!1)}),l&&u(ze,{broker:l,onClose:()=>d(null),onDone:()=>d(null)})]})}function He(e){if(typeof e==`string`)return e;if(typeof e==`object`&&e){let t=e.name;if(typeof t==`string`)return t}return null}function Ue(e){let t=e,n=t?.manifest;if(n?.id===void 0)return null;let r=(n.capabilities??[]).map(He).filter(e=>e!==null);return{addonId:n.id,displayName:n.packageDisplayName??n.name??n.id,capNames:r,processState:t?.process?.state??null}}function We(e,t){return Object.entries(e).filter(([,e])=>e===t).map(([e])=>e)}function Ge(e,t){return t.find(t=>e.capNames.includes(t))??null}function Ke(e){switch(e){case`running`:return{state:`ok`,label:`running`};case`crashed`:case`failed`:return{state:`error`,label:e};case`stopped`:case`disabled`:return{state:`off`,label:`stopped`};default:return{state:`unknown`,label:e??`unknown`}}}n();var qe=[`wasteCollections`,`listSources`],Je=[`wasteCollections`,`listCountries`];function Ye(e){return e instanceof Error?e.message:String(e)}function Xe(e){return typeof e!=`object`||!e?!1:Array.isArray(Reflect.get(e,`sections`))}function Ze(e){if(!Array.isArray(e))return[];let t=[];for(let n of e){if(typeof n!=`object`||!n)continue;let e=Reflect.get(n,`id`),r=Reflect.get(n,`label`),i=Reflect.get(n,`module`);if(typeof e!=`string`||typeof r!=`string`||typeof i!=`string`)continue;let a=Reflect.get(n,`argsJson`),o=Reflect.get(n,`enabled`),s=Reflect.get(n,`formValues`),c=Reflect.get(n,`serviceId`),l=Reflect.get(n,`countryId`);t.push({id:e,label:r,module:i,argsJson:typeof a==`string`?a:`{}`,enabled:typeof o==`boolean`?o:!0,formValues:typeof s==`object`&&s&&!Array.isArray(s)?s:void 0,serviceId:typeof c==`string`?c:void 0,countryId:typeof l==`string`?l:void 0})}return t}function Qe(e){return Array.isArray(e)?e.flatMap(e=>{if(typeof e!=`object`||!e)return[];let t=Reflect.get(e,`id`),n=Reflect.get(e,`label`);return typeof t!=`string`||typeof n!=`string`?[]:[{id:t,label:n}]}):[]}function $e(e){return Array.isArray(e)?e.flatMap(e=>{if(typeof e!=`object`||!e)return[];let t=Reflect.get(e,`id`),n=Reflect.get(e,`label`),r=Reflect.get(e,`module`);if(typeof t!=`string`||typeof n!=`string`||typeof r!=`string`)return[];let i=Reflect.get(e,`title`);return[{id:t,label:n,title:typeof i==`string`&&i.length>0?i:n,module:r}]}):[]}function et(e,t,n){return{sections:[{id:`picker`,title:`Country & service`,columns:2,fields:[{type:`select`,key:`countryId`,label:`Country`,options:[{value:``,label:`Select country…`},...e.map(e=>({value:e.id,label:e.label}))]},{type:`select`,key:`serviceId`,label:`Service`,options:[{value:``,label:n===``?`Pick a country first`:`Select service…`},...t.map(e=>({value:e.id,label:e.label}))]}]}]}}function tt({addonId:n,capName:f}){let h=m(),g=s(),_=ce(),v=ne({editKey:`wasteEdit`,newKey:`wasteNew`}),[y,b]=c(!1),[ee,x]=c(null),[C,w]=c({countryId:``,serviceId:``}),[T,E]=c({label:`New source`,enabled:!0}),D=t(null),O=typeof C.countryId==`string`?C.countryId:``,k=typeof C.serviceId==`string`?C.serviceId:``,A=e((e,t)=>h.trpcClient.addons.custom.mutate({addonId:n,action:e,input:t}),[n,h]),j=a({queryKey:[...qe,n],queryFn:async()=>Ze(await A(`listSources`,{}))}),oe=a({queryKey:[...Je,n],queryFn:async()=>Qe(await A(`listCountries`,{}))}),se=a({queryKey:[`wasteCollections`,`listServices`,n,O],enabled:O!==``,queryFn:async()=>$e(await A(`listServices`,{countryId:O}))}),M=a({queryKey:[`wasteCollections`,`serviceFormSchema`,n,k],enabled:k!==``,queryFn:async()=>A(`serviceFormSchema`,{serviceId:k})}),N=j.data??[],P=oe.data??[],F=se.data??[],I=Xe(M.data)?M.data:void 0,le=i(()=>et(P,O===``?[]:F,O),[P,F,O]),R=v.state,z=R.mode===`edit`?N.find(e=>e.id===R.id)??null:null;d(()=>{if(v.state.mode===`edit`&&z!==null){let e=`edit:${z.id}`;if(D.current===e)return;D.current=e,x(null),w({countryId:z.countryId??``,serviceId:z.serviceId??``}),E(z.formValues===void 0?{label:z.label,enabled:z.enabled}:{...z.formValues});return}if(v.state.mode===`new`){if(D.current===`new`)return;D.current=`new`,x(null),w({countryId:``,serviceId:``}),E({label:`New source`,enabled:!0})}},[z,v.state]),d(()=>{if(v.state.mode!==`new`||k===``)return;let e=F.find(e=>e.id===k);e&&E(t=>{let n=t.label;return typeof n==`string`&&n!==``&&n!==`New source`?t:{...t,label:e.title}})},[v.state.mode,k,F]);let ue=e(e=>{w(t=>{let n=typeof e.countryId==`string`?e.countryId:``;return n===(typeof t.countryId==`string`?t.countryId:``)?e:{countryId:n,serviceId:``}})},[]),B=e(async()=>{await g.invalidateQueries({queryKey:qe})},[g]),V=l({mutationFn:async e=>A(`deleteSource`,{id:e}),onSuccess:async()=>B()}),H=e(async e=>{await _({title:`Delete waste source?`,message:`Remove “${e.label}” (${e.id}). Its calendar under System → Calendars is dropped.`,confirmLabel:`Delete`,cancelLabel:`Cancel`,variant:`danger`})&&(await V.mutateAsync(e.id),v.state.mode===`edit`&&v.state.id===e.id&&(v.close(),D.current=null))},[_,V,v]),fe=e(async()=>{let e=T.label,t=typeof e==`string`&&e.trim()!==``?e.trim():``;if(t===``){x(`Label is required.`);return}if(k===``){x(`Pick a country and a service.`);return}let n=v.state.mode===`new`,r=z?.id;if(!n&&(r===void 0||r===``)){x(`That source is no longer available.`);return}let i=T.enabled,a={...T};delete a.label,delete a.enabled,b(!0),x(null);try{n?await A(`createSource`,{label:t,serviceId:k,args:a,enabled:typeof i==`boolean`?i:!0}):r!==void 0&&await A(`updateSource`,{id:r,label:t,serviceId:k,args:a,enabled:typeof i==`boolean`?i:!0}),await B(),v.close(),D.current=null}catch(e){x(Ye(e))}finally{b(!1)}},[A,z,v,T,B,k]),pe=i(()=>[{key:`label`,header:`Label`,sortValue:e=>e.label,render:e=>u(`span`,{className:`text-sm text-foreground`,children:e.label})},{key:`module`,header:`Module`,sortValue:e=>e.module,render:e=>u(`span`,{className:`font-mono text-xs text-foreground-muted`,children:e.module})},{key:`enabled`,header:`Enabled`,sortValue:e=>+!!e.enabled,render:e=>u(L,{variant:e.enabled?`success`:`default`,children:e.enabled?`On`:`Off`})},{key:`actions`,header:``,notSortableReason:`actions`,render:e=>u(S,{type:`button`,size:`sm`,variant:`ghost`,"aria-label":`Delete ${e.label}`,"data-testid":`waste-source-delete-${e.id}`,onClick:t=>{t.stopPropagation(),H(e)},children:u(p,{className:`h-3.5 w-3.5 text-danger`})})}],[H]),U=v.state.mode===`new`,W=U||z!==null,me=`${k}:${U?`new`:z?.id??`closed`}`;return r(`div`,{className:`flex min-h-0 flex-col gap-4`,"data-testid":`waste-settings-sources`,children:[r(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[u(`p`,{className:`text-sm text-foreground-muted`,children:`Pick a country and a service — configuration fields come from that HACS source.`}),r(S,{type:`button`,size:`sm`,"data-testid":`waste-sources-add`,onClick:()=>v.openNew(),children:[u(ae,{className:`h-3.5 w-3.5`}),`Add source`]})]}),j.isError?u(`p`,{className:`text-sm text-danger`,children:`Could not load sources.`}):null,j.isPending?u(ie,{className:`h-32 w-full`}):u(te,{columns:pe,rows:N,rowKey:e=>e.id,pageSize:25,mobileMode:`scroll`,emptyMessage:`No waste sources yet. Add one to register a municipal service.`,onRowClick:e=>v.openEdit(e.id),defaultSort:{columnKey:`label`,dir:`asc`}}),u(de,{open:W,onClose:()=>{v.close(),x(null),D.current=null},title:U?`Add waste source`:`Edit ${z?.label??`source`}`,icon:Ee,width:`xl`,testId:`waste-source-editor`,error:ee,footer:u(S,{type:`button`,size:`sm`,disabled:y||k===``,onClick:()=>void fe(),children:y?`Saving…`:`Save`}),children:W?r(o,{children:[u(`div`,{"data-testid":`waste-country-service`,children:u(re,{schema:le,values:C,onChange:ue},`picker:${O}:${F.length}`)}),k!==``&&I!==void 0?u(re,{schema:I,values:T,onChange:E,bare:!0},me):k!==``&&M.isPending?u(`p`,{className:`text-sm text-foreground-muted`,children:`Loading fields…`}):u(`p`,{className:`text-sm text-foreground-muted`,children:`Choose a country and service to see the required fields.`})]}):null}),u(Se,{nodeId:`hub`,addonIds:[n],level:`global`,capability:f,hideSectionChrome:!0})]})}n();var $=1e4,nt={"device-export":`exporters`,exporters:`exporters`,email:`email`,broker:`brokers`,brokers:`brokers`,"message-brokers":`brokers`,calendar:`calendars`,calendars:`calendars`,"calendar-source":`calendars`},rt=[{sectionId:`exporters`,kind:`device-export`,label:`Exporters`,icon:k,installLabel:`Add export`,emptyTitle:`No device exporters installed`,emptyDescription:`Install an export addon to publish devices to Alexa, HomeKit, Google Home or Home Assistant.`},{sectionId:`email`,kind:`email`,label:`Email`,icon:v,installLabel:`Add email provider`,emptyTitle:`No email providers installed`,emptyDescription:`Install an SMTP or Gmail addon to send notification email from this hub.`},{sectionId:`brokers`,kind:`broker`,label:`Brokers`,icon:I,installLabel:`Add broker addon`,emptyTitle:`No message brokers installed`,emptyDescription:`Install a broker addon to connect Home Assistant, Homematic, MQTT, Matter and similar systems.`},{sectionId:`calendars`,kind:`calendar`,label:`Calendars`,icon:F,installLabel:`Add calendar source`,emptyTitle:`No calendar sources installed`,emptyDescription:`Install a calendar-source addon (Google Calendar, waste collections, …) to feed System → Calendars.`}];function it(e,t,n){let i=We(fe,e.kind),a=t.flatMap(t=>{let a=Ge(t,i);if(a===null)return[];let s=Ke(t.processState);return[{id:t.addonId,name:t.displayName,fallbackIcon:e.icon,state:s.state,stateLabel:s.label,render:()=>u(we,{addonId:t.addonId,displayName:t.displayName,capName:a,isActive:t.processState===`running`,badges:r(o,{children:[u(ct,{processState:t.processState}),u(lt,{kind:e.kind,addonId:t.addonId})]}),lead:e.kind===`device-export`?u(g,{addonId:t.addonId}):void 0,panels:st(e.kind,t.addonId,e=>n(`/devices/${e}`)),settingsContent:t.addonId===`waste-collections`?u(tt,{addonId:t.addonId,capName:a}):void 0})}]});return{id:e.sectionId,label:e.label,entries:a,install:{capability:i[0]??e.kind,label:e.installLabel}}}function at({descriptor:e,rows:t,isLoading:n}){let r=ge(),a=i(()=>it(e,t,r),[e,t,r]);return u(Te,{embedded:!0,icon:e.icon,title:e.label,subtitle:null,groups:[a],isLoading:n,emptyTitle:e.emptyTitle,emptyDescription:e.emptyDescription})}function ot(){let{t:e}=U(),t=N(void 0,{refetchInterval:$}),[n,r]=W(),a=me(`/system/integrations`,{t:e,isAdmin:!0})??{icon:le,title:`Connectivity`};d(()=>{let e=n.get(`tab`);if(e===null)return;let t=nt[e];t===void 0||t===e||r(e=>{let n=new URLSearchParams(e);return n.set(`tab`,t),n},{replace:!0})},[n,r]);let o=i(()=>(t.data??[]).map(Ue).filter(e=>e!==null),[t.data]),s=i(()=>rt.map(e=>({id:e.sectionId,label:e.label,ownedParams:ve,content:u(at,{descriptor:e,rows:o,isLoading:t.isLoading})})),[t.isLoading,o]);return u(xe,{icon:a.icon,title:a.title,subtitle:`External systems this hub talks to — exporters, email, brokers and calendar sources.`,defaultSection:`exporters`,sectionsLabel:`Connectivity sections`,sections:s})}function st(e,t,n){return e===`device-export`?[{id:`devices`,title:`Devices`,icon:V,placement:`end`,content:u(D,{addonId:t,onOpenDevice:n,showSetup:!1})}]:e===`broker`?[{id:`connections`,title:`Connections`,icon:I,content:u(Ve,{addonId:t})}]:[]}function ct({processState:e}){let{state:t,label:n}=Ke(e);return u(L,{variant:t===`ok`?`success`:t===`error`?`danger`:`default`,className:`${G} capitalize`,children:n})}function lt({kind:e,addonId:t}){return e===`broker`?u(ut,{addonId:t}):e===`device-export`?u(dt,{addonId:t}):null}function ut({addonId:e}){let{data:t}=R({addonId:e},{refetchInterval:$,retry:!1}),n=H.safeParse(t);if(!n.success)return null;let{brokerCount:r,connectedCount:i}=n.data;return u(L,{variant:`info`,className:G,children:`${r} connection${r===1?``:`s`}${i>0?` · ${i} connected`:``}`})}function dt({addonId:e}){let{data:t}=x({addonId:e},{refetchInterval:$,retry:!1}),n=pe.safeParse(t);if(!n.success)return null;let{linkState:r,exposedDeviceCount:i}=n.data;return u(L,{variant:r===`linked`?`success`:r===`error`?`danger`:`default`,className:G,children:`${r} · ${i} exposed`})}export{ot as IntegrationsPage};
|