saleor-dashboard/src/utils/credentialsManagement.ts

import { User } from "@saleor/fragments/types/User";

export const isSupported =
  navigator.credentials && navigator.credentials.preventSilentAccess;

export function login<T>(loginFn: (id: string, password: string) => T): T {
  if (isSupported) {
    navigator.credentials.get({ password: true }).then(credential => {
      if (credential instanceof PasswordCredential) {
        return loginFn(credential.id, credential.password);
      }
    });
  }

  return null;
}

export function saveCredentials(user: User, password: string) {
  if (isSupported) {
    const cred = new PasswordCredential({
      iconURL: user.avatar ? user.avatar.url : undefined,
      id: user.email,
      name: user.firstName ? `${user.firstName} ${user.lastName}` : undefined,
      password
    });
    navigator.credentials.store(cred);
  }
}