@gooddata/sdk-ui-dashboard 10.9.0-alpha.2 → 10.9.0-alpha.21

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.js

@@ -0,0 +1,53 @@
+// (C) 2022-2024 GoodData Corporation
+import React from "react";
+import { Bubble, BubbleHoverTrigger, Button, Input } from "@gooddata/sdk-ui-kit";
+import { DashboardInsightSubmenuContainer } from "../../../insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/DashboardInsightSubmenuContainer.js";
+import { AlertMeasureSelect } from "./AlertMeasureSelect.js";
+import { AlertComparisonOperatorSelect } from "./AlertComparisonOperatorSelect.js";
+import { AlertDestinationSelect } from "./AlertDestinationSelect.js";
+import { EditAlertConfiguration } from "./EditAlertConfiguration.js";
+import { useEditAlert } from "./useEditAlert.js";
+import { FormattedMessage, useIntl } from "react-intl";
+const TOOLTIP_ALIGN_POINTS = [{ align: "cl cr" }, { align: "cr cl" }];
+export const EditAlert = ({ alert, isNewAlert, hasAlerts, destinations, measures, onClose, onCancel, onCreate, onUpdate, maxAutomationsReached = false, }) => {
+    const { viewMode, updatedAlert, canSubmit, 
+    //
+    changeComparisonOperator, changeMeasure, changeValue, changeDestination, 
+    //
+    configureAlert, saveAlertConfiguration, cancelAlertConfiguration, 
+    //
+    createAlert, updateAlert, } = useEditAlert({
+        alert,
+        onCreate,
+        onUpdate,
+    });
+    const intl = useIntl();
+    const disableCreateButtonDueToLimits = isNewAlert && maxAutomationsReached;
+    return viewMode === "edit" ? (React.createElement(DashboardInsightSubmenuContainer, { title: isNewAlert
+            ? intl.formatMessage({ id: "insightAlert.config.createAlert" })
+            : intl.formatMessage({ id: "insightAlert.config.editAlert" }), onClose: onClose, onBack: hasAlerts ? onCancel : undefined },
+        React.createElement("div", { className: "gd-edit-alert" },
+            React.createElement("div", { className: "gd-edit-alert__form" },
+                React.createElement("div", { className: "gd-edit-alert__form-content" },
+                    React.createElement("div", { className: "gd-edit-alert__measure-label" },
+                        React.createElement(FormattedMessage, { id: "insightAlert.config.when" })),
+                    React.createElement(AlertMeasureSelect, { selectedMeasure: updatedAlert.alert.condition.left, onMeasureChange: changeMeasure, measures: measures }),
+                    React.createElement(AlertComparisonOperatorSelect, { selectedComparisonOperator: updatedAlert.alert.condition.operator, onComparisonOperatorChange: changeComparisonOperator }),
+                    React.createElement(Input, { className: "gd-edit-alert__value-input s-alert-value-input", isSmall: true, autofocus: true, value: updatedAlert.alert.condition.right, onChange: (e) => changeValue(e !== "" ? parseInt(e, 10) : undefined), type: "number" }),
+                    destinations.length > 1 && (React.createElement(AlertDestinationSelect, { selectedDestination: updatedAlert.webhook, onDestinationChange: changeDestination, destinations: destinations })))),
+            React.createElement("div", { className: "gd-edit-alert__buttons" },
+                React.createElement(Button, { className: "gd-edit-alert__configuration-button gd-button-link gd-button-icon-only gd-icon-settings gd-button-small s-alert-configuration", onClick: configureAlert }),
+                React.createElement("div", null,
+                    React.createElement(Button, { variant: "secondary", size: "small", onClick: () => {
+                            onCancel();
+                        } },
+                        React.createElement(FormattedMessage, { id: "cancel" })),
+                    React.createElement(BubbleHoverTrigger, { hideDelay: 0, showDelay: 0 },
+                        React.createElement(Button, { intent: "action", size: "small", disabled: !canSubmit || disableCreateButtonDueToLimits, onClick: isNewAlert ? createAlert : updateAlert, className: "gd-button-left-margin" }, isNewAlert
+                            ? intl.formatMessage({ id: "create" })
+                            : intl.formatMessage({ id: "save" })),
+                        disableCreateButtonDueToLimits ? (React.createElement(Bubble, { alignPoints: TOOLTIP_ALIGN_POINTS },
+                            React.createElement(FormattedMessage, { id: "insightAlert.maxAlertsReached" }))) : null)))))) : (React.createElement(DashboardInsightSubmenuContainer, { title: intl.formatMessage({ id: "insightAlert.config.title" }), onClose: onClose, onBack: cancelAlertConfiguration },
+        React.createElement(EditAlertConfiguration, { alert: updatedAlert, onUpdate: saveAlertConfiguration, onCancel: cancelAlertConfiguration })));
+};
+//# sourceMappingURL=EditAlert.js.map

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditAlert.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.tsx"],"names":[],"mappings":"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"}

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { IAutomationMetadataObject } from "@gooddata/sdk-model";
+interface IEditAlertConfigurationProps {
+    alert: IAutomationMetadataObject;
+    onCancel: () => void;
+    onUpdate: (alert: IAutomationMetadataObject) => void;
+}
+export declare const EditAlertConfiguration: React.FC<IEditAlertConfigurationProps>;
+export {};
+//# sourceMappingURL=EditAlertConfiguration.d.ts.map

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditAlertConfiguration.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAYhE,UAAU,4BAA4B;IAClC,KAAK,EAAE,yBAAyB,CAAC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAmEzE,CAAC"}

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.js

