@zohodesk/dot/lib/v1/avatar/AvatarCollision/AvatarCollision.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

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

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

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/v1/Avatar/Avatar"));

var _icons = require("@zohodesk/icons");

var _AvatarCollisionModule = _interopRequireDefault(require("../../../avatar/AvatarCollision/AvatarCollision.module.css"));

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

function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }

function AvatarCollision(props) {
  var title = props.title,
      src = props.src,
      name = props.name,
      size = props.size,
      onClick = props.onClick,
      needCreateChat = props.needCreateChat,
      isLeft = props.isLeft,
      isIdle = props.isIdle,
      initial = props.initial,
      customProps = props.customProps,
      dataSelectorId = props.dataSelectorId;
  var _customProps$AvatarCo = customProps.AvatarCollisionProps,
      AvatarCollisionProps = _customProps$AvatarCo === void 0 ? {} : _customProps$AvatarCo,
      _customProps$AvatarPr = customProps.AvatarProps,
      AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
  return /*#__PURE__*/_react["default"].createElement("div", _extends({
    className: "".concat(_AvatarCollisionModule["default"].container, " ").concat(isLeft ? _AvatarCollisionModule["default"].off : isIdle ? _AvatarCollisionModule["default"].idle : _AvatarCollisionModule["default"].on),
    onClick: onClick,
    "data-id": "collsionPop",
    "data-test-id": "collsionPop",
    "data-title": title,
    "data-selector-id": dataSelectorId
  }, AvatarCollisionProps), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
    src: src,
    name: name,
    size: size,
    palette: "default",
    needTitle: false,
    initial: initial
  }, AvatarProps)), needCreateChat && !isLeft && /*#__PURE__*/_react["default"].createElement("span", {
    className: _AvatarCollisionModule["default"].pop,
    "data-title": title
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: _AvatarCollisionModule["default"].icon
  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
    name: "ZD-livechat3"
  }))));
}

AvatarCollision.propTypes = _propTypes.propTypes;
AvatarCollision.defaultProps = _defaultProps.defaultProps;