@backstage/plugin-notifications 0.5.21-next.2 → 0.6.1-next.0

package/dist/components/UnreadNotificationsCard/UnreadNotificationsCard.esm.js

@@ -0,0 +1,255 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useMemo, useEffect, useCallback } from 'react';
+import throttle from 'lodash/throttle';
+import RelativeTime from 'react-relative-time';
+import { RiCheckDoubleLine, RiRssFill } from '@remixicon/react';
+import { InfoCard, Progress, ErrorPanel, LinkButton, Link } from '@backstage/core-components';
+import { Text } from '@backstage/ui';
+import { useApi } from '@backstage/core-plugin-api';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { notificationsApiRef } from '../../api/NotificationsApi.esm.js';
+import '@backstage/errors';
+import { useNotificationsApi } from '../../hooks/useNotificationsApi.esm.js';
+import { useNotificationsRefresh } from '../../hooks/useNotificationsRefresh.esm.js';
+import '../../routes.esm.js';
+import '../../hooks/useTitleCounter.esm.js';
+import { notificationsTranslationRef } from '../../translation.esm.js';
+import { getNotificationsPageLink } from '../../utils/notificationLinks.esm.js';
+import { truncateText } from '../../utils/plainText.esm.js';
+import { BulkActions } from '../NotificationsTable/BulkActions.esm.js';
+import { NotificationIcon } from '../NotificationsTable/NotificationIcon.esm.js';
+import styles from './UnreadNotificationsCard.module.css.esm.js';
+
+const ThrottleDelayMs = 2e3;
+const resolveMaxMessages = ({
+  maxMessages,
+  initialCount
+}) => maxMessages ?? initialCount ?? 5;
+const resolveCharLimit = ({
+  charLimit,
+  maxChars
+}) => charLimit ?? maxChars ?? 80;
+const NotificationListItem = ({
+  notification,
+  maxChars,
+  descriptionMaxChars,
+  onSwitchReadStatus,
+  onSwitchSavedStatus
+}) => {
+  const {
+    display: titleDisplay,
+    truncated: titleTruncated,
+    full: titleFull
+  } = truncateText(notification.payload.title, maxChars);
+  const description = notification.payload.description ? truncateText(notification.payload.description, descriptionMaxChars) : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: styles.notificationRow, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.notificationContent, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.severityItem, children: /* @__PURE__ */ jsx(NotificationIcon, { notification }) }),
+      /* @__PURE__ */ jsxs("div", { className: styles.notificationText, children: [
+        /* @__PURE__ */ jsx(Text, { variant: "body-medium", className: styles.notificationTitle, children: /* @__PURE__ */ jsx(
+          Link,
+          {
+            to: getNotificationsPageLink(notification.id),
+            title: titleTruncated ? titleFull : void 0,
+            children: titleDisplay
+          }
+        ) }),
+        description ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            variant: "body-small",
+            color: "secondary",
+            className: styles.notificationDescription,
+            title: description.truncated ? description.full : void 0,
+            children: description.display
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs(
+          Text,
+          {
+            variant: "body-small",
+            color: "secondary",
+            className: styles.metaRow,
+            children: [
+              !notification.user && /* @__PURE__ */ jsx(RiRssFill, { size: 14, className: styles.broadcastIcon }),
+              notification.origin && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { className: styles.notificationInfoRow, children: notification.origin }),
+                "\u2022"
+              ] }),
+              notification.payload.topic && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { className: styles.notificationInfoRow, children: notification.payload.topic }),
+                "\u2022"
+              ] }),
+              notification.created && /* @__PURE__ */ jsx(
+                RelativeTime,
+                {
+                  value: notification.created,
+                  className: styles.notificationInfoRow
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: styles.actionsColumn, children: /* @__PURE__ */ jsx(
+      BulkActions,
+      {
+        notifications: [notification],
+        selectedNotifications: /* @__PURE__ */ new Set([notification.id]),
+        onSwitchReadStatus,
+        onSwitchSavedStatus
+      }
+    ) })
+  ] });
+};
+const UnreadNotificationsCard = ({
+  maxMessages,
+  charLimit,
+  initialCount,
+  maxChars,
+  descriptionMaxChars = 120
+}) => {
+  const { t } = useTranslationRef(notificationsTranslationRef);
+  const resolvedMaxMessages = resolveMaxMessages({ maxMessages, initialCount });
+  const resolvedCharLimit = resolveCharLimit({ charLimit, maxChars });
+  const [refresh, setRefresh] = useState(false);
+  const { lastSignal, pollTick } = useNotificationsRefresh();
+  const notificationsApi = useApi(notificationsApiRef);
+  const { error, value, retry, loading } = useNotificationsApi(
+    (api) => api.getNotifications({
+      limit: resolvedMaxMessages,
+      read: false,
+      sort: "created",
+      sortOrder: "desc"
+    }),
+    [resolvedMaxMessages]
+  );
+  const throttledSetRefresh = useMemo(
+    () => throttle(() => setRefresh(true), ThrottleDelayMs),
+    []
+  );
+  useEffect(() => {
+    return () => {
+      throttledSetRefresh.cancel();
+    };
+  }, [throttledSetRefresh]);
+  const onUpdate = useCallback(() => {
+    retry();
+  }, [retry]);
+  const onSwitchReadStatus = useCallback(
+    (ids, newStatus) => {
+      notificationsApi.updateNotifications({
+        ids,
+        read: newStatus
+      }).then(onUpdate);
+    },
+    [notificationsApi, onUpdate]
+  );
+  const onSwitchSavedStatus = useCallback(
+    (ids, newStatus) => {
+      notificationsApi.updateNotifications({
+        ids,
+        saved: newStatus
+      }).then(onUpdate);
+    },
+    [notificationsApi, onUpdate]
+  );
+  useEffect(() => {
+    if (refresh && !loading) {
+      retry();
+      setRefresh(false);
+    }
+  }, [refresh, retry, loading]);
+  useEffect(() => {
+    if (!lastSignal?.action) {
+      return;
+    }
+    if (lastSignal.action === "new_notification" || lastSignal.action === "notification_read" || lastSignal.action === "notification_unread") {
+      throttledSetRefresh();
+    }
+  }, [lastSignal, throttledSetRefresh]);
+  useEffect(() => {
+    if (pollTick > 0) {
+      throttledSetRefresh();
+    }
+  }, [pollTick, throttledSetRefresh]);
+  useEffect(() => {
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "visible") {
+        throttledSetRefresh();
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, [throttledSetRefresh]);
+  const notifications = value?.notifications ?? [];
+  const totalCount = value?.totalCount ?? notifications.length;
+  const displayedCount = notifications.length;
+  return /* @__PURE__ */ jsx(
+    InfoCard,
+    {
+      title: t("unreadCard.title", { count: totalCount }),
+      action: /* @__PURE__ */ jsx(LinkButton, { to: getNotificationsPageLink(), color: "primary", children: t("unreadCard.viewAll") }),
+      variant: "gridItem",
+      children: /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
+        loading && /* @__PURE__ */ jsx(Progress, {}),
+        error && /* @__PURE__ */ jsx(ErrorPanel, { error }),
+        !loading && !error && /* @__PURE__ */ jsx(Fragment, { children: notifications.length === 0 ? /* @__PURE__ */ jsxs("div", { className: styles.emptyState, children: [
+          /* @__PURE__ */ jsx(
+            RiCheckDoubleLine,
+            {
+              size: 32,
+              className: styles.emptyStateIcon,
+              "aria-hidden": true,
+              "data-testid": "unread-notifications-empty-icon"
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { variant: "body-medium", children: t("unreadCard.emptyState") })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: styles.columnHeader, children: [
+            /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", children: t("unreadCard.columnNotification") }),
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                variant: "body-x-small",
+                color: "secondary",
+                className: styles.columnHeaderActions,
+                children: t("unreadCard.columnActions")
+              }
+            )
+          ] }),
+          notifications.map((notification) => /* @__PURE__ */ jsx(
+            NotificationListItem,
+            {
+              notification,
+              maxChars: resolvedCharLimit,
+              descriptionMaxChars,
+              onSwitchReadStatus,
+              onSwitchSavedStatus
+            },
+            notification.id
+          )),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              variant: "body-small",
+              color: "secondary",
+              className: styles.resultsCount,
+              children: t("unreadCard.resultsCount", {
+                displayed: String(displayedCount),
+                total: String(totalCount)
+              })
+            }
+          )
+        ] }) })
+      ] })
+    }
+  );
+};
+const UnreadNotificationsCardWithProvider = (props) => /* @__PURE__ */ jsx(UnreadNotificationsCard, { ...props });
+
+export { UnreadNotificationsCard, UnreadNotificationsCardWithProvider };
+//# sourceMappingURL=UnreadNotificationsCard.esm.js.map

