Function PromptElement

packages/shared/src/components/modals/Prompt.tsx:21–127

(props: Partial<ModalProps>)

);

export function PromptElement(props: Partial<ModalProps>): ReactElement | null {
  const { prompt } = usePrompt();
  const confirmingPrompt = useRef<typeof prompt>(null);
  const [isConfirming, setIsConfirming] = useState(false);

  if (!prompt || !prompt.options) {
    return null;
  }
  const { onError, onFail, onSuccess } = prompt;
  const { options } = prompt;
  const {
    title,
    description,
    icon,
    content,
    onConfirm,
    promptSize = Modal.Size.Small,
    cancelButton = {},
    okButton = {},
    className = {},
    shouldCloseOnOverlayClick,
  } = options;
  const isPending = isConfirming && confirmingPrompt.current === prompt;
  const handleFail = () => {
    confirmingPrompt.current = null;
    setIsConfirming(false);
    onFail();
  };
  const handleSuccess = () => {
    if (isPending) {
      return;
    }

    if (!onConfirm) {
      onSuccess();
      return;
    }

    const settle = (callback: () => void) => {
      if (confirmingPrompt.current !== prompt) {
        return;
      }

      confirmingPrompt.current = null;
      setIsConfirming(false);
      callback();
    };

    confirmingPrompt.current = prompt;
    setIsConfirming(true);
    Promise.resolve(onConfirm())
      .then(() => settle(onSuccess))
      .catch(() => settle(onError));
  };

  const cancelButtonProps = cancelButton ?? {};
  const cancelActionButtonProps = {
    variant: ButtonVariant.Secondary,