packages/components/containers/contacts/helpers/senderImage.ts

   1 import type { SenderImageMode } from '@proton/shared/lib/api/images';
   2 import { getLogo } from '@proton/shared/lib/api/images';
   3 import { createUrl } from '@proton/shared/lib/fetch/helpers';
   4 import { rootFontSize } from '@proton/shared/lib/helpers/dom';
   5
   6 export const getImageSize = () => {
   7     if (window.devicePixelRatio >= 4) {
   8         return 128;
   9     }
  10
  11     if (window.devicePixelRatio > 1) {
  12         return 64;
  13     }
  14
  15     /*
  16     If the user has changed the default font size
  17     (via browser settings or accessibility settings)
  18     then increase the image definition
  19     */
  20     const fontSize = rootFontSize();
  21     if (fontSize > 16) {
  22         return 64;
  23     }
  24
  25     return 32;
  26 };
  27
  28 export const getSenderImageUrl = (
  29     apiUrl: string,
  30     UID: string,
  31     emailAddress: string,
  32     size?: number,
  33     bimiSelector?: string,
  34     mode?: SenderImageMode
  35 ) => {
  36     const cleanedEmailAddress = emailAddress.toLowerCase();
  37     const config = getLogo(cleanedEmailAddress, size, bimiSelector, mode, UID);
  38     const prefixedUrl = `${apiUrl}/${config.url}`;
  39     const url = createUrl(prefixedUrl, config.params, window.location.origin);
  40     return url.toString();
  41 };