package/dist/components/UnreadNotificationsCard/UnreadNotificationsCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnreadNotificationsCard.esm.js","sources":["../../../src/components/UnreadNotificationsCard/UnreadNotificationsCard.tsx"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport throttle from 'lodash/throttle';\n// @ts-ignore\nimport RelativeTime from 'react-relative-time';\nimport { RiCheckDoubleLine, RiRssFill } from '@remixicon/react';\nimport { Notification } from '@backstage/plugin-notifications-common';\nimport {\n  ErrorPanel,\n  InfoCard,\n  Link,\n  LinkButton,\n  Progress,\n} from '@backstage/core-components';\nimport { Text } from '@backstage/ui';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nimport { notificationsApiRef } from '../../api';\nimport { useNotificationsApi, useNotificationsRefresh } from '../../hooks';\nimport { notificationsTranslationRef } from '../../translation';\nimport { getNotificationsPageLink } from '../../utils/notificationLinks';\nimport { truncateText } from '../../utils/plainText';\nimport { BulkActions } from '../NotificationsTable/BulkActions';\nimport { NotificationIcon } from '../NotificationsTable/NotificationIcon';\nimport styles from './UnreadNotificationsCard.module.css';\n\nconst ThrottleDelayMs = 2000;\n\n/** @internal */\nexport type UnreadNotificationsCardProps = {\n  /** Maximum number of unread notifications to fetch and display */\n  maxMessages?: number;\n  /** Maximum number of plain-text characters to show per notification title */\n  charLimit?: number;\n  /**\n   * @deprecated Use `maxMessages` instead.\n   */\n  initialCount?: number;\n  /**\n   * @deprecated Use `charLimit` instead.\n   */\n  maxChars?: number;\n  /** Maximum number of plain-text characters to show per notification description */\n  descriptionMaxChars?: number;\n};\n\nconst resolveMaxMessages = ({\n  maxMessages,\n  initialCount,\n}: Pick<UnreadNotificationsCardProps, 'maxMessages' | 'initialCount'>) =>\n  maxMessages ?? initialCount ?? 5;\n\nconst resolveCharLimit = ({\n  charLimit,\n  maxChars,\n}: Pick<UnreadNotificationsCardProps, 'charLimit' | 'maxChars'>) =>\n  charLimit ?? maxChars ?? 80;\n\nconst NotificationListItem = ({\n  notification,\n  maxChars,\n  descriptionMaxChars,\n  onSwitchReadStatus,\n  onSwitchSavedStatus,\n}: {\n  notification: Notification;\n  maxChars: number;\n  descriptionMaxChars: number;\n  onSwitchReadStatus: (ids: Notification['id'][], newStatus: boolean) => void;\n  onSwitchSavedStatus: (ids: Notification['id'][], newStatus: boolean) => void;\n}) => {\n  const {\n    display: titleDisplay,\n    truncated: titleTruncated,\n    full: titleFull,\n  } = truncateText(notification.payload.title, maxChars);\n  const description = notification.payload.description\n    ? truncateText(notification.payload.description, descriptionMaxChars)\n    : undefined;\n\n  return (\n    <div className={styles.notificationRow}>\n      <div className={styles.notificationContent}>\n        <div className={styles.severityItem}>\n          <NotificationIcon notification={notification} />\n        </div>\n        <div className={styles.notificationText}>\n          <Text variant=\"body-medium\" className={styles.notificationTitle}>\n            <Link\n              to={getNotificationsPageLink(notification.id)}\n              title={titleTruncated ? titleFull : undefined}\n            >\n              {titleDisplay}\n            </Link>\n          </Text>\n          {description ? (\n            <Text\n              variant=\"body-small\"\n              color=\"secondary\"\n              className={styles.notificationDescription}\n              title={description.truncated ? description.full : undefined}\n            >\n              {description.display}\n            </Text>\n          ) : null}\n          <Text\n            variant=\"body-small\"\n            color=\"secondary\"\n            className={styles.metaRow}\n          >\n            {!notification.user && (\n              <RiRssFill size={14} className={styles.broadcastIcon} />\n            )}\n            {notification.origin && (\n              <>\n                <span className={styles.notificationInfoRow}>\n                  {notification.origin}\n                </span>\n                &bull;\n              </>\n            )}\n            {notification.payload.topic && (\n              <>\n                <span className={styles.notificationInfoRow}>\n                  {notification.payload.topic}\n                </span>\n                &bull;\n              </>\n            )}\n            {notification.created && (\n              <RelativeTime\n                value={notification.created}\n                className={styles.notificationInfoRow}\n              />\n            )}\n          </Text>\n        </div>\n      </div>\n      <div className={styles.actionsColumn}>\n        <BulkActions\n          notifications={[notification]}\n          selectedNotifications={new Set([notification.id])}\n          onSwitchReadStatus={onSwitchReadStatus}\n          onSwitchSavedStatus={onSwitchSavedStatus}\n        />\n      </div>\n    </div>\n  );\n};\n\n/** @internal */\nexport const UnreadNotificationsCard = ({\n  maxMessages,\n  charLimit,\n  initialCount,\n  maxChars,\n  descriptionMaxChars = 120,\n}: UnreadNotificationsCardProps) => {\n  const { t } = useTranslationRef(notificationsTranslationRef);\n  const resolvedMaxMessages = resolveMaxMessages({ maxMessages, initialCount });\n  const resolvedCharLimit = resolveCharLimit({ charLimit, maxChars });\n  const [refresh, setRefresh] = useState(false);\n  const { lastSignal, pollTick } = useNotificationsRefresh();\n  const notificationsApi = useApi(notificationsApiRef);\n\n  const { error, value, retry, loading } = useNotificationsApi(\n    api =>\n      api.getNotifications({\n        limit: resolvedMaxMessages,\n        read: false,\n        sort: 'created',\n        sortOrder: 'desc',\n      }),\n    [resolvedMaxMessages],\n  );\n\n  const throttledSetRefresh = useMemo(\n    () => throttle(() => setRefresh(true), ThrottleDelayMs),\n    [],\n  );\n\n  useEffect(() => {\n    return () => {\n      throttledSetRefresh.cancel();\n    };\n  }, [throttledSetRefresh]);\n\n  const onUpdate = useCallback(() => {\n    retry();\n  }, [retry]);\n\n  const onSwitchReadStatus = useCallback(\n    (ids: Notification['id'][], newStatus: boolean) => {\n      notificationsApi\n        .updateNotifications({\n          ids,\n          read: newStatus,\n        })\n        .then(onUpdate);\n    },\n    [notificationsApi, onUpdate],\n  );\n\n  const onSwitchSavedStatus = useCallback(\n    (ids: Notification['id'][], newStatus: boolean) => {\n      notificationsApi\n        .updateNotifications({\n          ids,\n          saved: newStatus,\n        })\n        .then(onUpdate);\n    },\n    [notificationsApi, onUpdate],\n  );\n\n  useEffect(() => {\n    if (refresh && !loading) {\n      retry();\n      setRefresh(false);\n    }\n  }, [refresh, retry, loading]);\n\n  useEffect(() => {\n    if (!lastSignal?.action) {\n      return;\n    }\n\n    if (\n      lastSignal.action === 'new_notification' ||\n      lastSignal.action === 'notification_read' ||\n      lastSignal.action === 'notification_unread'\n    ) {\n      throttledSetRefresh();\n    }\n  }, [lastSignal, throttledSetRefresh]);\n\n  useEffect(() => {\n    if (pollTick > 0) {\n      throttledSetRefresh();\n    }\n  }, [pollTick, throttledSetRefresh]);\n\n  useEffect(() => {\n    const handleVisibilityChange = () => {\n      if (document.visibilityState === 'visible') {\n        throttledSetRefresh();\n      }\n    };\n\n    document.addEventListener('visibilitychange', handleVisibilityChange);\n    return () => {\n      document.removeEventListener('visibilitychange', handleVisibilityChange);\n    };\n  }, [throttledSetRefresh]);\n\n  const notifications = value?.notifications ?? [];\n  const totalCount = value?.totalCount ?? notifications.length;\n  const displayedCount = notifications.length;\n\n  return (\n    <InfoCard\n      title={t('unreadCard.title', { count: totalCount })}\n      action={\n        <LinkButton to={getNotificationsPageLink()} color=\"primary\">\n          {t('unreadCard.viewAll')}\n        </LinkButton>\n      }\n      variant=\"gridItem\"\n    >\n      <div className={styles.content}>\n        {loading && <Progress />}\n        {error && <ErrorPanel error={error} />}\n        {!loading && !error && (\n          <>\n            {notifications.length === 0 ? (\n              <div className={styles.emptyState}>\n                <RiCheckDoubleLine\n                  size={32}\n                  className={styles.emptyStateIcon}\n                  aria-hidden\n                  data-testid=\"unread-notifications-empty-icon\"\n                />\n                <Text variant=\"body-medium\">{t('unreadCard.emptyState')}</Text>\n              </div>\n            ) : (\n              <>\n                <div className={styles.columnHeader}>\n                  <Text variant=\"body-x-small\" color=\"secondary\">\n                    {t('unreadCard.columnNotification')}\n                  </Text>\n                  <Text\n                    variant=\"body-x-small\"\n                    color=\"secondary\"\n                    className={styles.columnHeaderActions}\n                  >\n                    {t('unreadCard.columnActions')}\n                  </Text>\n                </div>\n                {notifications.map(notification => (\n                  <NotificationListItem\n                    key={notification.id}\n                    notification={notification}\n                    maxChars={resolvedCharLimit}\n                    descriptionMaxChars={descriptionMaxChars}\n                    onSwitchReadStatus={onSwitchReadStatus}\n                    onSwitchSavedStatus={onSwitchSavedStatus}\n                  />\n                ))}\n                <Text\n                  variant=\"body-small\"\n                  color=\"secondary\"\n                  className={styles.resultsCount}\n                >\n                  {t('unreadCard.resultsCount', {\n                    displayed: String(displayedCount),\n                    total: String(totalCount),\n                  })}\n                </Text>\n              </>\n            )}\n          </>\n        )}\n      </div>\n    </InfoCard>\n  );\n};\n\n/**\n * UnreadNotificationsCard used by the NFS home page widget.\n *\n * @internal\n */\nexport const UnreadNotificationsCardWithProvider = (\n  props: UnreadNotificationsCardProps,\n) => <UnreadNotificationsCard {...props} />;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAM,eAAA,GAAkB,GAAA;AAoBxB,MAAM,qBAAqB,CAAC;AAAA,EAC1B,WAAA;AAAA,EACA;AACF,CAAA,KACE,eAAe,YAAA,IAAgB,CAAA;AAEjC,MAAM,mBAAmB,CAAC;AAAA,EACxB,SAAA;AAAA,EACA;AACF,CAAA,KACE,aAAa,QAAA,IAAY,EAAA;AAE3B,MAAM,uBAAuB,CAAC;AAAA,EAC5B,YAAA;AAAA,EACA,QAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAA,KAMM;AACJ,EAAA,MAAM;AAAA,IACJ,OAAA,EAAS,YAAA;AAAA,IACT,SAAA,EAAW,cAAA;AAAA,IACX,IAAA,EAAM;AAAA,GACR,GAAI,YAAA,CAAa,YAAA,CAAa,OAAA,CAAQ,OAAO,QAAQ,CAAA;AACrD,EAAA,MAAM,WAAA,GAAc,aAAa,OAAA,CAAQ,WAAA,GACrC,aAAa,YAAA,CAAa,OAAA,CAAQ,WAAA,EAAa,mBAAmB,CAAA,GAClE,MAAA;AAEJ,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,eAAA,EACrB,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,mBAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,cACrB,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,cAA4B,CAAA,EAChD,CAAA;AAAA,sBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,gBAAA,EACrB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,aAAA,EAAc,SAAA,EAAW,OAAO,iBAAA,EAC5C,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,wBAAA,CAAyB,YAAA,CAAa,EAAE,CAAA;AAAA,YAC5C,KAAA,EAAO,iBAAiB,SAAA,GAAY,MAAA;AAAA,YAEnC,QAAA,EAAA;AAAA;AAAA,SACH,EACF,CAAA;AAAA,QACC,WAAA,mBACC,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,YAAA;AAAA,YACR,KAAA,EAAM,WAAA;AAAA,YACN,WAAW,MAAA,CAAO,uBAAA;AAAA,YAClB,KAAA,EAAO,WAAA,CAAY,SAAA,GAAY,WAAA,CAAY,IAAA,GAAO,MAAA;AAAA,YAEjD,QAAA,EAAA,WAAA,CAAY;AAAA;AAAA,SACf,GACE,IAAA;AAAA,wBACJ,IAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,YAAA;AAAA,YACR,KAAA,EAAM,WAAA;AAAA,YACN,WAAW,MAAA,CAAO,OAAA;AAAA,YAEjB,QAAA,EAAA;AAAA,cAAA,CAAC,YAAA,CAAa,wBACb,GAAA,CAAC,SAAA,EAAA,EAAU,MAAM,EAAA,EAAI,SAAA,EAAW,OAAO,aAAA,EAAe,CAAA;AAAA,cAEvD,YAAA,CAAa,0BACZ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,mBAAA,EACrB,uBAAa,MAAA,EAChB,CAAA;AAAA,gBAAO;AAAA,eAAA,EAET,CAAA;AAAA,cAED,YAAA,CAAa,OAAA,CAAQ,KAAA,oBACpB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,mBAAA,EACrB,QAAA,EAAA,YAAA,CAAa,QAAQ,KAAA,EACxB,CAAA;AAAA,gBAAO;AAAA,eAAA,EAET,CAAA;AAAA,cAED,aAAa,OAAA,oBACZ,GAAA;AAAA,gBAAC,YAAA;AAAA,gBAAA;AAAA,kBACC,OAAO,YAAA,CAAa,OAAA;AAAA,kBACpB,WAAW,MAAA,CAAO;AAAA;AAAA;AACpB;AAAA;AAAA;AAEJ,OAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,aAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAe,CAAC,YAAY,CAAA;AAAA,QAC5B,uCAAuB,IAAI,GAAA,CAAI,CAAC,YAAA,CAAa,EAAE,CAAC,CAAA;AAAA,QAChD,kBAAA;AAAA,QACA;AAAA;AAAA,KACF,EACF;AAAA,GAAA,EACF,CAAA;AAEJ,CAAA;AAGO,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,mBAAA,GAAsB;AACxB,CAAA,KAAoC;AAClC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,2BAA2B,CAAA;AAC3D,EAAA,MAAM,mBAAA,GAAsB,kBAAA,CAAmB,EAAE,WAAA,EAAa,cAAc,CAAA;AAC5E,EAAA,MAAM,iBAAA,GAAoB,gBAAA,CAAiB,EAAE,SAAA,EAAW,UAAU,CAAA;AAClE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAS,GAAI,uBAAA,EAAwB;AACzD,EAAA,MAAM,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AAEnD,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,SAAQ,GAAI,mBAAA;AAAA,IACvC,CAAA,GAAA,KACE,IAAI,gBAAA,CAAiB;AAAA,MACnB,KAAA,EAAO,mBAAA;AAAA,MACP,IAAA,EAAM,KAAA;AAAA,MACN,IAAA,EAAM,SAAA;AAAA,MACN,SAAA,EAAW;AAAA,KACZ,CAAA;AAAA,IACH,CAAC,mBAAmB;AAAA,GACtB;AAEA,EAAA,MAAM,mBAAA,GAAsB,OAAA;AAAA,IAC1B,MAAM,QAAA,CAAS,MAAM,UAAA,CAAW,IAAI,GAAG,eAAe,CAAA;AAAA,IACtD;AAAC,GACH;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,MAAM;AACX,MAAA,mBAAA,CAAoB,MAAA,EAAO;AAAA,IAC7B,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,mBAAmB,CAAC,CAAA;AAExB,EAAA,MAAM,QAAA,GAAW,YAAY,MAAM;AACjC,IAAA,KAAA,EAAM;AAAA,EACR,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,kBAAA,GAAqB,WAAA;AAAA,IACzB,CAAC,KAA2B,SAAA,KAAuB;AACjD,MAAA,gBAAA,CACG,mBAAA,CAAoB;AAAA,QACnB,GAAA;AAAA,QACA,IAAA,EAAM;AAAA,OACP,CAAA,CACA,IAAA,CAAK,QAAQ,CAAA;AAAA,IAClB,CAAA;AAAA,IACA,CAAC,kBAAkB,QAAQ;AAAA,GAC7B;AAEA,EAAA,MAAM,mBAAA,GAAsB,WAAA;AAAA,IAC1B,CAAC,KAA2B,SAAA,KAAuB;AACjD,MAAA,gBAAA,CACG,mBAAA,CAAoB;AAAA,QACnB,GAAA;AAAA,QACA,KAAA,EAAO;AAAA,OACR,CAAA,CACA,IAAA,CAAK,QAAQ,CAAA;AAAA,IAClB,CAAA;AAAA,IACA,CAAC,kBAAkB,QAAQ;AAAA,GAC7B;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAA,IAAW,CAAC,OAAA,EAAS;AACvB,MAAA,KAAA,EAAM;AACN,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,KAAA,EAAO,OAAO,CAAC,CAAA;AAE5B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,YAAY,MAAA,EAAQ;AACvB,MAAA;AAAA,IACF;AAEA,IAAA,IACE,UAAA,CAAW,WAAW,kBAAA,IACtB,UAAA,CAAW,WAAW,mBAAA,IACtB,UAAA,CAAW,WAAW,qBAAA,EACtB;AACA,MAAA,mBAAA,EAAoB;AAAA,IACtB;AAAA,EACF,CAAA,EAAG,CAAC,UAAA,EAAY,mBAAmB,CAAC,CAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,CAAA,EAAG;AAChB,MAAA,mBAAA,EAAoB;AAAA,IACtB;AAAA,EACF,CAAA,EAAG,CAAC,QAAA,EAAU,mBAAmB,CAAC,CAAA;AAElC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,yBAAyB,MAAM;AACnC,MAAA,IAAI,QAAA,CAAS,oBAAoB,SAAA,EAAW;AAC1C,QAAA,mBAAA,EAAoB;AAAA,MACtB;AAAA,IACF,CAAA;AAEA,IAAA,QAAA,CAAS,gBAAA,CAAiB,oBAAoB,sBAAsB,CAAA;AACpE,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,oBAAoB,sBAAsB,CAAA;AAAA,IACzE,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,mBAAmB,CAAC,CAAA;AAExB,EAAA,MAAM,aAAA,GAAgB,KAAA,EAAO,aAAA,IAAiB,EAAC;AAC/C,EAAA,MAAM,UAAA,GAAa,KAAA,EAAO,UAAA,IAAc,aAAA,CAAc,MAAA;AACtD,EAAA,MAAM,iBAAiB,aAAA,CAAc,MAAA;AAErC,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAO,CAAA,CAAE,kBAAA,EAAoB,EAAE,KAAA,EAAO,YAAY,CAAA;AAAA,MAClD,MAAA,kBACE,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAI,wBAAA,IAA4B,KAAA,EAAM,SAAA,EAC/C,QAAA,EAAA,CAAA,CAAE,oBAAoB,CAAA,EACzB,CAAA;AAAA,MAEF,OAAA,EAAQ,UAAA;AAAA,MAER,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAA,EACpB,QAAA,EAAA;AAAA,QAAA,OAAA,wBAAY,QAAA,EAAA,EAAS,CAAA;AAAA,QACrB,KAAA,oBAAS,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAc,CAAA;AAAA,QACnC,CAAC,OAAA,IAAW,CAAC,KAAA,oBACZ,GAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA,aAAA,CAAc,MAAA,KAAW,CAAA,mBACxB,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,UAAA,EACrB,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,iBAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAM,EAAA;AAAA,cACN,WAAW,MAAA,CAAO,cAAA;AAAA,cAClB,aAAA,EAAW,IAAA;AAAA,cACX,aAAA,EAAY;AAAA;AAAA,WACd;AAAA,8BACC,IAAA,EAAA,EAAK,OAAA,EAAQ,aAAA,EAAe,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAAE;AAAA,SAAA,EAC1D,oBAEA,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,YAAA,EACrB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAK,OAAA,EAAQ,cAAA,EAAe,OAAM,WAAA,EAChC,QAAA,EAAA,CAAA,CAAE,+BAA+B,CAAA,EACpC,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAQ,cAAA;AAAA,gBACR,KAAA,EAAM,WAAA;AAAA,gBACN,WAAW,MAAA,CAAO,mBAAA;AAAA,gBAEjB,YAAE,0BAA0B;AAAA;AAAA;AAC/B,WAAA,EACF,CAAA;AAAA,UACC,aAAA,CAAc,IAAI,CAAA,YAAA,qBACjB,GAAA;AAAA,YAAC,oBAAA;AAAA,YAAA;AAAA,cAEC,YAAA;AAAA,cACA,QAAA,EAAU,iBAAA;AAAA,cACV,mBAAA;AAAA,cACA,kBAAA;AAAA,cACA;AAAA,aAAA;AAAA,YALK,YAAA,CAAa;AAAA,WAOrB,CAAA;AAAA,0BACD,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,YAAA;AAAA,cACR,KAAA,EAAM,WAAA;AAAA,cACN,WAAW,MAAA,CAAO,YAAA;AAAA,cAEjB,YAAE,yBAAA,EAA2B;AAAA,gBAC5B,SAAA,EAAW,OAAO,cAAc,CAAA;AAAA,gBAChC,KAAA,EAAO,OAAO,UAAU;AAAA,eACzB;AAAA;AAAA;AACH,SAAA,EACF,CAAA,EAEJ;AAAA,OAAA,EAEJ;AAAA;AAAA,GACF;AAEJ;AAOO,MAAM,sCAAsC,CACjD,KAAA,qBACG,GAAA,CAAC,uBAAA,EAAA,EAAyB,GAAG,KAAA,EAAO;;"}