@@ -0,0 +1,47 @@
+// (C) 2022-2024 GoodData Corporation
+import React, { useState } from "react";
+import { Bubble, BubbleHoverTrigger, Button, Icon } from "@gooddata/sdk-ui-kit";
+import { AlertTriggerModeSelect } from "./AlertTriggerModeSelect.js";
+import { useTheme } from "@gooddata/sdk-ui-theme-provider";
+import { FormattedMessage } from "react-intl";
+import { gdColorStateBlank } from "../../../../constants/index.js";
+const TOOLTIP_ALIGN_POINTS = [
+    { align: "cr cl", offset: { x: 0, y: -1 } },
+    { align: "cl cr", offset: { x: 0, y: -1 } },
+];
+export const EditAlertConfiguration = ({ alert, onCancel, onUpdate, }) => {
+    const [updatedAlert, setUpdatedAlert] = useState(alert);
+    const canSubmit = updatedAlert.alert?.trigger.mode !== alert.alert?.trigger.mode;
+    const theme = useTheme();
+    return (React.createElement("div", { className: "gd-edit-alert-configuration" },
+        React.createElement("div", { className: "gd-edit-alert-configuration__form" },
+            React.createElement("div", { className: "gd-edit-alert-configuration__trigger-label" },
+                React.createElement(FormattedMessage, { id: "insightAlert.config.trigger" }),
+                " ",
+                React.createElement(BubbleHoverTrigger, null,
+                    React.createElement(Icon.QuestionMark, { className: "gd-edit-alert-configuration__trigger-label-icon", color: theme?.palette?.complementary?.c6 ?? gdColorStateBlank, width: 14, height: 14 }),
+                    React.createElement(Bubble, { alignPoints: TOOLTIP_ALIGN_POINTS },
+                        React.createElement(FormattedMessage, { id: "insightAlert.config.trigger.tooltip" })))),
+            React.createElement("div", { className: "gd-edit-alert-configuration__trigger-select" },
+                React.createElement(AlertTriggerModeSelect, { selectedTriggerMode: updatedAlert.alert?.trigger.mode ?? "ALWAYS", onTriggerModeChange: (triggerMode) => {
+                        setUpdatedAlert({
+                            ...updatedAlert,
+                            alert: {
+                                ...updatedAlert.alert,
+                                trigger: {
+                                    ...updatedAlert.alert.trigger,
+                                    mode: triggerMode,
+                                },
+                            },
+                        });
+                    } }))),
+        React.createElement("div", { className: "gd-edit-alert-configuration__buttons" },
+            React.createElement("div", null,
+                React.createElement(Button, { variant: "secondary", size: "small", onClick: () => {
+                        onCancel();
+                    } },
+                    React.createElement(FormattedMessage, { id: "cancel" })),
+                React.createElement(Button, { intent: "action", size: "small", disabled: !canSubmit, onClick: () => onUpdate(updatedAlert) },
+                    React.createElement(FormattedMessage, { id: "save" }))))));
+};
+//# sourceMappingURL=EditAlertConfiguration.js.map

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditAlertConfiguration.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.tsx"],"names":[],"mappings":"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"}

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/constants.d.ts

