@genesislcap/pbc-notify-ui 15.8.3 → 15.9.0

package/dist/pbc-notify-ui.d.ts

@@ -20,6 +20,8 @@ export declare interface Alert {
     NOTIFY_SEVERITY: string;
     TABLE_ENTITY_ID: string;
     TOPIC: string;
+    /** Source notify template/rule that produced this alert. */
+    DYNAMIC_RULE_ID?: string;
 }
 
 declare interface AlertService {
@@ -30,6 +32,156 @@ declare interface AlertService {
 
 declare const AlertService: InterfaceSymbol<AlertService>;
 
+/** How a sound rule decides when to play. */
+export declare type AlertSoundMatchMode = 'message' | 'header' | 'rule';
+
+/** Sound fields included on rule/template create & update event payloads. */
+declare type AlertSoundPayloadFields = {
+    ALERT_SOUND_FILE_NAME?: string;
+    ALERT_SOUND_MIME_TYPE?: string;
+    ALERT_SOUND_DATA?: string;
+    CLEAR_ALERT_SOUND?: boolean;
+};
+
+/**
+ * Plays user-selected alert sounds matched by MESSAGE/HEADER text (word or phrase)
+ * or notification rule DYNAMIC_RULE_ID. Persists up to {@link MAX_SOUND_RULES}
+ * rules in IndexedDB.
+ */
+export declare class AlertSoundPlayer {
+    private slots;
+    private activeCount;
+    /** Linear gain 0–1 applied to every HTMLAudioElement. */
+    private volume;
+    private muted;
+    private listeners;
+    /** Coalesces concurrent restores from layout + Sounds tab mounts. */
+    private restorePromise;
+    private restored;
+    private persistChain;
+    /** In-memory cache of rule-attached sounds fetched from NOTIFY_ALERT_SOUND. */
+    private readonly serverSounds;
+    /** Shared player so the layout listener and inbox Sounds tab stay in sync. */
+    static readonly shared: AlertSoundPlayer;
+    get rules(): AlertSoundRuleView[];
+    get canAddRule(): boolean;
+    get canRemoveRule(): boolean;
+    /** Whole-number percent for the Sounds tab slider (0–100). */
+    get volumePercent(): number;
+    get isMuted(): boolean;
+    get isReady(): boolean;
+    subscribe(listener: () => void): () => void;
+    /**
+     * Loads rules from IndexedDB once per page session. Concurrent calls (layout
+     * listener + Sounds tab) share one promise so a late restore cannot wipe
+     * in-memory edits the user already made.
+     */
+    restore(): Promise<boolean>;
+    private restoreFromDb;
+    /** Sets global playback volume from a 0–100 percent (Sounds tab slider). */
+    setVolumePercent(percent: number): void;
+    setMuted(muted: boolean): void;
+    toggleMute(): void;
+    addRule(): boolean;
+    removeRule(index: number): void;
+    /** Clears match criteria and sound file for a rule without removing the row. */
+    resetRule(index: number): void;
+    setMatchMode(index: number, matchMode: AlertSoundMatchMode): void;
+    /**
+     * Deliberately does not notify: the value came from the pattern field itself,
+     * so re-rendering the rule rows mid-keystroke would only disturb the caret.
+     */
+    setPattern(index: number, pattern: string): void;
+    setRule(index: number, rule: Pick<AlertSoundSelectableRule, 'id' | 'name'> | null): void;
+    setSoundFromFile(index: number, file: File): void;
+    clearSound(index: number): void;
+    setRuleMuted(index: number, muted: boolean): void;
+    toggleRuleMute(index: number): void;
+    /** Plays the sound file for a specific rule (for UI testing). */
+    playRule(index: number): boolean;
+    /**
+     * Plays the first configured rule that matches the alert:
+     * - message: MESSAGE contains the pattern as a whole phrase (case-insensitive)
+     * - header: HEADER contains the pattern as a whole phrase (case-insensitive)
+     * - rule: alert DYNAMIC_RULE_ID equals the selected id
+     */
+    playForAlert(alert: {
+        message?: string | null;
+        header?: string | null;
+        dynamicRuleId?: string | null;
+    }): boolean;
+    /**
+     * Caches a server-backed rule sound (from NOTIFY_ALERT_SOUND) for playback.
+     * Replaces any previous cache entry for the same dynamicRuleId.
+     */
+    setServerSound(dynamicRuleId: string, options: {
+        blob: Blob;
+        fileName?: string;
+        mimeType?: string;
+    }): void;
+    /** True when a server sound for this rule is already cached. */
+    hasServerSound(dynamicRuleId: string): boolean;
+    /**
+     * Drops a cached server sound so the next alert re-fetches from
+     * NOTIFY_ALERT_SOUND (e.g. after replace/clear on the rule dialog).
+     */
+    clearServerSound(dynamicRuleId: string): void;
+    /**
+     * Clears every cached server-backed rule sound. Used when a template sound
+     * changes — subscribed instance ids are unknown on the client, and alerts
+     * look up by those instance ids.
+     */
+    clearAllServerSounds(): void;
+    /**
+     * Plays a cached server sound for the given DYNAMIC_RULE_ID.
+     * Respects global mute / volume. Returns false if missing or muted with no play.
+     */
+    playServerSound(dynamicRuleId: string): boolean;
+    private revokeServerSound;
+    private applyStoredMatch;
+    private matchFields;
+    /** Debounces config writes so holding down a key does not thrash IndexedDB. */
+    private readonly debouncedPersistConfig;
+    /** Schedules a debounced config write (pattern typing). */
+    private schedulePersist;
+    /** Writes config now, including anything a pending debounce had not yet flushed. */
+    private flushPersist;
+    private flushSettings;
+    /** Flushes config plus this rule's audio (sound file added/cleared/reset). */
+    private flushAudioPersist;
+    /** Chained so overlapping writes cannot land out of order. */
+    private queuePersist;
+    private applyStoredSettings;
+    private applyVolumeToSlots;
+    private applyVolumeToAudio;
+    private persistSettings;
+    /** Match config only — cheap enough to rewrite on every keystroke. */
+    private persistConfig;
+    /** One rule's audio, stored separately so a pattern edit never touches it. */
+    private persistAudio;
+    private applyFile;
+    private isValidIndex;
+    private notify;
+    private revokeObjectUrl;
+}
+
+export declare type AlertSoundRuleView = {
+    index: number;
+    matchMode: AlertSoundMatchMode;
+    pattern: string;
+    templateId: string | null;
+    templateName: string | null;
+    fileName: string | null;
+    hasSound: boolean;
+    muted: boolean;
+};
+
+/** Notification rule option available for DYNAMIC_RULE_ID sound binding. */
+export declare type AlertSoundSelectableRule = {
+    id: string;
+    name: string;
+};
+
 export declare enum AlertStatus {
     NEW = "NEW",
     DISMISSED = "DISMISSED"
@@ -124,6 +276,7 @@ declare class FoundationInboxBase extends GenesisElement {
     showLoadingIndicator: boolean;
     severityType: any[];
     tabs: Tabs;
+    sounds: FoundationSoundsPanel;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     alertSubscription: ({ store }: {
@@ -211,6 +364,12 @@ declare const FoundationInboxService: InterfaceSymbol<FoundationInboxService>;
 declare interface FoundationInboxServiceStore {
     items: Array<any>;
     moreRows: boolean;
+    /**
+     * SEQUENCE_ID of the last message applied to {@link items}. `<= 1` means the
+     * message was (part of) the initial snapshot rather than a real-time update —
+     * mirrors the boundary `notification-listener` uses (`SEQUENCE_ID > 1`).
+     */
+    sequenceId: number;
 }
 
 /**
@@ -229,12 +388,122 @@ export declare class FoundationNotificationDashboard extends GenesisElement {
     loadRemotes(): Promise<void>;
 }
 
+/**
+ * Headless listener for inbox alert inserts. Plays configured sounds via the
+ * shared AlertSoundPlayer. Mount once in the app layout.
+ *
+ * Configure rules in the inbox Sounds tab with {@link FoundationSoundsPanel}.
+ *
+ * @public
+ */
+export declare class FoundationSounds extends GenesisElement {
+    connect: Connect;
+    inboxService: FoundationInboxService;
+    ruleService: RuleService;
+    /**
+     * When false, new audible alerts are tracked but do not play.
+     */
+    soundEnabled: boolean;
+    private connectionSub?;
+    private readonly player;
+    private knownAlertIds;
+    /** In-flight server sound fetches keyed by DYNAMIC_RULE_ID. */
+    private readonly serverSoundFetches;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    private subscribeToAlerts;
+    private subscriptionHandler;
+    private playForNewAlerts;
+    private tryPlayServerSound;
+    private fetchAndCacheServerSound;
+}
+
+/**
+ * Configures alert sound rules in the inbox Sounds tab. Persists via the shared
+ * AlertSoundPlayer; playback is handled by layout-mounted
+ * {@link FoundationSounds}.
+ *
+ * @public
+ */
+export declare class FoundationSoundsPanel extends GenesisElement {
+    ruleService: RuleService;
+    /** @internal */
+    rules: AlertSoundRuleView[];
+    /** @internal */
+    canAddRule: boolean;
+    /** @internal */
+    canRemoveRule: boolean;
+    /** Global playback volume 0–100. @internal */
+    volumePercent: number;
+    /** @internal */
+    muted: boolean;
+    /** Notification rules from REQ_NOTIFICATION_RULE. @internal */
+    selectableRules: AlertSoundSelectableRule[];
+    /** @internal */
+    ruleSelectOptions: Array<{
+        id: string;
+        name: string;
+    }>;
+    /** @internal */
+    readonly maxRules = 10;
+    fileInput: HTMLInputElement;
+    private pendingRuleIndex;
+    private readonly player;
+    private unsubscribePlayer;
+    /** Suppresses select change events while options are rebuilt. */
+    private ignoreSelectChanges;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    onMatchModeChange(index: number, event: Event): boolean;
+    onPatternInput(index: number, event: Event): boolean;
+    onRuleChange(index: number, event: Event): boolean;
+    openFilePicker(index: number): boolean;
+    onFileSelected(event: Event): boolean;
+    clearSound(index: number): boolean;
+    testSound(index: number): boolean;
+    toggleRuleMute(index: number): boolean;
+    onVolumeChange(event: Event): boolean;
+    toggleMute(): boolean;
+    addRule(): boolean;
+    removeRule(index: number): boolean;
+    /** Reloads the notification-rule picker (e.g. when the Sounds tab is opened). */
+    reloadRules(): Promise<void>;
+    private loadRules;
+    /**
+     * Suppresses select `change` events only while options-datasource rebuilds
+     * the DOM — not for the `getRules()` round trip itself, so a user picking a
+     * rule while a request is in flight isn't silently dropped.
+     */
+    private settleRuleOptions;
+    /**
+     * Re-applies persisted template ids onto `.rule-select` hosts after
+     * options-datasource has rebuilt its options. We deliberately do *not* bind
+     * `:initialSelectedValue` to templateId: that path compares the option label
+     * against Select.value (the option id), always mismatches, clearData()'s the
+     * select, and leaves the next pick stuck on "Select a rule...".
+     */
+    private applyRuleSelectValues;
+    private mapRules;
+    private ruleMatchId;
+    private syncSoundState;
+}
+
 declare enum InboxTab {
     ALERTS_NEW = 0,
     ALERT_HISTORY = 1,
-    SUBSCRIBE = 2
+    SUBSCRIBE = 2,
+    SOUNDS = 3
 }
 
+/**
+ * Every rule's audio is held in one IndexedDB row, so a generous per-file limit
+ * still risks the origin storage quota once multiplied by {@link MAX_SOUND_RULES}.
+ */
+export declare const MAX_SOUND_FILE_BYTES: number;
+
+/** Maximum number of sound rules (MESSAGE/HEADER pattern, or notification rule). */
+export declare const MAX_SOUND_RULES = 10;
+
 declare interface NotificationRuleTemplateReply {
     DYNAMIC_RULE_ID: string;
     RULE_NAME: string;
@@ -251,6 +520,14 @@ declare interface NotificationRuleTemplateReply {
     PARAMETERS: any;
 }
 
+declare type NotifyAlertSound = {
+    ALERT_SOUND_ID: string;
+    DYNAMIC_RULE_ID: string;
+    ALERT_SOUND_FILE_NAME?: string;
+    ALERT_SOUND_MIME_TYPE?: string;
+    SOUND_DATA: string;
+};
+
 declare type NotifyChannel = 'popup' | 'email';
 
 declare interface NotifyRoute {
@@ -316,7 +593,7 @@ declare type Rule = {
     RESULT_EXPRESSION?: {
         ASSIGNMENTS: Array<any>;
     };
-};
+} & AlertSoundPayloadFields;
 
 declare interface Rule_2 {
     ID: string;
@@ -348,6 +625,7 @@ declare interface RuleService {
     disableRule(dynamicRuleId: string): any;
     getRules(): Promise<any>;
     getRuleDetails(ruleId: string): Promise<Rule>;
+    getAlertSound(dynamicRuleId: string): Promise<NotifyAlertSound | null>;
     createRule(rule: Rule): Promise<Message>;
     updateRule(rule: Rule): Promise<Message>;
     deleteRule(ruleId: string): void;
@@ -389,7 +667,7 @@ declare type Template = {
         ASSIGNMENTS: Array<any>;
     };
     PARAMETER_DETAILS: any;
-};
+} & AlertSoundPayloadFields;
 
 declare interface TemplateService {
     createRuleTemplate(ruleTemplate: Template): Promise<any>;

package/dist/react.cjs

@@ -29,6 +29,8 @@ const { TemplateConditionGroup: TemplateConditionGroupWC } = require('./esm/comp
 const { TemplateDialog: TemplateDialogWC } = require('./esm/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.js');
 const { TemplateManagement: TemplateManagementWC } = require('./esm/components/foundation-notification-dashboard/components/templates/template-management.js');
 const { FoundationNotificationDashboard: FoundationNotificationDashboardWC } = require('./esm/components/foundation-notification-dashboard/notification-dashboard.js');
+const { FoundationSoundsPanel: FoundationSoundsPanelWC } = require('./esm/components/foundation-sounds/foundation-sounds-panel.js');
+const { FoundationSounds: FoundationSoundsWC } = require('./esm/components/foundation-sounds/foundation-sounds.js');
 const { ReconciliationSandbox: ReconciliationSandboxWC } = require('./esm/sandbox.js');
 
 function _mergeRefs(...refs) {
@@ -55,6 +57,16 @@ const FoundationNotificationDashboard = React.forwardRef(function FoundationNoti
   return React.createElement(customElements.getName(FoundationNotificationDashboardWC) ?? 'foundation-notification-dashboard', { ...rest, ref }, children);
 });
 
+const FoundationSoundsPanel = React.forwardRef(function FoundationSoundsPanel(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(FoundationSoundsPanelWC) ?? 'foundation-sounds-panel', { ...rest, ref }, children);
+});
+
+const FoundationSounds = React.forwardRef(function FoundationSounds(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(FoundationSoundsWC) ?? 'foundation-sounds', { ...rest, ref }, children);
+});
+
 const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
@@ -188,7 +200,7 @@ const TemplateDialog = React.forwardRef(function TemplateDialog(props, ref) {
   return React.createElement(customElements.getName(TemplateDialogWC) ?? 'template-dialog', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
+const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -207,10 +219,10 @@ const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, r
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
+const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -229,7 +241,7 @@ const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(prop
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
@@ -302,6 +314,8 @@ module.exports = {
   ReconciliationSandbox,
   FoundationInbox,
   FoundationNotificationDashboard,
+  FoundationSoundsPanel,
+  FoundationSounds,
   FoundationInboxCounter,
   FoundationInboxFlyout,
   InboxSubscription,
@@ -318,8 +332,8 @@ module.exports = {
   SlackRouteManagement,
   RuleDialog,
   TemplateDialog,
-  RuleConditionGroup,
   RuleConditionBuilder,
+  RuleConditionGroup,
   ParameterBuilder,
   TemplateConditionBuilder,
   TemplateConditionGroup,

package/dist/react.mjs

@@ -27,6 +27,8 @@ import { TemplateConditionGroup as TemplateConditionGroupWC } from './esm/compon
 import { TemplateDialog as TemplateDialogWC } from './esm/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.js';
 import { TemplateManagement as TemplateManagementWC } from './esm/components/foundation-notification-dashboard/components/templates/template-management.js';
 import { FoundationNotificationDashboard as FoundationNotificationDashboardWC } from './esm/components/foundation-notification-dashboard/notification-dashboard.js';
+import { FoundationSoundsPanel as FoundationSoundsPanelWC } from './esm/components/foundation-sounds/foundation-sounds-panel.js';
+import { FoundationSounds as FoundationSoundsWC } from './esm/components/foundation-sounds/foundation-sounds.js';
 import { ReconciliationSandbox as ReconciliationSandboxWC } from './esm/sandbox.js';
 
 function _mergeRefs(...refs) {
@@ -53,6 +55,16 @@ export const FoundationNotificationDashboard = React.forwardRef(function Foundat
   return React.createElement(customElements.getName(FoundationNotificationDashboardWC) ?? 'foundation-notification-dashboard', { ...rest, ref }, children);
 });
 
+export const FoundationSoundsPanel = React.forwardRef(function FoundationSoundsPanel(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(FoundationSoundsPanelWC) ?? 'foundation-sounds-panel', { ...rest, ref }, children);
+});
+
+export const FoundationSounds = React.forwardRef(function FoundationSounds(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(FoundationSoundsWC) ?? 'foundation-sounds', { ...rest, ref }, children);
+});
+
 export const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
@@ -186,7 +198,7 @@ export const TemplateDialog = React.forwardRef(function TemplateDialog(props, re
   return React.createElement(customElements.getName(TemplateDialogWC) ?? 'template-dialog', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
+export const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -205,10 +217,10 @@ export const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(p
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
+export const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -227,7 +239,7 @@ export const RuleConditionBuilder = React.forwardRef(function RuleConditionBuild
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/globals.d.ts","../src/index.federated.ts","../src/index.ts","../src/notify.types.ts","../src/sandbox.ts","../src/components/components.ts","../src/components/foundation-inbox/inbox.styles.ts","../src/components/foundation-inbox/inbox.template.ts","../src/components/foundation-inbox/inbox.ts","../src/components/foundation-inbox/inbox.types.ts","../src/components/foundation-inbox/inbox.utils.ts","../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts","../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts","../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts","../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts","../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts","../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts","../src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts","../src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts","../src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts","../src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.styles.ts","../src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.template.ts","../src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.ts","../src/components/foundation-inbox/inbox-base/inbox-base.ts","../src/components/foundation-notification-dashboard/index.ts","../src/components/foundation-notification-dashboard/notification-dashboard.styles.ts","../src/components/foundation-notification-dashboard/notification-dashboard.tabs.ts","../src/components/foundation-notification-dashboard/notification-dashboard.template.ts","../src/components/foundation-notification-dashboard/notification-dashboard.ts","../src/components/foundation-notification-dashboard/notification-dashboard.utils.ts","../src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts","../src/components/foundation-notification-dashboard/components/routes/route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/email-distribution-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/email-user-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/log-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/ms-teams-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/screen-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/slack-route-management.ts","../src/components/foundation-notification-dashboard/components/rules/columns.ts","../src/components/foundation-notification-dashboard/components/rules/rule-management.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.template.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.types.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.template.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.types.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts","../src/components/foundation-notification-dashboard/components/templates/columns.ts","../src/components/foundation-notification-dashboard/components/templates/template-management.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.template.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.types.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts","../src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts","../src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts","../src/components/foundation-notification-dashboard/styles/management.styles.ts","../src/components/foundation-notification-dashboard/types/expression-type.ts","../src/components/foundation-notification-dashboard/types/logical-operator.ts","../src/components/foundation-notification-dashboard/types/param-source-type.ts","../src/components/foundation-notification-dashboard/types/param-type.ts","../src/components/foundation-notification-dashboard/types/right-criteria.ts","../src/components/foundation-notification-dashboard/types/rule-execution-strategy.ts","../src/components/foundation-notification-dashboard/types/severity.ts","../src/services/alert.service.ts","../src/services/inbox.service.ts","../src/services/notify-route.service.ts","../src/services/notify.service.ts","../src/services/rule.service.ts","../src/services/system.service.ts","../src/services/template.service.ts","../src/styles/scrollbar.styles.ts","../src/utils/eventDetail.ts","../src/utils/gridConfig.ts","../src/utils/humanize.ts","../src/utils/icons.ts","../src/utils/index.ts","../src/utils/logger.ts","../src/utils/notifyPermissions.ts","../src/utils/toBoolean.ts","../src/utils/updateArray.ts"],"version":"5.9.2"}
+{"root":["../src/globals.d.ts","../src/index.federated.ts","../src/index.ts","../src/notify.types.ts","../src/sandbox.ts","../src/components/components.ts","../src/components/foundation-inbox/inbox.styles.ts","../src/components/foundation-inbox/inbox.template.ts","../src/components/foundation-inbox/inbox.ts","../src/components/foundation-inbox/inbox.types.ts","../src/components/foundation-inbox/inbox.utils.ts","../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts","../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts","../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts","../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts","../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts","../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts","../src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts","../src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts","../src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts","../src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.styles.ts","../src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.template.ts","../src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.ts","../src/components/foundation-inbox/inbox-base/inbox-base.ts","../src/components/foundation-notification-dashboard/alert-sound-attachment.ts","../src/components/foundation-notification-dashboard/index.ts","../src/components/foundation-notification-dashboard/notification-dashboard.styles.ts","../src/components/foundation-notification-dashboard/notification-dashboard.tabs.ts","../src/components/foundation-notification-dashboard/notification-dashboard.template.ts","../src/components/foundation-notification-dashboard/notification-dashboard.ts","../src/components/foundation-notification-dashboard/notification-dashboard.utils.ts","../src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts","../src/components/foundation-notification-dashboard/components/routes/route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/email-distribution-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/email-user-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/log-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/ms-teams-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/screen-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/slack-route-management.ts","../src/components/foundation-notification-dashboard/components/rules/columns.ts","../src/components/foundation-notification-dashboard/components/rules/rule-management.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.template.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.types.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.template.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.types.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts","../src/components/foundation-notification-dashboard/components/templates/columns.ts","../src/components/foundation-notification-dashboard/components/templates/template-management.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.template.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.types.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts","../src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts","../src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts","../src/components/foundation-notification-dashboard/styles/management.styles.ts","../src/components/foundation-notification-dashboard/types/expression-type.ts","../src/components/foundation-notification-dashboard/types/logical-operator.ts","../src/components/foundation-notification-dashboard/types/param-source-type.ts","../src/components/foundation-notification-dashboard/types/param-type.ts","../src/components/foundation-notification-dashboard/types/right-criteria.ts","../src/components/foundation-notification-dashboard/types/rule-execution-strategy.ts","../src/components/foundation-notification-dashboard/types/severity.ts","../src/components/foundation-sounds/foundation-sounds-panel.styles.ts","../src/components/foundation-sounds/foundation-sounds-panel.template.ts","../src/components/foundation-sounds/foundation-sounds-panel.ts","../src/components/foundation-sounds/foundation-sounds.styles.ts","../src/components/foundation-sounds/foundation-sounds.ts","../src/services/alert.service.ts","../src/services/inbox.service.ts","../src/services/notify-route.service.ts","../src/services/notify.service.ts","../src/services/rule.service.ts","../src/services/system.service.ts","../src/services/template.service.ts","../src/styles/scrollbar.styles.ts","../src/utils/alert-sound.test.ts","../src/utils/alert-sound.ts","../src/utils/eventDetail.ts","../src/utils/gridConfig.ts","../src/utils/humanize.ts","../src/utils/icons.ts","../src/utils/index.ts","../src/utils/logger.ts","../src/utils/notifyPermissions.ts","../src/utils/toBoolean.ts","../src/utils/updateArray.ts"],"version":"5.9.2"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "15.8.3",
+  "version": "15.9.0",
   "license": "SEE LICENSE IN license.txt",
   "workspaces": [
     "client"
@@ -81,30 +81,30 @@
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
     "@commitlint/format": "^19.0.3",
-    "@genesislcap/design-system-configurator": "15.8.3",
-    "@genesislcap/eslint-config": "15.8.3",
-    "@genesislcap/eslint-stylelint-builder": "15.8.3",
-    "@genesislcap/foundation-testing": "15.8.3",
-    "@genesislcap/genx": "15.8.3",
-    "@genesislcap/prettier-config": "15.8.3",
-    "@genesislcap/stylelint-config": "15.8.3",
-    "@genesislcap/vite-builder": "15.8.3",
-    "@genesislcap/webpack-builder": "15.8.3",
+    "@genesislcap/design-system-configurator": "15.9.0",
+    "@genesislcap/eslint-config": "15.9.0",
+    "@genesislcap/eslint-stylelint-builder": "15.9.0",
+    "@genesislcap/foundation-testing": "15.9.0",
+    "@genesislcap/genx": "15.9.0",
+    "@genesislcap/prettier-config": "15.9.0",
+    "@genesislcap/stylelint-config": "15.9.0",
+    "@genesislcap/vite-builder": "15.9.0",
+    "@genesislcap/webpack-builder": "15.9.0",
     "dayjs": "^1.11.7"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "15.8.3",
-    "@genesislcap/foundation-criteria": "15.8.3",
-    "@genesislcap/foundation-entity-management": "15.8.3",
-    "@genesislcap/foundation-forms": "15.8.3",
-    "@genesislcap/foundation-layout": "15.8.3",
-    "@genesislcap/foundation-logger": "15.8.3",
-    "@genesislcap/foundation-notifications": "15.8.3",
-    "@genesislcap/foundation-ui": "15.8.3",
-    "@genesislcap/foundation-utils": "15.8.3",
-    "@genesislcap/rapid-design-system": "15.8.3",
-    "@genesislcap/rapid-grid-pro": "15.8.3",
-    "@genesislcap/web-core": "15.8.3",
+    "@genesislcap/foundation-comms": "15.9.0",
+    "@genesislcap/foundation-criteria": "15.9.0",
+    "@genesislcap/foundation-entity-management": "15.9.0",
+    "@genesislcap/foundation-forms": "15.9.0",
+    "@genesislcap/foundation-layout": "15.9.0",
+    "@genesislcap/foundation-logger": "15.9.0",
+    "@genesislcap/foundation-notifications": "15.9.0",
+    "@genesislcap/foundation-ui": "15.9.0",
+    "@genesislcap/foundation-utils": "15.9.0",
+    "@genesislcap/rapid-design-system": "15.9.0",
+    "@genesislcap/rapid-grid-pro": "15.9.0",
+    "@genesislcap/web-core": "15.9.0",
     "lodash.debounce": "^4.0.8",
     "rxjs": "^7.5.4"
   },
@@ -112,5 +112,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "0001fb4c5a056b22bb1a3d316cc4f2e2aa79cff4"
+  "gitHead": "640fddb70d899b01c9337563ae874ddb5226cbcd"
 }

package/src/components/components.ts

@@ -21,6 +21,8 @@ import { TemplateConditionBuilder } from './foundation-notification-dashboard/co
 import { TemplateConditionGroup } from './foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group';
 import { TemplateDialog } from './foundation-notification-dashboard/components/templates/template-dialog/template-dialog';
 import { TemplateManagement } from './foundation-notification-dashboard/components/templates/template-management';
+import { FoundationSounds } from './foundation-sounds/foundation-sounds';
+import { FoundationSoundsPanel } from './foundation-sounds/foundation-sounds-panel';
 
 // Components
 
@@ -28,6 +30,8 @@ import { TemplateManagement } from './foundation-notification-dashboard/componen
 FoundationInboxCounter;
 InboxSubscription;
 RuleParameter;
+FoundationSounds;
+FoundationSoundsPanel;
 // #endregion Inbox
 
 // #region Notification Dashboard

package/src/components/foundation-inbox/inbox-base/inbox-base.ts

@@ -26,6 +26,7 @@ import { TemplateService } from '../../../services/template.service';
 import { logger } from '../../../utils';
 import { NotifyPermission } from '../../../utils/notifyPermissions';
 import { showNotificationError } from '../../foundation-notification-dashboard/notification-dashboard.utils';
+import type { FoundationSoundsPanel } from '../../foundation-sounds/foundation-sounds-panel';
 import type { FoundationInbox } from '../inbox';
 import { Alert, InboxTab, NotificationRuleTemplateReply, Rule, RuleTemplate } from '../inbox.types';
 import { extractTopic } from '../inbox.utils';
@@ -133,6 +134,7 @@ export class FoundationInboxBase extends GenesisElement {
   @observable severityType = [];
 
   public tabs: Tabs;
+  public sounds: FoundationSoundsPanel;
 
   async connectedCallback() {
     super.connectedCallback();
@@ -192,6 +194,11 @@ export class FoundationInboxBase extends GenesisElement {
       case InboxTab.SUBSCRIBE:
         await this.refreshSubscribeData();
         break;
+      case InboxTab.SOUNDS: {
+        // Refresh rules so newly subscribed templates (which create rules) appear.
+        await this.sounds?.reloadRules();
+        break;
+      }
       default:
         logger.error('Unexpected inboxTab:', inboxTab);
         break;

package/src/components/foundation-inbox/inbox.styles.ts

@@ -293,6 +293,21 @@ export const subscribe = css`
     flex: 1;
     overflow: auto;
   }
+
+  .sounds-tab-panel {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    flex: 1;
+    overflow: hidden;
+  }
+
+  .sounds-tab-panel foundation-sounds-panel {
+    display: flex;
+    flex: 1;
+    min-height: 0;
+    height: 100%;
+  }
 `;
 
 export const ruleAndTemplate = css`