package/dist/components/UnreadNotificationsCard/UnreadNotificationsCard.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer components {\n  .UnreadNotificationsCard_content__55d55e8dda {\n    min-height: 9rem;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .UnreadNotificationsCard_columnHeader__55d55e8dda {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: var(--bui-color-bg-surface-hover, rgba(0, 0, 0, 0.04));\n    border-radius: var(--bui-radius-2, 4px);\n    padding: var(--bui-space-2, 8px) var(--bui-space-5, 24px)\n      var(--bui-space-2, 8px) var(--bui-space-7, 36px);\n    margin-bottom: var(--bui-space-2, 8px);\n    color: var(--bui-color-fg-secondary, rgba(0, 0, 0, 0.54));\n    font-size: 0.75rem;\n    text-transform: uppercase;\n  }\n\n  .UnreadNotificationsCard_columnHeaderActions__55d55e8dda {\n    min-width: 5rem;\n    text-align: right;\n  }\n\n  .UnreadNotificationsCard_notificationRow__55d55e8dda {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--bui-space-2, 8px);\n    padding: var(--bui-space-3, 12px) 0;\n    border-bottom: 1px solid var(--bui-color-border, rgba(0, 0, 0, 0.12));\n  }\n\n  .UnreadNotificationsCard_notificationRow__55d55e8dda:last-child {\n    border-bottom: none;\n  }\n\n  .UnreadNotificationsCard_notificationContent__55d55e8dda {\n    display: flex;\n    flex: 1;\n    min-width: 0;\n    gap: var(--bui-space-3, 12px);\n  }\n\n  .UnreadNotificationsCard_severityItem__55d55e8dda {\n    align-content: center;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n  }\n\n  .UnreadNotificationsCard_notificationText__55d55e8dda {\n    min-width: 0;\n  }\n\n  .UnreadNotificationsCard_notificationTitle__55d55e8dda {\n    font-weight: 500;\n    font-size: 0.875rem;\n    line-height: 1.43;\n  }\n\n  .UnreadNotificationsCard_notificationDescription__55d55e8dda {\n    color: var(--bui-color-fg-secondary, rgba(0, 0, 0, 0.54));\n    font-size: 0.875rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n  }\n\n  .UnreadNotificationsCard_metaRow__55d55e8dda {\n    color: var(--bui-color-fg-secondary, rgba(0, 0, 0, 0.54));\n    font-size: 0.75rem;\n  }\n\n  .UnreadNotificationsCard_notificationInfoRow__55d55e8dda {\n    margin-left: var(--bui-space-1, 4px);\n    margin-right: var(--bui-space-1, 4px);\n  }\n\n  .UnreadNotificationsCard_broadcastIcon__55d55e8dda {\n    vertical-align: text-bottom;\n  }\n\n  .UnreadNotificationsCard_actionsColumn__55d55e8dda {\n    flex-shrink: 0;\n  }\n\n  .UnreadNotificationsCard_emptyState__55d55e8dda {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: var(--bui-space-8, 32px) 0;\n    gap: var(--bui-space-2, 8px);\n  }\n\n  .UnreadNotificationsCard_emptyStateIcon__55d55e8dda {\n    color: var(--bui-color-fg-disabled, rgba(0, 0, 0, 0.38));\n  }\n\n  .UnreadNotificationsCard_resultsCount__55d55e8dda {\n    margin-top: var(--bui-space-4, 16px);\n    text-align: right;\n    color: var(--bui-color-fg-secondary, rgba(0, 0, 0, 0.54));\n    font-size: 0.875rem;\n  }\n}\n";
+var styles = {"content":"UnreadNotificationsCard_content__55d55e8dda","columnHeader":"UnreadNotificationsCard_columnHeader__55d55e8dda","columnHeaderActions":"UnreadNotificationsCard_columnHeaderActions__55d55e8dda","notificationRow":"UnreadNotificationsCard_notificationRow__55d55e8dda","notificationContent":"UnreadNotificationsCard_notificationContent__55d55e8dda","severityItem":"UnreadNotificationsCard_severityItem__55d55e8dda","notificationText":"UnreadNotificationsCard_notificationText__55d55e8dda","notificationTitle":"UnreadNotificationsCard_notificationTitle__55d55e8dda","notificationDescription":"UnreadNotificationsCard_notificationDescription__55d55e8dda","metaRow":"UnreadNotificationsCard_metaRow__55d55e8dda","notificationInfoRow":"UnreadNotificationsCard_notificationInfoRow__55d55e8dda","broadcastIcon":"UnreadNotificationsCard_broadcastIcon__55d55e8dda","actionsColumn":"UnreadNotificationsCard_actionsColumn__55d55e8dda","emptyState":"UnreadNotificationsCard_emptyState__55d55e8dda","emptyStateIcon":"UnreadNotificationsCard_emptyStateIcon__55d55e8dda","resultsCount":"UnreadNotificationsCard_resultsCount__55d55e8dda"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=UnreadNotificationsCard.module.css.esm.js.map

package/dist/components/UnreadNotificationsCard/UnreadNotificationsCard.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnreadNotificationsCard.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/UnreadNotificationsCard/index.esm.js

@@ -0,0 +1,7 @@
+import { UnreadNotificationsCardWithProvider } from './UnreadNotificationsCard.esm.js';
+export { UnreadNotificationsCard } from './UnreadNotificationsCard.esm.js';
+
+
+
+export { UnreadNotificationsCardWithProvider };
+//# sourceMappingURL=index.esm.js.map

package/dist/components/UnreadNotificationsCard/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/UserNotificationSettingsCard/NoBorderTableCell.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoBorderTableCell.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/NoBorderTableCell.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactNode } from 'react';\nimport styles from './NoBorderTableCell.module.css';\n\nexport const NoBorderTableCell = ({\n  children,\n  align,\n}: {\n  children?: ReactNode;\n  align?: 'left' | 'center' | 'right';\n}) => (\n  <td className={styles.cell} style={align ? { textAlign: align } : undefined}>\n    {children}\n  </td>\n);\n"],"names":[],"mappings":";;;AAmBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,QAAA;AAAA,EACA;AACF,CAAA,qBAIE,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,KAAA,EAAO,KAAA,GAAQ,EAAE,SAAA,EAAW,KAAA,EAAM,GAAI,MAAA,EAC/D,QAAA,EACH;;;;"}
+{"version":3,"file":"NoBorderTableCell.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/NoBorderTableCell.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactNode } from 'react';\nimport styles from './NoBorderTableCell.module.css';\n\nexport const NoBorderTableCell = ({\n  children,\n  align,\n}: {\n  children?: ReactNode;\n  align?: 'left' | 'center' | 'right';\n}) => (\n  <td className={styles.cell} style={align ? { textAlign: align } : undefined}>\n    {children}\n  </td>\n);\n"],"names":[],"mappings":";;;AAmBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,QAAA;AAAA,EACA;AACF,CAAA,qBAIE,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,KAAA,EAAO,KAAA,GAAQ,EAAE,SAAA,EAAW,KAAA,EAAM,GAAI,MAAA,EAC/D,QAAA,EACH;;"}

