@commercetools-uikit/avatar
Version:
A component for rendering profile images
208 lines (199 loc) • 33.1 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
var react$1 = require('react');
var react = require('@emotion/react');
var utils = require('@commercetools-uikit/utils');
var designSystem = require('@commercetools-uikit/design-system');
var jsxRuntime = require('@emotion/react/jsx-runtime');
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
const fontSizeMap = {
s: {
narrow: designSystem.designTokens.fontSize30,
wide: designSystem.designTokens.fontSize10
},
m: {
narrow: designSystem.designTokens.fontSize50,
wide: designSystem.designTokens.fontSize30
},
l: {
narrow: designSystem.designTokens.fontSize90,
wide: designSystem.designTokens.fontSize80
}
};
const widthSizeMap = {
s: '32px',
m: '40px',
l: '100px'
};
const colorsMap = {
accent: {
normal: designSystem.designTokens.colorAccent90,
highlighted: designSystem.designTokens.colorAccent95
},
purple: {
normal: designSystem.designTokens.colorPurple90,
highlighted: designSystem.designTokens.colorPurple95
},
turquoise: {
normal: designSystem.designTokens.colorTurquoise90,
highlighted: designSystem.designTokens.colorTurquoise95
},
brown: {
normal: designSystem.designTokens.colorBrown90,
highlighted: designSystem.designTokens.colorBrown95
}
};
const getFontSize = (avatarInitials, avatarSize) => {
const widthCode = avatarInitials.length > 1 ? 'wide' : 'narrow';
return fontSizeMap[avatarSize][widthCode];
};
const getWidthSize = avatarSize => widthSizeMap[avatarSize];
const getBackgroundColor = function () {
let avatarColor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'accent';
let isHighlighted = arguments.length > 1 ? arguments[1] : undefined;
return colorsMap[avatarColor][isHighlighted ? 'highlighted' : 'normal'];
};
const getForegroundColor = avatarColor => {
switch (avatarColor) {
case 'brown':
return designSystem.designTokens.colorBrown35;
case 'purple':
return designSystem.designTokens.colorPurple50;
case 'turquoise':
return designSystem.designTokens.colorTurquoise35;
default:
return designSystem.designTokens.colorAccent30;
}
};
const getAvatarStyles = avatarProps => {
const avatarSize = getWidthSize(avatarProps.size);
const backgroundColor = getBackgroundColor(avatarProps.color, avatarProps.isHighlighted);
const foregroundColor = getForegroundColor(avatarProps.color);
return /*#__PURE__*/react.css("align-items:center;background-color:", backgroundColor, ";border-radius:100%;font-size:", designSystem.designTokens.fontSize30, ";font-weight:", designSystem.designTokens.fontWeight600, ";color:", foregroundColor, ";display:flex;justify-content:center;overflow:hidden;position:relative;fill:", foregroundColor, ";height:", avatarSize, ";width:", avatarSize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getAvatarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ZZIiwiZmlsZSI6ImF2YXRhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRBdmF0YXJQcm9wcyB9IGZyb20gJy4vYXZhdGFyJztcblxuY29uc3QgZm9udFNpemVNYXAgPSB7XG4gIHM6IHtcbiAgICBuYXJyb3c6IGRlc2lnblRva2Vucy5mb250U2l6ZTMwLFxuICAgIHdpZGU6IGRlc2lnblRva2Vucy5mb250U2l6ZTEwLFxuICB9LFxuICBtOiB7XG4gICAgbmFycm93OiBkZXNpZ25Ub2tlbnMuZm9udFNpemU1MCxcbiAgICB3aWRlOiBkZXNpZ25Ub2tlbnMuZm9udFNpemUzMCxcbiAgfSxcbiAgbDoge1xuICAgIG5hcnJvdzogZGVzaWduVG9rZW5zLmZvbnRTaXplOTAsXG4gICAgd2lkZTogZGVzaWduVG9rZW5zLmZvbnRTaXplODAsXG4gIH0sXG59O1xuXG5jb25zdCB3aWR0aFNpemVNYXAgPSB7XG4gIHM6ICczMnB4JyxcbiAgbTogJzQwcHgnLFxuICBsOiAnMTAwcHgnLFxufTtcblxuY29uc3QgY29sb3JzTWFwID0ge1xuICBhY2NlbnQ6IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvckFjY2VudDkwLFxuICAgIGhpZ2hsaWdodGVkOiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ5NSxcbiAgfSxcbiAgcHVycGxlOiB7XG4gICAgbm9ybWFsOiBkZXNpZ25Ub2tlbnMuY29sb3JQdXJwbGU5MCxcbiAgICBoaWdobGlnaHRlZDogZGVzaWduVG9rZW5zLmNvbG9yUHVycGxlOTUsXG4gIH0sXG4gIHR1cnF1b2lzZToge1xuICAgIG5vcm1hbDogZGVzaWduVG9rZW5zLmNvbG9yVHVycXVvaXNlOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvclR1cnF1b2lzZTk1LFxuICB9LFxuICBicm93bjoge1xuICAgIG5vcm1hbDogZGVzaWduVG9rZW5zLmNvbG9yQnJvd245MCxcbiAgICBoaWdobGlnaHRlZDogZGVzaWduVG9rZW5zLmNvbG9yQnJvd245NSxcbiAgfSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGb250U2l6ZSA9IChcbiAgYXZhdGFySW5pdGlhbHM6IHN0cmluZyxcbiAgYXZhdGFyU2l6ZTogVEF2YXRhclByb3BzWydzaXplJ11cbikgPT4ge1xuICBjb25zdCB3aWR0aENvZGUgPSBhdmF0YXJJbml0aWFscy5sZW5ndGggPiAxID8gJ3dpZGUnIDogJ25hcnJvdyc7XG4gIHJldHVybiBmb250U2l6ZU1hcFthdmF0YXJTaXplIV1bd2lkdGhDb2RlXTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRXaWR0aFNpemUgPSAoYXZhdGFyU2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10pID0+XG4gIHdpZHRoU2l6ZU1hcFthdmF0YXJTaXplIV07XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQ29sb3IgPSAoXG4gIGF2YXRhckNvbG9yOiBUQXZhdGFyUHJvcHNbJ2NvbG9yJ10gPSAnYWNjZW50JyxcbiAgaXNIaWdobGlnaHRlZDogVEF2YXRhclByb3BzWydpc0hpZ2hsaWdodGVkJ11cbikgPT4gY29sb3JzTWFwW2F2YXRhckNvbG9yXVtpc0hpZ2hsaWdodGVkID8gJ2hpZ2hsaWdodGVkJyA6ICdub3JtYWwnXTtcblxuZXhwb3J0IGNvbnN0IGdldEZvcmVncm91bmRDb2xvciA9IChhdmF0YXJDb2xvcjogVEF2YXRhclByb3BzWydjb2xvciddKSA9PiB7XG4gIHN3aXRjaCAoYXZhdGFyQ29sb3IpIHtcbiAgICBjYXNlICdicm93bic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yQnJvd24zNTtcbiAgICBjYXNlICdwdXJwbGUnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclB1cnBsZTUwO1xuICAgIGNhc2UgJ3R1cnF1b2lzZSc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yVHVycXVvaXNlMzU7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQzMDtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGdldEF2YXRhclN0eWxlcyA9IChhdmF0YXJQcm9wczogVEF2YXRhclByb3BzKSA9PiB7XG4gIGNvbnN0IGF2YXRhclNpemUgPSBnZXRXaWR0aFNpemUoYXZhdGFyUHJvcHMuc2l6ZSk7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGdldEJhY2tncm91bmRDb2xvcihcbiAgICBhdmF0YXJQcm9wcy5jb2xvcixcbiAgICBhdmF0YXJQcm9wcy5pc0hpZ2hsaWdodGVkXG4gICk7XG4gIGNvbnN0IGZvcmVncm91bmRDb2xvciA9IGdldEZvcmVncm91bmRDb2xvcihhdmF0YXJQcm9wcy5jb2xvcik7XG4gIHJldHVybiBjc3NgXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2Rlc2lnblRva2Vucy5mb250V2VpZ2h0NjAwfTtcbiAgICBjb2xvcjogJHtmb3JlZ3JvdW5kQ29sb3J9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZmlsbDogJHtmb3JlZ3JvdW5kQ29sb3J9O1xuXG4gICAgaGVpZ2h0OiAke2F2YXRhclNpemV9O1xuICAgIHdpZHRoOiAke2F2YXRhclNpemV9O1xuICBgO1xufTtcbiJdfQ== */");
};
const _excluded = ["firstName", "lastName", "isHighlighted", "size", "color"];
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
const getFirstChar = str => {
var _context;
return typeof str === 'string' ? _sliceInstanceProperty__default["default"](_context = _trimInstanceProperty__default["default"](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
};
const getInitialsFromName = _ref => {
let _ref$firstName = _ref.firstName,
firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
_ref$lastName = _ref.lastName,
lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
return `${getFirstChar(firstName)}${getFirstChar(lastName)}`;
};
/**
* `s` - defines the size. We want a bigger one if the user is on a retina-display
* `d` - defines the default if the user is not known to Gravatar. It returns a blank image,
* which let the initials underneath shine through
*
* @see: https://de.gravatar.com/site/implement/images/
*/
const createGravatarImgUrl = function (md5Hash, size) {
let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
const imageSize = getWidthSize(size);
const sizeAsInt = _parseInt__default["default"](imageSize.replace(/px$/, ''), 10);
const gravatarSize = sizeAsInt * multiplyBy;
return `https://www.gravatar.com/avatar/${md5Hash}?s=${gravatarSize}&d=blank`;
};
const GravatarImg = props => jsxRuntime.jsx("img", {
css: /*#__PURE__*/react.css("background-position:center center;background-size:contain;position:relative;z-index:10;", props.isHighlighted ? 'opacity: 0.7;' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:GravatarImg;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEVZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdEVsZW1lbnQsIGNsb25lRWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgdHlwZSBUSWNvblByb3BzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBnZXRBdmF0YXJTdHlsZXMsIGdldEZvbnRTaXplLCBnZXRXaWR0aFNpemUgfSBmcm9tICcuL2F2YXRhci5zdHlsZXMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZT86ICdzJyB8ICdtJyB8ICdsJztcbiAgLyoqXG4gICAqIFRoZSBjb2xvciBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgY29sb3I/OiAnYWNjZW50JyB8ICdwdXJwbGUnIHwgJ3R1cnF1b2lzZScgfCAnYnJvd24nO1xuICAvKiogYW4gPEljb24gLz4gY29tcG9uZW50XG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50PFRJY29uUHJvcHM+O1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+O1xuXG5leHBvcnQgdHlwZSBUSW5pdGlhbHNQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ3NpemUnXG4+O1xuXG5jb25zdCBnZXRGaXJzdENoYXIgPSAoc3RyOiBzdHJpbmcpID0+XG4gIHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnID8gc3RyLnRyaW0oKS5zbGljZSgwLCAxKS50b1VwcGVyQ2FzZSgpIDogJyc7XG5cbmNvbnN0IGdldEluaXRpYWxzRnJvbU5hbWUgPSAoe1xuICBmaXJzdE5hbWUgPSAnJyxcbiAgbGFzdE5hbWUgPSAnJyxcbn06IFBpY2s8VEF2YXRhclByb3BzLCAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZSc+KSA9PlxuICBgJHtnZXRGaXJzdENoYXIoZmlyc3ROYW1lKX0ke2dldEZpcnN0Q2hhcihsYXN0TmFtZSl9YDtcbi8qKlxuICogYHNgIC0gZGVmaW5lcyB0aGUgc2l6ZS4gV2Ugd2FudCBhIGJpZ2dlciBvbmUgaWYgdGhlIHVzZXIgaXMgb24gYSByZXRpbmEtZGlzcGxheVxuICogYGRgIC0gZGVmaW5lcyB0aGUgZGVmYXVsdCBpZiB0aGUgdXNlciBpcyBub3Qga25vd24gdG8gR3JhdmF0YXIuIEl0IHJldHVybnMgYSBibGFuayBpbWFnZSxcbiAqICAgICAgICB3aGljaCBsZXQgdGhlIGluaXRpYWxzIHVuZGVybmVhdGggc2hpbmUgdGhyb3VnaFxuICpcbiAqIEBzZWU6IGh0dHBzOi8vZGUuZ3JhdmF0YXIuY29tL3NpdGUvaW1wbGVtZW50L2ltYWdlcy9cbiAqL1xuY29uc3QgY3JlYXRlR3JhdmF0YXJJbWdVcmwgPSAoXG4gIG1kNUhhc2g6IFRBdmF0YXJQcm9wc1snZ3JhdmF0YXJIYXNoJ10sXG4gIHNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddLFxuICBtdWx0aXBseUJ5OiBudW1iZXIgPSAxXG4pID0+IHtcbiAgY29uc3QgaW1hZ2VTaXplID0gZ2V0V2lkdGhTaXplKHNpemUpO1xuICBjb25zdCBzaXplQXNJbnQgPSBwYXJzZUludChpbWFnZVNpemUucmVwbGFjZSgvcHgkLywgJycpLCAxMCk7XG4gIGNvbnN0IGdyYXZhdGFyU2l6ZSA9IHNpemVBc0ludCAqIG11bHRpcGx5Qnk7XG4gIHJldHVybiBgaHR0cHM6Ly93d3cuZ3JhdmF0YXIuY29tL2F2YXRhci8ke21kNUhhc2h9P3M9JHtncmF2YXRhclNpemV9JmQ9YmxhbmtgO1xufTtcblxuY29uc3QgR3JhdmF0YXJJbWcgPSAocHJvcHM6IFRHcmF2YXRhckltZ1Byb3BzKSA9PiAoXG4gIDxpbWdcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAxMDtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkID8gJ29wYWNpdHk6IDAuNzsnIDogJyd9XG4gICAgYH1cbiAgICBzcmM9e2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9XG4gICAgc3JjU2V0PXtbXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfSAxeGAsXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUsIDIpfSAyeGAsXG4gICAgXS5qb2luKCcsJyl9XG4gICAgLyoqXG4gICAgICogQmFzZWQgb24gaHR0cHM6Ly93d3cudzMub3JnL1dBSS90dXRvcmlhbHMvaW1hZ2VzL2RlY2lzaW9uLXRyZWUvOlxuICAgICAqIGltYWdlIGNvbnRyaWJ1dGVzIG1lYW5pbmcgdG8gdGhlIGN1cnJlbnQgcGFnZSBvciBjb250ZXh0IGFuZCBpdCBzaG93cyBjb250ZW50IHRoYXQgaXMgcmVkdW5kYW50IHRvIHJlYWwgdGV4dCBuZWFyYnlcbiAgICAgKi9cbiAgICBhbHQ9XCJcIlxuICAvPlxuKTtcbkdyYXZhdGFySW1nLmRpc3BsYXlOYW1lID0gJ0dyYXZhdGFySW1nJztcblxuY29uc3QgSW5pdGlhbHMgPSAocHJvcHM6IFRJbml0aWFsc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGluaXRpYWxzRnJvbU5hbWUgPSBnZXRJbml0aWFsc0Zyb21OYW1lKHtcbiAgICBmaXJzdE5hbWU6IHByb3BzLmZpcnN0TmFtZSxcbiAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gIH0pO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGZvbnQtc2l6ZTogJHtnZXRGb250U2l6ZShpbml0aWFsc0Zyb21OYW1lLCBwcm9wcy5zaXplKX07XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtpbml0aWFsc0Zyb21OYW1lfVxuICAgIDwvZGl2PlxuICApO1xufTtcbkluaXRpYWxzLmRpc3BsYXlOYW1lID0gJ0luaXRpYWxzJztcblxuY29uc3QgQXZhdGFyID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG4gIGlzSGlnaGxpZ2h0ZWQgPSBmYWxzZSxcbiAgc2l6ZSA9ICdzJyxcbiAgY29sb3IgPSAnYWNjZW50JyxcbiAgLi4ucHJvcHNcbn06IFRBdmF0YXJQcm9wcykgPT4ge1xuICBjb25zdCBhdmF0YXJTaXplID0gZ2V0V2lkdGhTaXplKHNpemUpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Z2V0QXZhdGFyU3R5bGVzKHtcbiAgICAgICAgZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZSxcbiAgICAgICAgaXNIaWdobGlnaHRlZCxcbiAgICAgICAgc2l6ZSxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMoe1xuICAgICAgICBmaXJzdE5hbWUsXG4gICAgICAgIGxhc3ROYW1lLFxuICAgICAgICBpc0hpZ2hsaWdodGVkLFxuICAgICAgICBzaXplLFxuICAgICAgICBjb2xvcixcbiAgICAgICAgLi4ucHJvcHMsXG4gICAgICB9KX1cbiAgICA+XG4gICAgICB7cHJvcHM/Lmljb24gPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogY2FsYygke2F2YXRhclNpemV9IC0gNDUlKTtcbiAgICAgICAgICAgIHdpZHRoOiBjYWxjKCR7YXZhdGFyU2l6ZX0gLSA0NSUpO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2xvbmVFbGVtZW50KHByb3BzPy5pY29uLCB7XG4gICAgICAgICAgICBzaXplOiAnc2NhbGUnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICkgOiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPEdyYXZhdGFySW1nXG4gICAgICAgICAgICBncmF2YXRhckhhc2g9e3Byb3BzLmdyYXZhdGFySGFzaH1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEluaXRpYWxzIHNpemU9e3NpemV9IGZpcnN0TmFtZT17Zmlyc3ROYW1lfSBsYXN0TmFtZT17bGFzdE5hbWV9IC8+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5BdmF0YXIuZGlzcGxheU5hbWUgPSAnQXZhdGFyJztcblxuZXhwb3J0IGRlZmF1bHQgQXZhdGFyO1xuIl19 */"),
src: createGravatarImgUrl(props.gravatarHash, props.size),
srcSet: [`${createGravatarImgUrl(props.gravatarHash, props.size)} 1x`, `${createGravatarImgUrl(props.gravatarHash, props.size, 2)} 2x`].join(',')
/**
* Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
* image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
*/,
alt: ""
});
GravatarImg.displayName = 'GravatarImg';
const Initials = props => {
const initialsFromName = getInitialsFromName({
firstName: props.firstName,
lastName: props.lastName
});
return jsxRuntime.jsx("div", {
css: /*#__PURE__*/react.css("position:absolute;font-size:", getFontSize(initialsFromName, props.size), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Initials;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUdjIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdEVsZW1lbnQsIGNsb25lRWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgdHlwZSBUSWNvblByb3BzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBnZXRBdmF0YXJTdHlsZXMsIGdldEZvbnRTaXplLCBnZXRXaWR0aFNpemUgfSBmcm9tICcuL2F2YXRhci5zdHlsZXMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZT86ICdzJyB8ICdtJyB8ICdsJztcbiAgLyoqXG4gICAqIFRoZSBjb2xvciBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgY29sb3I/OiAnYWNjZW50JyB8ICdwdXJwbGUnIHwgJ3R1cnF1b2lzZScgfCAnYnJvd24nO1xuICAvKiogYW4gPEljb24gLz4gY29tcG9uZW50XG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50PFRJY29uUHJvcHM+O1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+O1xuXG5leHBvcnQgdHlwZSBUSW5pdGlhbHNQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ3NpemUnXG4+O1xuXG5jb25zdCBnZXRGaXJzdENoYXIgPSAoc3RyOiBzdHJpbmcpID0+XG4gIHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnID8gc3RyLnRyaW0oKS5zbGljZSgwLCAxKS50b1VwcGVyQ2FzZSgpIDogJyc7XG5cbmNvbnN0IGdldEluaXRpYWxzRnJvbU5hbWUgPSAoe1xuICBmaXJzdE5hbWUgPSAnJyxcbiAgbGFzdE5hbWUgPSAnJyxcbn06IFBpY2s8VEF2YXRhclByb3BzLCAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZSc+KSA9PlxuICBgJHtnZXRGaXJzdENoYXIoZmlyc3ROYW1lKX0ke2dldEZpcnN0Q2hhcihsYXN0TmFtZSl9YDtcbi8qKlxuICogYHNgIC0gZGVmaW5lcyB0aGUgc2l6ZS4gV2Ugd2FudCBhIGJpZ2dlciBvbmUgaWYgdGhlIHVzZXIgaXMgb24gYSByZXRpbmEtZGlzcGxheVxuICogYGRgIC0gZGVmaW5lcyB0aGUgZGVmYXVsdCBpZiB0aGUgdXNlciBpcyBub3Qga25vd24gdG8gR3JhdmF0YXIuIEl0IHJldHVybnMgYSBibGFuayBpbWFnZSxcbiAqICAgICAgICB3aGljaCBsZXQgdGhlIGluaXRpYWxzIHVuZGVybmVhdGggc2hpbmUgdGhyb3VnaFxuICpcbiAqIEBzZWU6IGh0dHBzOi8vZGUuZ3JhdmF0YXIuY29tL3NpdGUvaW1wbGVtZW50L2ltYWdlcy9cbiAqL1xuY29uc3QgY3JlYXRlR3JhdmF0YXJJbWdVcmwgPSAoXG4gIG1kNUhhc2g6IFRBdmF0YXJQcm9wc1snZ3JhdmF0YXJIYXNoJ10sXG4gIHNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddLFxuICBtdWx0aXBseUJ5OiBudW1iZXIgPSAxXG4pID0+IHtcbiAgY29uc3QgaW1hZ2VTaXplID0gZ2V0V2lkdGhTaXplKHNpemUpO1xuICBjb25zdCBzaXplQXNJbnQgPSBwYXJzZUludChpbWFnZVNpemUucmVwbGFjZSgvcHgkLywgJycpLCAxMCk7XG4gIGNvbnN0IGdyYXZhdGFyU2l6ZSA9IHNpemVBc0ludCAqIG11bHRpcGx5Qnk7XG4gIHJldHVybiBgaHR0cHM6Ly93d3cuZ3JhdmF0YXIuY29tL2F2YXRhci8ke21kNUhhc2h9P3M9JHtncmF2YXRhclNpemV9JmQ9YmxhbmtgO1xufTtcblxuY29uc3QgR3JhdmF0YXJJbWcgPSAocHJvcHM6IFRHcmF2YXRhckltZ1Byb3BzKSA9PiAoXG4gIDxpbWdcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAxMDtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkID8gJ29wYWNpdHk6IDAuNzsnIDogJyd9XG4gICAgYH1cbiAgICBzcmM9e2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9XG4gICAgc3JjU2V0PXtbXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfSAxeGAsXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUsIDIpfSAyeGAsXG4gICAgXS5qb2luKCcsJyl9XG4gICAgLyoqXG4gICAgICogQmFzZWQgb24gaHR0cHM6Ly93d3cudzMub3JnL1dBSS90dXRvcmlhbHMvaW1hZ2VzL2RlY2lzaW9uLXRyZWUvOlxuICAgICAqIGltYWdlIGNvbnRyaWJ1dGVzIG1lYW5pbmcgdG8gdGhlIGN1cnJlbnQgcGFnZSBvciBjb250ZXh0IGFuZCBpdCBzaG93cyBjb250ZW50IHRoYXQgaXMgcmVkdW5kYW50IHRvIHJlYWwgdGV4dCBuZWFyYnlcbiAgICAgKi9cbiAgICBhbHQ9XCJcIlxuICAvPlxuKTtcbkdyYXZhdGFySW1nLmRpc3BsYXlOYW1lID0gJ0dyYXZhdGFySW1nJztcblxuY29uc3QgSW5pdGlhbHMgPSAocHJvcHM6IFRJbml0aWFsc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGluaXRpYWxzRnJvbU5hbWUgPSBnZXRJbml0aWFsc0Zyb21OYW1lKHtcbiAgICBmaXJzdE5hbWU6IHByb3BzLmZpcnN0TmFtZSxcbiAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gIH0pO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGZvbnQtc2l6ZTogJHtnZXRGb250U2l6ZShpbml0aWFsc0Zyb21OYW1lLCBwcm9wcy5zaXplKX07XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtpbml0aWFsc0Zyb21OYW1lfVxuICAgIDwvZGl2PlxuICApO1xufTtcbkluaXRpYWxzLmRpc3BsYXlOYW1lID0gJ0luaXRpYWxzJztcblxuY29uc3QgQXZhdGFyID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG4gIGlzSGlnaGxpZ2h0ZWQgPSBmYWxzZSxcbiAgc2l6ZSA9ICdzJyxcbiAgY29sb3IgPSAnYWNjZW50JyxcbiAgLi4ucHJvcHNcbn06IFRBdmF0YXJQcm9wcykgPT4ge1xuICBjb25zdCBhdmF0YXJTaXplID0gZ2V0V2lkdGhTaXplKHNpemUpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Z2V0QXZhdGFyU3R5bGVzKHtcbiAgICAgICAgZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZSxcbiAgICAgICAgaXNIaWdobGlnaHRlZCxcbiAgICAgICAgc2l6ZSxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMoe1xuICAgICAgICBmaXJzdE5hbWUsXG4gICAgICAgIGxhc3ROYW1lLFxuICAgICAgICBpc0hpZ2hsaWdodGVkLFxuICAgICAgICBzaXplLFxuICAgICAgICBjb2xvcixcbiAgICAgICAgLi4ucHJvcHMsXG4gICAgICB9KX1cbiAgICA+XG4gICAgICB7cHJvcHM/Lmljb24gPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogY2FsYygke2F2YXRhclNpemV9IC0gNDUlKTtcbiAgICAgICAgICAgIHdpZHRoOiBjYWxjKCR7YXZhdGFyU2l6ZX0gLSA0NSUpO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2xvbmVFbGVtZW50KHByb3BzPy5pY29uLCB7XG4gICAgICAgICAgICBzaXplOiAnc2NhbGUnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICkgOiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPEdyYXZhdGFySW1nXG4gICAgICAgICAgICBncmF2YXRhckhhc2g9e3Byb3BzLmdyYXZhdGFySGFzaH1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEluaXRpYWxzIHNpemU9e3NpemV9IGZpcnN0TmFtZT17Zmlyc3ROYW1lfSBsYXN0TmFtZT17bGFzdE5hbWV9IC8+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5BdmF0YXIuZGlzcGxheU5hbWUgPSAnQXZhdGFyJztcblxuZXhwb3J0IGRlZmF1bHQgQXZhdGFyO1xuIl19 */"),
children: initialsFromName
});
};
Initials.displayName = 'Initials';
const Avatar = _ref2 => {
let _ref2$firstName = _ref2.firstName,
firstName = _ref2$firstName === void 0 ? '' : _ref2$firstName,
_ref2$lastName = _ref2.lastName,
lastName = _ref2$lastName === void 0 ? '' : _ref2$lastName,
_ref2$isHighlighted = _ref2.isHighlighted,
isHighlighted = _ref2$isHighlighted === void 0 ? false : _ref2$isHighlighted,
_ref2$size = _ref2.size,
size = _ref2$size === void 0 ? 's' : _ref2$size,
_ref2$color = _ref2.color,
color = _ref2$color === void 0 ? 'accent' : _ref2$color,
props = _objectWithoutProperties(_ref2, _excluded);
const avatarSize = getWidthSize(size);
return jsxRuntime.jsx("div", _objectSpread(_objectSpread({
css: getAvatarStyles(_objectSpread({
firstName,
lastName,
isHighlighted,
size,
color
}, props))
}, utils.filterDataAttributes(_objectSpread({
firstName,
lastName,
isHighlighted,
size,
color
}, props))), {}, {
children: props?.icon ? jsxRuntime.jsx("div", {
css: /*#__PURE__*/react.css("height:calc(", avatarSize, " - 45%);width:calc(", avatarSize, " - 45%);" + (process.env.NODE_ENV === "production" ? "" : ";label:Avatar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0prQiIsImZpbGUiOiJhdmF0YXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3RFbGVtZW50LCBjbG9uZUVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IHR5cGUgVEljb25Qcm9wcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZ2V0QXZhdGFyU3R5bGVzLCBnZXRGb250U2l6ZSwgZ2V0V2lkdGhTaXplIH0gZnJvbSAnLi9hdmF0YXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVEF2YXRhclByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGZpcnN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBmaXJzdE5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgbGFzdCBuYW1lIG9mIHRoZSB1c2VyLlxuICAgKi9cbiAgbGFzdE5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgaGFzaGVkIHN0cmluZyBvZiB0aGUgdXNlciBncmF2YXRhci5cbiAgICovXG4gIGdyYXZhdGFySGFzaDogc3RyaW5nO1xuICAvKipcbiAgICogRW5oYW5jZXMgdGhlIGFwcGVhcmFuY2Ugb2YgdGhlIGF2YXRhci5cbiAgICovXG4gIGlzSGlnaGxpZ2h0ZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIHJlbmRlcmVkIGF2YXRhci5cbiAgICovXG4gIHNpemU/OiAncycgfCAnbScgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29sb3Igb2YgdGhlIGF2YXRhci5cbiAgICovXG4gIGNvbG9yPzogJ2FjY2VudCcgfCAncHVycGxlJyB8ICd0dXJxdW9pc2UnIHwgJ2Jyb3duJztcbiAgLyoqIGFuIDxJY29uIC8+IGNvbXBvbmVudFxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDxUSWNvblByb3BzPjtcbn07XG5cbmV4cG9ydCB0eXBlIFRHcmF2YXRhckltZ1Byb3BzID0gUGljazxcbiAgVEF2YXRhclByb3BzLFxuICAnZ3JhdmF0YXJIYXNoJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJ1xuPjtcblxuZXhwb3J0IHR5cGUgVEluaXRpYWxzUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdzaXplJ1xuPjtcblxuY29uc3QgZ2V0Rmlyc3RDaGFyID0gKHN0cjogc3RyaW5nKSA9PlxuICB0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyA/IHN0ci50cmltKCkuc2xpY2UoMCwgMSkudG9VcHBlckNhc2UoKSA6ICcnO1xuXG5jb25zdCBnZXRJbml0aWFsc0Zyb21OYW1lID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG59OiBQaWNrPFRBdmF0YXJQcm9wcywgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnPikgPT5cbiAgYCR7Z2V0Rmlyc3RDaGFyKGZpcnN0TmFtZSl9JHtnZXRGaXJzdENoYXIobGFzdE5hbWUpfWA7XG4vKipcbiAqIGBzYCAtIGRlZmluZXMgdGhlIHNpemUuIFdlIHdhbnQgYSBiaWdnZXIgb25lIGlmIHRoZSB1c2VyIGlzIG9uIGEgcmV0aW5hLWRpc3BsYXlcbiAqIGBkYCAtIGRlZmluZXMgdGhlIGRlZmF1bHQgaWYgdGhlIHVzZXIgaXMgbm90IGtub3duIHRvIEdyYXZhdGFyLiBJdCByZXR1cm5zIGEgYmxhbmsgaW1hZ2UsXG4gKiAgICAgICAgd2hpY2ggbGV0IHRoZSBpbml0aWFscyB1bmRlcm5lYXRoIHNoaW5lIHRocm91Z2hcbiAqXG4gKiBAc2VlOiBodHRwczovL2RlLmdyYXZhdGFyLmNvbS9zaXRlL2ltcGxlbWVudC9pbWFnZXMvXG4gKi9cbmNvbnN0IGNyZWF0ZUdyYXZhdGFySW1nVXJsID0gKFxuICBtZDVIYXNoOiBUQXZhdGFyUHJvcHNbJ2dyYXZhdGFySGFzaCddLFxuICBzaXplOiBUQXZhdGFyUHJvcHNbJ3NpemUnXSxcbiAgbXVsdGlwbHlCeTogbnVtYmVyID0gMVxuKSA9PiB7XG4gIGNvbnN0IGltYWdlU2l6ZSA9IGdldFdpZHRoU2l6ZShzaXplKTtcbiAgY29uc3Qgc2l6ZUFzSW50ID0gcGFyc2VJbnQoaW1hZ2VTaXplLnJlcGxhY2UoL3B4JC8sICcnKSwgMTApO1xuICBjb25zdCBncmF2YXRhclNpemUgPSBzaXplQXNJbnQgKiBtdWx0aXBseUJ5O1xuICByZXR1cm4gYGh0dHBzOi8vd3d3LmdyYXZhdGFyLmNvbS9hdmF0YXIvJHttZDVIYXNofT9zPSR7Z3JhdmF0YXJTaXplfSZkPWJsYW5rYDtcbn07XG5cbmNvbnN0IEdyYXZhdGFySW1nID0gKHByb3BzOiBUR3JhdmF0YXJJbWdQcm9wcykgPT4gKFxuICA8aW1nXG4gICAgY3NzPXtjc3NgXG4gICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgei1pbmRleDogMTA7XG5cbiAgICAgICR7cHJvcHMuaXNIaWdobGlnaHRlZCA/ICdvcGFjaXR5OiAwLjc7JyA6ICcnfVxuICAgIGB9XG4gICAgc3JjPXtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfVxuICAgIHNyY1NldD17W1xuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX0gMXhgLFxuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplLCAyKX0gMnhgLFxuICAgIF0uam9pbignLCcpfVxuICAgIC8qKlxuICAgICAqIEJhc2VkIG9uIGh0dHBzOi8vd3d3LnczLm9yZy9XQUkvdHV0b3JpYWxzL2ltYWdlcy9kZWNpc2lvbi10cmVlLzpcbiAgICAgKiBpbWFnZSBjb250cmlidXRlcyBtZWFuaW5nIHRvIHRoZSBjdXJyZW50IHBhZ2Ugb3IgY29udGV4dCBhbmQgaXQgc2hvd3MgY29udGVudCB0aGF0IGlzIHJlZHVuZGFudCB0byByZWFsIHRleHQgbmVhcmJ5XG4gICAgICovXG4gICAgYWx0PVwiXCJcbiAgLz5cbik7XG5HcmF2YXRhckltZy5kaXNwbGF5TmFtZSA9ICdHcmF2YXRhckltZyc7XG5cbmNvbnN0IEluaXRpYWxzID0gKHByb3BzOiBUSW5pdGlhbHNQcm9wcykgPT4ge1xuICBjb25zdCBpbml0aWFsc0Zyb21OYW1lID0gZ2V0SW5pdGlhbHNGcm9tTmFtZSh7XG4gICAgZmlyc3ROYW1lOiBwcm9wcy5maXJzdE5hbWUsXG4gICAgbGFzdE5hbWU6IHByb3BzLmxhc3ROYW1lLFxuICB9KTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBmb250LXNpemU6ICR7Z2V0Rm9udFNpemUoaW5pdGlhbHNGcm9tTmFtZSwgcHJvcHMuc2l6ZSl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7aW5pdGlhbHNGcm9tTmFtZX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Jbml0aWFscy5kaXNwbGF5TmFtZSA9ICdJbml0aWFscyc7XG5cbmNvbnN0IEF2YXRhciA9ICh7XG4gIGZpcnN0TmFtZSA9ICcnLFxuICBsYXN0TmFtZSA9ICcnLFxuICBpc0hpZ2hsaWdodGVkID0gZmFsc2UsXG4gIHNpemUgPSAncycsXG4gIGNvbG9yID0gJ2FjY2VudCcsXG4gIC4uLnByb3BzXG59OiBUQXZhdGFyUHJvcHMpID0+IHtcbiAgY29uc3QgYXZhdGFyU2l6ZSA9IGdldFdpZHRoU2l6ZShzaXplKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2dldEF2YXRhclN0eWxlcyh7XG4gICAgICAgIGZpcnN0TmFtZSxcbiAgICAgICAgbGFzdE5hbWUsXG4gICAgICAgIGlzSGlnaGxpZ2h0ZWQsXG4gICAgICAgIHNpemUsXG4gICAgICAgIGNvbG9yLFxuICAgICAgICAuLi5wcm9wcyxcbiAgICAgIH0pfVxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHtcbiAgICAgICAgZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZSxcbiAgICAgICAgaXNIaWdobGlnaHRlZCxcbiAgICAgICAgc2l6ZSxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAge3Byb3BzPy5pY29uID8gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoJHthdmF0YXJTaXplfSAtIDQ1JSk7XG4gICAgICAgICAgICB3aWR0aDogY2FsYygke2F2YXRhclNpemV9IC0gNDUlKTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcz8uaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogJ3NjYWxlJyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxHcmF2YXRhckltZ1xuICAgICAgICAgICAgZ3JhdmF0YXJIYXNoPXtwcm9wcy5ncmF2YXRhckhhc2h9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgaXNIaWdobGlnaHRlZD17aXNIaWdobGlnaHRlZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxJbml0aWFscyBzaXplPXtzaXplfSBmaXJzdE5hbWU9e2ZpcnN0TmFtZX0gbGFzdE5hbWU9e2xhc3ROYW1lfSAvPlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQXZhdGFyLmRpc3BsYXlOYW1lID0gJ0F2YXRhcic7XG5cbmV4cG9ydCBkZWZhdWx0IEF2YXRhcjtcbiJdfQ== */"),
children: /*#__PURE__*/react$1.cloneElement(props?.icon, {
size: 'scale'
})
}) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
children: [jsxRuntime.jsx(GravatarImg, {
gravatarHash: props.gravatarHash,
size: size,
isHighlighted: isHighlighted
}), jsxRuntime.jsx(Initials, {
size: size,
firstName: firstName,
lastName: lastName
})]
})
}));
};
Avatar.displayName = 'Avatar';
var Avatar$1 = Avatar;
// NOTE: This string will be replaced on build time with the package version.
var version = "20.6.4";
exports["default"] = Avatar$1;
exports.version = version;