@@ -0,0 +1,23 @@
+import { IAlertComparisonOperator } from "@gooddata/sdk-model";
+export declare const COMPARISON_OPERATOR_LESS_THAN = "LESS_THAN";
+export declare const COMPARISON_OPERATOR_LESS_THAN_OR_EQUALS = "LESS_THAN_OR_EQUALS";
+export declare const COMPARISON_OPERATOR_GREATER_THAN = "GREATER_THAN";
+export declare const COMPARISON_OPERATOR_GREATER_THAN_OR_EQUALS = "GREATER_THAN_OR_EQUALS";
+export declare const COMPARISON_OPERATORS: {
+    readonly COMPARISON_OPERATOR_LESS_THAN: "LESS_THAN";
+    readonly COMPARISON_OPERATOR_LESS_THAN_OR_EQUALS: "LESS_THAN_OR_EQUALS";
+    readonly COMPARISON_OPERATOR_GREATER_THAN: "GREATER_THAN";
+    readonly COMPARISON_OPERATOR_GREATER_THAN_OR_EQUALS: "GREATER_THAN_OR_EQUALS";
+};
+export declare const COMPARISON_OPERATOR_OPTIONS: {
+    title: string;
+    icon: string;
+    id: IAlertComparisonOperator;
+}[];
+export declare const DROPDOWN_ITEM_HEIGHT = 28;
+export declare const DROPDOWN_SEPARATOR_ITEM_HEIGHT = 10;
+export interface INotificationChannel {
+    id: string;
+    title: string;
+}
+//# sourceMappingURL=constants.d.ts.map

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAG/D,eAAO,MAAM,6BAA6B,cAAc,CAAC;AACzD,eAAO,MAAM,uCAAuC,wBAAwB,CAAC;AAC7E,eAAO,MAAM,gCAAgC,iBAAiB,CAAC;AAC/D,eAAO,MAAM,0CAA0C,2BAA2B,CAAC;AAEnF,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAC;AAEX,eAAO,MAAM,2BAA2B,EAAE;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,wBAAwB,CAAC;CAChC,EAqBA,CAAC;AAEF,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAGjD,MAAM,WAAW,oBAAoB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACjB"}

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/constants.js

@@ -0,0 +1,36 @@
+import { messages } from "./messages.js";
+export const COMPARISON_OPERATOR_LESS_THAN = "LESS_THAN";
+export const COMPARISON_OPERATOR_LESS_THAN_OR_EQUALS = "LESS_THAN_OR_EQUALS";
+export const COMPARISON_OPERATOR_GREATER_THAN = "GREATER_THAN";
+export const COMPARISON_OPERATOR_GREATER_THAN_OR_EQUALS = "GREATER_THAN_OR_EQUALS";
+export const COMPARISON_OPERATORS = {
+    COMPARISON_OPERATOR_LESS_THAN,
+    COMPARISON_OPERATOR_LESS_THAN_OR_EQUALS,
+    COMPARISON_OPERATOR_GREATER_THAN,
+    COMPARISON_OPERATOR_GREATER_THAN_OR_EQUALS,
+};
+export const COMPARISON_OPERATOR_OPTIONS = [
+    {
+        title: messages.comparisonOperatorGreaterThan.id,
+        icon: "gd-icon-greater-than",
+        id: COMPARISON_OPERATORS.COMPARISON_OPERATOR_GREATER_THAN,
+    },
+    {
+        title: messages.comparisonOperatorGreaterThanOrEquals.id,
+        icon: "gd-icon-greater-than-equal-to",
+        id: COMPARISON_OPERATORS.COMPARISON_OPERATOR_GREATER_THAN_OR_EQUALS,
+    },
+    {
+        title: messages.comparisonOperatorLessThan.id,
+        icon: "gd-icon-less-than",
+        id: COMPARISON_OPERATORS.COMPARISON_OPERATOR_LESS_THAN,
+    },
+    {
+        title: messages.comparisonOperatorLessThanOrEquals.id,
+        icon: "gd-icon-less-than-equal-to",
+        id: COMPARISON_OPERATORS.COMPARISON_OPERATOR_LESS_THAN_OR_EQUALS,
+    },
+];
+export const DROPDOWN_ITEM_HEIGHT = 28;
+export const DROPDOWN_SEPARATOR_ITEM_HEIGHT = 10;
+//# sourceMappingURL=constants.js.map

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,CAAC,MAAM,6BAA6B,GAAG,WAAW,CAAC;AACzD,MAAM,CAAC,MAAM,uCAAuC,GAAG,qBAAqB,CAAC;AAC7E,MAAM,CAAC,MAAM,gCAAgC,GAAG,cAAc,CAAC;AAC/D,MAAM,CAAC,MAAM,0CAA0C,GAAG,wBAAwB,CAAC;AAEnF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,6BAA6B;IAC7B,uCAAuC;IACvC,gCAAgC;IAChC,0CAA0C;CACpC,CAAC;AAEX,MAAM,CAAC,MAAM,2BAA2B,GAIlC;IACF;QACI,KAAK,EAAE,QAAQ,CAAC,6BAA6B,CAAC,EAAE;QAChD,IAAI,EAAE,sBAAsB;QAC5B,EAAE,EAAE,oBAAoB,CAAC,gCAAgC;KAC5D;IACD;QACI,KAAK,EAAE,QAAQ,CAAC,qCAAqC,CAAC,EAAE;QACxD,IAAI,EAAE,+BAA+B;QACrC,EAAE,EAAE,oBAAoB,CAAC,0CAA0C;KACtE;IACD;QACI,KAAK,EAAE,QAAQ,CAAC,0BAA0B,CAAC,EAAE;QAC7C,IAAI,EAAE,mBAAmB;QACzB,EAAE,EAAE,oBAAoB,CAAC,6BAA6B;KACzD;IACD;QACI,KAAK,EAAE,QAAQ,CAAC,kCAAkC,CAAC,EAAE;QACrD,IAAI,EAAE,4BAA4B;QAClC,EAAE,EAAE,oBAAoB,CAAC,uCAAuC;KACnE;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AACvC,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAC"}

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/messages.d.ts

