@gooddata/sdk-ui-dashboard 11.43.0-alpha.5 → 11.43.0

package/esm/presentation/automations/alerting/DefaultAlertingManagementDialog/components/PauseAlertRunner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PauseAlertRunner.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/automations/alerting/DefaultAlertingManagementDialog/components/PauseAlertRunner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,yBAAyB,EAC9B,KAAK,mCAAmC,EAC3C,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,gBAAgB,EAAgB,MAAM,kBAAkB,CAAC;AAIvE,UAAU,sBAAsB;IAC5B,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC;IACxC,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,CACR,KAAK,EAAE,yBAAyB,GAAG,mCAAmC,EACtE,KAAK,EAAE,OAAO,KACb,IAAI,CAAC;IACV,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/D;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,sBAAsB,QA4B5F"}

package/esm/presentation/automations/alerting/DefaultAlertingManagementDialog/components/PauseAlertRunner.js

@@ -0,0 +1,31 @@
+// (C) 2022-2026 GoodData Corporation
+import { useEffect } from "react";
+import { convertError } from "@gooddata/sdk-ui";
+import { useAlertingManagementDialogContext } from "../../../contexts/AlertingManagementDialogContext.js";
+export function PauseAlertRunner({ alert, pause, onSuccess, onError }) {
+    const { pauseAlert, resumeAlert } = useAlertingManagementDialogContext();
+    useEffect(() => {
+        if (!alert) {
+            return;
+        }
+        if (pause) {
+            const alertToPause = {
+                ...alert,
+                alert: { ...alert.alert, trigger: { ...alert.alert?.trigger, state: "PAUSED" } },
+            };
+            pauseAlert(alertToPause)
+                .then((updatedAlert) => onSuccess?.(updatedAlert, true))
+                .catch((err) => onError?.(convertError(err), true));
+        }
+        else {
+            const alertToResume = {
+                ...alert,
+                alert: { ...alert.alert, trigger: { ...alert.alert?.trigger, state: "ACTIVE" } },
+            };
+            resumeAlert(alertToResume)
+                .then((updatedAlert) => onSuccess?.(updatedAlert, false))
+                .catch((err) => onError?.(convertError(err), false));
+        }
+    }, [alert, onError, onSuccess, pause, pauseAlert, resumeAlert]);
+    return null;
+}

package/esm/presentation/automations/alerting/DefaultAlertingManagementDialog/components/PauseAlertRunner.test.d.ts

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

package/esm/presentation/automations/alerting/DefaultAlertingManagementDialog/components/PauseAlertRunner.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PauseAlertRunner.test.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/automations/alerting/DefaultAlertingManagementDialog/components/PauseAlertRunner.test.tsx"],"names":[],"mappings":""}

package/esm/presentation/automations/alerting/DefaultAlertingManagementDialog/components/PauseAlertRunner.test.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { render, waitFor } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+const fixtures = vi.hoisted(() => {
+    return {
+        pauseAlert: vi.fn(),
+        resumeAlert: vi.fn(),
+    };
+});
+vi.mock("../../../contexts/AlertingManagementDialogContext.js", () => ({
+    useAlertingManagementDialogContext: () => ({
+        pauseAlert: fixtures.pauseAlert,
+        resumeAlert: fixtures.resumeAlert,
+    }),
+}));
+import { PauseAlertRunner } from "./PauseAlertRunner.js";
+describe("PauseAlertRunner", () => {
+    it("passes the updated paused alert returned by the context to onSuccess", async () => {
+        const originalAlert = { id: "alert-1", alert: { trigger: { state: "ACTIVE" } } };
+        const updatedAlert = { id: "alert-1", alert: { trigger: { state: "PAUSED" } } };
+        fixtures.pauseAlert.mockResolvedValueOnce(updatedAlert);
+        const onSuccess = vi.fn();
+        render(_jsx(PauseAlertRunner, { alert: originalAlert, pause: true, onSuccess: onSuccess }));
+        await waitFor(() => {
+            expect(onSuccess).toHaveBeenCalledWith(updatedAlert, true);
+        });
+    });
+    it("passes the updated resumed alert returned by the context to onSuccess", async () => {
+        const originalAlert = { id: "alert-1", alert: { trigger: { state: "PAUSED" } } };
+        const updatedAlert = { id: "alert-1", alert: { trigger: { state: "ACTIVE" } } };
+        fixtures.resumeAlert.mockResolvedValueOnce(updatedAlert);
+        const onSuccess = vi.fn();
+        render(_jsx(PauseAlertRunner, { alert: originalAlert, pause: false, onSuccess: onSuccess }));
+        await waitFor(() => {
+            expect(onSuccess).toHaveBeenCalledWith(updatedAlert, false);
+        });
+    });
+});

