@uimkit/uikit-react/dist/cjs/components/UIContactPreview/UIContactPreview.js

<img style="width:64px" src="https://mgmt.uimkit.chat/media/img/avatar.png"/>

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib = require('tslib');
var React = require('react');
require('../../types/models.js');
require('../../types/events.js');
var UIContactPreviewContent = require('./UIContactPreviewContent.js');
require('../Icon/type.js');
require('../Icon/config.js');
require('../../context/TranslationContext.js');
require('../../context/UIKitContext.js');
require('../../context/ComponentContext.js');
require('../../context/ChatActionContext.js');
require('../../context/MessageInputContext.js');
require('../../context/UIMessageContext.js');
require('../../context/ChatStateContext.js');
var utils = require('./utils.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

function UIContactPreview(props) {
    var activeContact = props.activeContact, setActiveContact = props.setActiveContact, contact = props.contact, _a = props.Preview, Preview = _a === void 0 ? UIContactPreviewContent.UIContactPreviewContent : _a, searchValue = props.searchValue;
    var _b = React.useState(contact.avatar), displayImage = _b[0], setDisplayImage = _b[1];
    var _c = React.useState(utils.getDisplayTitle(contact, searchValue)), displayTitle = _c[0], setDisplayTitle = _c[1];
    var isActive = (activeContact === null || activeContact === void 0 ? void 0 : activeContact.id) === (contact === null || contact === void 0 ? void 0 : contact.id);
    if (!Preview)
        return null;
    React.useEffect(function () {
        setDisplayImage(contact.avatar);
        setDisplayTitle(utils.getDisplayTitle(contact, searchValue));
    }, [contact, searchValue]);
    return (React__default["default"].createElement(Preview, tslib.__assign({}, props, { active: isActive, displayImage: displayImage, displayTitle: displayTitle, setActiveContact: setActiveContact })));
}

exports.UIContactPreview = UIContactPreview;
//# sourceMappingURL=UIContactPreview.js.map