@gooddata/sdk-ui-dashboard 10.9.0-alpha.8 → 10.9.0-beta.0

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { IAutomationMetadataObject, IAutomationMetadataObjectDefinition, IMeasure } from "@gooddata/sdk-model";
+import { Webhooks } from "../../../../../model/index.js";
+interface IEditAlertProps {
+    alert: IAutomationMetadataObject;
+    isNewAlert?: boolean;
+    hasAlerts: boolean;
+    destinations: Webhooks;
+    measures: IMeasure[];
+    onClose: () => void;
+    onCancel: () => void;
+    onCreate?: (alert: IAutomationMetadataObjectDefinition) => void;
+    onUpdate?: (alert: IAutomationMetadataObject) => void;
+    maxAutomationsReached?: boolean;
+}
+export declare const EditAlert: React.FC<IEditAlertProps>;
+export {};
+//# sourceMappingURL=EditAlert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,yBAAyB,EACzB,mCAAmC,EACnC,QAAQ,EACX,MAAM,qBAAqB,CAAC;AAS7B,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAIzD,UAAU,eAAe;IACrB,KAAK,EAAE,yBAAyB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,QAAQ,CAAC;IACvB,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACtD,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyI/C,CAAC"}

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

@@ -0,0 +1,57 @@
+// (C) 2022-2024 GoodData Corporation
+import React from "react";
+import { Bubble, BubbleHoverTrigger, Button, Input, Message } 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 "./hooks/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;
+    const selectedMeasureIdentifier = updatedAlert.alert.condition.left;
+    const selectedMeasure = measures.find((measure) => measure.measure.localIdentifier === selectedMeasureIdentifier);
+    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: selectedMeasure, 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 }))),
+                !selectedMeasure ? (React.createElement(Message, { type: "error" },
+                    React.createElement(FormattedMessage, { id: "insightAlert.config.invalid" }))) : null),
+            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,20 @@
+import { IAlertComparisonOperator } from "@gooddata/sdk-model";
+export declare const LOADING_MASK_HEIGHT = 100;
+export declare const COMPARISON_OPERATOR_LESS_THAN = "LESS_THAN";
+export declare const COMPARISON_OPERATOR_LESS_THAN_OR_EQUAL_TO = "LESS_THAN_OR_EQUAL_TO";
+export declare const COMPARISON_OPERATOR_GREATER_THAN = "GREATER_THAN";
+export declare const COMPARISON_OPERATOR_GREATER_THAN_OR_EQUAL_TO = "GREATER_THAN_OR_EQUAL_TO";
+export declare const COMPARISON_OPERATORS: {
+    readonly COMPARISON_OPERATOR_LESS_THAN: "LESS_THAN";
+    readonly COMPARISON_OPERATOR_LESS_THAN_OR_EQUAL_TO: "LESS_THAN_OR_EQUAL_TO";
+    readonly COMPARISON_OPERATOR_GREATER_THAN: "GREATER_THAN";
+    readonly COMPARISON_OPERATOR_GREATER_THAN_OR_EQUAL_TO: "GREATER_THAN_OR_EQUAL_TO";
+};
+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;
+//# 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,mBAAmB,MAAM,CAAC;AAEvC,eAAO,MAAM,6BAA6B,cAAc,CAAC;AACzD,eAAO,MAAM,yCAAyC,0BAA0B,CAAC;AACjF,eAAO,MAAM,gCAAgC,iBAAiB,CAAC;AAC/D,eAAO,MAAM,4CAA4C,6BAA6B,CAAC;AAEvF,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"}

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