package/dist/components/UserNotificationSettingsCard/NoBorderTableCell.module.css.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoBorderTableCell.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"NoBorderTableCell.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/UserNotificationSettingsCard/NotificationFormatContext.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationFormatContext.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/NotificationFormatContext.tsx"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createContext, ReactNode, useContext } from 'react';\nimport { capitalize } from 'lodash';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { notificationsTranslationRef } from '../../translation';\n\ntype FormatContextType = {\n  formatOriginName: (id: string) => string;\n  formatTopicName: (id: string) => string;\n};\n\nconst NotificationFormatContext = createContext<FormatContextType | undefined>(\n  undefined,\n);\n\nexport const useNotificationFormat = () => {\n  const { t } = useTranslationRef(notificationsTranslationRef);\n  const context = useContext(NotificationFormatContext);\n  if (!context) throw new Error(t('settings.errors.useNotificationFormat'));\n  return context;\n};\n\nexport const NotificationFormatProvider = ({\n  children,\n  originMap,\n  topicMap,\n}: {\n  children: ReactNode;\n  originMap: Record<string, string> | undefined;\n  topicMap: Record<string, string> | undefined;\n}) => {\n  const formatName = (\n    id: string,\n    nameMap: Record<string, string> | undefined,\n  ) => {\n    if (nameMap && id in nameMap) {\n      return nameMap[id];\n    }\n    return capitalize(id.replaceAll(/[-_:]/g, ' '));\n  };\n\n  const formatOriginName = (originId: string) => {\n    return formatName(originId, originMap);\n  };\n\n  const formatTopicName = (topicId: string) => {\n    return formatName(topicId, topicMap);\n  };\n\n  return (\n    <NotificationFormatContext.Provider\n      value={{ formatOriginName, formatTopicName }}\n    >\n      {children}\n    </NotificationFormatContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA0BA,MAAM,yBAAA,GAA4B,aAAA;AAAA,EAChC;AACF,CAAA;AAEO,MAAM,wBAAwB,MAAM;AACzC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,2BAA2B,CAAA;AAC3D,EAAA,MAAM,OAAA,GAAU,WAAW,yBAAyB,CAAA;AACpD,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,KAAA,CAAM,CAAA,CAAE,uCAAuC,CAAC,CAAA;AACxE,EAAA,OAAO,OAAA;AACT;AAEO,MAAM,6BAA6B,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,MAAM,UAAA,GAAa,CACjB,EAAA,EACA,OAAA,KACG;AACH,IAAA,IAAI,OAAA,IAAW,MAAM,OAAA,EAAS;AAC5B,MAAA,OAAO,QAAQ,EAAE,CAAA;AAAA,IACnB;AACA,IAAA,OAAO,UAAA,CAAW,EAAA,CAAG,UAAA,CAAW,QAAA,EAAU,GAAG,CAAC,CAAA;AAAA,EAChD,CAAA;AAEA,EAAA,MAAM,gBAAA,GAAmB,CAAC,QAAA,KAAqB;AAC7C,IAAA,OAAO,UAAA,CAAW,UAAU,SAAS,CAAA;AAAA,EACvC,CAAA;AAEA,EAAA,MAAM,eAAA,GAAkB,CAAC,OAAA,KAAoB;AAC3C,IAAA,OAAO,UAAA,CAAW,SAAS,QAAQ,CAAA;AAAA,EACrC,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,yBAAA,CAA0B,QAAA;AAAA,IAA1B;AAAA,MACC,KAAA,EAAO,EAAE,gBAAA,EAAkB,eAAA,EAAgB;AAAA,MAE1C;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"NotificationFormatContext.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/NotificationFormatContext.tsx"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createContext, ReactNode, useContext } from 'react';\nimport { capitalize } from 'lodash';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { notificationsTranslationRef } from '../../translation';\n\ntype FormatContextType = {\n  formatOriginName: (id: string) => string;\n  formatTopicName: (id: string) => string;\n};\n\nconst NotificationFormatContext = createContext<FormatContextType | undefined>(\n  undefined,\n);\n\nexport const useNotificationFormat = () => {\n  const { t } = useTranslationRef(notificationsTranslationRef);\n  const context = useContext(NotificationFormatContext);\n  if (!context) throw new Error(t('settings.errors.useNotificationFormat'));\n  return context;\n};\n\nexport const NotificationFormatProvider = ({\n  children,\n  originMap,\n  topicMap,\n}: {\n  children: ReactNode;\n  originMap: Record<string, string> | undefined;\n  topicMap: Record<string, string> | undefined;\n}) => {\n  const formatName = (\n    id: string,\n    nameMap: Record<string, string> | undefined,\n  ) => {\n    if (nameMap && id in nameMap) {\n      return nameMap[id];\n    }\n    return capitalize(id.replaceAll(/[-_:]/g, ' '));\n  };\n\n  const formatOriginName = (originId: string) => {\n    return formatName(originId, originMap);\n  };\n\n  const formatTopicName = (topicId: string) => {\n    return formatName(topicId, topicMap);\n  };\n\n  return (\n    <NotificationFormatContext.Provider\n      value={{ formatOriginName, formatTopicName }}\n    >\n      {children}\n    </NotificationFormatContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA0BA,MAAM,yBAAA,GAA4B,aAAA;AAAA,EAChC;AACF,CAAA;AAEO,MAAM,wBAAwB,MAAM;AACzC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,2BAA2B,CAAA;AAC3D,EAAA,MAAM,OAAA,GAAU,WAAW,yBAAyB,CAAA;AACpD,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,KAAA,CAAM,CAAA,CAAE,uCAAuC,CAAC,CAAA;AACxE,EAAA,OAAO,OAAA;AACT;AAEO,MAAM,6BAA6B,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,MAAM,UAAA,GAAa,CACjB,EAAA,EACA,OAAA,KACG;AACH,IAAA,IAAI,OAAA,IAAW,MAAM,OAAA,EAAS;AAC5B,MAAA,OAAO,QAAQ,EAAE,CAAA;AAAA,IACnB;AACA,IAAA,OAAO,UAAA,CAAW,EAAA,CAAG,UAAA,CAAW,QAAA,EAAU,GAAG,CAAC,CAAA;AAAA,EAChD,CAAA;AAEA,EAAA,MAAM,gBAAA,GAAmB,CAAC,QAAA,KAAqB;AAC7C,IAAA,OAAO,UAAA,CAAW,UAAU,SAAS,CAAA;AAAA,EACvC,CAAA;AAEA,EAAA,MAAM,eAAA,GAAkB,CAAC,OAAA,KAAoB;AAC3C,IAAA,OAAO,UAAA,CAAW,SAAS,QAAQ,CAAA;AAAA,EACrC,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,yBAAA,CAA0B,QAAA;AAAA,IAA1B;AAAA,MACC,KAAA,EAAO,EAAE,gBAAA,EAAkB,eAAA,EAAgB;AAAA,MAE1C;AAAA;AAAA,GACH;AAEJ;;"}

package/dist/components/UserNotificationSettingsCard/OriginRow.esm.js

@@ -40,9 +40,9 @@ const OriginRow = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Tooltip, { children: `Enable or disable ${ch.id.toLocaleLowerCase(
-        "en-US"
-      )} notifications from ${formatOriginName(origin.id)}` })
+      /* @__PURE__ */ jsx(Tooltip, { children: `Enable or disable ${ch.id.toLowerCase()} notifications from ${formatOriginName(
+        origin.id
+      )}` })
     ] }) }, ch.id))
   ] });
 };

