@zohodesk/dot/lib/v1/list/SecondaryText/ContactName.js

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

"use strict";

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

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

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

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

var _Layout = require("@zohodesk/components/es/v1/Layout");

var _Link = _interopRequireDefault(require("../../Link/Link"));

var _SentimentStatus = _interopRequireDefault(require("../SentimentStatus/SentimentStatus"));

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

var _SecondaryTextModule = _interopRequireDefault(require("../../../list/SecondaryText/SecondaryText.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 ContactName(props) {
  var dataTitle = props.dataTitle,
      dataId = props.dataId,
      isPaidUser = props.isPaidUser,
      urlName = props.urlName,
      urlData = props.urlData,
      onClick = props.onClick,
      sentimentType = props.sentimentType,
      isLink = props.isLink,
      className = props.className,
      text = props.text,
      href = props.href,
      _props$notAccessible = props.notAccessible,
      notAccessible = _props$notAccessible === void 0 ? false : _props$notAccessible,
      fontWeight = props.fontWeight,
      i18nKeys = props.i18nKeys,
      customProps = props.customProps;
  var _i18nKeys$sentimentTi = i18nKeys.sentimentTitles,
      sentimentTitles = _i18nKeys$sentimentTi === void 0 ? {
    positive: 'Positive',
    negative: 'Negative',
    neutral: 'Neutral'
  } : _i18nKeys$sentimentTi,
      _i18nKeys$paidTitle = i18nKeys.paidTitle,
      paidTitle = _i18nKeys$paidTitle === void 0 ? 'Paid User' : _i18nKeys$paidTitle;
  var sentimentDataTitle = sentimentTitles[sentimentType];
  var _customProps$LinkProp = customProps.LinkProps,
      LinkProps = _customProps$LinkProp === void 0 ? {} : _customProps$LinkProp,
      _customProps$TextProp = customProps.TextProps,
      TextProps = _customProps$TextProp === void 0 ? {} : _customProps$TextProp;
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
    alignBox: "row",
    align: "baseline",
    isCover: false,
    dataId: dataId
  }, isPaidUser && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    className: _SecondaryTextModule["default"].paidUserIcon,
    title: paidTitle,
    "aria-label": "Paid user"
  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
    name: "ZD-paiduser",
    iconClass: _SecondaryTextModule["default"].icon
  })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    flexible: true
  }, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
    urlName: urlName,
    href: href,
    urlData: urlData,
    onClick: onClick,
    title: dataTitle,
    dataId: "".concat(dataId, "_link"),
    className: _SecondaryTextModule["default"].link
  }, LinkProps, {
    ariaLabel: "Contact Name ".concat(text)
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(_SecondaryTextModule["default"].textStyle, " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : '')
  }, text)) : /*#__PURE__*/_react["default"].createElement("div", _extends({
    className: "".concat(_SecondaryTextModule["default"].secondaryText, " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : '', " ").concat(notAccessible ? _SecondaryTextModule["default"].disable : ''),
    "data-title": dataTitle
  }, TextProps), text)), sentimentType && /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_SentimentStatus["default"], {
    type: sentimentType,
    dataTitle: sentimentDataTitle
  })));
}

ContactName.propTypes = _propTypes.ContactName_propTypes;
ContactName.defaultProps = _defaultProps.ContactName_defaultProps;