package/esm/presentation/automations/alerting/hooks/useAlertingDialogAccessibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAlertingDialogAccessibility.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/hooks/useAlertingDialogAccessibility.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,8BAA8B;;CAW1C,CAAC"}

package/esm/presentation/automations/alerting/hooks/useAlertingDialogAccessibility.js

@@ -0,0 +1,11 @@
+// (C) 2025-2026 GoodData Corporation
+import { useMemo } from "react";
+import { DEFAULT_MENU_BUTTON_ID } from "../../../../_staging/accessibility/elementId.js";
+import { useAlertingManagementDialogContext } from "../../contexts/AlertingManagementDialogContext.js";
+export const useAlertingDialogAccessibility = () => {
+    const { alertingDialogReturnFocusTo } = useAlertingManagementDialogContext();
+    const returnFocusTo = useMemo(() => alertingDialogReturnFocusTo || DEFAULT_MENU_BUTTON_ID, [alertingDialogReturnFocusTo]);
+    return {
+        returnFocusTo,
+    };
+};

package/esm/presentation/automations/connectors/AlertingConnector.d.ts

@@ -1,8 +1,8 @@
 import { type ReactElement, type ReactNode } from "react";
 /**
  * Provides AutomationsContext to its children, built from dashboard Redux state.
- * Use this to wrap alerting dialog subtrees that need access to automation data
- * (e.g. the management dialog bridge in AlertingDialogProvider).
+ * Wraps the alerting dialog subtree (both the create/edit and management dialogs reach
+ * AutomationsContext through this provider).
  *
  * @internal
  */
@@ -11,7 +11,7 @@ export declare function AlertingAutomationsProvider({ children }: {
 }): ReactElement;
 /**
  * Connector component that reads from the dashboard Redux store and wires up
- * the alerting dialog tree via context providers.
+ * the alerting dialog tree (create/edit and management) via context providers.
  *
  * This is the primary bridge between dashboard store state and the alerting
  * dialog tree. One transitive exception remains: useAutomationAlertParameters
@@ -21,6 +21,9 @@ export declare function AlertingAutomationsProvider({ children }: {
  * (see the GDP-3167 note there) and is tracked for a Phase 3 move behind this
  * connector.
  *
+ * AutomationsContext is provided by AlertingAutomationsProvider, which wraps this
+ * connector (see AlertingDialogProvider).
+ *
  * @internal
  */
 export declare function AlertingConnector(): ReactElement | null;

package/esm/presentation/automations/connectors/AlertingConnector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertingConnector.d.ts","sourceRoot":"","sources":["../../../../src/presentation/automations/connectors/AlertingConnector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB1D;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,YAAY,CAG/F;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,IAAI,YAAY,GAAG,IAAI,CAMvD"}
+{"version":3,"file":"AlertingConnector.d.ts","sourceRoot":"","sources":["../../../../src/presentation/automations/connectors/AlertingConnector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AA4BvE;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,YAAY,CAG/F;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,IAAI,YAAY,GAAG,IAAI,CAMvD"}

package/esm/presentation/automations/connectors/AlertingConnector.js

@@ -1,16 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useCallback } from "react";
 import { isWidget } from "@gooddata/sdk-model";
+import { buildAutomationUrl, navigate, useWorkspaceStrict } from "@gooddata/sdk-ui";
+import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
 import { useDashboardAlerts } from "../../../model/react/useDashboardAlerting/useDashboardAlerts.js";
 import { useWorkspaceUsers } from "../../../model/react/useWorkspaceUsers.js";
+import { selectEnableAutomationManagement, selectExternalRecipient, selectIsEmbedded, selectSettings, } from "../../../model/store/config/configSelectors.js";
+import { selectDashboardId } from "../../../model/store/meta/metaSelectors.js";
 import { AlertingDialog } from "../alerting/AlertingDialog.js";
+import { AlertingManagementDialog } from "../alerting/AlertingManagementDialog.js";
 import { AlertingDialogContextProvider } from "../contexts/AlertingDialogContext.js";
