Function AuthSignBack

packages/shared/src/components/auth/AuthSignBack.tsx:26–156

({
  loginFormProps,
  onRegister,
  isLoginFlow,
  onProviderClick,
  isProviderLoading,
  simplified,
  onShowLoginOptions,
  isConnectedAccount,
}: AuthSignBackProps)

}

export const AuthSignBack = ({
  loginFormProps,
  onRegister,
  isLoginFlow,
  onProviderClick,
  isProviderLoading,
  simplified,
  onShowLoginOptions,
  isConnectedAccount,
}: AuthSignBackProps): ReactElement | null => {
  const { signBack, provider, isLoaded } = useSignBack();
  const socialProvider =
    provider && provider !== 'password'
      ? (provider as SocialProvider)
      : undefined;
  const providerItem = socialProvider ? providerMap[socialProvider] : undefined;
  const isValid = signBack && (provider === 'password' || !!providerItem);
  const handleShowLoginOptions = (): void => {
    onShowLoginOptions?.();
  };
  const handleRegister = (): void => {
    onRegister?.();
  };
  const handleProviderClick = (): void => {
    if (!socialProvider || !onProviderClick) {
      return;
    }

    onProviderClick(socialProvider);
  };

  useEffect(() => {
    if (!isLoaded || isValid) {
      return;
    }

    if (isLoginFlow) {
      onShowLoginOptions?.();
      return;
    }

    onRegister?.();
    // @NOTE see https://dailydotdev.atlassian.net/l/cp/dK9h1zoM
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [isLoaded, isValid]);

  if (!isLoaded || !signBack || !isValid) {
    return null;
  }

  if (provider === 'password' && !loginFormProps) {
    return null;
  }

  const renderAuthAction = () => {
    if (provider === 'password') {
      if (!loginFormProps) {
        return null;