@@ -0,0 +1,37 @@
+import { messages } from "./messages.js";
+export const LOADING_MASK_HEIGHT = 100;
+export const COMPARISON_OPERATOR_LESS_THAN = "LESS_THAN";
+export const COMPARISON_OPERATOR_LESS_THAN_OR_EQUAL_TO = "LESS_THAN_OR_EQUAL_TO";
+export const COMPARISON_OPERATOR_GREATER_THAN = "GREATER_THAN";
+export const COMPARISON_OPERATOR_GREATER_THAN_OR_EQUAL_TO = "GREATER_THAN_OR_EQUAL_TO";
+export const COMPARISON_OPERATORS = {
+    COMPARISON_OPERATOR_LESS_THAN,
+    COMPARISON_OPERATOR_LESS_THAN_OR_EQUAL_TO,
+    COMPARISON_OPERATOR_GREATER_THAN,
+    COMPARISON_OPERATOR_GREATER_THAN_OR_EQUAL_TO,
+};
+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_EQUAL_TO,
+    },
+    {
+        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_EQUAL_TO,
+    },
+];
+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,mBAAmB,GAAG,GAAG,CAAC;AAEvC,MAAM,CAAC,MAAM,6BAA6B,GAAG,WAAW,CAAC;AACzD,MAAM,CAAC,MAAM,yCAAyC,GAAG,uBAAuB,CAAC;AACjF,MAAM,CAAC,MAAM,gCAAgC,GAAG,cAAc,CAAC;AAC/D,MAAM,CAAC,MAAM,4CAA4C,GAAG,0BAA0B,CAAC;AAEvF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,6BAA6B;IAC7B,yCAAyC;IACzC,gCAAgC;IAChC,4CAA4C;CACtC,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,4CAA4C;KACxE;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,yCAAyC;KACrE;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/hooks/useCreateAlert.d.ts

@@ -0,0 +1,11 @@
+import { IAutomationMetadataObject, IAutomationMetadataObjectDefinition } from "@gooddata/sdk-model";
+import { CommandProcessingStatus } from "../../../../../../model/index.js";
+export declare const useCreateAlert: ({ onBeforeRun, onSuccess, onError, }?: {
+    onBeforeRun?: ((alertToCreate: IAutomationMetadataObjectDefinition) => void) | undefined;
+    onSuccess?: ((alert: IAutomationMetadataObject) => void) | undefined;
+    onError?: ((error: any) => void) | undefined;
+}) => {
+    create: (alertToCreate: IAutomationMetadataObjectDefinition) => void;
+    creationStatus?: CommandProcessingStatus | undefined;
+};
+//# sourceMappingURL=useCreateAlert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateAlert.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/hooks/useCreateAlert.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,mCAAmC,EAAE,MAAM,qBAAqB,CAAC;AACrG,OAAO,EACH,uBAAuB,EAG1B,MAAM,kCAAkC,CAAC;AAE1C,eAAO,MAAM,cAAc;mCAKO,mCAAmC,KAAK,IAAI;yBACtD,yBAAyB,KAAK,IAAI;uBACpC,GAAG,KAAK,IAAI;;4BAEN,mCAAmC,KAAK,IAAI;;CA6BvE,CAAC"}

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/hooks/useCreateAlert.js

@@ -0,0 +1,27 @@
+// (C) 2020-2024 GoodData Corporation
+import { useCallback } from "react";
+import { createAlert, useDashboardCommandProcessing, } from "../../../../../../model/index.js";
+export const useCreateAlert = ({ onBeforeRun, onSuccess, onError, } = {}) => {
+    const alertCommandProcessing = useDashboardCommandProcessing({
+        commandCreator: createAlert,
+        errorEvent: "GDC.DASH/EVT.COMMAND.FAILED",
+        successEvent: "GDC.DASH/EVT.ALERT.CREATED",
+        onError: (event) => {
+            onError?.(event.payload.error);
+        },
+        onSuccess: (event) => {
+            onSuccess?.(event.payload.alert);
+        },
+        onBeforeRun: (cmd) => {
+            onBeforeRun?.(cmd.payload.alert);
+        },
+    });
+    const create = useCallback((alertToCreate) => {
+        alertCommandProcessing.run(alertToCreate);
+    }, [alertCommandProcessing]);
+    return {
+        create,
+        creationStatus: alertCommandProcessing.status,
+    };
+};
+//# sourceMappingURL=useCreateAlert.js.map

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/hooks/useCreateAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateAlert.js","sourceRoot":"","sources":["../../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/hooks/useCreateAlert.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAEH,WAAW,EACX,6BAA6B,GAChC,MAAM,kCAAkC,CAAC;AAE1C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,WAAW,EACX,SAAS,EACT,OAAO,MAKP,EAAE,EAGJ,EAAE;IACA,MAAM,sBAAsB,GAAG,6BAA6B,CAAC;QACzD,cAAc,EAAE,WAAW;QAC3B,UAAU,EAAE,6BAA6B;QACzC,YAAY,EAAE,4BAA4B;QAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACf,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;QACD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,SAAS,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;QACD,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE;YACjB,WAAW,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;KACJ,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,WAAW,CACtB,CAAC,aAAkD,EAAE,EAAE;QACnD,sBAAsB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,sBAAsB,CAAC,CAC3B,CAAC;IAEF,OAAO;QACH,MAAM;QACN,cAAc,EAAE,sBAAsB,CAAC,MAAM;KAChD,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/hooks/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/hooks/useEditAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditAlert.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/hooks/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/hooks/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.measure.localIdentifier,
+                },
+                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/hooks/useEditAlert.js.map

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

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

