@nethesis/phone-island/dist/components/AvatarGroup.js

NethVoice CTI Phone Island

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../node_modules/@fortawesome/react-fontawesome/index.es.js"),r=require("../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js");require("../node_modules/react-redux/es/index.js");var n=require("../node_modules/react-redux/es/hooks/useSelector.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e);exports.default=function(e){var i=e.usersList,s=e.maxAvatars,u=void 0===s?5:s,o=n.useSelector((function(e){return e.avatars})).avatars,l=n.useSelector((function(e){return e.users})).extensions,c=n.useSelector((function(e){return e.currentUser})).name,d=i?Object.values(i).filter((function(e){return(null==e?void 0:e.name)!==c})):[],p=d.length,f=d.slice(0,u);return a.default.createElement("div",{className:"pi-flex pi-items-center pi-overflow-hidden pi--space-x-1"},f.map((function(e,t){var r=(null==e?void 0:e.extenId)||(null==e?void 0:e.id),n=function(e){var t;return e&&o&&l&&(null===(t=l[e])||void 0===t?void 0:t.username)&&o[l[e].username]?"".concat(o[l[e].username]):null}(r),i=function(e,t){return e?e.split(" ").map((function(e){return e[0]})).join("").toUpperCase().slice(0,2):t?t.substring(0,2).toUpperCase():"??"}(null==e?void 0:e.name,r);return a.default.createElement("div",{key:t,className:"pi-inline-flex pi-items-center pi-justify-center pi-w-6 pi-h-6 pi-rounded-full pi-ring-2 pi-bg-gray-200 pi-ring-gray-700"},n?a.default.createElement("div",{className:"pi-rounded-full pi-w-6 pi-h-6",style:{backgroundImage:"url(".concat(n,")"),backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center",width:"100%",height:"100%"}}):a.default.createElement("span",{className:"pi-text-xs pi-font-medium pi-text-gray-900"},i))})),p>u&&a.default.createElement("span",{className:"pi-inline-flex pi-items-center pi-justify-center pi-w-6 pi-h-6 pi-rounded-full pi-bg-gray-200 pi-ring-2 pi-ring-gray-700"},a.default.createElement(t.FontAwesomeIcon,{icon:r.faPlus,className:"pi-text-xs pi-text-gray-900"})))};
//# sourceMappingURL=AvatarGroup.js.map