@@ -0,0 +1,51 @@
+export declare const messages: {
+    alertActionEdit: {
+        id: string;
+    };
+    alertActionPause: {
+        id: string;
+    };
+    alertActionResume: {
+        id: string;
+    };
+    alertActionDelete: {
+        id: string;
+    };
+    comparisonOperatorLessThan: {
+        id: string;
+    };
+    comparisonOperatorLessThanOrEquals: {
+        id: string;
+    };
+    comparisonOperatorGreaterThan: {
+        id: string;
+    };
+    comparisonOperatorGreaterThanOrEquals: {
+        id: string;
+    };
+    alertTriggerModeAlways: {
+        id: string;
+    };
+    alertTriggerModeOnce: {
+        id: string;
+    };
+    alertDeleteSuccess: {
+        id: string;
+    };
+    alertAddSuccess: {
+        id: string;
+    };
+    alertUpdateSuccess: {
+        id: string;
+    };
+    alertPauseSuccess: {
+        id: string;
+    };
+    alertResumeSuccess: {
+        id: string;
+    };
+    alertLoadingError: {
+        id: string;
+    };
+};
+//# sourceMappingURL=messages.d.ts.map

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/messages.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDnB,CAAC"}

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/messages.js

@@ -0,0 +1,53 @@
+// (C) 2024 GoodData Corporation
+import { defineMessages } from "react-intl";
+export const messages = defineMessages({
+    alertActionEdit: {
+        id: "insightAlert.config.action.edit",
+    },
+    alertActionPause: {
+        id: "insightAlert.config.action.pause",
+    },
+    alertActionResume: {
+        id: "insightAlert.config.action.resume",
+    },
+    alertActionDelete: {
+        id: "insightAlert.config.action.delete",
+    },
+    comparisonOperatorLessThan: {
+        id: "insightAlert.config.comparisonOperator.lessThan",
+    },
+    comparisonOperatorLessThanOrEquals: {
+        id: "insightAlert.config.comparisonOperator.lessThanOrEquals",
+    },
+    comparisonOperatorGreaterThan: {
+        id: "insightAlert.config.comparisonOperator.greaterThan",
+    },
+    comparisonOperatorGreaterThanOrEquals: {
+        id: "insightAlert.config.comparisonOperator.greaterThanOrEquals",
+    },
+    alertTriggerModeAlways: {
+        id: "insightAlert.config.triggerMode.always",
+    },
+    alertTriggerModeOnce: {
+        id: "insightAlert.config.triggerMode.once",
+    },
+    alertDeleteSuccess: {
+        id: "insightAlert.config.delete.success",
+    },
+    alertAddSuccess: {
+        id: "insightAlert.config.add.success",
+    },
+    alertUpdateSuccess: {
+        id: "insightAlert.config.update.success",
+    },
+    alertPauseSuccess: {
+        id: "insightAlert.config.pause.success",
+    },
+    alertResumeSuccess: {
+        id: "insightAlert.config.resume.success",
+    },
+    alertLoadingError: {
+        id: "insightAlert.config.loading.error",
+    },
+});
+//# sourceMappingURL=messages.js.map

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/messages.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG,cAAc,CAAC;IACnC,eAAe,EAAE;QACb,EAAE,EAAE,iCAAiC;KACxC;IACD,gBAAgB,EAAE;QACd,EAAE,EAAE,kCAAkC;KACzC;IACD,iBAAiB,EAAE;QACf,EAAE,EAAE,mCAAmC;KAC1C;IACD,iBAAiB,EAAE;QACf,EAAE,EAAE,mCAAmC;KAC1C;IACD,0BAA0B,EAAE;QACxB,EAAE,EAAE,iDAAiD;KACxD;IACD,kCAAkC,EAAE;QAChC,EAAE,EAAE,yDAAyD;KAChE;IACD,6BAA6B,EAAE;QAC3B,EAAE,EAAE,oDAAoD;KAC3D;IACD,qCAAqC,EAAE;QACnC,EAAE,EAAE,4DAA4D;KACnE;IACD,sBAAsB,EAAE;QACpB,EAAE,EAAE,wCAAwC;KAC/C;IACD,oBAAoB,EAAE;QAClB,EAAE,EAAE,sCAAsC;KAC7C;IACD,kBAAkB,EAAE;QAChB,EAAE,EAAE,oCAAoC;KAC3C;IACD,eAAe,EAAE;QACb,EAAE,EAAE,iCAAiC;KACxC;IACD,kBAAkB,EAAE;QAChB,EAAE,EAAE,oCAAoC;KAC3C;IACD,iBAAiB,EAAE;QACf,EAAE,EAAE,mCAAmC;KAC1C;IACD,kBAAkB,EAAE;QAChB,EAAE,EAAE,oCAAoC;KAC3C;IACD,iBAAiB,EAAE;QACf,EAAE,EAAE,mCAAmC;KAC1C;CACJ,CAAC,CAAC"}

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useEditAlert.d.ts

