{"version":3,"file":"bitts-BittsAvatar-yEdwy0cF.js","sources":["../../../packages/bitts/src/BittsAvatar/BittsAvatar.vue"],"sourcesContent":["<template>\n  <component :is=\"tooltipOrDiv\" class=\"bitts-avatar\" v-bind=\"tooltipProps\">\n    <a-avatar\n      v-if=\"showImage\"\n      class=\"bitts-avatar--icon\"\n      :alt=\"altText || undefined\"\n      :size=\"sizeNumber\"\n      :src=\"imageURL\"\n      :shape=\"!!org ? 'square' : shape\"\n      :load-error=\"onLoadError\"\n      :class=\"allClasses\"\n    />\n    <a-avatar\n      v-else\n      class=\"bitts-avatar--icon flex items-center justify-center\"\n      :alt=\"altText || undefined\"\n      :class=\"allClasses\"\n      :size=\"sizeNumber\"\n      :shape=\"!!org ? 'square' : shape\"\n    >\n      <template #icon>\n        <div v-if=\"isIcon\" :class=\"iconClasses\" class=\"bitts-avatar__icon-slot\">\n          <slot name=\"icon\" />\n        </div>\n        <BittsSvg v-else-if=\"customSvg\" :svg=\"customSvg\" :class=\"iconClasses\" />\n        <div v-else-if=\"showInitials && initials\">\n          {{ initials }}\n        </div>\n        <FontAwesomeIcon\n          v-else\n          :icon=\"['fad', icon]\"\n          class=\"text-neutral-accent\"\n          :class=\"`h-${fallbackIconSize}`\"\n        />\n      </template>\n    </a-avatar>\n    <template #title>\n      {{ tooltipText }}\n      <slot name=\"additionalInfo\" />\n    </template>\n    <slot name=\"additional-icon\" />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { Avatar as AAvatar } from 'ant-design-vue';\nimport { Md5 } from 'ts-md5';\nimport { computed, ref } from 'vue';\n\nimport BittsSvg from '../BittsSvg/BittsSvg.vue';\nimport BittsTooltip from '../BittsTooltip/BittsTooltip.vue';\n\nimport { Shape, Size, TOrganization, TShape, TSize, TUser } from './types';\n\nexport interface Props {\n  altTextFromParent?: string;\n  size?: TSize | 'copilot';\n  shape?: TShape;\n  org?: TOrganization | null;\n  user?: TUser | null;\n  iconSlotBgColor?: string;\n  imageSource?: string;\n  includeHoverText?: boolean;\n  mountTooltipToBody?: boolean;\n  fallbackImageType?: string;\n  showBorder?: boolean;\n  showInitials?: boolean;\n  rounded?: boolean;\n  isIcon?: boolean;\n  isEntity?: boolean;\n  entityUrl?: string | null;\n  avatarClasses?: string;\n  defaultUserImage?: string;\n  customSvg?: string;\n  forceCircle?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  altTextFromParent: '',\n  size: Size.Large,\n  shape: Shape.Circle,\n  org: null,\n  user: null,\n  iconSlotBgColor: '',\n  imageSource: '',\n  includeHoverText: false,\n  mountTooltipToBody: false,\n  fallbackImageType: 'company',\n  showBorder: false,\n  showInitials: false,\n  rounded: true,\n  isIcon: false,\n  isEntity: false,\n  entityUrl: null,\n  avatarClasses: '',\n  defaultUserImage: '',\n  customSvg: '',\n  forceCircle: false,\n});\n\nconst emit = defineEmits(['loading-failed']);\n\nconst errorOnLoad = ref(false);\n\nconst orgDomain = computed(() => {\n  if (!props.org) return '';\n  return props.org.domain || props.org.clearbit_domain || '';\n});\n\nconst clearbitURL = computed(() => {\n  if (!props.org) return '';\n  return `https://logo.clearbit.com/${orgDomain.value}`;\n});\n\nconst gravatarHref = computed(() => {\n  if (!props.user) return '';\n  if (props.user.picture_url) return props.user.picture_url;\n  if (!props.user.email) return '';\n\n  const emailMd5 = Md5.hashStr(props.user.email);\n  return 'https://secure.gravatar.com/avatar/'.concat(\n    `${emailMd5}?s=300&d=404&r=g`,\n  );\n});\n\nconst imageURL = computed(() => {\n  if (props.imageSource) return props.imageSource;\n  if (props.org) {\n    return props.org.logo_url ? props.org.logo_url : clearbitURL.value;\n  }\n  if (props.user) {\n    return gravatarHref.value ? gravatarHref.value : props.defaultUserImage;\n  }\n  if (props.isEntity && props.entityUrl) return props.entityUrl;\n  return '';\n});\n\nconst showImage = computed(() => {\n  return !!imageURL.value && !errorOnLoad.value;\n});\n\nconst radiusAmount = computed(() => {\n  if ((props.forceCircle || props.shape === 'circle') && !props.org)\n    return 'rounded-full';\n  return {\n    large: 'rounded-12',\n    copilot: 'rounded-bts-md',\n    medium: 'rounded-bts-md',\n    small: 'rounded-bts-sm',\n    'x-small': 'rounded-bts-xs',\n    tiny: 'rounded-3',\n  }[props.size];\n});\n\nconst fontClassBySize = () => {\n  const mapSizeToFontOrg: {\n    [key in TSize | 'copilot']: string;\n  } = {\n    large: 'text-xl font-bold',\n    copilot: 'text-m font-bold',\n    medium: 'text-sm font-bold',\n    small: 'text-xs font-bold',\n    'x-small': 'text-xs font-bold',\n    tiny: 'text-xs',\n  };\n  const mapSizeToFontUser = {\n    large: 'text-xl font-bold',\n    copilot: 'text-m font-bold',\n    medium: 'text-sm font-bold',\n    small: 'text-xs font-bold',\n    'x-small': 'text-xs font-bold',\n    tiny: 'text-xs',\n  };\n  if (showImage.value || !props.showInitials) {\n    return '';\n  }\n  if (props.user) {\n    return mapSizeToFontUser[props.size];\n  } else if (props.org) {\n    return mapSizeToFontOrg[props.size];\n  }\n  return '';\n};\n\nconst allClasses = computed(() => {\n  const isOrgOrUserPreCheck = !props.isIcon && !props.isEntity;\n  const isFallbackIcon = !showImage.value && !props.showInitials;\n  const isInitialsView = !showImage.value && props.showInitials;\n\n  const classes: Record<string, boolean> = {\n    'border-none':\n      !props.showBorder &&\n      (props.isEntity || props.isIcon || !!props.customSvg),\n    'rounded-none': !props.rounded || props.isEntity,\n    'bg-transparent': props.isEntity,\n    // org and user background for fallback icon\n    'bg-gradient-to-b from-neutral-background-disabled to-neutral-background-weak':\n      isFallbackIcon && isOrgOrUserPreCheck && (!!props.user || !!props.org),\n    // org background and text color\n    'bg-info-background-weak text-info-text font-bold':\n      isInitialsView && isOrgOrUserPreCheck && !props.user && !!props.org,\n    // user background and text color\n    'bg-beta-background-weak text-beta-text font-bold':\n      isInitialsView && isOrgOrUserPreCheck && !!props.user && !props.org,\n    'bg-primary-background-weak text-primary-accent': props.isIcon,\n    [`bitts-avatar__${props.size}`]: true,\n  };\n  classes[radiusAmount.value] = !props.isEntity && !props.isIcon;\n  classes[fontClassBySize()] = true;\n  classes[boxShadowClass.value] = !props.isEntity && !props.isIcon;\n  if (props.avatarClasses) {\n    classes[props.avatarClasses] = true;\n  }\n  return classes;\n});\n\nconst altText = computed(() => {\n  if (props.altTextFromParent) return props.altTextFromParent;\n  if (props.user) {\n    if (props.user.first_name) {\n      return `${props.user.first_name} ${props.user.last_name}`;\n    }\n    return props.user.email;\n  }\n  if (props.org) {\n    if (props.org.name) {\n      return props.org.name;\n    }\n    return orgDomain.value;\n  }\n  // otherwise, it's decorative\n  return '';\n});\n\nconst tooltipText = computed(() => {\n  let text = '';\n  if (props.user && props.user.first_name) {\n    text = props.user.first_name;\n    if (props.user.last_name) {\n      text += ` ${props.user.last_name}`;\n    }\n  } else if (props.org && props.org.name) {\n    text = props.org.name;\n  }\n  return text;\n});\n\nconst icon = computed(() => {\n  return props.user || props.fallbackImageType === 'person'\n    ? 'user'\n    : 'buildings';\n});\n\nconst iconClasses = computed(() => {\n  const classes: Record<string, boolean> = {};\n  classes[iconSlotClass.value] = true;\n  if (props.iconSlotBgColor) {\n    classes[props.iconSlotBgColor] = true;\n  }\n  return classes;\n});\n\nconst iconSlotClass = computed(() => {\n  return (\n    {\n      large: 'bitts-avatar__icon-slot-large',\n      copilot: 'bitts-avatar__icon-slot-medium',\n      medium: 'bitts-avatar__icon-slot-medium',\n      small: 'bitts-avatar__icon-slot-small',\n      'x-small': 'bitts-avatar__icon-slot-x-small',\n      tiny: 'bitts-avatar__icon-slot-tiny',\n    } as const\n  )[props.size];\n});\n\nconst boxShadowClass = computed(() => {\n  return {\n    large: 'shadow-[inset_0_0_0_2px_white] p-2',\n    copilot: 'shadow-[inset_0_0_0_1px_white] p-1',\n    medium: 'shadow-[inset_0_0_0_1px_white] p-1',\n    small: 'shadow-[inset_0_0_0_1px_white] p-1',\n    'x-small': 'shadow-[inset_0_0_0_1px_white] p-1',\n    tiny: '',\n  }[props.size];\n});\n\nconst sizeNumber = computed(() => {\n  const mapSizeNameToNumber = {\n    large: 64,\n    copilot: 40,\n    medium: 32,\n    small: 24,\n    'x-small': 16,\n    tiny: 12,\n  };\n  return mapSizeNameToNumber[props.size];\n});\n\nconst tooltipOrDiv = computed(() => {\n  return props.includeHoverText ? BittsTooltip : 'div';\n});\n\nconst tooltipProps = computed(() => {\n  const propsData: Record<string, string | boolean> = {};\n  if (props.includeHoverText) {\n    propsData.trigger = 'hover';\n    propsData.placement = 'bottom';\n    propsData.mountToBody = props.mountTooltipToBody;\n  }\n  return propsData;\n});\n\nconst initials = computed(() => {\n  if (props.org && props.org.name) {\n    let orgInitials = '';\n    const orgWordsArray = props.org.name.split(' ');\n\n    if (orgWordsArray.length > 1) {\n      // For multiple words, take the first letter of each of the first two words\n      orgInitials = orgWordsArray\n        .slice(0, 2)\n        .map((word) => word[0]?.toUpperCase())\n        .join('');\n    } else {\n      // For a single word, take the first two letters\n      orgInitials = orgWordsArray[0]?.slice(0, 2).toUpperCase() ?? '';\n    }\n\n    return ['x-small', 'small'].includes(props.size)\n      ? orgInitials[0]\n      : orgInitials;\n  }\n  if (props.user?.first_name) {\n    const firstInitial = props.user?.first_name?.toUpperCase()[0] || '';\n    const lastInitial = props.user?.last_name?.toUpperCase()[0] || '';\n    return ['large', 'medium', 'copilot'].includes(props.size)\n      ? firstInitial + lastInitial\n      : firstInitial;\n  }\n  return '';\n});\n\nconst fallbackIconSize = computed(() => {\n  const mapSizeNameToNumber = {\n    large: 40,\n    copilot: 24,\n    medium: 20,\n    small: 12,\n    'x-small': 8,\n    tiny: 4,\n  };\n  return mapSizeNameToNumber[props.size];\n});\n\nconst onLoadError = () => {\n  errorOnLoad.value = true;\n  emit('loading-failed');\n  return true;\n};\n</script>\n\n<style lang=\"pcss\">\n.bitts-avatar {\n  @apply flex justify-center;\n  .ant-avatar > img {\n    object-fit: contain;\n  }\n\n  .ant-avatar-circle > img {\n    @apply !rounded-full;\n  }\n\n  .bitts-avatar__large.ant-avatar > img {\n    @apply rounded-[10px];\n  }\n\n  .bitts-avatar__copilot.ant-avatar > img,\n  .bitts-avatar__medium.ant-avatar > img {\n    @apply rounded-[6px];\n  }\n\n  .bitts-avatar__small.ant-avatar > img {\n    @apply rounded-[2px];\n  }\n\n  .bitts-avatar__x-small.ant-avatar > img {\n    @apply rounded-[1px];\n  }\n\n  .ant-avatar {\n    font-family: inherit;\n  }\n\n  .ant-avatar-circle {\n    @apply border border-solid border-neutral-border;\n  }\n\n  .ant-avatar-square {\n    @apply border border-solid border-neutral-border rounded-bts-base;\n  }\n\n  .ant-avatar-square.ant-avatar-icon {\n    @apply bg-neutral-background-disabled;\n  }\n\n  .ant-avatar.ant-avatar-square.ant-avatar-image {\n    @apply p-0 bg-white;\n  }\n\n  .ant-avatar.ant-avatar-circle.ant-avatar-image {\n    @apply p-0;\n  }\n\n  .bitts-avatar__icon-slot {\n    @apply flex items-center justify-center h-full w-full;\n  }\n\n  .bitts-avatar__icon-slot-large {\n    svg {\n      @apply h-40;\n    }\n  }\n\n  .bitts-avatar__icon-slot-medium {\n    svg {\n      @apply h-20;\n    }\n  }\n\n  .bitts-avatar__icon-slot-small {\n    svg {\n      @apply h-12;\n    }\n  }\n\n  .bitts-avatar__icon-slot-x-small {\n    svg {\n      @apply h-8;\n    }\n  }\n\n  svg {\n    vertical-align: initial;\n  }\n}\n</style>\n"],"names":["props","__props","emit","__emit","errorOnLoad","ref","orgDomain","computed","clearbitURL","gravatarHref","emailMd5","Md5","imageURL","showImage","radiusAmount","fontClassBySize","mapSizeToFontOrg","mapSizeToFontUser","allClasses","isOrgOrUserPreCheck","isFallbackIcon","isInitialsView","classes","boxShadowClass","altText","tooltipText","text","icon","iconClasses","iconSlotClass","sizeNumber","tooltipOrDiv","BittsTooltip","tooltipProps","propsData","initials","orgInitials","orgWordsArray","word","_a","_b","firstInitial","_d","_c","lastInitial","_f","_e","fallbackIconSize","onLoadError"],"mappings":"+/BA6EA,MAAMA,EAAQC,EAuBRC,EAAOC,EAEPC,EAAcC,EAAI,EAAK,EAEvBC,EAAYC,EAAS,IACpBP,EAAM,MACJA,EAAM,IAAI,QAAUA,EAAM,IAAI,kBAAmB,EACzD,EAEKQ,EAAcD,EAAS,IACtBP,EAAM,IACJ,6BAA6BM,EAAU,KAAK,GAD5B,EAExB,EAEKG,EAAeF,EAAS,IAAM,CAC9B,GAAA,CAACP,EAAM,KAAa,MAAA,GACxB,GAAIA,EAAM,KAAK,YAAa,OAAOA,EAAM,KAAK,YAC9C,GAAI,CAACA,EAAM,KAAK,MAAc,MAAA,GAE9B,MAAMU,EAAWC,EAAI,QAAQX,EAAM,KAAK,KAAK,EAC7C,MAAO,sCAAsC,OAC3C,GAAGU,CAAQ,kBAAA,CACb,CACD,EAEKE,EAAWL,EAAS,IACpBP,EAAM,YAAoBA,EAAM,YAChCA,EAAM,IACDA,EAAM,IAAI,SAAWA,EAAM,IAAI,SAAWQ,EAAY,MAE3DR,EAAM,KACDS,EAAa,MAAQA,EAAa,MAAQT,EAAM,iBAErDA,EAAM,UAAYA,EAAM,UAAkBA,EAAM,UAC7C,EACR,EAEKa,EAAYN,EAAS,IAClB,CAAC,CAACK,EAAS,OAAS,CAACR,EAAY,KACzC,EAEKU,EAAeP,EAAS,KACvBP,EAAM,aAAeA,EAAM,QAAU,WAAa,CAACA,EAAM,IACrD,eACF,CACL,MAAO,aACP,QAAS,iBACT,OAAQ,iBACR,MAAO,iBACP,UAAW,iBACX,KAAM,WAAA,EACNA,EAAM,IAAI,CACb,EAEKe,EAAkB,IAAM,CAC5B,MAAMC,EAEF,CACF,MAAO,oBACP,QAAS,mBACT,OAAQ,oBACR,MAAO,oBACP,UAAW,oBACX,KAAM,SAAA,EAEFC,EAAoB,CACxB,MAAO,oBACP,QAAS,mBACT,OAAQ,oBACR,MAAO,oBACP,UAAW,oBACX,KAAM,SAAA,EAER,OAAIJ,EAAU,OAAS,CAACb,EAAM,aACrB,GAELA,EAAM,KACDiB,EAAkBjB,EAAM,IAAI,EAC1BA,EAAM,IACRgB,EAAiBhB,EAAM,IAAI,EAE7B,EAAA,EAGHkB,EAAaX,EAAS,IAAM,CAChC,MAAMY,EAAsB,CAACnB,EAAM,QAAU,CAACA,EAAM,SAC9CoB,EAAiB,CAACP,EAAU,OAAS,CAACb,EAAM,aAC5CqB,EAAiB,CAACR,EAAU,OAASb,EAAM,aAE3CsB,EAAmC,CACvC,cACE,CAACtB,EAAM,aACNA,EAAM,UAAYA,EAAM,QAAU,CAAC,CAACA,EAAM,WAC7C,eAAgB,CAACA,EAAM,SAAWA,EAAM,SACxC,iBAAkBA,EAAM,SAExB,+EACEoB,GAAkBD,IAAwB,CAAC,CAACnB,EAAM,MAAQ,CAAC,CAACA,EAAM,KAEpE,mDACEqB,GAAkBF,GAAuB,CAACnB,EAAM,MAAQ,CAAC,CAACA,EAAM,IAElE,mDACEqB,GAAkBF,GAAuB,CAAC,CAACnB,EAAM,MAAQ,CAACA,EAAM,IAClE,iDAAkDA,EAAM,OACxD,CAAC,iBAAiBA,EAAM,IAAI,EAAE,EAAG,EAAA,EAEnC,OAAAsB,EAAQR,EAAa,KAAK,EAAI,CAACd,EAAM,UAAY,CAACA,EAAM,OAChDsB,EAAAP,GAAiB,EAAI,GAC7BO,EAAQC,EAAe,KAAK,EAAI,CAACvB,EAAM,UAAY,CAACA,EAAM,OACtDA,EAAM,gBACAsB,EAAAtB,EAAM,aAAa,EAAI,IAE1BsB,CAAA,CACR,EAEKE,EAAUjB,EAAS,IACnBP,EAAM,kBAA0BA,EAAM,kBACtCA,EAAM,KACJA,EAAM,KAAK,WACN,GAAGA,EAAM,KAAK,UAAU,IAAIA,EAAM,KAAK,SAAS,GAElDA,EAAM,KAAK,MAEhBA,EAAM,IACJA,EAAM,IAAI,KACLA,EAAM,IAAI,KAEZM,EAAU,MAGZ,EACR,EAEKmB,EAAclB,EAAS,IAAM,CACjC,IAAImB,EAAO,GACX,OAAI1B,EAAM,MAAQA,EAAM,KAAK,YAC3B0B,EAAO1B,EAAM,KAAK,WACdA,EAAM,KAAK,YACL0B,GAAA,IAAI1B,EAAM,KAAK,SAAS,KAEzBA,EAAM,KAAOA,EAAM,IAAI,OAChC0B,EAAO1B,EAAM,IAAI,MAEZ0B,CAAA,CACR,EAEKC,EAAOpB,EAAS,IACbP,EAAM,MAAQA,EAAM,oBAAsB,SAC7C,OACA,WACL,EAEK4B,EAAcrB,EAAS,IAAM,CACjC,MAAMe,EAAmC,CAAA,EACjC,OAAAA,EAAAO,EAAc,KAAK,EAAI,GAC3B7B,EAAM,kBACAsB,EAAAtB,EAAM,eAAe,EAAI,IAE5BsB,CAAA,CACR,EAEKO,EAAgBtB,EAAS,KAE3B,CACE,MAAO,gCACP,QAAS,iCACT,OAAQ,iCACR,MAAO,gCACP,UAAW,kCACX,KAAM,8BAAA,GAERP,EAAM,IAAI,CACb,EAEKuB,EAAiBhB,EAAS,KACvB,CACL,MAAO,qCACP,QAAS,qCACT,OAAQ,qCACR,MAAO,qCACP,UAAW,qCACX,KAAM,EAAA,GACNP,EAAM,IAAI,CACb,EAEK8B,EAAavB,EAAS,KACE,CAC1B,MAAO,GACP,QAAS,GACT,OAAQ,GACR,MAAO,GACP,UAAW,GACX,KAAM,EAAA,GAEmBP,EAAM,IAAI,CACtC,EAEK+B,EAAexB,EAAS,IACrBP,EAAM,iBAAmBgC,EAAe,KAChD,EAEKC,EAAe1B,EAAS,IAAM,CAClC,MAAM2B,EAA8C,CAAA,EACpD,OAAIlC,EAAM,mBACRkC,EAAU,QAAU,QACpBA,EAAU,UAAY,SACtBA,EAAU,YAAclC,EAAM,oBAEzBkC,CAAA,CACR,EAEKC,EAAW5B,EAAS,IAAM,iBAC9B,GAAIP,EAAM,KAAOA,EAAM,IAAI,KAAM,CAC/B,IAAIoC,EAAc,GAClB,MAAMC,EAAgBrC,EAAM,IAAI,KAAK,MAAM,GAAG,EAE1C,OAAAqC,EAAc,OAAS,EAEzBD,EAAcC,EACX,MAAM,EAAG,CAAC,EACV,IAAKC,GAAS,OAAA,OAAAC,EAAAD,EAAK,CAAC,IAAN,YAAAC,EAAS,cAAa,EACpC,KAAK,EAAE,EAGIH,IAAAG,EAAAF,EAAc,CAAC,IAAf,YAAAE,EAAkB,MAAM,EAAG,GAAG,gBAAiB,GAGxD,CAAC,UAAW,OAAO,EAAE,SAASvC,EAAM,IAAI,EAC3CoC,EAAY,CAAC,EACbA,CACN,CACI,IAAAI,EAAAxC,EAAM,OAAN,MAAAwC,EAAY,WAAY,CAC1B,MAAMC,IAAeC,GAAAC,EAAA3C,EAAM,OAAN,YAAA2C,EAAY,aAAZ,YAAAD,EAAwB,cAAc,KAAM,GAC3DE,IAAcC,GAAAC,EAAA9C,EAAM,OAAN,YAAA8C,EAAY,YAAZ,YAAAD,EAAuB,cAAc,KAAM,GACxD,MAAA,CAAC,QAAS,SAAU,SAAS,EAAE,SAAS7C,EAAM,IAAI,EACrDyC,EAAeG,EACfH,CACN,CACO,MAAA,EAAA,CACR,EAEKM,EAAmBxC,EAAS,KACJ,CAC1B,MAAO,GACP,QAAS,GACT,OAAQ,GACR,MAAO,GACP,UAAW,EACX,KAAM,CAAA,GAEmBP,EAAM,IAAI,CACtC,EAEKgD,EAAc,KAClB5C,EAAY,MAAQ,GACpBF,EAAK,gBAAgB,EACd"}