@@ -0,0 +1,28 @@
+import { IAutomationMetadataObject, IAutomationMetadataObjectDefinition, IInsightWidget } from "@gooddata/sdk-model";
+type InsightWidgetAlertingViewMode = "list" | "edit" | "create";
+export interface IInsightWidgetAlertingProps {
+    widget?: IInsightWidget | undefined;
+    closeInsightWidgetMenu: () => void;
+}
+export declare const useInsightWidgetAlerting: ({ widget, closeInsightWidgetMenu }: IInsightWidgetAlertingProps) => {
+    isLoading: boolean;
+    destinations: import("../../../../../../model/index.js").Webhooks;
+    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) => Promise<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/hooks/useInsightAlerting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInsightAlerting.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/hooks/useInsightAlerting.ts"],"names":[],"mappings":"AACA,OAAO,EACH,yBAAyB,EACzB,mCAAmC,EACnC,cAAc,EACjB,MAAM,qBAAqB,CAAC;AAwB7B,KAAK,6BAA6B,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhE,MAAM,WAAW,2BAA2B;IACxC,MAAM,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACpC,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,wBAAwB,uCAAwC,2BAA2B;;;;;;;;kCAkG/D,yBAAyB;iCA0B1B,yBAAyB;0BAhBhC,mCAAmC;gCAqB7B,yBAAyB;iCAQxB,yBAAyB;iCAQnB,yBAAyB;;;;;;CAwCtE,CAAC"}

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