@@ -0,0 +1,21 @@
+import { IAlertComparisonOperator, IAutomationMetadataObject, IAutomationMetadataObjectDefinition, IMeasure } from "@gooddata/sdk-model";
+export interface IUseEditAlertProps {
+    alert: IAutomationMetadataObject;
+    onCreate?: (alert: IAutomationMetadataObjectDefinition) => void;
+    onUpdate?: (alert: IAutomationMetadataObject) => void;
+}
+export declare const useEditAlert: ({ alert, onCreate, onUpdate }: IUseEditAlertProps) => {
+    viewMode: "configuration" | "edit";
+    updatedAlert: IAutomationMetadataObject;
+    canSubmit: boolean;
+    changeComparisonOperator: (comparisonOperator: IAlertComparisonOperator) => void;
+    changeMeasure: (measure: IMeasure) => void;
+    changeValue: (value: number) => void;
+    changeDestination: (destinationId: string) => void;
+    configureAlert: () => void;
+    saveAlertConfiguration: (alert: IAutomationMetadataObject) => void;
+    cancelAlertConfiguration: () => void;
+    createAlert: () => void;
+    updateAlert: () => void;
+};
+//# sourceMappingURL=useEditAlert.d.ts.map

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useEditAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/useEditAlert.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,wBAAwB,EACxB,yBAAyB,EACzB,mCAAmC,EACnC,QAAQ,EACX,MAAM,qBAAqB,CAAC;AAK7B,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,yBAAyB,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,YAAY,kCAAmC,kBAAkB;;;;mDA0BpB,wBAAwB;6BArB9C,QAAQ;yBAqCZ,MAAM;uCAgBQ,MAAM;;oCAWT,yBAAyB;;;;CAsCnE,CAAC"}

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useEditAlert.js