+import { AlertingManagementDialogContextProvider } from "../contexts/AlertingManagementDialogContext.js";
 import { AutomationsContextProvider } from "../contexts/AutomationsContext.js";
 import { useBuildAlertingDialogContext } from "./hooks/useBuildAlertingDialogContext.js";
+import { useBuildAlertingManagementDialogContext } from "./hooks/useBuildAlertingManagementDialogContext.js";
 import { useBuildAutomationsContext } from "./hooks/useBuildAutomationsContext.js";
 /**
  * Provides AutomationsContext to its children, built from dashboard Redux state.
- * Use this to wrap alerting dialog subtrees that need access to automation data
- * (e.g. the management dialog bridge in AlertingDialogProvider).
+ * Wraps the alerting dialog subtree (both the create/edit and management dialogs reach
+ * AutomationsContext through this provider).
  *
  * @internal
  */
@@ -20,7 +29,7 @@ export function AlertingAutomationsProvider({ children }) {
 }
 /**
  * Connector component that reads from the dashboard Redux store and wires up
- * the alerting dialog tree via context providers.
+ * the alerting dialog tree (create/edit and management) via context providers.
  *
  * This is the primary bridge between dashboard store state and the alerting
  * dialog tree. One transitive exception remains: useAutomationAlertParameters
@@ -30,6 +39,9 @@ export function AlertingAutomationsProvider({ children }) {
  * (see the GDP-3167 note there) and is tracked for a Phase 3 move behind this
  * connector.
  *
+ * AutomationsContext is provided by AlertingAutomationsProvider, which wraps this
+ * connector (see AlertingDialogProvider).
+ *
  * @internal
  */
 export function AlertingConnector() {
@@ -40,25 +52,76 @@ export function AlertingConnector() {
     return _jsx(AlertingConnectorInitialized, { ...alerts });
 }
 function AlertingConnectorInitialized(alerts) {
-    if (!alerts.isAlertDialogOpen) {
+    const { isAlertDialogOpen, isAlertManagementDialogOpen } = alerts;
+    // Defer store reads and user loading until at least one dialog is open.
+    if (!isAlertDialogOpen && !isAlertManagementDialogOpen) {
         return null;
     }
     return _jsx(AlertingConnectorWithData, { alerts: alerts });
 }
 function AlertingConnectorWithData({ alerts }) {
-    const { alertToEdit, automationsLoading, notificationChannels, isAlertDialogOpen, onAlertingCancel, onAlertingCreateSuccess, onAlertingCreateError, onAlertingSaveSuccess, onAlertingSaveError, onAlertingManagementDeleteSuccess, onAlertingManagementDeleteError, widget, insight, } = alerts;
+    const { 
+    // Shared Local State
+    alertToEdit, 
+    // Data
+    automations, automationsError, automationsLoading, notificationChannels, 
+    // Single Alert Dialog
+    isAlertDialogOpen, onAlertingCancel, onAlertingCreateSuccess, onAlertingCreateError, onAlertingSaveSuccess, onAlertingSaveError, 
+    // Management / List Dialog
+    isAlertManagementDialogOpen, onAlertingManagementClose, onAlertingManagementAdd, onAlertingManagementEdit, onAlertingManagementDeleteSuccess, onAlertingManagementDeleteError, onAlertingManagementPauseSuccess, onAlertingManagementPauseError, widget, insight, } = alerts;
+    const workspace = useWorkspaceStrict();
+    const enableAutomationManagement = useDashboardSelector(selectEnableAutomationManagement);
+    const dashboardId = useDashboardSelector(selectDashboardId);
+    const isEmbedded = useDashboardSelector(selectIsEmbedded);
+    const externalRecipientOverride = useDashboardSelector(selectExternalRecipient);
+    const settings = useDashboardSelector(selectSettings);
+    const useHostRoute = Boolean(settings?.enableShellApplication) && Boolean(settings?.enableShellApplication_dashboards);
+    // Cross-dashboard edit routing lives in the connector (which may read router + store).
+    // The management dialog only invokes this injected callback.
+    const handleManagementEdit = useCallback((alert) => {
+        const targetDashboardId = alert.dashboard?.id;
+        if (enableAutomationManagement && targetDashboardId && targetDashboardId !== dashboardId) {
+            navigate(buildAutomationUrl({
+                workspaceId: workspace,
+                dashboardId: targetDashboardId,
+                automationId: alert.id,
+                isEmbedded,
+                useHostRoute,
+                queryParams: externalRecipientOverride
+                    ? { recipient: externalRecipientOverride }
+                    : undefined,
+            }));
+            return;
+        }
+        onAlertingManagementEdit(alert);
+    }, [
+        onAlertingManagementEdit,
+        enableAutomationManagement,
+        dashboardId,
+        workspace,
+        isEmbedded,
+        useHostRoute,
+        externalRecipientOverride,
+    ]);
     const insightWidget = isWidget(widget) ? widget : undefined;
     const alertingCtx = useBuildAlertingDialogContext({
         mode: alertToEdit ? "edit" : "create",
         widget: insightWidget,
         insight,
     });
-    return (_jsx(AlertingDialogContextProvider, { value: alertingCtx, children: isAlertDialogOpen ? (
-        // TODO(GDP-3167 phase3): notificationChannels, users, usersError, and isLoading
-        // are still prop-threaded here because DefaultAlertingDialog reads them from props,
-        // not from AutomationsContext. Once all dialog fields are migrated to read from
-        // context, remove these props and the corresponding prop types.
-        _jsx(AlertingDialogWithUsers, { alertToEdit: alertToEdit, notificationChannels: notificationChannels, widget: insightWidget, insight: insight, isLoading: automationsLoading, onCancel: onAlertingCancel, onError: onAlertingCreateError, onSuccess: onAlertingCreateSuccess, onSaveError: onAlertingSaveError, onSaveSuccess: onAlertingSaveSuccess, onDeleteSuccess: onAlertingManagementDeleteSuccess, onDeleteError: onAlertingManagementDeleteError })) : null }));
+    const managementCtx = useBuildAlertingManagementDialogContext();
+    const isManagementLoading = automationsLoading;
+    return (_jsx(AlertingDialogContextProvider, { value: alertingCtx, children: _jsxs(AlertingManagementDialogContextProvider, { value: managementCtx, children: [isAlertManagementDialogOpen ? (
+                // TODO(GDP-3167 phase3): automations, notificationChannels, and alertDataError
+                // are still prop-threaded here because DefaultAlertingManagementDialog reads
+                // them from props, not from AutomationsContext. Once all dialog fields are
+                // migrated to read from context, remove these props and the corresponding prop types.
+                _jsx(AlertingManagementDialog, { automations: automations, notificationChannels: notificationChannels, alertDataError: automationsError, isLoadingAlertingData: isManagementLoading, onAdd: onAlertingManagementAdd, onEdit: handleManagementEdit, onClose: onAlertingManagementClose, onDeleteSuccess: onAlertingManagementDeleteSuccess, onDeleteError: onAlertingManagementDeleteError, onPauseSuccess: onAlertingManagementPauseSuccess, onPauseError: onAlertingManagementPauseError })) : null, isAlertDialogOpen ? (
+                // TODO(GDP-3167 phase3): notificationChannels, users, usersError, and isLoading
+                // are still prop-threaded here because DefaultAlertingDialog reads them from props,
+                // not from AutomationsContext. Once all dialog fields are migrated to read from
+                // context, remove these props and the corresponding prop types.
+                _jsx(AlertingDialogWithUsers, { alertToEdit: alertToEdit, notificationChannels: notificationChannels, widget: insightWidget, insight: insight, isLoading: automationsLoading, onCancel: onAlertingCancel, onError: onAlertingCreateError, onSuccess: onAlertingCreateSuccess, onSaveError: onAlertingSaveError, onSaveSuccess: onAlertingSaveSuccess, onDeleteSuccess: onAlertingManagementDeleteSuccess, onDeleteError: onAlertingManagementDeleteError })) : null] }) }));
 }
 /**
  * Loads workspace users only while the create/edit dialog is mounted. Keeping the

package/esm/presentation/automations/connectors/AlertingConnector.test.d.ts

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

package/esm/presentation/automations/connectors/AlertingConnector.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertingConnector.test.d.ts","sourceRoot":"","sources":["../../../../src/presentation/automations/connectors/AlertingConnector.test.tsx"],"names":[],"mappings":""}

package/esm/presentation/automations/connectors/AlertingConnector.test.js

@@ -0,0 +1,152 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { render } from "@testing-library/react";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+const fixtures = vi.hoisted(() => {
+    const buildAutomationUrl = vi.fn(() => "/target-url");
+    const navigate = vi.fn();
+    const onAlertingManagementEdit = vi.fn();
+    let managementDialogProps;
+    return {
+        buildAutomationUrl,
+        navigate,
+        onAlertingManagementEdit,
+        get managementDialogProps() {
+            return managementDialogProps;
+        },
+        set managementDialogProps(value) {
+            managementDialogProps = value;
+        },
+    };
+});
+vi.mock("@gooddata/sdk-ui", () => ({
+    buildAutomationUrl: fixtures.buildAutomationUrl,
+    navigate: fixtures.navigate,
+    useWorkspaceStrict: () => "workspace-id",
+}));
+vi.mock("../../../model/react/DashboardStoreProvider.js", () => ({
+    useDashboardSelector: vi.fn((selector) => selector()),
+}));
+vi.mock("../../../model/react/useDashboardAlerting/useDashboardAlerts.js", () => ({
+    useDashboardAlerts: () => ({
+        isInitialized: true,
+        isAlertDialogOpen: false,
+        isAlertManagementDialogOpen: true,
+        alertToEdit: undefined,
+        automations: [],
+        automationsError: undefined,
+        automationsLoading: false,
+        notificationChannels: [],
+        onAlertingCancel: vi.fn(),
+        onAlertingCreateSuccess: vi.fn(),
+        onAlertingCreateError: vi.fn(),
+        onAlertingSaveSuccess: vi.fn(),
+        onAlertingSaveError: vi.fn(),
+        onAlertingManagementClose: vi.fn(),
+        onAlertingManagementAdd: vi.fn(),
+        onAlertingManagementEdit: fixtures.onAlertingManagementEdit,
+        onAlertingManagementDeleteSuccess: vi.fn(),
+        onAlertingManagementDeleteError: vi.fn(),
+        onAlertingManagementPauseSuccess: vi.fn(),
+        onAlertingManagementPauseError: vi.fn(),
+        widget: undefined,
+        insight: undefined,
+    }),
+}));
+vi.mock("../../../model/react/useWorkspaceUsers.js", () => ({
+    useWorkspaceUsers: () => ({ users: [], status: "success", usersError: undefined }),
+}));
+vi.mock("../../../model/store/config/configSelectors.js", () => ({
+    selectEnableAutomationManagement: () => true,
+    selectExternalRecipient: () => "recipient@example.com",
+    selectIsEmbedded: () => false,
+    selectSettings: () => ({
+        enableShellApplication: true,
+        enableShellApplication_dashboards: true,
+    }),
+}));
+vi.mock("../../../model/store/meta/metaSelectors.js", () => ({
+    selectDashboardId: () => "current-dashboard",
+}));
+vi.mock("../alerting/AlertingDialog.js", () => ({
+    AlertingDialog: () => null,
+}));
+vi.mock("../alerting/AlertingManagementDialog.js", () => ({
+    AlertingManagementDialog: (props) => {
+        fixtures.managementDialogProps = props;
+        return null;
+    },
+}));
+vi.mock("../contexts/AlertingDialogContext.js", () => ({
+    AlertingDialogContextProvider: ({ children }) => children,
+}));
+vi.mock("../contexts/AlertingManagementDialogContext.js", () => ({
+    AlertingManagementDialogContextProvider: ({ children }) => children,
+}));
+vi.mock("../contexts/AutomationsContext.js", () => ({
+    AutomationsContextProvider: ({ children }) => children,
+}));
+vi.mock("./hooks/useBuildAlertingDialogContext.js", () => ({
+    useBuildAlertingDialogContext: () => ({}),
+}));
+vi.mock("./hooks/useBuildAlertingManagementDialogContext.js", () => ({
+    useBuildAlertingManagementDialogContext: () => ({
+        dashboardId: "current-dashboard",
+        isEmbedded: false,
+        canManageWorkspace: true,
+        currentUser: { login: "user" },
+        dashboardTitle: "Current Dashboard",
+        isAlertDialogOpen: false,
+        managementDialogContext: {},
+        enableAccessibilityMode: false,
+        getWidgetByRef: () => undefined,
+        getInsightByWidgetRef: () => undefined,
+        pauseAlert: vi.fn(),
+        resumeAlert: vi.fn(),
+    }),
+}));
+vi.mock("./hooks/useBuildAutomationsContext.js", () => ({
+    useBuildAutomationsContext: () => ({}),
+}));
+import { AlertingConnector } from "./AlertingConnector.js";
+describe("AlertingConnector", () => {
+    beforeEach(() => {
+        fixtures.buildAutomationUrl.mockClear();
+        fixtures.navigate.mockClear();
+        fixtures.onAlertingManagementEdit.mockClear();
+        fixtures.managementDialogProps = undefined;
+    });
+    it("uses host routes when editing an alert on another dashboard in shell mode", () => {
+        render(_jsx(AlertingConnector, {}));
+        const onEdit = fixtures.managementDialogProps?.["onEdit"];
+        expect(onEdit).toBeDefined();
+        onEdit?.({
+            id: "alert-1",
+            dashboard: { id: "other-dashboard" },
+        });
+        expect(fixtures.buildAutomationUrl).toHaveBeenCalledWith({
+            workspaceId: "workspace-id",
+            dashboardId: "other-dashboard",
+            automationId: "alert-1",
+            isEmbedded: false,
+            useHostRoute: true,
+            queryParams: { recipient: "recipient@example.com" },
+        });
+        expect(fixtures.navigate).toHaveBeenCalledWith("/target-url");
+        expect(fixtures.onAlertingManagementEdit).not.toHaveBeenCalled();
+    });
+    it("falls back to local edit when the target dashboard id is missing", () => {
+        render(_jsx(AlertingConnector, {}));
+        const onEdit = fixtures.managementDialogProps?.["onEdit"];
+        onEdit?.({
+            id: "alert-2",
+            dashboard: undefined,
+        });
+        expect(fixtures.navigate).not.toHaveBeenCalled();
+        expect(fixtures.buildAutomationUrl).not.toHaveBeenCalled();
+        expect(fixtures.onAlertingManagementEdit).toHaveBeenCalledWith({
+            id: "alert-2",
+            dashboard: undefined,
+        });
+    });
+});

package/esm/presentation/automations/connectors/DefaultAlertingManagementDialogConnected.d.ts

@@ -0,0 +1,11 @@
+import { type IAlertingManagementDialogProps } from "../alerting/types.js";
+/**
+ * Self-contained version of DefaultAlertingManagementDialogNew that builds the required
+ * AutomationsContext and AlertingManagementDialogContext internally from the dashboard
+ * Redux store. Use this export when mounting the management dialog outside of
+ * AlertingConnector (e.g. embedding scenarios, storybooks, or custom dashboard shells).
+ *
+ * @alpha
+ */
+export declare function DefaultAlertingManagementDialogNew(props: IAlertingManagementDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultAlertingManagementDialogConnected.d.ts.map

package/esm/presentation/automations/connectors/DefaultAlertingManagementDialogConnected.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultAlertingManagementDialogConnected.d.ts","sourceRoot":"","sources":["../../../../src/presentation/automations/connectors/DefaultAlertingManagementDialogConnected.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,8BAA8B,EAAE,MAAM,sBAAsB,CAAC;AAO3E;;;;;;;GAOG;AACH,wBAAgB,kCAAkC,CAAC,KAAK,EAAE,8BAA8B,2CAWvF"}

package/esm/presentation/automations/connectors/DefaultAlertingManagementDialogConnected.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { DefaultAlertingManagementDialogNew as DefaultAlertingManagementDialogNewInner } from "../alerting/DefaultAlertingManagementDialog/DefaultAlertingManagementDialogNew.js";
+import { AlertingManagementDialogContextProvider } from "../contexts/AlertingManagementDialogContext.js";
+import { AutomationsContextProvider } from "../contexts/AutomationsContext.js";
+import { useBuildAlertingManagementDialogContext } from "./hooks/useBuildAlertingManagementDialogContext.js";
+import { useBuildAutomationsContext } from "./hooks/useBuildAutomationsContext.js";
+/**
+ * Self-contained version of DefaultAlertingManagementDialogNew that builds the required
+ * AutomationsContext and AlertingManagementDialogContext internally from the dashboard
+ * Redux store. Use this export when mounting the management dialog outside of
+ * AlertingConnector (e.g. embedding scenarios, storybooks, or custom dashboard shells).
+ *
+ * @alpha
+ */
+export function DefaultAlertingManagementDialogNew(props) {
+    const automationsCtx = useBuildAutomationsContext();
+    const managementCtx = useBuildAlertingManagementDialogContext();
+    return (_jsx(AutomationsContextProvider, { value: automationsCtx, children: _jsx(AlertingManagementDialogContextProvider, { value: managementCtx, children: _jsx(DefaultAlertingManagementDialogNewInner, { ...props }) }) }));
+}

package/esm/presentation/automations/connectors/hooks/useBuildAlertingManagementDialogContext.d.ts

@@ -0,0 +1,3 @@
+import type { IAlertingManagementDialogContextValue } from "../../contexts/AlertingManagementDialogContext.js";
+export declare function useBuildAlertingManagementDialogContext(): IAlertingManagementDialogContextValue;
+//# sourceMappingURL=useBuildAlertingManagementDialogContext.d.ts.map

package/esm/presentation/automations/connectors/hooks/useBuildAlertingManagementDialogContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBuildAlertingManagementDialogContext.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/connectors/hooks/useBuildAlertingManagementDialogContext.ts"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,qCAAqC,EAAE,MAAM,mDAAmD,CAAC;AAI/G,wBAAgB,uCAAuC,IAAI,qCAAqC,CA2I/F"}

package/esm/presentation/automations/connectors/hooks/useBuildAlertingManagementDialogContext.js

@@ -0,0 +1,131 @@
+// (C) 2026 GoodData Corporation
+import { useCallback, useMemo, useRef } from "react";
+import { isInsightWidget, isWidget, } from "@gooddata/sdk-model";
+import { saveAlert } from "../../../../model/commands/alerts.js";
+import { useDashboardSelector } from "../../../../model/react/DashboardStoreProvider.js";
+import { useDashboardCommandProcessing } from "../../../../model/react/useDashboardCommandProcessing.js";
+import { selectEnableAccessibilityMode, selectIsEmbedded, } from "../../../../model/store/config/configSelectors.js";
+import { selectInsightsMap } from "../../../../model/store/insights/insightsSelectors.js";
+import { selectDashboardId, selectDashboardTitle } from "../../../../model/store/meta/metaSelectors.js";
+import { selectCanManageWorkspace } from "../../../../model/store/permissions/permissionsSelectors.js";
+import { selectWidgetsMap } from "../../../../model/store/tabs/layout/layoutSelectors.js";
+import { selectAlertingDialogReturnFocusTo, selectAutomationsInvalidationId, selectIsAlertingDialogOpen, selectIsAlertingManagementDialogContext, } from "../../../../model/store/ui/uiSelectors.js";
+import { selectCurrentUser } from "../../../../model/store/user/userSelectors.js";
+import { sanitizeAutomationForSave } from "./sanitizeAutomationForSave.js";
+export function useBuildAlertingManagementDialogContext() {
+    const currentUser = useDashboardSelector(selectCurrentUser);
+    const dashboardId = useDashboardSelector(selectDashboardId);
+    const dashboardTitle = useDashboardSelector(selectDashboardTitle);
+    const canManageWorkspace = useDashboardSelector(selectCanManageWorkspace);
+    const isAlertDialogOpen = useDashboardSelector(selectIsAlertingDialogOpen);
+    const alertingDialogReturnFocusTo = useDashboardSelector(selectAlertingDialogReturnFocusTo);
+    const managementDialogContext = useDashboardSelector(selectIsAlertingManagementDialogContext);
+    const automationsInvalidationId = useDashboardSelector(selectAutomationsInvalidationId);
+    const isEmbedded = useDashboardSelector(selectIsEmbedded);
+    const enableAccessibilityMode = useDashboardSelector(selectEnableAccessibilityMode);
+    const widgetsMap = useDashboardSelector(selectWidgetsMap);
+    const insightsMap = useDashboardSelector(selectInsightsMap);
+    // Look widgets up through the ObjRefMap (same as selectWidgetByRef) so an
+    // identifier-vs-URI ref mismatch between the stored alert and the dashboard
+    // widget is bridged. A plain areObjRefsEqual scan would miss those.
+    const getWidgetByRef = useCallback((ref) => {
+        if (!ref) {
+            return undefined;
+        }
+        const found = widgetsMap.get(ref);
+        return isWidget(found) ? found : undefined;
+    }, [widgetsMap]);
+    const getInsightByWidgetRef = useCallback((ref) => {
+        if (!ref) {
+            return undefined;
+        }
+        const widget = widgetsMap.get(ref);
+        if (!isInsightWidget(widget)) {
+            return undefined;
+        }
+        return insightsMap.get(widget.insight) ?? undefined;
+    }, [widgetsMap, insightsMap]);
+    const pauseResolveRef = useRef(null);
+    const pauseRejectRef = useRef(null);
+    const resumeResolveRef = useRef(null);
+    const resumeRejectRef = useRef(null);
+    const pauseCommandProcessing = useDashboardCommandProcessing({
+        commandCreator: saveAlert,
+        errorEvent: "GDC.DASH/EVT.COMMAND.FAILED",
+        successEvent: "GDC.DASH/EVT.ALERT.SAVED",
+        onSuccess: (event) => {
+            pauseResolveRef.current?.(event.payload.alert);
+            pauseResolveRef.current = null;
+            pauseRejectRef.current = null;
+        },
+        onError: (event) => {
+            pauseRejectRef.current?.(event.payload.error);
+            pauseResolveRef.current = null;
+            pauseRejectRef.current = null;
+        },
+    });
+    const resumeCommandProcessing = useDashboardCommandProcessing({
+        commandCreator: saveAlert,
+        errorEvent: "GDC.DASH/EVT.COMMAND.FAILED",
+        successEvent: "GDC.DASH/EVT.ALERT.SAVED",
+        onSuccess: (event) => {
+            resumeResolveRef.current?.(event.payload.alert);
+            resumeResolveRef.current = null;
+            resumeRejectRef.current = null;
+        },
+        onError: (event) => {
+            resumeRejectRef.current?.(event.payload.error);
+            resumeResolveRef.current = null;
+            resumeRejectRef.current = null;
+        },
+    });
+    const pauseCommandProcessingRef = useRef(pauseCommandProcessing);
+    pauseCommandProcessingRef.current = pauseCommandProcessing;
+    const resumeCommandProcessingRef = useRef(resumeCommandProcessing);
+    resumeCommandProcessingRef.current = resumeCommandProcessing;
+    const pauseAlert = useCallback((alert) => {
+        return new Promise((resolve, reject) => {
+            pauseResolveRef.current = resolve;
+            pauseRejectRef.current = reject;
+            pauseCommandProcessingRef.current.run(sanitizeAutomationForSave(alert));
+        });
+    }, []);
+    const resumeAlert = useCallback((alert) => {
+        return new Promise((resolve, reject) => {
+            resumeResolveRef.current = resolve;
+            resumeRejectRef.current = reject;
+            resumeCommandProcessingRef.current.run(sanitizeAutomationForSave(alert));
+        });
+    }, []);
+    return useMemo(() => ({
+        currentUser,
+        dashboardId,
+        dashboardTitle,
+        canManageWorkspace,
+        isAlertDialogOpen,
+        alertingDialogReturnFocusTo,
+        managementDialogContext,
+        automationsInvalidationId,
+        isEmbedded,
+        enableAccessibilityMode,
+        getWidgetByRef,
+        getInsightByWidgetRef,
+        pauseAlert,
+        resumeAlert,
+    }), [
+        currentUser,
+        dashboardId,
+        dashboardTitle,
+        canManageWorkspace,
+        isAlertDialogOpen,
+        alertingDialogReturnFocusTo,
+        managementDialogContext,
+        automationsInvalidationId,
+        isEmbedded,
+        enableAccessibilityMode,
+        getWidgetByRef,
+        getInsightByWidgetRef,
+        pauseAlert,
+        resumeAlert,
+    ]);
+}

package/esm/presentation/automations/connectors/hooks/useBuildAutomationsContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBuildAutomationsContext.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/connectors/hooks/useBuildAutomationsContext.ts"],"names":[],"mappings":"AAyEA,OAAO,KAAK,EACR,wBAAwB,EAE3B,MAAM,sCAAsC,CAAC;AAI9C,wBAAgB,0BAA0B,IAAI,wBAAwB,CA4LrE"}
+{"version":3,"file":"useBuildAutomationsContext.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/connectors/hooks/useBuildAutomationsContext.ts"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EACR,wBAAwB,EAE3B,MAAM,sCAAsC,CAAC;AAI9C,wBAAgB,0BAA0B,IAAI,wBAAwB,CA+LrE"}