samagra-chatui/lib/components/Modal/Confirm.js

The React library for Chatbot UI

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Confirm = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _Base = require("./Base");
var _LocaleProvider = require("../LocaleProvider");
var _excluded = ["className", "vertical", "actions"];
var isPrimary = function isPrimary(btn) {
  return btn.color === 'primary';
};
var Confirm = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
  var className = props.className,
    oVertical = props.vertical,
    actions = props.actions,
    other = (0, _objectWithoutProperties2.default)(props, _excluded);
  var _useLocale = (0, _LocaleProvider.useLocale)(),
    _useLocale$locale = _useLocale.locale,
    locale = _useLocale$locale === void 0 ? '' : _useLocale$locale;
  var isZh = locale.includes('zh');
  // 中文默认横排
  var vertical = oVertical != null ? oVertical : !isZh;
  if (Array.isArray(actions)) {
    // 主按钮排序：横排主按钮在后，竖排主按钮在前
    actions.sort(function (a, b) {
      if (isPrimary(a)) {
        return vertical ? -1 : 1;
      }
      if (isPrimary(b)) {
        return vertical ? 1 : -1;
      }
      return 0;
    });
  }
  return /*#__PURE__*/_react.default.createElement(_Base.Base, (0, _extends2.default)({
    baseClass: "Modal",
    className: (0, _clsx.default)('Confirm', className),
    showClose: false,
    btnVariant: "outline",
    vertical: vertical,
    actions: actions,
    ref: ref
  }, other));
});
exports.Confirm = Confirm;