@dereekb/dbx-firebase 13.38.0 → 13.40.0

package/fesm2022/dereekb-dbx-firebase.mjs

@@ -7835,10 +7835,12 @@ const HIDDEN_NOTIFICATION_DELIVERY_METHODS = new Set([NotificationDeliveryMethod
  * dialog, an admin view). The per-method test message actions are an input for the same reason: the
  * report renders them, whoever owns the store supplies them.
  *
- * The view is client-facing, so it shows only what the user can act on. The check's account-wide
- * findings (`is`), any method the system has no send service for, and the methods in
- * {@link HIDDEN_NOTIFICATION_DELIVERY_METHODS} are left out here — all of them remain on the check
- * itself for an API/callModel consumer.
+ * The view is client-facing, so it shows only what the user can act on. The account-wide findings
+ * (`is`) lead, because they are frequently the whole answer and no method section repeats them — a
+ * global opt-out or a disabled account leaves every method looking correctly configured. Any method
+ * the system has no send service for, and the methods in
+ * {@link HIDDEN_NOTIFICATION_DELIVERY_METHODS}, are left out — both remain on the check itself for an
+ * API/callModel consumer.
  */
 class DbxFirebaseNotificationHealthCheckComponent {
     _presentationService = inject(DbxFirebaseNotificationHealthCheckPresentationService);
@@ -7849,6 +7851,14 @@ class DbxFirebaseNotificationHealthCheckComponent {
      * Left unset the report is read-only, which is what an admin or historical view wants.
      */
     probeActions = input(...(ngDevMode ? [undefined, { debugName: "probeActions" }] : /* istanbul ignore next */ []));
+    /**
+     * The account-wide findings, which apply however each individual method is configured.
+     *
+     * Shown in full rather than filtered: unlike a method section there is no "this channel is off"
+     * noise here, and an account-level finding is often the only explanation the report has — a global
+     * opt-out, a disabled account, or an unreadable auth record leaves every method looking fine.
+     */
+    accountIssuesSignal = computed(() => this.healthCheck()?.is ?? [], ...(ngDevMode ? [{ debugName: "accountIssuesSignal" }] : /* istanbul ignore next */ []));
     statusColorSignal = computed(() => {
         const status = this.healthCheck()?.s;
         return status ? this._presentationService.colorForStatus(status) : 'grey';
@@ -7890,13 +7900,24 @@ class DbxFirebaseNotificationHealthCheckComponent {
         </div>
       </div>
 
+      @if (accountIssuesSignal().length) {
+        <dbx-content-pit class="dbx-mb3">
+          <div class="dbx-text-label-medium dbx-uppercase dbx-tracked-wide dbx-hint">Your Account</div>
+          @for (issue of accountIssuesSignal(); track $index) {
+            <div class="dbx-pt2">
+              <dbx-firebase-notification-healthcheck-issue [issue]="issue"></dbx-firebase-notification-healthcheck-issue>
+            </div>
+          }
+        </dbx-content-pit>
+      }
+
       @for (methodSection of methodSectionsSignal(); track methodSection.result.me) {
         <dbx-content-pit class="dbx-mb3">
           <dbx-firebase-notification-healthcheck-method [result]="methodSection.result" [probeAction]="methodSection.probeAction"></dbx-firebase-notification-healthcheck-method>
         </dbx-content-pit>
       }
     }
-  `, isInline: true, dependencies: [{ kind: "directive", type: DbxColorDirective, selector: "[dbxColor]", inputs: ["dbxColor", "dbxColorTone"], outputs: ["dbxColorChange", "dbxColorToneChange"] }, { kind: "directive", type: DbxContentPitDirective, selector: "dbx-content-pit, [dbxContentPit]", inputs: ["scrollable", "square"] }, { kind: "component", type: DbxIconTileComponent, selector: "dbx-icon-tile", inputs: ["icon", "round"] }, { kind: "component", type: DbxFirebaseNotificationHealthCheckMethodComponent, selector: "dbx-firebase-notification-healthcheck-method", inputs: ["result", "probeAction"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "directive", type: DbxColorDirective, selector: "[dbxColor]", inputs: ["dbxColor", "dbxColorTone"], outputs: ["dbxColorChange", "dbxColorToneChange"] }, { kind: "directive", type: DbxContentPitDirective, selector: "dbx-content-pit, [dbxContentPit]", inputs: ["scrollable", "square"] }, { kind: "component", type: DbxIconTileComponent, selector: "dbx-icon-tile", inputs: ["icon", "round"] }, { kind: "component", type: DbxFirebaseNotificationHealthCheckIssueComponent, selector: "dbx-firebase-notification-healthcheck-issue", inputs: ["issue", "method"] }, { kind: "component", type: DbxFirebaseNotificationHealthCheckMethodComponent, selector: "dbx-firebase-notification-healthcheck-method", inputs: ["result", "probeAction"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxFirebaseNotificationHealthCheckComponent, decorators: [{
             type: Component,
@@ -7913,6 +7934,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
         </div>
       </div>
 
+      @if (accountIssuesSignal().length) {
+        <dbx-content-pit class="dbx-mb3">
+          <div class="dbx-text-label-medium dbx-uppercase dbx-tracked-wide dbx-hint">Your Account</div>
+          @for (issue of accountIssuesSignal(); track $index) {
+            <div class="dbx-pt2">
+              <dbx-firebase-notification-healthcheck-issue [issue]="issue"></dbx-firebase-notification-healthcheck-issue>
+            </div>
+          }
+        </dbx-content-pit>
+      }
+
       @for (methodSection of methodSectionsSignal(); track methodSection.result.me) {
         <dbx-content-pit class="dbx-mb3">
           <dbx-firebase-notification-healthcheck-method [result]="methodSection.result" [probeAction]="methodSection.probeAction"></dbx-firebase-notification-healthcheck-method>
@@ -7924,7 +7956,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                         class: 'd-block dbx-firebase-notification-healthcheck'
                     },
                     standalone: true,
-                    imports: [DatePipe, DbxColorDirective, DbxContentPitDirective, DbxIconTileComponent, DbxFirebaseNotificationHealthCheckMethodComponent],
+                    imports: [DatePipe, DbxColorDirective, DbxContentPitDirective, DbxIconTileComponent, DbxFirebaseNotificationHealthCheckIssueComponent, DbxFirebaseNotificationHealthCheckMethodComponent],
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }], propDecorators: { healthCheck: [{ type: i0.Input, args: [{ isSignal: true, alias: "healthCheck", required: false }] }], probeActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "probeActions", required: false }] }] } });
@@ -8548,7 +8580,13 @@ class DbxFirebaseNotificationHealthCheckViewComponent {
      */
     probeNoticeForMethod(input) {
         const { noun, secondsRemaining, justSent, pending } = input;
-        const sent = justSent ? `A ${noun} was just sent.` : secondsRemaining > 0 ? `A ${noun} was sent recently.` : undefined;
+        let sent;
+        if (justSent) {
+            sent = `A ${noun} was just sent.`;
+        }
+        else if (secondsRemaining > 0) {
+            sent = `A ${noun} was sent recently.`;
+        }
         const waiting = pending ? ' The result will appear here on its own as soon as we hear whether it arrived.' : '';
         const nextAllowed = secondsRemaining > 0 ? ` Another can be sent in ${formatSecondsRemaining(secondsRemaining)}.` : '';
         return sent == null ? undefined : `${sent}${waiting}${nextAllowed}`;