"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _commonMessages = _interopRequireDefault(require("@doodle/common-messages"));

var _Menu = _interopRequireDefault(require("../../../controls/Menu/Menu"));

var _Icon = _interopRequireDefault(require("../../../visuals/Icon"));

var _Button = _interopRequireDefault(require("../../../controls/Button/Button"));

var _pickDataAttributes = _interopRequireDefault(require("../../../utils/pickDataAttributes"));

var _translate = require("../../../utils/translate");

var _user = require("../../../utils/user");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

var AddIcon = function AddIcon(props) {
  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
    d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z",
    fill: "currentColor"
  }));
};

AddIcon.defaultProps = {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
};
var defaultMenuItems = [{
  label: _commonMessages["default"].groupMeeting,
  to: '/create',
  'data-tracking': 'true',
  'data-ga-action': 'clickedHomepageCreateDatepoll',
  'data-ga-category': 'userInteraction'
}, {
  label: _commonMessages["default"].oneOnOneMeeting,
  to: '/meetme/qc/new',
  'data-tracking': 'true',
  'data-ga-action': 'clickedHomepageCreateD11',
  'data-ga-category': 'userInteraction'
}, {
  label: _commonMessages["default"].survey,
  to: '/create-choice',
  'data-tracking': 'true',
  'data-ga-action': 'clickedHomepageCreateTextpoll',
  'data-ga-category': 'userInteraction'
}];

var CreatePollMenu = function CreatePollMenu(_ref) {
  var user = _ref.user,
      onClickCreatePoll = _ref.onClickCreatePoll,
      onClickCreateOneOnOne = _ref.onClickCreateOneOnOne,
      onClickCreateSurvey = _ref.onClickCreateSurvey,
      intl = _ref.intl;
  var showMenu = (0, _user.isLoggedIn)(user) && !user.loading && !user.error;
  var menuItems = (0, _translate.translateMenuItems)(defaultMenuItems, intl);
  menuItems[0].to = onClickCreatePoll ? null : menuItems[0].to;
  menuItems[0].action = onClickCreatePoll;
  menuItems[1].to = onClickCreateOneOnOne ? null : menuItems[1].to;
  menuItems[1].action = onClickCreateOneOnOne;
  menuItems[2].to = onClickCreateSurvey ? null : menuItems[2].to;
  menuItems[2].action = onClickCreateSurvey; // For logged-in users, make the button a dropdown menu with three options...

  if (showMenu) {
    return /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
      items: menuItems,
      horizontalAlign: "right",
      dimension: "compact",
      variant: "accent"
    }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
      icon: AddIcon
    }), /*#__PURE__*/_react["default"].createElement("span", {
      className: "CreatePollMenu-createMenuLabel"
    }, (0, _translate.translate)(_commonMessages["default"].create, intl)));
  } // ...but for anonymous users, it should immediately create a Doodle


  var item = menuItems[0];
  return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
    className: "CreatePollMenu-createButton",
    variant: "accent",
    dimension: "compact",
    href: item.to,
    onClick: item.action
  }, (0, _pickDataAttributes["default"])(item)), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
    icon: AddIcon
  }), /*#__PURE__*/_react["default"].createElement("span", {
    className: "CreatePollMenu-createMenuLabel"
  }, (0, _translate.translate)(_commonMessages["default"].createDoodle, intl)));
};

CreatePollMenu.propTypes = {
  user: _user.userPropType,

  /** Will override default '/create' href in Create Poll menu if specified. */
  onClickCreatePoll: _propTypes["default"].func,

  /** Will override default '/meetme/qc/new' href in Create Poll menu if specified. */
  onClickCreateOneOnOne: _propTypes["default"].func,

  /** Will override default '/create-choice' href in Create Poll menu if specified. */
  onClickCreateSurvey: _propTypes["default"].func,
  intl: _propTypes["default"].object
};
CreatePollMenu.defaultProps = {
  user: null,
  onClickCreatePoll: null,
  onClickCreateOneOnOne: null,
  onClickCreateSurvey: null,
  intl: null
};
CreatePollMenu.displayName = 'CreatePollMenu';
var _default = CreatePollMenu;
exports["default"] = _default;