"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.AlertConfiguration = void 0;
var _react = _interopRequireWildcard(require("react"));
var _i18n = require("@kbn/i18n");
var _i18nReact = require("@kbn/i18n-react");
var _eui = require("@elastic/eui");
var _common = require("@kbn/alerting-plugin/common");
var _legacy_shims = require("../legacy_shims");
var _setup_mode = require("../lib/setup_mode");
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
/*
 * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
 * or more contributor license agreements. Licensed under the Elastic License
 * 2.0; you may not use this file except in compliance with the Elastic License
 * 2.0.
 */

const AlertConfiguration = props => {
  const {
    alert,
    compressed
  } = props;
  const [showFlyout, setShowFlyout] = _react.default.useState(false);
  const [isEnabled, setIsEnabled] = _react.default.useState(alert.enabled);
  const [isMuted, setIsMuted] = _react.default.useState(alert.muteAll);
  const [isSaving, setIsSaving] = _react.default.useState(false);
  async function disableAlert() {
    setIsSaving(true);
    try {
      await _legacy_shims.Legacy.shims.http.post(`${_common.BASE_ALERTING_API_PATH}/rule/${alert.id}/_disable`);
    } catch (err) {
      _legacy_shims.Legacy.shims.toastNotifications.addDanger({
        title: _i18n.i18n.translate('xpack.monitoring.alerts.panel.disableAlert.errorTitle', {
          defaultMessage: `Unable to disable rule`
        }),
        text: err.message
      });
    }
    setIsSaving(false);
  }
  async function enableAlert() {
    setIsSaving(true);
    try {
      await _legacy_shims.Legacy.shims.http.post(`${_common.BASE_ALERTING_API_PATH}/rule/${alert.id}/_enable`);
    } catch (err) {
      _legacy_shims.Legacy.shims.toastNotifications.addDanger({
        title: _i18n.i18n.translate('xpack.monitoring.alerts.panel.enableAlert.errorTitle', {
          defaultMessage: `Unable to enable rule`
        }),
        text: err.message
      });
    }
    setIsSaving(false);
  }
  async function muteAlert() {
    setIsSaving(true);
    try {
      await _legacy_shims.Legacy.shims.http.post(`${_common.BASE_ALERTING_API_PATH}/rule/${alert.id}/_mute_all`);
    } catch (err) {
      _legacy_shims.Legacy.shims.toastNotifications.addDanger({
        title: _i18n.i18n.translate('xpack.monitoring.alerts.panel.muteAlert.errorTitle', {
          defaultMessage: `Unable to mute rule`
        }),
        text: err.message
      });
    }
    setIsSaving(false);
  }
  async function unmuteAlert() {
    setIsSaving(true);
    try {
      await _legacy_shims.Legacy.shims.http.post(`${_common.BASE_ALERTING_API_PATH}/rule/${alert.id}/_unmute_all`);
    } catch (err) {
      _legacy_shims.Legacy.shims.toastNotifications.addDanger({
        title: _i18n.i18n.translate('xpack.monitoring.alerts.panel.ummuteAlert.errorTitle', {
          defaultMessage: `Unable to unmute rule`
        }),
        text: err.message
      });
    }
    setIsSaving(false);
  }
  const flyoutUi = (0, _react.useMemo)(() => showFlyout && _legacy_shims.Legacy.shims.triggersActionsUi.getEditRuleFlyout({
    initialRule: {
      ...alert,
      ruleTypeId: alert.alertTypeId
    },
    onClose: () => {
      setShowFlyout(false);
      (0, _setup_mode.showBottomBar)();
    }
  }),
  // eslint-disable-next-line react-hooks/exhaustive-deps
  [showFlyout]);
  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_eui.EuiFlexGroup, {
    justifyContent: compressed ? 'flexStart' : 'spaceBetween',
    gutterSize: compressed ? 'm' : 'xs',
    alignItems: "center"
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, {
    grow: false
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiButton, {
    size: compressed ? 's' : 'm',
    onClick: () => {
      setShowFlyout(true);
      (0, _setup_mode.hideBottomBar)();
    }
  }, _i18n.i18n.translate('xpack.monitoring.alerts.panel.editAlert', {
    defaultMessage: `Edit rule`
  }))), /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, {
    grow: false
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiSwitch, {
    name: "disable",
    disabled: isSaving,
    checked: !isEnabled,
    onChange: async () => {
      if (isEnabled) {
        setIsEnabled(false);
        await disableAlert();
      } else {
        setIsEnabled(true);
        await enableAlert();
      }
    },
    label: /*#__PURE__*/_react.default.createElement(_i18nReact.FormattedMessage, {
      id: "xpack.monitoring.alerts.panel.disableTitle",
      defaultMessage: "Disable"
    })
  })), /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, {
    grow: false
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiSwitch, {
    name: "mute",
    disabled: isSaving,
    checked: isMuted,
    "data-test-subj": "muteSwitch",
    onChange: async () => {
      if (isMuted) {
        setIsMuted(false);
        await unmuteAlert();
      } else {
        setIsMuted(true);
        await muteAlert();
      }
    },
    label: /*#__PURE__*/_react.default.createElement(_i18nReact.FormattedMessage, {
      id: "xpack.monitoring.alerts.panel.muteTitle",
      defaultMessage: "Mute"
    })
  }))), flyoutUi);
};
exports.AlertConfiguration = AlertConfiguration;