@@ -0,0 +1,179 @@
+import { useToastMessage } from "@gooddata/sdk-ui-kit";
+import { useCallback, useEffect, useState } from "react";
+import { v4 as uuidv4 } from "uuid";
+import { useDashboardSelector, selectInsightByWidgetRef, selectEntitlementMaxAutomations, selectEntitlementUnlimitedAutomations, DEFAULT_MAX_AUTOMATIONS, selectAutomationsCount, selectWebhooks, refreshAutomations, useDashboardDispatch, dispatchAndWaitFor, selectAutomationsAlertsInContext, selectDashboardId, } from "../../../../../../model/index.js";
+import { createDefaultAlert, getSupportedInsightMeasuresByInsight } from "../utils.js";
+import { messages } from "../messages.js";
+import { useWidgetFilters } from "../../../../common/useWidgetFilters.js";
+import { useSaveAlertToBackend } from "./useSaveAlertToBackend.js";
+import { useBackendStrict, useWorkspaceStrict } from "@gooddata/sdk-ui";
+export const useInsightWidgetAlerting = ({ widget, closeInsightWidgetMenu }) => {
+    const { addSuccess, addError } = useToastMessage();
+    const dispatch = useDashboardDispatch();
+    const effectiveBackend = useBackendStrict();
+    const effectiveWorkspace = useWorkspaceStrict();
+    const destinations = useDashboardSelector(selectWebhooks);
+    const alerts = useDashboardSelector(selectAutomationsAlertsInContext(widget?.localIdentifier));
+    const dashboard = useDashboardSelector(selectDashboardId);
+    const insight = useDashboardSelector(selectInsightByWidgetRef(widget?.ref));
+    const automationsCount = useDashboardSelector(selectAutomationsCount);
+    const maxAutomationsEntitlement = useDashboardSelector(selectEntitlementMaxAutomations);
+    const unlimitedAutomationsEntitlement = useDashboardSelector(selectEntitlementUnlimitedAutomations);
+    const { handleCreateAlert, handleUpdateAlert, handlePauseAlert, handleResumeAlert } = useSaveAlertToBackend({
+        onCreateSuccess: () => {
+            setViewMode("list");
+            handleRefreshAutomations();
+            addSuccess(messages.alertAddSuccess);
+        },
+        onCreateError: () => {
+            setIsLoading(false);
+            setViewMode("list");
+            addError(messages.alertSaveError);
+        },
+        onUpdateSuccess: () => {
+            cancelAlertEditing();
+            handleRefreshAutomations();
+            addSuccess(messages.alertUpdateSuccess);
+        },
+        onUpdateError: () => {
+            setIsLoading(false);
+            cancelAlertEditing();
+            addError(messages.alertSaveError);
+        },
+        onPauseSuccess: () => {
+            addSuccess(messages.alertPauseSuccess);
+        },
+        onPauseError: () => {
+            addError(messages.alertSaveError);
+        },
+        onResumeSuccess: () => {
+            addSuccess(messages.alertResumeSuccess);
+        },
+        onResumeError: () => {
+            addError(messages.alertSaveError);
+        },
+    });
+    const { result: widgetFilters, status: widgetFiltersStatus } = useWidgetFilters(widget, insight);
+    const supportedMeasures = getSupportedInsightMeasuresByInsight(insight);
+    const defaultMeasure = supportedMeasures[0];
+    const defaultNotificationChannelId = destinations[0].id;
+    const hasAlerts = alerts.length > 0;
+    const maxAutomations = parseInt(maxAutomationsEntitlement?.value ?? DEFAULT_MAX_AUTOMATIONS, 10);
+    const maxAutomationsReached = automationsCount >= maxAutomations && !unlimitedAutomationsEntitlement;
+    // 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 [isLoading, setIsLoading] = useState(true);
+    const [viewMode, setViewMode] = useState(alerts.length > 0 ? "list" : "create");
+    const [defaultAlert, setDefaultAlert] = useState(null);
+    const [editingAlert, setEditingAlert] = useState(null);
+    const initiateAlertCreation = () => {
+        setViewMode("create");
+    };
+    const cancelAlertCreation = () => {
+        if (hasAlerts) {
+            setViewMode("list");
+        }
+        else {
+            closeInsightWidgetMenu();
+        }
+    };
+    const initiateAlertEditing = (alert) => {
+        setEditingAlert(alert);
+        setViewMode("edit");
+    };
+    const cancelAlertEditing = () => {
+        setEditingAlert(null);
+        setViewMode("list");
+    };
+    const saveNewAlert = (alert) => {
+        const id = uuidv4();
+        const alertToCreate = {
+            ...alert,
+            id,
+            ref: { identifier: id, type: "automation" },
+            uri: id,
+            dashboard,
+            metadata: {
+                widget: widget?.localIdentifier,
+            },
+        };
+        setIsLoading(true);
+        handleCreateAlert(alertToCreate);
+    };
+    const updateExistingAlert = (alert) => {
+        setIsLoading(true);
+        handleUpdateAlert(alert);
+    };
+    const pauseExistingAlert = (alert) => {
+        const alertToPause = {
+            ...alert,
+            alert: { ...alert.alert, trigger: { ...alert.alert?.trigger, state: "PAUSED" } },
+        };
+        handlePauseAlert(alertToPause);
+    };
+    const resumeExistingAlert = (alert) => {
+        const alertToResume = {
+            ...alert,
+            alert: { ...alert.alert, trigger: { ...alert.alert?.trigger, state: "ACTIVE" } },
+        };
+        handleResumeAlert(alertToResume);
+    };
+    const deleteExistingAlert = async (alert) => {
+        setIsLoading(true);
+        try {
+            await effectiveBackend.workspace(effectiveWorkspace).automations().deleteAutomation(alert.id);
+            addSuccess(messages.alertDeleteSuccess);
+            setViewMode(alerts.length === 1 ? "create" : "list");
+            handleRefreshAutomations();
+        }
+        catch (err) {
+            addError(messages.alertDeleteError);
+            setIsLoading(false);
+        }
+    };
+    const handleRefreshAutomations = useCallback(() => {
+        setIsLoading(true);
+        dispatchAndWaitFor(dispatch, refreshAutomations()).then(() => {
+            setIsLoading(false);
+        });
+    }, [dispatch]);
+    return {
+        isLoading,
+        destinations,
+        alerts,
+        viewMode,
+        editingAlert,
+        creatingAlert: defaultAlert,
+        initiateAlertCreation,
+        initiateAlertEditing,
+        updateExistingAlert,
+        saveNewAlert,
+        pauseExistingAlert,
+        resumeExistingAlert,
+        deleteExistingAlert,
+        cancelAlertEditing,
+        cancelAlertCreation,
+        hasAlerts,
+        supportedMeasures,
+        maxAutomationsReached,
+    };
+};
+//# sourceMappingURL=useInsightAlerting.js.map