Auth

<script lang="ts">
	import { GoogleIcon } from '@hugeicons/core-free-icons';
	import SignIn from '#lib/blocks/auth/SignIn.svelte';
	import { toast } from '#lib/ui/toast/index.js';

	// Stands in for your API. The demo password is "astrolabe"; anything else is refused with a code.
	async function signIn({ password }: { email: string; password: string; remember: boolean }) {
		await new Promise((r) => setTimeout(r, 800));
		if (password !== 'astrolabe') throw Object.assign(new Error(), { code: 'invalid_credentials' });
	}
</script>

<SignIn
	onsubmit={signIn}
	providers={[{ id: 'google', label: 'Google', icon: GoogleIcon }]}
	onprovider={(id) => toast(`This would go to ${id} to sign in.`)}
	forgotHref="#forgot"
	signUpHref="#sign-up"
	description="Welcome back to Bayt al-Hikma."
/>

<script lang="ts">
	import SignUp from '#lib/blocks/auth/SignUp.svelte';

	// Stands in for your API: one address is already taken, to show the message.
	async function signUp({ email }: { name: string; email: string; password: string }) {
		await new Promise((r) => setTimeout(r, 900));
		if (email.toLowerCase() === 'ibnsina@baytalhikma.org')
			throw Object.assign(new Error(), { code: 'email_taken' });
	}
</script>

<SignUp
	onsubmit={signUp}
	termsHref="#sign-up"
	signInHref="#sign-in"
	description="A reader’s card for the House of Wisdom."
/>

<script lang="ts">
	import ForgotPassword from '#lib/blocks/auth/ForgotPassword.svelte';

	// Stands in for your API.
	const send = () => new Promise((r) => setTimeout(r, 800));
</script>

<ForgotPassword onsubmit={send} signInHref="#sign-in" cooldown={30} />

<script lang="ts">
	import ResetPassword from '#lib/blocks/auth/ResetPassword.svelte';

	// Stands in for your API, which also checks the reset token from the link.
	const save = () => new Promise((r) => setTimeout(r, 900));
</script>

<ResetPassword onsubmit={save} signInHref="#sign-in" />

<script lang="ts">
	import VerifyCode from '#lib/blocks/auth/VerifyCode.svelte';

	// Stands in for your API. The demo code is 314159; any other is refused with a code.
	async function check(code: string) {
		await new Promise((r) => setTimeout(r, 700));
		if (code !== '314159') throw Object.assign(new Error(), { code: 'invalid_code' });
	}
	const resend = () => new Promise((r) => setTimeout(r, 600));
</script>

<VerifyCode onsubmit={check} onresend={resend} sentTo="maryam@baytalhikma.org" cooldown={30} />