"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");

var _helper = _interopRequireDefault(require("../../../utils/helper"));

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,
  'data-tracking': 'true',
  'data-ga-action': 'clickedHomepageCreateDatepoll',
  'data-ga-category': 'userInteraction'
}, {
  label: _commonMessages["default"].oneOnOneMeeting,
  'data-tracking': 'true',
  'data-ga-action': 'clickedHomepageCreateD11',
  'data-ga-category': 'userInteraction'
}, {
  label: _commonMessages["default"].survey,
  'data-tracking': 'true',
  'data-ga-action': 'clickedHomepageCreateTextpoll',
  'data-ga-category': 'userInteraction'
}];

var CreatePollMenu = function CreatePollMenu(_ref) {
  var user = _ref.user,
      intl = _ref.intl,
      onClickCreateSurvey = _ref.onClickCreateSurvey,
      onClickCreatePoll = _ref.onClickCreatePoll,
      onClickCreateOneOnOne = _ref.onClickCreateOneOnOne;
  var menuItems = (0, _translate.translateMenuItems)(defaultMenuItems, intl);
  var showMenu = (0, _user.isLoggedIn)(user) && !user.loading && !user.error;
  /**
   * Handles calling the onClickCreatePoll and passes the default behaviour
   * into the onClickCreatePoll callback as an argument.
   * To override or add behaviour, see onClickCreatePoll prop.
   */

  function handleClickCreatePoll() {
    onClickCreatePoll(function () {
      return (0, _helper["default"])('/create');
    });
  }
  /**
   * Handles calling the onClickCreateOneOnOne and passes the default behaviour
   * into the onClickCreateOneOnOne callback as an argument.
   * To override or add behaviour, see onClickCreateOneOnOne prop.
   */


  function handleClickCreateOneOnOne() {
    onClickCreateOneOnOne(function () {
      return (0, _helper["default"])('/meetme/qc/new');
    });
  }
  /**
   * Handles calling the onClickCreateSurvey and passes the default behaviour
   * into the onClickCreateSurvey callback as an argument.
   * To override or add behaviour, see onClickCreateSurvey prop.
   */


  function handleClickCreateSurvey() {
    onClickCreateSurvey(function () {
      return (0, _helper["default"])('/create-choice');
    });
  }

  menuItems[0].action = handleClickCreatePoll;
  menuItems[1].action = handleClickCreateOneOnOne;
  menuItems[2].action = handleClickCreateSurvey; // 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 = {
  /** Defines the user and the shape of the data. */
  user: _user.userPropType,

  /**
   * Callback executed when the user clicks on the "Group meeting" button.
   * It can be overridden to add custom functionality such as tracking.
   * You can execute the default button behaviour within onClickCreatePoll by running
   * the function provided as first parameter. If your custom code is asynchronous,
   * run the default behaviour as callback of your asynchronous action. This guarantees
   * that your custom action completes before navigating to another page.
   * @param {Function} defaultBehaviour - Function to execute the default click behaviour
   */
  onClickCreatePoll: _propTypes["default"].func,

  /**
   * Callback executed when the user clicks on the "1:1 meeting" button.
   * It can be overridden to add custom functionality such as tracking.
   * You can execute the default button behaviour within onClickCreateOneOnOne by running
   * the function provided as first parameter. If your custom code is asynchronous,
   * run the default behaviour as callback of your asynchronous action. This guarantees
   * that your custom action completes before navigating to another page.
   * @param {Function} defaultBehaviour - Function to execute the default click behaviour
   */
  onClickCreateOneOnOne: _propTypes["default"].func,

  /**
   * Callback executed when the user clicks on the "Survey" button.
   * It can be overridden to add custom functionality such as tracking.
   * You can execute the default button behaviour within onClickCreateSurvey by running
   * the function provided as first parameter. If your custom code is asynchronous,
   * run the default behaviour as callback of your asynchronous action. This guarantees
   * that your custom action completes before navigating to another page.
   * @param {Function} defaultBehaviour - Function to execute the default click behaviour
   */
  onClickCreateSurvey: _propTypes["default"].func,

  /** An object used for internationalization. */
  intl: _propTypes["default"].object
};
CreatePollMenu.defaultProps = {
  user: null,
  onClickCreatePoll: function onClickCreatePoll(defaultBehaviour) {
    return defaultBehaviour();
  },
  onClickCreateOneOnOne: function onClickCreateOneOnOne(defaultBehaviour) {
    return defaultBehaviour();
  },
  onClickCreateSurvey: function onClickCreateSurvey(defaultBehaviour) {
    return defaultBehaviour();
  },
  intl: null
};
CreatePollMenu.displayName = 'CreatePollMenu';
var _default = CreatePollMenu;
exports["default"] = _default;