@100mslive/roomkit-react/src/Avatar/getAvatarBg.ts


const getInitials = (name: string | undefined) => {
  if (!name) {
    return undefined;
  } else {
    return (
      name
        .trim()
        // remove non chars/digits
        .replace(/[^a-zA-Z0-9]/g, '')
        .match(/(^\S\S?|\b\S)?/g)
        ?.join('')
        ?.match(/(^\S|\S$)?/g)
        ?.join('')
        .toUpperCase()
    );
  }
};

/**
  calculates the initials of the name and choose a background color based on the first later of the initials
 */
export const getAvatarBg = (name: string): { initials: string; color: string } => {
  const initials = getInitials(name);
  const indexFactor = 20;
  const colorIndex = ((initials?.codePointAt(0) || 0) % indexFactor) + 1;
  return { initials: initials || '', color: colorsList[colorIndex - 1] };
};

const colorsList = [
  '#616161',
  '#F44336',
  '#3F51B5',
  '#4CAF50',
  '#FFA000',
  '#795548',
  '#E91E63',
  '#2F80FF',
  '#8BC34A',
  '#F57C00',
  '#4E342E',
  '#9C27B0',
  '#00BCD4',
  '#C0CA33',
  '#F4511E',
  '#673AB7',
  '#009688',
  '#FBC02D',
  '#BF360C',
  '#455A64',
];