@@ -0,0 +1,97 @@
+// (C) 2022-2024 GoodData Corporation
+import { useState } from "react";
+import isEqual from "lodash/isEqual.js";
+import { getComparisonOperatorTitle, getMeasureTitle } from "./utils.js";
+import { useIntl } from "react-intl";
+export const useEditAlert = ({ alert, onCreate, onUpdate }) => {
+    const [viewMode, setViewMode] = useState("edit");
+    const [updatedAlert, setUpdatedAlert] = useState(alert);
+    const intl = useIntl();
+    const changeMeasure = (measure) => {
+        setUpdatedAlert((alert) => ({
+            ...alert,
+            title: getMeasureTitle(measure) ?? "",
+            description: `${getComparisonOperatorTitle(updatedAlert.alert.condition.operator, intl)} ${alert.alert.condition.right}`,
+            alert: {
+                ...alert.alert,
+                condition: {
+                    ...alert.alert.condition,
+                    left: measure,
+                },
+                execution: {
+                    ...alert.alert.execution,
+                    measures: [measure],
+                },
+            },
+        }));
+    };
+    const changeComparisonOperator = (comparisonOperator) => {
+        setUpdatedAlert((alert) => ({
+            ...alert,
+            description: `${getComparisonOperatorTitle(comparisonOperator, intl)} ${updatedAlert.alert.condition.right}`,
+            alert: {
+                ...alert.alert,
+                condition: {
+                    ...alert.alert.condition,
+                    operator: comparisonOperator,
+                },
+            },
+        }));
+    };
+    const changeValue = (value) => {
+        setUpdatedAlert((alert) => ({
+            ...alert,
+            description: `${getComparisonOperatorTitle(updatedAlert.alert.condition.operator, intl)} ${alert.alert.condition.right}`,
+            alert: {
+                ...alert.alert,
+                condition: {
+                    ...alert.alert.condition,
+                    right: value,
+                },
+            },
+        }));
+    };
+    const changeDestination = (destinationId) => {
+        setUpdatedAlert((alert) => ({
+            ...alert,
+            webhook: destinationId,
+        }));
+    };
+    const configureAlert = () => {
+        setViewMode("configuration");
+    };
+    const saveAlertConfiguration = (alert) => {
+        setUpdatedAlert(alert);
+        cancelAlertConfiguration();
+    };
+    const cancelAlertConfiguration = () => {
+        setViewMode("edit");
+    };
+    const createAlert = () => {
+        onCreate?.(updatedAlert);
+    };
+    const updateAlert = () => {
+        onUpdate?.(updatedAlert);
+    };
+    const isValueDefined = typeof updatedAlert.alert?.condition.right !== "undefined";
+    const isAlertChanged = !isEqual(updatedAlert, alert);
+    const canSubmit = isValueDefined && isAlertChanged;
+    return {
+        viewMode,
+        updatedAlert,
+        canSubmit,
+        //
+        changeComparisonOperator,
+        changeMeasure,
+        changeValue,
+        changeDestination,
+        //
+        configureAlert,
+        saveAlertConfiguration,
+        cancelAlertConfiguration,
+        //
+        createAlert,
+        updateAlert,
+    };
+};
+//# sourceMappingURL=useEditAlert.js.map

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useEditAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditAlert.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/useEditAlert.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOjC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,0BAA0B,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAQrC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC9E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA2B,MAAM,CAAC,CAAC;IAC3E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA4B,KAAK,CAAC,CAAC;IACnF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,aAAa,GAAG,CAAC,OAAiB,EAAE,EAAE;QACxC,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACxB,GAAG,KAAK;YACR,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,IAAI,EAAE;YACrC,WAAW,EAAE,GAAG,0BAA0B,CAAC,YAAY,CAAC,KAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,IACpF,KAAK,CAAC,KAAM,CAAC,SAAS,CAAC,KAC3B,EAAE;YACF,KAAK,EAAE;gBACH,GAAG,KAAK,CAAC,KAAM;gBACf,SAAS,EAAE;oBACP,GAAG,KAAK,CAAC,KAAM,CAAC,SAAS;oBACzB,IAAI,EAAE,OAAO;iBAChB;gBACD,SAAS,EAAE;oBACP,GAAG,KAAK,CAAC,KAAM,CAAC,SAAS;oBACzB,QAAQ,EAAE,CAAC,OAAO,CAAC;iBACtB;aACJ;SACJ,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,CAAC,kBAA4C,EAAE,EAAE;QAC9E,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACxB,GAAG,KAAK;YACR,WAAW,EAAE,GAAG,0BAA0B,CAAC,kBAAkB,EAAE,IAAI,CAAC,IAChE,YAAY,CAAC,KAAM,CAAC,SAAS,CAAC,KAClC,EAAE;YACF,KAAK,EAAE;gBACH,GAAG,KAAK,CAAC,KAAM;gBACf,SAAS,EAAE;oBACP,GAAG,KAAK,CAAC,KAAM,CAAC,SAAS;oBACzB,QAAQ,EAAE,kBAAkB;iBAC/B;aACJ;SACJ,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QAClC,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACxB,GAAG,KAAK;YACR,WAAW,EAAE,GAAG,0BAA0B,CAAC,YAAY,CAAC,KAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,IACpF,KAAK,CAAC,KAAM,CAAC,SAAS,CAAC,KAC3B,EAAE;YACF,KAAK,EAAE;gBACH,GAAG,KAAK,CAAC,KAAM;gBACf,SAAS,EAAE;oBACP,GAAG,KAAK,CAAC,KAAM,CAAC,SAAS;oBACzB,KAAK,EAAE,KAAK;iBACf;aACJ;SACJ,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,aAAqB,EAAE,EAAE;QAChD,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACxB,GAAG,KAAK;YACR,OAAO,EAAE,aAAa;SACzB,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,WAAW,CAAC,eAAe,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,KAAgC,EAAE,EAAE;QAChE,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,wBAAwB,EAAE,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;QAClC,WAAW,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,QAAQ,EAAE,CAAC,YAAY,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,QAAQ,EAAE,CAAC,YAAyC,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,KAAK,WAAW,CAAC;IAClF,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,cAAc,IAAI,cAAc,CAAC;IAEnD,OAAO;QACH,QAAQ;QACR,YAAY;QACZ,SAAS;QACT,EAAE;QACF,wBAAwB;QACxB,aAAa;QACb,WAAW;QACX,iBAAiB;QACjB,EAAE;QACF,cAAc;QACd,sBAAsB;QACtB,wBAAwB;QACxB,EAAE;QACF,WAAW;QACX,WAAW;KACd,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useInsightAlerting.d.ts