package/dist/components/UserNotificationSettingsCard/OriginRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OriginRow.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/OriginRow.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  isNotificationsEnabledFor,\n  NotificationSettings,\n  OriginSetting,\n} from '@backstage/plugin-notifications-common';\nimport { ButtonIcon, Switch, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport { RiArrowDownSLine, RiArrowUpSLine } from '@remixicon/react';\nimport { NoBorderTableCell } from './NoBorderTableCell';\nimport { useNotificationFormat } from './NotificationFormatContext';\n\nexport const OriginRow = (props: {\n  origin: OriginSetting;\n  settings: NotificationSettings;\n  handleChange: (\n    channel: string,\n    origin: string,\n    topic: string | null,\n    enabled: boolean,\n  ) => void;\n  open: boolean;\n  handleRowToggle: (originId: string) => void;\n}) => {\n  const { origin, settings, handleChange, open, handleRowToggle } = props;\n  const { formatOriginName } = useNotificationFormat();\n  return (\n    <tr>\n      <NoBorderTableCell>\n        {origin.topics && origin.topics.length > 0 && (\n          <TooltipTrigger>\n            <ButtonIcon\n              aria-label=\"expand row\"\n              onPress={() => handleRowToggle(origin.id)}\n              icon={\n                open ? (\n                  <RiArrowUpSLine size={16} />\n                ) : (\n                  <RiArrowDownSLine size={16} />\n                )\n              }\n              variant=\"secondary\"\n            />\n            <Tooltip>{`Show Topics for the ${formatOriginName(\n              origin.id,\n            )} origin`}</Tooltip>\n          </TooltipTrigger>\n        )}\n      </NoBorderTableCell>\n      <NoBorderTableCell>{formatOriginName(origin.id)}</NoBorderTableCell>\n      <NoBorderTableCell>all</NoBorderTableCell>\n      {settings.channels.map(ch => (\n        <NoBorderTableCell key={ch.id} align=\"center\">\n          <TooltipTrigger>\n            <Switch\n              isSelected={isNotificationsEnabledFor(\n                settings,\n                ch.id,\n                origin.id,\n                null,\n              )}\n              onChange={(isSelected: boolean) => {\n                handleChange(ch.id, origin.id, null, isSelected);\n              }}\n            />\n            <Tooltip>{`Enable or disable ${ch.id.toLocaleLowerCase(\n              'en-US',\n            )} notifications from ${formatOriginName(origin.id)}`}</Tooltip>\n          </TooltipTrigger>\n        </NoBorderTableCell>\n      ))}\n    </tr>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA0BO,MAAM,SAAA,GAAY,CAAC,KAAA,KAWpB;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,QAAA,EAAU,YAAA,EAAc,IAAA,EAAM,iBAAgB,GAAI,KAAA;AAClE,EAAA,MAAM,EAAE,gBAAA,EAAiB,GAAI,qBAAA,EAAsB;AACnD,EAAA,4BACG,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAA,EAAA,EACE,iBAAO,MAAA,IAAU,MAAA,CAAO,OAAO,MAAA,GAAS,CAAA,yBACtC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAW,YAAA;AAAA,UACX,OAAA,EAAS,MAAM,eAAA,CAAgB,MAAA,CAAO,EAAE,CAAA;AAAA,UACxC,IAAA,EACE,IAAA,mBACE,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAM,IAAI,CAAA,mBAE1B,GAAA,CAAC,gBAAA,EAAA,EAAiB,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,UAGhC,OAAA,EAAQ;AAAA;AAAA,OACV;AAAA,sBACA,GAAA,CAAC,WAAS,QAAA,EAAA,CAAA,oBAAA,EAAuB,gBAAA;AAAA,QAC/B,MAAA,CAAO;AAAA,OACR,CAAA,OAAA,CAAA,EAAU;AAAA,KAAA,EACb,CAAA,EAEJ,CAAA;AAAA,oBACA,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,gBAAA,CAAiB,MAAA,CAAO,EAAE,CAAA,EAAE,CAAA;AAAA,oBAChD,GAAA,CAAC,qBAAkB,QAAA,EAAA,KAAA,EAAG,CAAA;AAAA,IACrB,QAAA,CAAS,SAAS,GAAA,CAAI,CAAA,EAAA,yBACpB,iBAAA,EAAA,EAA8B,KAAA,EAAM,QAAA,EACnC,QAAA,kBAAA,IAAA,CAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,UAAA,EAAY,yBAAA;AAAA,YACV,QAAA;AAAA,YACA,EAAA,CAAG,EAAA;AAAA,YACH,MAAA,CAAO,EAAA;AAAA,YACP;AAAA,WACF;AAAA,UACA,QAAA,EAAU,CAAC,UAAA,KAAwB;AACjC,YAAA,YAAA,CAAa,EAAA,CAAG,EAAA,EAAI,MAAA,CAAO,EAAA,EAAI,MAAM,UAAU,CAAA;AAAA,UACjD;AAAA;AAAA,OACF;AAAA,sBACA,GAAA,CAAC,OAAA,EAAA,EAAS,QAAA,EAAA,CAAA,kBAAA,EAAqB,EAAA,CAAG,EAAA,CAAG,iBAAA;AAAA,QACnC;AAAA,OACD,CAAA,oBAAA,EAAuB,gBAAA,CAAiB,MAAA,CAAO,EAAE,CAAC,CAAA,CAAA,EAAG;AAAA,KAAA,EACxD,CAAA,EAAA,EAhBsB,EAAA,CAAG,EAiB3B,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"OriginRow.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/OriginRow.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  isNotificationsEnabledFor,\n  NotificationSettings,\n  OriginSetting,\n} from '@backstage/plugin-notifications-common';\nimport { ButtonIcon, Switch, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport { RiArrowDownSLine, RiArrowUpSLine } from '@remixicon/react';\nimport { NoBorderTableCell } from './NoBorderTableCell';\nimport { useNotificationFormat } from './NotificationFormatContext';\n\nexport const OriginRow = (props: {\n  origin: OriginSetting;\n  settings: NotificationSettings;\n  handleChange: (\n    channel: string,\n    origin: string,\n    topic: string | null,\n    enabled: boolean,\n  ) => void;\n  open: boolean;\n  handleRowToggle: (originId: string) => void;\n}) => {\n  const { origin, settings, handleChange, open, handleRowToggle } = props;\n  const { formatOriginName } = useNotificationFormat();\n  return (\n    <tr>\n      <NoBorderTableCell>\n        {origin.topics && origin.topics.length > 0 && (\n          <TooltipTrigger>\n            <ButtonIcon\n              aria-label=\"expand row\"\n              onPress={() => handleRowToggle(origin.id)}\n              icon={\n                open ? (\n                  <RiArrowUpSLine size={16} />\n                ) : (\n                  <RiArrowDownSLine size={16} />\n                )\n              }\n              variant=\"secondary\"\n            />\n            <Tooltip>{`Show Topics for the ${formatOriginName(\n              origin.id,\n            )} origin`}</Tooltip>\n          </TooltipTrigger>\n        )}\n      </NoBorderTableCell>\n      <NoBorderTableCell>{formatOriginName(origin.id)}</NoBorderTableCell>\n      <NoBorderTableCell>all</NoBorderTableCell>\n      {settings.channels.map(ch => (\n        <NoBorderTableCell key={ch.id} align=\"center\">\n          <TooltipTrigger>\n            <Switch\n              isSelected={isNotificationsEnabledFor(\n                settings,\n                ch.id,\n                origin.id,\n                null,\n              )}\n              onChange={(isSelected: boolean) => {\n                handleChange(ch.id, origin.id, null, isSelected);\n              }}\n            />\n            <Tooltip>{`Enable or disable ${ch.id.toLowerCase()} notifications from ${formatOriginName(\n              origin.id,\n            )}`}</Tooltip>\n          </TooltipTrigger>\n        </NoBorderTableCell>\n      ))}\n    </tr>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA0BO,MAAM,SAAA,GAAY,CAAC,KAAA,KAWpB;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,QAAA,EAAU,YAAA,EAAc,IAAA,EAAM,iBAAgB,GAAI,KAAA;AAClE,EAAA,MAAM,EAAE,gBAAA,EAAiB,GAAI,qBAAA,EAAsB;AACnD,EAAA,4BACG,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAA,EAAA,EACE,iBAAO,MAAA,IAAU,MAAA,CAAO,OAAO,MAAA,GAAS,CAAA,yBACtC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAW,YAAA;AAAA,UACX,OAAA,EAAS,MAAM,eAAA,CAAgB,MAAA,CAAO,EAAE,CAAA;AAAA,UACxC,IAAA,EACE,IAAA,mBACE,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAM,IAAI,CAAA,mBAE1B,GAAA,CAAC,gBAAA,EAAA,EAAiB,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,UAGhC,OAAA,EAAQ;AAAA;AAAA,OACV;AAAA,sBACA,GAAA,CAAC,WAAS,QAAA,EAAA,CAAA,oBAAA,EAAuB,gBAAA;AAAA,QAC/B,MAAA,CAAO;AAAA,OACR,CAAA,OAAA,CAAA,EAAU;AAAA,KAAA,EACb,CAAA,EAEJ,CAAA;AAAA,oBACA,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,gBAAA,CAAiB,MAAA,CAAO,EAAE,CAAA,EAAE,CAAA;AAAA,oBAChD,GAAA,CAAC,qBAAkB,QAAA,EAAA,KAAA,EAAG,CAAA;AAAA,IACrB,QAAA,CAAS,SAAS,GAAA,CAAI,CAAA,EAAA,yBACpB,iBAAA,EAAA,EAA8B,KAAA,EAAM,QAAA,EACnC,QAAA,kBAAA,IAAA,CAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,UAAA,EAAY,yBAAA;AAAA,YACV,QAAA;AAAA,YACA,EAAA,CAAG,EAAA;AAAA,YACH,MAAA,CAAO,EAAA;AAAA,YACP;AAAA,WACF;AAAA,UACA,QAAA,EAAU,CAAC,UAAA,KAAwB;AACjC,YAAA,YAAA,CAAa,EAAA,CAAG,EAAA,EAAI,MAAA,CAAO,EAAA,EAAI,MAAM,UAAU,CAAA;AAAA,UACjD;AAAA;AAAA,OACF;AAAA,0BACC,OAAA,EAAA,EAAS,QAAA,EAAA,CAAA,kBAAA,EAAqB,GAAG,EAAA,CAAG,WAAA,EAAa,CAAA,oBAAA,EAAuB,gBAAA;AAAA,QACvE,MAAA,CAAO;AAAA,OACR,CAAA,CAAA,EAAG;AAAA,KAAA,EACN,CAAA,EAAA,EAhBsB,EAAA,CAAG,EAiB3B,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;"}

package/dist/components/UserNotificationSettingsCard/TopicRow.esm.js

@@ -26,9 +26,7 @@ const TopicRow = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Tooltip, { children: `Enable or disable ${ch.id.toLocaleLowerCase(
-        "en-US"
-      )} notifications for the ${formatTopicName(
+      /* @__PURE__ */ jsx(Tooltip, { children: `Enable or disable ${ch.id.toLowerCase()} notifications for the ${formatTopicName(
         topic.id
       )} topic from ${formatOriginName(origin.id)}` })
     ] }) }, `${ch.id}-${topic.id}`))

package/dist/components/UserNotificationSettingsCard/TopicRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopicRow.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/TopicRow.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  isNotificationsEnabledFor,\n  NotificationSettings,\n  OriginSetting,\n  TopicSetting,\n} from '@backstage/plugin-notifications-common';\nimport { Switch, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport { NoBorderTableCell } from './NoBorderTableCell';\nimport { useNotificationFormat } from './NotificationFormatContext';\n\nexport const TopicRow = (props: {\n  topic: TopicSetting;\n  origin: OriginSetting;\n  settings: NotificationSettings;\n  handleChange: (\n    channel: string,\n    origin: string,\n    topic: string | null,\n    enabled: boolean,\n  ) => void;\n}) => {\n  const { topic, origin, settings, handleChange } = props;\n  const { formatOriginName, formatTopicName } = useNotificationFormat();\n  return (\n    <tr>\n      <NoBorderTableCell />\n      <NoBorderTableCell />\n      <NoBorderTableCell>{formatTopicName(topic.id)}</NoBorderTableCell>\n      {settings.channels.map(ch => (\n        <NoBorderTableCell key={`${ch.id}-${topic.id}`} align=\"center\">\n          <TooltipTrigger>\n            <Switch\n              isSelected={isNotificationsEnabledFor(\n                settings,\n                ch.id,\n                origin.id,\n                topic.id,\n              )}\n              onChange={(isSelected: boolean) => {\n                handleChange(ch.id, origin.id, topic.id, isSelected);\n              }}\n            />\n            <Tooltip>{`Enable or disable ${ch.id.toLocaleLowerCase(\n              'en-US',\n            )} notifications for the ${formatTopicName(\n              topic.id,\n            )} topic from ${formatOriginName(origin.id)}`}</Tooltip>\n          </TooltipTrigger>\n        </NoBorderTableCell>\n      ))}\n    </tr>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA0BO,MAAM,QAAA,GAAW,CAAC,KAAA,KAUnB;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAA,EAAU,cAAa,GAAI,KAAA;AAClD,EAAA,MAAM,EAAE,gBAAA,EAAkB,eAAA,EAAgB,GAAI,qBAAA,EAAsB;AACpE,EAAA,4BACG,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,CAAA;AAAA,wBAClB,iBAAA,EAAA,EAAkB,CAAA;AAAA,oBACnB,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,eAAA,CAAgB,KAAA,CAAM,EAAE,CAAA,EAAE,CAAA;AAAA,IAC7C,QAAA,CAAS,SAAS,GAAA,CAAI,CAAA,EAAA,yBACpB,iBAAA,EAAA,EAA+C,KAAA,EAAM,QAAA,EACpD,QAAA,kBAAA,IAAA,CAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,UAAA,EAAY,yBAAA;AAAA,YACV,QAAA;AAAA,YACA,EAAA,CAAG,EAAA;AAAA,YACH,MAAA,CAAO,EAAA;AAAA,YACP,KAAA,CAAM;AAAA,WACR;AAAA,UACA,QAAA,EAAU,CAAC,UAAA,KAAwB;AACjC,YAAA,YAAA,CAAa,GAAG,EAAA,EAAI,MAAA,CAAO,EAAA,EAAI,KAAA,CAAM,IAAI,UAAU,CAAA;AAAA,UACrD;AAAA;AAAA,OACF;AAAA,sBACA,GAAA,CAAC,OAAA,EAAA,EAAS,QAAA,EAAA,CAAA,kBAAA,EAAqB,EAAA,CAAG,EAAA,CAAG,iBAAA;AAAA,QACnC;AAAA,OACD,CAAA,uBAAA,EAA0B,eAAA;AAAA,QACzB,KAAA,CAAM;AAAA,OACP,CAAA,YAAA,EAAe,gBAAA,CAAiB,MAAA,CAAO,EAAE,CAAC,CAAA,CAAA,EAAG;AAAA,KAAA,EAChD,CAAA,EAAA,EAlBsB,GAAG,EAAA,CAAG,EAAE,IAAI,KAAA,CAAM,EAAE,EAmB5C,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TopicRow.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/TopicRow.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  isNotificationsEnabledFor,\n  NotificationSettings,\n  OriginSetting,\n  TopicSetting,\n} from '@backstage/plugin-notifications-common';\nimport { Switch, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport { NoBorderTableCell } from './NoBorderTableCell';\nimport { useNotificationFormat } from './NotificationFormatContext';\n\nexport const TopicRow = (props: {\n  topic: TopicSetting;\n  origin: OriginSetting;\n  settings: NotificationSettings;\n  handleChange: (\n    channel: string,\n    origin: string,\n    topic: string | null,\n    enabled: boolean,\n  ) => void;\n}) => {\n  const { topic, origin, settings, handleChange } = props;\n  const { formatOriginName, formatTopicName } = useNotificationFormat();\n  return (\n    <tr>\n      <NoBorderTableCell />\n      <NoBorderTableCell />\n      <NoBorderTableCell>{formatTopicName(topic.id)}</NoBorderTableCell>\n      {settings.channels.map(ch => (\n        <NoBorderTableCell key={`${ch.id}-${topic.id}`} align=\"center\">\n          <TooltipTrigger>\n            <Switch\n              isSelected={isNotificationsEnabledFor(\n                settings,\n                ch.id,\n                origin.id,\n                topic.id,\n              )}\n              onChange={(isSelected: boolean) => {\n                handleChange(ch.id, origin.id, topic.id, isSelected);\n              }}\n            />\n            <Tooltip>{`Enable or disable ${ch.id.toLowerCase()} notifications for the ${formatTopicName(\n              topic.id,\n            )} topic from ${formatOriginName(origin.id)}`}</Tooltip>\n          </TooltipTrigger>\n        </NoBorderTableCell>\n      ))}\n    </tr>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA0BO,MAAM,QAAA,GAAW,CAAC,KAAA,KAUnB;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAA,EAAU,cAAa,GAAI,KAAA;AAClD,EAAA,MAAM,EAAE,gBAAA,EAAkB,eAAA,EAAgB,GAAI,qBAAA,EAAsB;AACpE,EAAA,4BACG,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,CAAA;AAAA,wBAClB,iBAAA,EAAA,EAAkB,CAAA;AAAA,oBACnB,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,eAAA,CAAgB,KAAA,CAAM,EAAE,CAAA,EAAE,CAAA;AAAA,IAC7C,QAAA,CAAS,SAAS,GAAA,CAAI,CAAA,EAAA,yBACpB,iBAAA,EAAA,EAA+C,KAAA,EAAM,QAAA,EACpD,QAAA,kBAAA,IAAA,CAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,UAAA,EAAY,yBAAA;AAAA,YACV,QAAA;AAAA,YACA,EAAA,CAAG,EAAA;AAAA,YACH,MAAA,CAAO,EAAA;AAAA,YACP,KAAA,CAAM;AAAA,WACR;AAAA,UACA,QAAA,EAAU,CAAC,UAAA,KAAwB;AACjC,YAAA,YAAA,CAAa,GAAG,EAAA,EAAI,MAAA,CAAO,EAAA,EAAI,KAAA,CAAM,IAAI,UAAU,CAAA;AAAA,UACrD;AAAA;AAAA,OACF;AAAA,0BACC,OAAA,EAAA,EAAS,QAAA,EAAA,CAAA,kBAAA,EAAqB,GAAG,EAAA,CAAG,WAAA,EAAa,CAAA,uBAAA,EAA0B,eAAA;AAAA,QAC1E,KAAA,CAAM;AAAA,OACP,CAAA,YAAA,EAAe,gBAAA,CAAiB,MAAA,CAAO,EAAE,CAAC,CAAA,CAAA,EAAG;AAAA,KAAA,EAChD,CAAA,EAAA,EAhBsB,GAAG,EAAA,CAAG,EAAE,IAAI,KAAA,CAAM,EAAE,EAiB5C,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;"}

package/dist/components/UserNotificationSettingsCard/UserNotificationSettingsCard.esm.js

@@ -2,6 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { InfoCard, Progress, ErrorPanel } from '@backstage/core-components';
 import { useNotificationsApi } from '../../hooks/useNotificationsApi.esm.js';
+import '@backstage/plugin-signals-react';
 import { useApi } from '@backstage/core-plugin-api';
 import { notificationsApiRef } from '../../api/NotificationsApi.esm.js';
 import '@backstage/errors';

package/dist/components/UserNotificationSettingsCard/UserNotificationSettingsCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserNotificationSettingsCard.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/UserNotificationSettingsCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState, useEffect } from 'react';\nimport { ErrorPanel, InfoCard, Progress } from '@backstage/core-components';\nimport { useNotificationsApi } from '../../hooks';\nimport { NotificationSettings } from '@backstage/plugin-notifications-common';\nimport { notificationsApiRef } from '../../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { notificationsTranslationRef } from '../../translation';\nimport { UserNotificationSettingsPanel } from './UserNotificationSettingsPanel';\nimport { NotificationFormatProvider } from './NotificationFormatContext';\n\n/** @public */\nexport const UserNotificationSettingsCard = (props: {\n  originNames?: Record<string, string>;\n  topicNames?: Record<string, string>;\n}) => {\n  const { t } = useTranslationRef(notificationsTranslationRef);\n  const [settings, setNotificationSettings] = useState<\n    NotificationSettings | undefined\n  >(undefined);\n\n  const client = useApi(notificationsApiRef);\n  const { error, value, loading } = useNotificationsApi(api => {\n    return api.getNotificationSettings();\n  });\n\n  useEffect(() => {\n    if (!loading && !error) {\n      setNotificationSettings(value);\n    }\n  }, [loading, value, error]);\n\n  const onUpdate = (newSettings: NotificationSettings) => {\n    client\n      .updateNotificationSettings(newSettings)\n      .then(updatedSettings => setNotificationSettings(updatedSettings));\n  };\n\n  return (\n    <InfoCard title={t('settings.title')} variant=\"gridItem\">\n      {loading && <Progress />}\n      {error && <ErrorPanel title={t('settings.errorTitle')} error={error} />}\n      {settings && (\n        <NotificationFormatProvider\n          originMap={props.originNames}\n          topicMap={props.topicNames}\n        >\n          <UserNotificationSettingsPanel\n            settings={settings}\n            onChange={onUpdate}\n          />\n        </NotificationFormatProvider>\n      )}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA4BO,MAAM,4BAAA,GAA+B,CAAC,KAAA,KAGvC;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,2BAA2B,CAAA;AAC3D,EAAA,MAAM,CAAC,QAAA,EAAU,uBAAuB,CAAA,GAAI,SAE1C,MAAS,CAAA;AAEX,EAAA,MAAM,MAAA,GAAS,OAAO,mBAAmB,CAAA;AACzC,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,OAAA,EAAQ,GAAI,oBAAoB,CAAA,GAAA,KAAO;AAC3D,IAAA,OAAO,IAAI,uBAAA,EAAwB;AAAA,EACrC,CAAC,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,IAAW,CAAC,KAAA,EAAO;AACtB,MAAA,uBAAA,CAAwB,KAAK,CAAA;AAAA,IAC/B;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,KAAA,EAAO,KAAK,CAAC,CAAA;AAE1B,EAAA,MAAM,QAAA,GAAW,CAAC,WAAA,KAAsC;AACtD,IAAA,MAAA,CACG,2BAA2B,WAAW,CAAA,CACtC,KAAK,CAAA,eAAA,KAAmB,uBAAA,CAAwB,eAAe,CAAC,CAAA;AAAA,EACrE,CAAA;AAEA,EAAA,4BACG,QAAA,EAAA,EAAS,KAAA,EAAO,EAAE,gBAAgB,CAAA,EAAG,SAAQ,UAAA,EAC3C,QAAA,EAAA;AAAA,IAAA,OAAA,wBAAY,QAAA,EAAA,EAAS,CAAA;AAAA,IACrB,yBAAS,GAAA,CAAC,UAAA,EAAA,EAAW,OAAO,CAAA,CAAE,qBAAqB,GAAG,KAAA,EAAc,CAAA;AAAA,IACpE,QAAA,oBACC,GAAA;AAAA,MAAC,0BAAA;AAAA,MAAA;AAAA,QACC,WAAW,KAAA,CAAM,WAAA;AAAA,QACjB,UAAU,KAAA,CAAM,UAAA;AAAA,QAEhB,QAAA,kBAAA,GAAA;AAAA,UAAC,6BAAA;AAAA,UAAA;AAAA,YACC,QAAA;AAAA,YACA,QAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"UserNotificationSettingsCard.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/UserNotificationSettingsCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState, useEffect } from 'react';\nimport { ErrorPanel, InfoCard, Progress } from '@backstage/core-components';\nimport { useNotificationsApi } from '../../hooks';\nimport { NotificationSettings } from '@backstage/plugin-notifications-common';\nimport { notificationsApiRef } from '../../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { notificationsTranslationRef } from '../../translation';\nimport { UserNotificationSettingsPanel } from './UserNotificationSettingsPanel';\nimport { NotificationFormatProvider } from './NotificationFormatContext';\n\n/** @public */\nexport const UserNotificationSettingsCard = (props: {\n  originNames?: Record<string, string>;\n  topicNames?: Record<string, string>;\n}) => {\n  const { t } = useTranslationRef(notificationsTranslationRef);\n  const [settings, setNotificationSettings] = useState<\n    NotificationSettings | undefined\n  >(undefined);\n\n  const client = useApi(notificationsApiRef);\n  const { error, value, loading } = useNotificationsApi(api => {\n    return api.getNotificationSettings();\n  });\n\n  useEffect(() => {\n    if (!loading && !error) {\n      setNotificationSettings(value);\n    }\n  }, [loading, value, error]);\n\n  const onUpdate = (newSettings: NotificationSettings) => {\n    client\n      .updateNotificationSettings(newSettings)\n      .then(updatedSettings => setNotificationSettings(updatedSettings));\n  };\n\n  return (\n    <InfoCard title={t('settings.title')} variant=\"gridItem\">\n      {loading && <Progress />}\n      {error && <ErrorPanel title={t('settings.errorTitle')} error={error} />}\n      {settings && (\n        <NotificationFormatProvider\n          originMap={props.originNames}\n          topicMap={props.topicNames}\n        >\n          <UserNotificationSettingsPanel\n            settings={settings}\n            onChange={onUpdate}\n          />\n        </NotificationFormatProvider>\n      )}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA4BO,MAAM,4BAAA,GAA+B,CAAC,KAAA,KAGvC;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,2BAA2B,CAAA;AAC3D,EAAA,MAAM,CAAC,QAAA,EAAU,uBAAuB,CAAA,GAAI,SAE1C,MAAS,CAAA;AAEX,EAAA,MAAM,MAAA,GAAS,OAAO,mBAAmB,CAAA;AACzC,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,OAAA,EAAQ,GAAI,oBAAoB,CAAA,GAAA,KAAO;AAC3D,IAAA,OAAO,IAAI,uBAAA,EAAwB;AAAA,EACrC,CAAC,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,IAAW,CAAC,KAAA,EAAO;AACtB,MAAA,uBAAA,CAAwB,KAAK,CAAA;AAAA,IAC/B;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,KAAA,EAAO,KAAK,CAAC,CAAA;AAE1B,EAAA,MAAM,QAAA,GAAW,CAAC,WAAA,KAAsC;AACtD,IAAA,MAAA,CACG,2BAA2B,WAAW,CAAA,CACtC,KAAK,CAAA,eAAA,KAAmB,uBAAA,CAAwB,eAAe,CAAC,CAAA;AAAA,EACrE,CAAA;AAEA,EAAA,4BACG,QAAA,EAAA,EAAS,KAAA,EAAO,EAAE,gBAAgB,CAAA,EAAG,SAAQ,UAAA,EAC3C,QAAA,EAAA;AAAA,IAAA,OAAA,wBAAY,QAAA,EAAA,EAAS,CAAA;AAAA,IACrB,yBAAS,GAAA,CAAC,UAAA,EAAA,EAAW,OAAO,CAAA,CAAE,qBAAqB,GAAG,KAAA,EAAc,CAAA;AAAA,IACpE,QAAA,oBACC,GAAA;AAAA,MAAC,0BAAA;AAAA,MAAA;AAAA,QACC,WAAW,KAAA,CAAM,WAAA;AAAA,QACjB,UAAU,KAAA,CAAM,UAAA;AAAA,QAEhB,QAAA,kBAAA,GAAA;AAAA,UAAC,6BAAA;AAAA,UAAA;AAAA,YACC,QAAA;AAAA,YACA,QAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;;"}

package/dist/components/UserNotificationSettingsCard/UserNotificationSettingsPanel.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserNotificationSettingsPanel.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/UserNotificationSettingsPanel.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState } from 'react';\nimport {\n  NotificationSettings,\n  OriginSetting,\n} from '@backstage/plugin-notifications-common';\nimport { Text } from '@backstage/ui';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { notificationsTranslationRef } from '../../translation';\nimport { TopicRow } from './TopicRow';\nimport { OriginRow } from './OriginRow';\nimport styles from './UserNotificationSettingsPanel.module.css';\n\nexport const UserNotificationSettingsPanel = (props: {\n  settings: NotificationSettings;\n  onChange: (settings: NotificationSettings) => void;\n  originNames?: Record<string, string>;\n  topicNames?: Record<string, string>;\n}) => {\n  const { settings, onChange } = props;\n  const { t } = useTranslationRef(notificationsTranslationRef);\n  const [expandedRows, setExpandedRows] = useState<Set<string>>(new Set());\n\n  const handleRowToggle = (originId: string) => {\n    setExpandedRows(prevState => {\n      const newExpandedRows = new Set(prevState);\n      if (newExpandedRows.has(originId)) {\n        newExpandedRows.delete(originId);\n      } else {\n        newExpandedRows.add(originId);\n      }\n      return newExpandedRows;\n    });\n  };\n  const handleChange = (\n    channelId: string,\n    originId: string,\n    topicId: string | null,\n    enabled: boolean,\n  ) => {\n    const updatedSettings = {\n      channels: settings.channels.map(channel => {\n        if (channel.id !== channelId) {\n          return channel;\n        }\n        return {\n          ...channel,\n          origins: channel.origins.map(origin => {\n            if (origin.id !== originId) {\n              return origin;\n            }\n\n            if (topicId === null) {\n              return {\n                ...origin,\n                enabled,\n                topics:\n                  origin.topics?.map(topic => {\n                    return { ...topic, enabled };\n                  }) ?? [],\n              };\n            }\n\n            return {\n              ...origin,\n              topics:\n                origin.topics?.map(topic => {\n                  if (topic.id === topicId) {\n                    return {\n                      ...topic,\n                      enabled: origin.enabled ? enabled : origin.enabled,\n                    };\n                  }\n                  return topic;\n                }) ?? [],\n            };\n          }),\n        };\n      }),\n    };\n    onChange(updatedSettings);\n  };\n\n  if (settings.channels.length === 0) {\n    return (\n      <Text variant=\"body-medium\">{t('settings.noSettingsAvailable')}</Text>\n    );\n  }\n\n  const uniqueOriginsMap = settings.channels\n    .flatMap(channel => channel.origins)\n    .reduce((map, origin) => {\n      if (!map.has(origin.id)) {\n        map.set(origin.id, origin);\n      }\n      return map;\n    }, new Map<string, OriginSetting>())\n    .values();\n\n  const uniqueOrigins = Array.from(uniqueOriginsMap);\n\n  return (\n    <table className={styles.table}>\n      <thead>\n        <tr>\n          <th className={styles.headerCell} />\n          <th className={styles.headerCell}>\n            <Text variant=\"title-x-small\">{t('settings.table.origin')}</Text>\n          </th>\n          <th className={styles.headerCell}>\n            <Text variant=\"title-x-small\">{t('settings.table.topic')}</Text>\n          </th>\n          {settings.channels.map(channel => (\n            <th key={channel.id} className={styles.headerCell}>\n              <Text\n                variant=\"title-x-small\"\n                style={{ textAlign: 'center', display: 'block' }}\n              >\n                {channel.id}\n              </Text>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {uniqueOrigins.flatMap(origin => [\n          <OriginRow\n            key={origin.id}\n            origin={origin}\n            settings={settings}\n            open={expandedRows.has(origin.id)}\n            handleChange={handleChange}\n            handleRowToggle={handleRowToggle}\n          />,\n          ...(expandedRows.has(origin.id)\n            ? origin.topics?.map(topic => (\n                <TopicRow\n                  key={`${origin.id}-${topic.id}`}\n                  topic={topic}\n                  origin={origin}\n                  settings={settings}\n                  handleChange={handleChange}\n                />\n              )) || []\n            : []),\n        ])}\n      </tbody>\n    </table>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserNotificationSettingsPanel.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/UserNotificationSettingsPanel.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState } from 'react';\nimport {\n  NotificationSettings,\n  OriginSetting,\n} from '@backstage/plugin-notifications-common';\nimport { Text } from '@backstage/ui';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { notificationsTranslationRef } from '../../translation';\nimport { TopicRow } from './TopicRow';\nimport { OriginRow } from './OriginRow';\nimport styles from './UserNotificationSettingsPanel.module.css';\n\nexport const UserNotificationSettingsPanel = (props: {\n  settings: NotificationSettings;\n  onChange: (settings: NotificationSettings) => void;\n  originNames?: Record<string, string>;\n  topicNames?: Record<string, string>;\n}) => {\n  const { settings, onChange } = props;\n  const { t } = useTranslationRef(notificationsTranslationRef);\n  const [expandedRows, setExpandedRows] = useState<Set<string>>(new Set());\n\n  const handleRowToggle = (originId: string) => {\n    setExpandedRows(prevState => {\n      const newExpandedRows = new Set(prevState);\n      if (newExpandedRows.has(originId)) {\n        newExpandedRows.delete(originId);\n      } else {\n        newExpandedRows.add(originId);\n      }\n      return newExpandedRows;\n    });\n  };\n  const handleChange = (\n    channelId: string,\n    originId: string,\n    topicId: string | null,\n    enabled: boolean,\n  ) => {\n    const updatedSettings = {\n      channels: settings.channels.map(channel => {\n        if (channel.id !== channelId) {\n          return channel;\n        }\n        return {\n          ...channel,\n          origins: channel.origins.map(origin => {\n            if (origin.id !== originId) {\n              return origin;\n            }\n\n            if (topicId === null) {\n              return {\n                ...origin,\n                enabled,\n                topics:\n                  origin.topics?.map(topic => {\n                    return { ...topic, enabled };\n                  }) ?? [],\n              };\n            }\n\n            return {\n              ...origin,\n              topics:\n                origin.topics?.map(topic => {\n                  if (topic.id === topicId) {\n                    return {\n                      ...topic,\n                      enabled: origin.enabled ? enabled : origin.enabled,\n                    };\n                  }\n                  return topic;\n                }) ?? [],\n            };\n          }),\n        };\n      }),\n    };\n    onChange(updatedSettings);\n  };\n\n  if (settings.channels.length === 0) {\n    return (\n      <Text variant=\"body-medium\">{t('settings.noSettingsAvailable')}</Text>\n    );\n  }\n\n  const uniqueOriginsMap = settings.channels\n    .flatMap(channel => channel.origins)\n    .reduce((map, origin) => {\n      if (!map.has(origin.id)) {\n        map.set(origin.id, origin);\n      }\n      return map;\n    }, new Map<string, OriginSetting>())\n    .values();\n\n  const uniqueOrigins = Array.from(uniqueOriginsMap);\n\n  return (\n    <table className={styles.table}>\n      <thead>\n        <tr>\n          <th className={styles.headerCell} />\n          <th className={styles.headerCell}>\n            <Text variant=\"title-x-small\">{t('settings.table.origin')}</Text>\n          </th>\n          <th className={styles.headerCell}>\n            <Text variant=\"title-x-small\">{t('settings.table.topic')}</Text>\n          </th>\n          {settings.channels.map(channel => (\n            <th key={channel.id} className={styles.headerCell}>\n              <Text\n                variant=\"title-x-small\"\n                style={{ textAlign: 'center', display: 'block' }}\n              >\n                {channel.id}\n              </Text>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {uniqueOrigins.flatMap(origin => [\n          <OriginRow\n            key={origin.id}\n            origin={origin}\n            settings={settings}\n            open={expandedRows.has(origin.id)}\n            handleChange={handleChange}\n            handleRowToggle={handleRowToggle}\n          />,\n          ...(expandedRows.has(origin.id)\n            ? origin.topics?.map(topic => (\n                <TopicRow\n                  key={`${origin.id}-${topic.id}`}\n                  topic={topic}\n                  origin={origin}\n                  settings={settings}\n                  handleChange={handleChange}\n                />\n              )) || []\n            : []),\n        ])}\n      </tbody>\n    </table>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/UserNotificationSettingsCard/UserNotificationSettingsPanel.module.css.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserNotificationSettingsPanel.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"UserNotificationSettingsPanel.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/hooks/useNotificationsApi.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationsApi.esm.js","sources":["../../src/hooks/useNotificationsApi.ts"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { NotificationsApi, notificationsApiRef } from '../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsyncRetry from 'react-use/esm/useAsyncRetry';\n\n/** @public */\nexport function useNotificationsApi<T>(\n  f: (api: NotificationsApi) => Promise<T>,\n  deps: any[] = [],\n) {\n  const notificationsApi = useApi(notificationsApiRef);\n\n  return useAsyncRetry(async () => {\n    return await f(notificationsApi);\n  }, deps);\n}\n"],"names":[],"mappings":";;;;;AAqBO,SAAS,mBAAA,CACd,CAAA,EACA,IAAA,GAAc,EAAC,EACf;AACA,EAAA,MAAM,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AAEnD,EAAA,OAAO,cAAc,YAAY;AAC/B,IAAA,OAAO,MAAM,EAAE,gBAAgB,CAAA;AAAA,EACjC,GAAG,IAAI,CAAA;AACT;;;;"}
+{"version":3,"file":"useNotificationsApi.esm.js","sources":["../../src/hooks/useNotificationsApi.ts"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { NotificationsApi, notificationsApiRef } from '../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsyncRetry from 'react-use/esm/useAsyncRetry';\n\n/** @public */\nexport function useNotificationsApi<T>(\n  f: (api: NotificationsApi) => Promise<T>,\n  deps: any[] = [],\n) {\n  const notificationsApi = useApi(notificationsApiRef);\n\n  return useAsyncRetry(async () => {\n    return await f(notificationsApi);\n  }, deps);\n}\n"],"names":[],"mappings":";;;;;AAqBO,SAAS,mBAAA,CACd,CAAA,EACA,IAAA,GAAc,EAAC,EACf;AACA,EAAA,MAAM,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AAEnD,EAAA,OAAO,cAAc,YAAY;AAC/B,IAAA,OAAO,MAAM,EAAE,gBAAgB,CAAA;AAAA,EACjC,GAAG,IAAI,CAAA;AACT;;"}

package/dist/hooks/useNotificationsRefresh.esm.js

@@ -0,0 +1,24 @@
+import { useState, useEffect } from 'react';
+import { useSignal } from '@backstage/plugin-signals-react';
+
+const DefaultPollIntervalMs = 3e4;
+function useNotificationsRefresh(options) {
+  const { lastSignal, isSignalsAvailable } = useSignal("notifications");
+  const [pollTick, setPollTick] = useState(0);
+  const pollIntervalMs = DefaultPollIntervalMs;
+  useEffect(() => {
+    if (isSignalsAvailable) {
+      return void 0;
+    }
+    const interval = setInterval(() => {
+      if (document.visibilityState === "visible") {
+        setPollTick((tick) => tick + 1);
+      }
+    }, pollIntervalMs);
+    return () => clearInterval(interval);
+  }, [isSignalsAvailable, pollIntervalMs]);
+  return { lastSignal, isSignalsAvailable, pollTick };
+}
+
+export { useNotificationsRefresh };
+//# sourceMappingURL=useNotificationsRefresh.esm.js.map

package/dist/hooks/useNotificationsRefresh.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationsRefresh.esm.js","sources":["../../src/hooks/useNotificationsRefresh.ts"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { NotificationSignal } from '@backstage/plugin-notifications-common';\n\nconst DefaultPollIntervalMs = 30_000;\n\n/**\n * Listens for notification signals and falls back to polling when the signals\n * plugin is unavailable (for example in module federation remotes without a\n * shared signals API).\n *\n * @internal\n */\nexport function useNotificationsRefresh(options?: { pollIntervalMs?: number }) {\n  const { lastSignal, isSignalsAvailable } =\n    useSignal<NotificationSignal>('notifications');\n  const [pollTick, setPollTick] = useState(0);\n  const pollIntervalMs = options?.pollIntervalMs ?? DefaultPollIntervalMs;\n\n  useEffect(() => {\n    if (isSignalsAvailable) {\n      return undefined;\n    }\n\n    const interval = setInterval(() => {\n      if (document.visibilityState === 'visible') {\n        setPollTick(tick => tick + 1);\n      }\n    }, pollIntervalMs);\n\n    return () => clearInterval(interval);\n  }, [isSignalsAvailable, pollIntervalMs]);\n\n  return { lastSignal, isSignalsAvailable, pollTick };\n}\n"],"names":[],"mappings":";;;AAoBA,MAAM,qBAAA,GAAwB,GAAA;AASvB,SAAS,wBAAwB,OAAA,EAAuC;AAC7E,EAAA,MAAM,EAAE,UAAA,EAAY,kBAAA,EAAmB,GACrC,UAA8B,eAAe,CAAA;AAC/C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,CAAC,CAAA;AAC1C,EAAA,MAAM,cAAA,GAA4C,qBAAA;AAElD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,MAAM,QAAA,GAAW,YAAY,MAAM;AACjC,MAAA,IAAI,QAAA,CAAS,oBAAoB,SAAA,EAAW;AAC1C,QAAA,WAAA,CAAY,CAAA,IAAA,KAAQ,OAAO,CAAC,CAAA;AAAA,MAC9B;AAAA,IACF,GAAG,cAAc,CAAA;AAEjB,IAAA,OAAO,MAAM,cAAc,QAAQ,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,kBAAA,EAAoB,cAAc,CAAC,CAAA;AAEvC,EAAA,OAAO,EAAE,UAAA,EAAY,kBAAA,EAAoB,QAAA,EAAS;AACpD;;"}

package/dist/hooks/useTitleCounter.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTitleCounter.esm.js","sources":["../../src/hooks/useTitleCounter.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useCallback, useEffect, useState } from 'react';\nimport throttle from 'lodash/throttle';\n\nconst getPrefix = (value: number) => (value === 0 ? '' : `(${value}) `);\n\nconst cleanTitle = (currentTitle: string) =>\n  currentTitle.replace(/^\\(\\d+\\)\\s/, '');\n\nconst throttledSetTitle = throttle((shownTitle: string) => {\n  document.title = shownTitle;\n}, 100);\n\n/** @internal */\nexport function useTitleCounter() {\n  const [title, setTitle] = useState(document.title);\n  const [count, setCount] = useState(0);\n\n  useEffect(() => {\n    const baseTitle = cleanTitle(title);\n    const shownTitle = `${getPrefix(count)}${baseTitle}`;\n    if (document.title !== shownTitle) {\n      throttledSetTitle(shownTitle);\n    }\n    return () => {\n      document.title = cleanTitle(title);\n    };\n  }, [count, title]);\n\n  useEffect(() => {\n    const titleElement = document.querySelector('title');\n    let observer: MutationObserver | undefined;\n    if (titleElement) {\n      observer = new MutationObserver(mutations => {\n        if (mutations?.[0]?.target?.textContent) {\n          setTitle(mutations[0].target.textContent);\n        }\n      });\n      observer.observe(titleElement, {\n        characterData: true,\n        childList: true,\n      });\n    }\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, []);\n\n  const setNotificationCount = useCallback(\n    (newCount: number) => setCount(newCount),\n    [],\n  );\n\n  return { setNotificationCount };\n}\n"],"names":[],"mappings":";;;AAkBA,MAAM,YAAY,CAAC,KAAA,KAAmB,UAAU,CAAA,GAAI,EAAA,GAAK,IAAI,KAAK,CAAA,EAAA,CAAA;AAElE,MAAM,aAAa,CAAC,YAAA,KAClB,YAAA,CAAa,OAAA,CAAQ,cAAc,EAAE,CAAA;AAEvC,MAAM,iBAAA,GAAoB,QAAA,CAAS,CAAC,UAAA,KAAuB;AACzD,EAAA,QAAA,CAAS,KAAA,GAAQ,UAAA;AACnB,CAAA,EAAG,GAAG,CAAA;AAGC,SAAS,eAAA,GAAkB;AAChC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,CAAS,SAAS,KAAK,CAAA;AACjD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,CAAC,CAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,SAAA,GAAY,WAAW,KAAK,CAAA;AAClC,IAAA,MAAM,aAAa,CAAA,EAAG,SAAA,CAAU,KAAK,CAAC,GAAG,SAAS,CAAA,CAAA;AAClD,IAAA,IAAI,QAAA,CAAS,UAAU,UAAA,EAAY;AACjC,MAAA,iBAAA,CAAkB,UAAU,CAAA;AAAA,IAC9B;AACA,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,KAAA,GAAQ,WAAW,KAAK,CAAA;AAAA,IACnC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,KAAK,CAAC,CAAA;AAEjB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,YAAA,GAAe,QAAA,CAAS,aAAA,CAAc,OAAO,CAAA;AACnD,IAAA,IAAI,QAAA;AACJ,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,QAAA,GAAW,IAAI,iBAAiB,CAAA,SAAA,KAAa;AAC3C,QAAA,IAAI,SAAA,GAAY,CAAC,CAAA,EAAG,MAAA,EAAQ,WAAA,EAAa;AACvC,UAAA,QAAA,CAAS,SAAA,CAAU,CAAC,CAAA,CAAE,MAAA,CAAO,WAAW,CAAA;AAAA,QAC1C;AAAA,MACF,CAAC,CAAA;AACD,MAAA,QAAA,CAAS,QAAQ,YAAA,EAAc;AAAA,QAC7B,aAAA,EAAe,IAAA;AAAA,QACf,SAAA,EAAW;AAAA,OACZ,CAAA;AAAA,IACH;AACA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,QAAA,CAAS,UAAA,EAAW;AAAA,MACtB;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,oBAAA,GAAuB,WAAA;AAAA,IAC3B,CAAC,QAAA,KAAqB,QAAA,CAAS,QAAQ,CAAA;AAAA,IACvC;AAAC,GACH;AAEA,EAAA,OAAO,EAAE,oBAAA,EAAqB;AAChC;;;;"}
+{"version":3,"file":"useTitleCounter.esm.js","sources":["../../src/hooks/useTitleCounter.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useCallback, useEffect, useState } from 'react';\nimport throttle from 'lodash/throttle';\n\nconst getPrefix = (value: number) => (value === 0 ? '' : `(${value}) `);\n\nconst cleanTitle = (currentTitle: string) =>\n  currentTitle.replace(/^\\(\\d+\\)\\s/, '');\n\nconst throttledSetTitle = throttle((shownTitle: string) => {\n  document.title = shownTitle;\n}, 100);\n\n/** @internal */\nexport function useTitleCounter() {\n  const [title, setTitle] = useState(document.title);\n  const [count, setCount] = useState(0);\n\n  useEffect(() => {\n    const baseTitle = cleanTitle(title);\n    const shownTitle = `${getPrefix(count)}${baseTitle}`;\n    if (document.title !== shownTitle) {\n      throttledSetTitle(shownTitle);\n    }\n    return () => {\n      document.title = cleanTitle(title);\n    };\n  }, [count, title]);\n\n  useEffect(() => {\n    const titleElement = document.querySelector('title');\n    let observer: MutationObserver | undefined;\n    if (titleElement) {\n      observer = new MutationObserver(mutations => {\n        if (mutations?.[0]?.target?.textContent) {\n          setTitle(mutations[0].target.textContent);\n        }\n      });\n      observer.observe(titleElement, {\n        characterData: true,\n        childList: true,\n      });\n    }\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, []);\n\n  const setNotificationCount = useCallback(\n    (newCount: number) => setCount(newCount),\n    [],\n  );\n\n  return { setNotificationCount };\n}\n"],"names":[],"mappings":";;;AAkBA,MAAM,YAAY,CAAC,KAAA,KAAmB,UAAU,CAAA,GAAI,EAAA,GAAK,IAAI,KAAK,CAAA,EAAA,CAAA;AAElE,MAAM,aAAa,CAAC,YAAA,KAClB,YAAA,CAAa,OAAA,CAAQ,cAAc,EAAE,CAAA;AAEvC,MAAM,iBAAA,GAAoB,QAAA,CAAS,CAAC,UAAA,KAAuB;AACzD,EAAA,QAAA,CAAS,KAAA,GAAQ,UAAA;AACnB,CAAA,EAAG,GAAG,CAAA;AAGC,SAAS,eAAA,GAAkB;AAChC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,CAAS,SAAS,KAAK,CAAA;AACjD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,CAAC,CAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,SAAA,GAAY,WAAW,KAAK,CAAA;AAClC,IAAA,MAAM,aAAa,CAAA,EAAG,SAAA,CAAU,KAAK,CAAC,GAAG,SAAS,CAAA,CAAA;AAClD,IAAA,IAAI,QAAA,CAAS,UAAU,UAAA,EAAY;AACjC,MAAA,iBAAA,CAAkB,UAAU,CAAA;AAAA,IAC9B;AACA,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,KAAA,GAAQ,WAAW,KAAK,CAAA;AAAA,IACnC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,KAAK,CAAC,CAAA;AAEjB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,YAAA,GAAe,QAAA,CAAS,aAAA,CAAc,OAAO,CAAA;AACnD,IAAA,IAAI,QAAA;AACJ,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,QAAA,GAAW,IAAI,iBAAiB,CAAA,SAAA,KAAa;AAC3C,QAAA,IAAI,SAAA,GAAY,CAAC,CAAA,EAAG,MAAA,EAAQ,WAAA,EAAa;AACvC,UAAA,QAAA,CAAS,SAAA,CAAU,CAAC,CAAA,CAAE,MAAA,CAAO,WAAW,CAAA;AAAA,QAC1C;AAAA,MACF,CAAC,CAAA;AACD,MAAA,QAAA,CAAS,QAAQ,YAAA,EAAc;AAAA,QAC7B,aAAA,EAAe,IAAA;AAAA,QACf,SAAA,EAAW;AAAA,OACZ,CAAA;AAAA,IACH;AACA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,QAAA,CAAS,UAAA,EAAW;AAAA,MACtB;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,oBAAA,GAAuB,WAAA;AAAA,IAC3B,CAAC,QAAA,KAAqB,QAAA,CAAS,QAAQ,CAAA;AAAA,IACvC;AAAC,GACH;AAEA,EAAA,OAAO,EAAE,oBAAA,EAAqB;AAChC;;"}