// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

import React from 'react';
import type { LocalizerType } from '../types/Util';
import { missingCaseError } from '../util/missingCaseError';
import { Toast } from './Toast';

export enum ToastInternalErrorKind {
  DecryptionError = 'DecryptionError',
  CDSMirroringError = 'CDSMirroringError',
}

export type ToastPropsType = {
  onShowDebugLog: () => unknown;
} & (
  | {
      kind: ToastInternalErrorKind.DecryptionError;
      deviceId: number;
      name: string;
    }
  | {
      kind: ToastInternalErrorKind.CDSMirroringError;
    }
);

type PropsType = {
  i18n: LocalizerType;
  onClose: () => unknown;
} & ToastPropsType;

export const ToastInternalError = (props: PropsType): JSX.Element => {
  const { kind, i18n, onClose, onShowDebugLog } = props;

  let body: string;
  if (kind === ToastInternalErrorKind.DecryptionError) {
    const { deviceId, name } = props;

    body = i18n('decryptionErrorToast', {
      name,
      deviceId,
    });
  } else if (kind === ToastInternalErrorKind.CDSMirroringError) {
    body = i18n('cdsMirroringErrorToast');
  } else {
    throw missingCaseError(kind);
  }

  return (
    <Toast
      autoDismissDisabled
      className="internal-error-toast"
      onClose={onClose}
      style={{ maxWidth: '500px' }}
      toastAction={{
        label: i18n('decryptionErrorToastAction'),
        onClick: onShowDebugLog,
      }}
    >
      {body}
    </Toast>
  );
};