@@ -0,0 +1,29 @@
+import { IAutomationMetadataObject, IAutomationMetadataObjectDefinition, IInsightWidget } from "@gooddata/sdk-model";
+import { INotificationChannel } from "./constants.js";
+type InsightWidgetAlertingViewMode = "list" | "edit" | "create";
+export interface IInsightWidgetAlertingProps {
+    widget: IInsightWidget;
+    closeInsightWidgetMenu: () => void;
+}
+export declare const useInsightWidgetAlerting: ({ widget, closeInsightWidgetMenu }: IInsightWidgetAlertingProps) => {
+    isLoading: boolean;
+    destinations: INotificationChannel[];
+    alerts: IAutomationMetadataObject[];
+    viewMode: InsightWidgetAlertingViewMode;
+    editingAlert: IAutomationMetadataObject | null;
+    creatingAlert: IAutomationMetadataObject | IAutomationMetadataObjectDefinition | null;
+    initiateAlertCreation: () => void;
+    initiateAlertEditing: (alert: IAutomationMetadataObject) => void;
+    updateExistingAlert: (alert: IAutomationMetadataObject) => void;
+    saveNewAlert: (alert: IAutomationMetadataObjectDefinition) => void;
+    pauseExistingAlert: (alert: IAutomationMetadataObject) => void;
+    resumeExistingAlert: (alert: IAutomationMetadataObject) => void;
+    deleteExistingAlert: (alert: IAutomationMetadataObject) => void;
+    cancelAlertEditing: () => void;
+    cancelAlertCreation: () => void;
+    hasAlerts: boolean;
+    supportedMeasures: import("@gooddata/sdk-model").IMeasure<import("@gooddata/sdk-model").IMeasureDefinitionType>[];
+    maxAutomationsReached: boolean;
+};
+export {};
+//# sourceMappingURL=useInsightAlerting.d.ts.map

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useInsightAlerting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInsightAlerting.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/useInsightAlerting.ts"],"names":[],"mappings":"AACA,OAAO,EACH,yBAAyB,EACzB,mCAAmC,EACnC,cAAc,EACjB,MAAM,qBAAqB,CAAC;AAa7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,KAAK,6BAA6B,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhE,MAAM,WAAW,2BAA2B;IACxC,MAAM,EAAE,cAAc,CAAC;IACvB,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,wBAAwB,uCAAwC,2BAA2B;;;;;;;;kCAqF/D,yBAAyB;iCAK1B,yBAAyB;0BA/BhC,mCAAmC;gCA6C7B,yBAAyB;iCAexB,yBAAyB;iCAezB,yBAAyB;;;;;;CA+BhE,CAAC"}

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useInsightAlerting.js

