@genesislcap/pbc-notify-ui 15.8.3 → 15.9.0

package/dist/dts/react.d.ts

@@ -27,6 +27,8 @@ import type { TemplateConditionGroup as TemplateConditionGroupWC } from './compo
 import type { TemplateDialog as TemplateDialogWC } from './components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog';
 import type { TemplateManagement as TemplateManagementWC } from './components/foundation-notification-dashboard/components/templates/template-management';
 import type { FoundationNotificationDashboard as FoundationNotificationDashboardWC } from './components/foundation-notification-dashboard/notification-dashboard';
+import type { FoundationSoundsPanel as FoundationSoundsPanelWC } from './components/foundation-sounds/foundation-sounds-panel';
+import type { FoundationSounds as FoundationSoundsWC } from './components/foundation-sounds/foundation-sounds';
 import type { ReconciliationSandbox as ReconciliationSandboxWC } from './sandbox';
 import type { ConditionBuilderEntity, ParameterBuilderEntity, ParameterEditedEventDetail } from '@genesislcap/pbc-notify-ui';
 
@@ -86,6 +88,24 @@ export declare const FoundationNotificationDashboard: React.ForwardRefExoticComp
 >;
 export type FoundationNotificationDashboardRef = FoundationNotificationDashboardWC;
 
+export declare const FoundationSoundsPanel: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<FoundationSoundsPanelWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<FoundationSoundsPanelWC>
+>;
+export type FoundationSoundsPanelRef = FoundationSoundsPanelWC;
+
+export declare const FoundationSounds: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<FoundationSoundsWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<FoundationSoundsWC>
+>;
+export type FoundationSoundsRef = FoundationSoundsWC;
+
 export declare const FoundationInboxCounter: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<FoundationInboxCounterWC>, 'children' | 'style'> &
@@ -235,17 +255,6 @@ export declare const TemplateDialog: React.ForwardRefExoticComponent<
 >;
 export type TemplateDialogRef = TemplateDialogWC;
 
-export declare const RuleConditionGroup: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<RuleConditionGroupWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-      onDelete?: (event: CustomEvent<unknown>) => void;
-      onEdit?: (event: CustomEvent<unknown>) => void;
-    }
-  > & React.RefAttributes<RuleConditionGroupWC>
->;
-export type RuleConditionGroupRef = RuleConditionGroupWC;
-
 export declare const RuleConditionBuilder: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<RuleConditionBuilderWC>, 'children' | 'style'> &
@@ -257,6 +266,17 @@ export declare const RuleConditionBuilder: React.ForwardRefExoticComponent<
 >;
 export type RuleConditionBuilderRef = RuleConditionBuilderWC;
 
+export declare const RuleConditionGroup: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<RuleConditionGroupWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+      onDelete?: (event: CustomEvent<unknown>) => void;
+      onEdit?: (event: CustomEvent<unknown>) => void;
+    }
+  > & React.RefAttributes<RuleConditionGroupWC>
+>;
+export type RuleConditionGroupRef = RuleConditionGroupWC;
+
 export declare const ParameterBuilder: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<ParameterBuilderWC>, 'children' | 'style'> &

package/dist/dts/services/inbox.service.d.ts