@@ -0,0 +1,151 @@
+import { useToastMessage } from "@gooddata/sdk-ui-kit";
+import { useEffect, useState } from "react";
+import { v4 as uuidv4 } from "uuid";
+import { useDashboardSelector, selectInsightByWidgetRef, selectEntitlementMaxAutomations, selectEntitlementUnlimitedAutomations, DEFAULT_MAX_AUTOMATIONS, selectAutomationsCount, } from "../../../../../model/index.js";
+import { createDefaultAlert, getSupportedInsightMeasuresByInsight } from "./utils.js";
+import { messages } from "./messages.js";
+import { useWidgetFilters } from "../../../common/useWidgetFilters.js";
+export const useInsightWidgetAlerting = ({ widget, closeInsightWidgetMenu }) => {
+    const { addSuccess, addError } = useToastMessage();
+    const [isLoading, setIsLoading] = useState(true);
+    // TODO: load from backend
+    const [alerts, setAlerts] = useState([]);
+    const hasAlerts = alerts.length > 0;
+    // TODO: load from backend
+    const destinations = [
+        { id: "email", title: "Email" },
+        { id: "webhook", title: "Webhook" },
+    ];
+    const insight = useDashboardSelector(selectInsightByWidgetRef(widget.ref));
+    const { result: widgetFilters, status: widgetFiltersStatus } = useWidgetFilters(widget, insight);
+    const supportedMeasures = getSupportedInsightMeasuresByInsight(insight);
+    const defaultMeasure = supportedMeasures[0];
+    const defaultNotificationChannelId = destinations[0].id;
+    // Handle async widget filters state
+    useEffect(() => {
+        if (widgetFiltersStatus === "success") {
+            setIsLoading(false);
+            setDefaultAlert(createDefaultAlert(widgetFilters, defaultMeasure, defaultNotificationChannelId));
+        }
+        else if (widgetFiltersStatus === "error") {
+            setIsLoading(false);
+            closeInsightWidgetMenu();
+            addError(messages.alertLoadingError);
+        }
+        // Avoid infinite loop by ignoring addError
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        closeInsightWidgetMenu,
+        defaultMeasure,
+        defaultNotificationChannelId,
+        widgetFilters,
+        widgetFiltersStatus,
+    ]);
+    const automationsCount = useDashboardSelector(selectAutomationsCount);
+    const maxAutomationsEntitlement = useDashboardSelector(selectEntitlementMaxAutomations);
+    const unlimitedAutomationsEntitlement = useDashboardSelector(selectEntitlementUnlimitedAutomations);
+    const maxAutomations = parseInt(maxAutomationsEntitlement?.value ?? DEFAULT_MAX_AUTOMATIONS, 10);
+    const maxAutomationsReached = automationsCount >= maxAutomations && !unlimitedAutomationsEntitlement;
+    const [viewMode, setViewMode] = useState(alerts.length > 0 ? "list" : "create");
+    const [defaultAlert, setDefaultAlert] = useState(null);
+    const [editingAlert, setEditingAlert] = useState(null);
+    const initiateAlertCreation = () => {
+        setViewMode("create");
+    };
+    const saveNewAlert = (alert) => {
+        const id = uuidv4();
+        setAlerts((alertsToUpdate) => {
+            const updatedAlerts = [
+                ...alertsToUpdate,
+                {
+                    ...alert,
+                    id,
+                    ref: { identifier: id, type: "automation" },
+                    uri: id,
+                },
+            ];
+            addSuccess(messages.alertAddSuccess);
+            return updatedAlerts;
+        });
+        setViewMode("list");
+    };
+    const cancelAlertCreation = () => {
+        if (hasAlerts) {
+            setViewMode("list");
+        }
+        else {
+            closeInsightWidgetMenu();
+        }
+    };
+    const initiateAlertEditing = (alert) => {
+        setEditingAlert(alert);
+        setViewMode("edit");
+    };
+    const updateExistingAlert = (alert) => {
+        setAlerts((alertsToUpdate) => {
+            const updatedAlerts = alertsToUpdate.map((a) => (a.id === alert.id ? alert : a));
+            addSuccess(messages.alertUpdateSuccess);
+            return updatedAlerts;
+        });
+        cancelAlertEditing();
+    };
+    const cancelAlertEditing = () => {
+        setEditingAlert(null);
+        setViewMode("list");
+    };
+    const pauseExistingAlert = (alert) => {
+        setAlerts((alertsToUpdate) => {
+            const updatedAlerts = alertsToUpdate.map((a) => a.id === alert.id
+                ? {
+                    ...a,
+                    alert: { ...a.alert, trigger: { ...a.alert?.trigger, state: "PAUSED" } },
+                }
+                : a);
+            addSuccess(messages.alertPauseSuccess);
+            return updatedAlerts;
+        });
+    };
+    const resumeExistingAlert = (alert) => {
+        setAlerts((alertsToUpdate) => {
+            const updatedAlerts = alertsToUpdate.map((a) => a.id === alert.id
+                ? {
+                    ...a,
+                    alert: { ...a.alert, trigger: { ...a.alert?.trigger, state: "ACTIVE" } },
+                }
+                : a);
+            addSuccess(messages.alertResumeSuccess);
+            return updatedAlerts;
+        });
+    };
+    const deleteExistingAlert = (alert) => {
+        setAlerts((alertsToUpdate) => {
+            const updatedAlerts = alertsToUpdate.filter((a) => a.id !== alert.id);
+            if (updatedAlerts.length === 0) {
+                closeInsightWidgetMenu();
+            }
+            addSuccess(messages.alertDeleteSuccess);
+            return updatedAlerts;
+        });
+    };
+    return {
+        isLoading,
+        destinations,
+        alerts,
+        viewMode,
+        editingAlert,
+        creatingAlert: defaultAlert,
+        initiateAlertCreation,
+        initiateAlertEditing,
+        updateExistingAlert,
+        saveNewAlert,
+        pauseExistingAlert,
+        resumeExistingAlert,
+        deleteExistingAlert,
+        cancelAlertEditing,
+        cancelAlertCreation,
+        hasAlerts,
+        supportedMeasures,
+        maxAutomationsReached,
+    };
+};
+//# sourceMappingURL=useInsightAlerting.js.map