@@ -7,6 +7,12 @@ export declare const INBOX_PAGE_SIZE = 20;
 export 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;
 }
 export type SubscribeCallback = ({ store }: {
     store: FoundationInboxServiceStore;

package/dist/dts/services/inbox.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inbox.service.d.ts","sourceRoot":"","sources":["../../../src/services/inbox.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAIpG;;;GAGG;AACH,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,2BAA2B,CAAA;CAAE,KAAK,GAAG,CAAC;AAE3F,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,kBAAkB,EAAE,kBAAkB,CAAC;CACxC,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;OAQG;IACH,SAAS,CACP,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,MAAM,EACrB,OAAO,CAAC,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,GACd,IAAI,CAAC;IACR,WAAW,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC/C,WAAW,IAAI,IAAI,CAAC;CACrB;AAmGD,eAAO,MAAM,sBAAsB,8EAElC,CAAC"}
+{"version":3,"file":"inbox.service.d.ts","sourceRoot":"","sources":["../../../src/services/inbox.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAIpG;;;GAGG;AACH,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,2BAA2B,CAAA;CAAE,KAAK,GAAG,CAAC;AAE3F,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,kBAAkB,EAAE,kBAAkB,CAAC;CACxC,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;OAQG;IACH,SAAS,CACP,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,MAAM,EACrB,OAAO,CAAC,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,GACd,IAAI,CAAC;IACR,WAAW,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC/C,WAAW,IAAI,IAAI,CAAC;CACrB;AAuGD,eAAO,MAAM,sBAAsB,8EAElC,CAAC"}

package/dist/dts/services/rule.service.d.ts

@@ -1,5 +1,5 @@
 import { Message } from '@genesislcap/foundation-comms';
-import type { Rule } from '../components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.types';
+import type { NotifyAlertSound, Rule } from '../components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.types';
 export interface RuleService {
     subscribeRule(dynamicRuleId: string, parameterDetails: any): any;
     unsubscribeRule(dynamicRuleId: string): any;
@@ -7,6 +7,7 @@ export 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;

package/dist/dts/services/rule.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rule.service.d.ts","sourceRoot":"","sources":["../../../src/services/rule.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gGAAgG,CAAC;AAE3H,MAAM,WAAW,WAAW;IAC1B,aAAa,CAAC,aAAa,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAE;IAC5D,eAAe,CAAC,aAAa,EAAE,MAAM,OAAE;IACvC,UAAU,CAAC,aAAa,EAAE,MAAM,OAAE;IAClC,WAAW,CAAC,aAAa,EAAE,MAAM,OAAE;IACnC,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;IACzB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAkHD,eAAO,MAAM,WAAW,mEAAuE,CAAC"}
+{"version":3,"file":"rule.service.d.ts","sourceRoot":"","sources":["../../../src/services/rule.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,KAAK,EACV,gBAAgB,EAChB,IAAI,EACL,MAAM,gGAAgG,CAAC;AAExG,MAAM,WAAW,WAAW;IAC1B,aAAa,CAAC,aAAa,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAE;IAC5D,eAAe,CAAC,aAAa,EAAE,MAAM,OAAE;IACvC,UAAU,CAAC,aAAa,EAAE,MAAM,OAAE;IAClC,WAAW,CAAC,aAAa,EAAE,MAAM,OAAE;IACnC,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;IACzB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,aAAa,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACvE,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAkJD,eAAO,MAAM,WAAW,mEAAuE,CAAC"}

package/dist/dts/utils/alert-sound.d.ts

@@ -0,0 +1,177 @@
+/** Maximum number of sound rules (MESSAGE/HEADER pattern, or notification rule). */
+export declare const MAX_SOUND_RULES = 10;
+/**
+ * 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;
+/** Encodes a File/Blob to a base64 string (no data-URL prefix). */
+export declare function blobToBase64(blob: Blob): Promise<string>;
+/** Decodes a base64 string to a Blob. */
+export declare function base64ToBlob(base64: string, mimeType: string): Blob;
+/** How a sound rule decides when to play. */
+export type AlertSoundMatchMode = 'message' | 'header' | 'rule';
+/** Notification rule option available for DYNAMIC_RULE_ID sound binding. */
+export type AlertSoundSelectableRule = {
+    id: string;
+    name: string;
+};
+/**
+ * Resolves a playable MIME type. macOS often leaves `.aif` / `.aiff` with an
+ * empty `File.type`; falling back to `audio/mpeg` breaks restore + decode.
+ */
+export declare function resolveAudioMimeType(name?: string | null, type?: string | null): string;
+/** Formats a byte count for user-facing size limits (e.g. "2 MB"). */
+export declare function formatBytes(bytes: number): string;
+export type AlertSoundRuleView = {
+    index: number;
+    matchMode: AlertSoundMatchMode;
+    pattern: string;
+    templateId: string | null;
+    templateName: string | null;
+    fileName: string | null;
+    hasSound: boolean;
+    muted: boolean;
+};
+/**
+ * True when `text` contains `phrase` as a whole phrase (case-insensitive).
+ * Single words and multi-word phrases both work; edges use word boundaries so
+ * e.g. `g1` matches "test g1 test" but not "test g1h test".
+ *
+ * `\b` only asserts a word/non-word transition, so anchoring an edge whose own
+ * character is punctuation can never match — `\b\$100` fails on "cost $100".
+ * Each edge is therefore anchored only when the pattern ends in a word character.
+ *
+ * @internal Exported for unit tests.
+ */
+export declare function textContainsWholeWord(text: string, phrase: string): 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;
+}
+/** Reads ALERT_ID from a streamed alert row. */
+export declare function getAlertId(row: Record<string, unknown> | null | undefined): string | undefined;
+/** Reads MESSAGE from a streamed alert row. */
+export declare function getAlertMessage(row: Record<string, unknown> | null | undefined): string | undefined;
+/** Reads HEADER from a streamed alert row. */
+export declare function getAlertHeader(row: Record<string, unknown> | null | undefined): string | undefined;
+/** Reads DYNAMIC_RULE_ID from a streamed alert row. */
+export declare function getAlertDynamicRuleId(row: Record<string, unknown> | null | undefined): string | undefined;
+//# sourceMappingURL=alert-sound.d.ts.map

package/dist/dts/utils/alert-sound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-sound.d.ts","sourceRoot":"","sources":["../../../src/utils/alert-sound.ts"],"names":[],"mappings":"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"}

package/dist/dts/utils/alert-sound.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=alert-sound.test.d.ts.map

package/dist/dts/utils/alert-sound.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-sound.test.d.ts","sourceRoot":"","sources":["../../../src/utils/alert-sound.test.ts"],"names":[],"mappings":""}

package/dist/esm/components/components.js

@@ -22,11 +22,15 @@ 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
 // #region Inbox
 FoundationInboxCounter;
 InboxSubscription;
 RuleParameter;
+FoundationSounds;
+FoundationSoundsPanel;
 // #endregion Inbox
 // #region Notification Dashboard
 RuleManagement;

package/dist/esm/components/foundation-inbox/inbox-base/inbox-base.js

@@ -129,6 +129,7 @@ export class FoundationInboxBase extends GenesisElement {
     // #region Tabs
     inboxTabChanged(inboxTab) {
         return __awaiter(this, void 0, void 0, function* () {
+            var _a;
             this.selectedTab = inboxTab;
             this.ruleTemplateDetails = null;
             switch (inboxTab) {
@@ -143,6 +144,11 @@ export class FoundationInboxBase extends GenesisElement {
                 case InboxTab.SUBSCRIBE:
                     yield this.refreshSubscribeData();
                     break;
+                case InboxTab.SOUNDS: {
+                    // Refresh rules so newly subscribed templates (which create rules) appear.
+                    yield ((_a = this.sounds) === null || _a === void 0 ? void 0 : _a.reloadRules());
+                    break;
+                }
                 default:
                     logger.error('Unexpected inboxTab:', inboxTab);
                     break;

package/dist/esm/components/foundation-inbox/inbox.styles.js

@@ -287,6 +287,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 `
   .template {

package/dist/esm/components/foundation-inbox/inbox.template.js

@@ -231,6 +231,14 @@ export const FoundationInboxTemplate = html `
             Subscribe
           </rapid-tab>
         `)}
+      <rapid-tab
+        slot="sounds-tab"
+        id=${InboxTab.SOUNDS}
+        @click=${(x) => x.inboxTabChanged(InboxTab.SOUNDS)}
+        appearance="secondary"
+      >
+        Sounds
+      </rapid-tab>
 
       <!-- Alerts -->
       ${(_) => alertsTab(InboxTab.ALERTS_NEW)} ${(_) => alertsTab(InboxTab.ALERT_HISTORY)}
@@ -318,6 +326,14 @@ export const FoundationInboxTemplate = html `
             </div>
           </rapid-tab-panel>
         `)}
+      <rapid-tab-panel
+        slot="sounds-tab"
+        class="sounds-tab-panel"
+        id=${InboxTab.SOUNDS}
+        style=${(x) => (x.selectedTab === InboxTab.SOUNDS ? '' : 'display: none;')}
+      >
+        <foundation-sounds-panel ${ref('sounds')}></foundation-sounds-panel>
+      </rapid-tab-panel>
     </rapid-tabs>
   </div>
 `;

package/dist/esm/components/foundation-inbox/inbox.types.js

@@ -13,4 +13,5 @@ export var InboxTab;
     InboxTab[InboxTab["ALERTS_NEW"] = 0] = "ALERTS_NEW";
     InboxTab[InboxTab["ALERT_HISTORY"] = 1] = "ALERT_HISTORY";
     InboxTab[InboxTab["SUBSCRIBE"] = 2] = "SUBSCRIBE";
+    InboxTab[InboxTab["SOUNDS"] = 3] = "SOUNDS";
 })(InboxTab || (InboxTab = {}));

package/dist/esm/components/foundation-notification-dashboard/alert-sound-attachment.js

@@ -0,0 +1,218 @@
+import { __awaiter, __decorate } from "tslib";
+import { showNotification } from '@genesislcap/foundation-notifications';
+import { html, observable, ref, when } from '@genesislcap/web-core';
+import { AlertSoundPlayer, base64ToBlob, blobToBase64, formatBytes, MAX_SOUND_FILE_BYTES, resolveAudioMimeType, } from '../../utils/alert-sound';
+function showAlertSoundNotice(title, body) {
+    showNotification({
+        title,
+        body,
+        config: {
+            snackbar: {
+                type: 'error',
+            },
+        },
+    }, 'rapid');
+}
+/**
+ * Shared Attach/Replace/Test/Clear UI for rule and template dialogs.
+ * @public
+ */
+export const alertSoundAttachmentTemplate = html `
+  <div class="alert-sound">
+    <input
+      ${ref('fileInput')}
+      class="file-input"
+      type="file"
+      accept="audio/*"
+      @change=${(x, c) => x.onAlertSoundSelected(c.event)}
+    />
+    <label>Alert sound</label>
+    <div class="alert-sound-row">
+      <span class="alert-sound-name" title=${(x) => x.alertSoundFileName || ''}>
+        ${(x) => x.alertSoundFileName || 'No sound attached'}
+      </span>
+      <rapid-button appearance="lightweight" @click=${(x) => x.openAlertSoundPicker()}>
+        ${(x) => (x.hasAlertSound ? 'Replace' : 'Attach')}
+      </rapid-button>
+      ${when((x) => x.hasAlertSound, html `
+          <rapid-button appearance="lightweight" @click=${(x) => x.testAttachedAlertSound()}>
+            Test
+          </rapid-button>
+          <rapid-button appearance="lightweight" @click=${(x) => x.clearAttachedAlertSound()}>
+            Clear
+          </rapid-button>
+        `)}
+    </div>
+  </div>
+`;
+/**
+ * Mixin: pick / test / clear / load server sound + apply fields to submit payload.
+ *
+ * Subclasses must provide {@link ruleService}, {@link isAlertSoundEditMode},
+ * {@link alertSoundEntityId}, and {@link alertSoundCacheSyncMode}.
+ *
+ * @public
+ */
+export function AlertSoundAttachmentMixin(Base) {
+    class AlertSoundAttachment extends Base {
+        constructor() {
+            super(...arguments);
+            /** Display name of the attached / pending alert sound file. */
+            this.alertSoundFileName = '';
+            this.alertSoundMimeType = '';
+            /** True when edit loaded an existing server sound (or user attached one). */
+            this.hasAlertSound = false;
+            this.pendingAlertSoundData = null;
+            /** True when the user picked a new file this session (needs upload). */
+            this.alertSoundDirty = false;
+            this.clearAlertSound = false;
+            /** In-progress Test playback; not private — mixin return type is exported. */
+            this.testAudio = null;
+        }
+        loadExistingAlertSound(dynamicRuleId) {
+            return __awaiter(this, void 0, void 0, function* () {
+                if (!dynamicRuleId) {
+                    return;
+                }
+                const sound = yield this.ruleService.getAlertSound(dynamicRuleId);
+                if (!(sound === null || sound === void 0 ? void 0 : sound.SOUND_DATA)) {
+                    return;
+                }
+                this.alertSoundFileName = sound.ALERT_SOUND_FILE_NAME || 'Attached sound';
+                this.alertSoundMimeType = sound.ALERT_SOUND_MIME_TYPE || 'audio/mpeg';
+                this.pendingAlertSoundData = sound.SOUND_DATA;
+                this.hasAlertSound = true;
+                this.alertSoundDirty = false;
+                this.clearAlertSound = false;
+            });
+        }
+        openAlertSoundPicker() {
+            var _a;
+            (_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.click();
+        }
+        onAlertSoundSelected(event) {
+            return __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const input = event.target;
+                const file = (_a = input.files) === null || _a === void 0 ? void 0 : _a[0];
+                input.value = '';
+                if (!file) {
+                    return;
+                }
+                if (file.size > MAX_SOUND_FILE_BYTES) {
+                    showAlertSoundNotice('Sound file too large', `Sound file must be ${formatBytes(MAX_SOUND_FILE_BYTES)} or smaller.`);
+                    return;
+                }
+                try {
+                    this.pendingAlertSoundData = yield blobToBase64(file);
+                    this.alertSoundFileName = file.name;
+                    this.alertSoundMimeType = resolveAudioMimeType(file.name, file.type);
+                    this.hasAlertSound = true;
+                    this.alertSoundDirty = true;
+                    this.clearAlertSound = false;
+                }
+                catch (_b) {
+                    showAlertSoundNotice('Could not read sound file', 'The selected file could not be read.');
+                }
+            });
+        }
+        clearAttachedAlertSound() {
+            this.stopTestSound();
+            this.resetAlertSoundState();
+            this.clearAlertSound = this.isAlertSoundEditMode;
+        }
+        testAttachedAlertSound() {
+            this.stopTestSound();
+            if (!this.pendingAlertSoundData) {
+                return;
+            }
+            const blob = base64ToBlob(this.pendingAlertSoundData, this.alertSoundMimeType || 'audio/mpeg');
+            const url = URL.createObjectURL(blob);
+            const audio = new Audio(url);
+            this.testAudio = audio;
+            void audio.play().catch(() => {
+                showAlertSoundNotice('Could not play sound', 'The browser could not play this file. Try MP3 or WAV.');
+            });
+            audio.addEventListener('ended', () => {
+                URL.revokeObjectURL(url);
+                if (this.testAudio === audio) {
+                    this.testAudio = null;
+                }
+            }, { once: true });
+        }
+        stopTestSound() {
+            if (!this.testAudio) {
+                return;
+            }
+            this.testAudio.pause();
+            const src = this.testAudio.src;
+            if (src.startsWith('blob:')) {
+                URL.revokeObjectURL(src);
+            }
+            this.testAudio = null;
+        }
+        resetAlertSoundState() {
+            this.alertSoundFileName = '';
+            this.alertSoundMimeType = '';
+            this.pendingAlertSoundData = null;
+            this.hasAlertSound = false;
+            this.alertSoundDirty = false;
+            this.clearAlertSound = false;
+            if (this.fileInput) {
+                this.fileInput.value = '';
+            }
+        }
+        /** Merges pending sound / clear flag onto a create/update DETAILS object. */
+        applyAlertSoundToPayload(target) {
+            if (this.clearAlertSound) {
+                target.CLEAR_ALERT_SOUND = true;
+            }
+            else if (this.alertSoundDirty && this.pendingAlertSoundData && this.alertSoundFileName) {
+                target.ALERT_SOUND_FILE_NAME = this.alertSoundFileName;
+                target.ALERT_SOUND_MIME_TYPE = this.alertSoundMimeType;
+                target.ALERT_SOUND_DATA = this.pendingAlertSoundData;
+            }
+            return target;
+        }
+        /**
+         * Keep AlertSoundPlayer's in-memory NOTIFY_ALERT_SOUND cache in sync with
+         * what we just saved — otherwise the next alert still plays the old file.
+         */
+        syncAlertSoundCacheAfterSave() {
+            var _a;
+            if (this.alertSoundCacheSyncMode === 'all') {
+                if (!this.clearAlertSound && !this.alertSoundDirty) {
+                    return;
+                }
+                AlertSoundPlayer.shared.clearAllServerSounds();
+                return;
+            }
+            const id = (_a = this.alertSoundEntityId) === null || _a === void 0 ? void 0 : _a.trim();
+            if (!id) {
+                return;
+            }
+            if (this.clearAlertSound) {
+                AlertSoundPlayer.shared.clearServerSound(id);
+                return;
+            }
+            if (this.alertSoundDirty && this.pendingAlertSoundData) {
+                const mimeType = this.alertSoundMimeType || 'audio/mpeg';
+                AlertSoundPlayer.shared.setServerSound(id, {
+                    blob: base64ToBlob(this.pendingAlertSoundData, mimeType),
+                    fileName: this.alertSoundFileName,
+                    mimeType,
+                });
+            }
+        }
+    }
+    __decorate([
+        observable
+    ], AlertSoundAttachment.prototype, "alertSoundFileName", void 0);
+    __decorate([
+        observable
+    ], AlertSoundAttachment.prototype, "alertSoundMimeType", void 0);
+    __decorate([
+        observable
+    ], AlertSoundAttachment.prototype, "hasAlertSound", void 0);
+    return AlertSoundAttachment;
+}