@bagelink/auth 1.12.3 → 1.12.5

package/src/components/auth/LoginForm.vue

@@ -1,258 +0,0 @@
-<script lang="ts" setup>
-import { useAuth } from '@bagelink/auth'
-import { Btn, PasswordInput, TextInput } from '@bagelink/vue'
-import { computed, ref } from 'vue'
-
-export interface LoginTexts {
-	title?: string
-	emailLabel?: string
-	passwordLabel?: string
-	forgotPassword?: string
-	loginButton?: string
-	signupButton?: string
-	orText?: string
-	githubButton?: string
-	googleButton?: string
-	microsoftButton?: string
-	appleButton?: string
-	oktaButton?: string
-	facebookButton?: string
-}
-
-interface Props {
-	hideRegularLogin?: boolean
-	showForgotPassword?: boolean
-	showSignupButton?: boolean
-	github?: boolean
-	google?: boolean
-	microsoft?: boolean
-	apple?: boolean
-	okta?: boolean
-	facebook?: boolean
-	ssoOutline?: boolean
-	ssoShowValue?: boolean
-	ssoSize?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large'
-	ssoAlign?: boolean
-	ssoBrandBackground?: boolean
-	useHebrewDefaults?: boolean
-	errorState?: 'normal' | 'email-required' | 'email-invalid' | 'password-required' | 'invalid-credentials' | 'server-error'
-	texts?: Partial<LoginTexts>
-}
-
-const props = withDefaults(defineProps<Props>(), {
-	hideRegularLogin: false,
-	showForgotPassword: true,
-	showSignupButton: true,
-	github: false,
-	google: false,
-	microsoft: false,
-	apple: false,
-	okta: false,
-	facebook: false,
-	ssoOutline: true,
-	ssoShowValue: true,
-	ssoSize: undefined,
-	ssoAlign: false,
-	ssoBrandBackground: true,
-	useHebrewDefaults: false,
-	errorState: 'normal',
-	texts: () => ({})
-})
-
-defineEmits<{
-	switchForm: [form: string]
-}>()
-
-const { login, sso } = useAuth()
-const form = ref({
-	email: '',
-	password: '',
-})
-
-const internalError = ref<string>('')
-
-// Text configuration with conditional defaults
-const texts = computed(() => {
-	const hebrewDefaults = {
-		title: 'התחברות',
-		emailLabel: 'אימייל',
-		passwordLabel: 'סיסמה',
-		forgotPassword: 'שכחתם סיסמה?',
-		loginButton: 'התחברות',
-		signupButton: 'יצירת חשבון',
-		orText: 'או',
-		githubButton: 'התחברות עם GitHub',
-		googleButton: 'התחברות עם Google',
-		microsoftButton: 'התחברות עם Microsoft',
-		appleButton: 'התחברות עם Apple',
-		oktaButton: 'התחברות עם Okta',
-		facebookButton: 'התחברות עם Facebook'
-	}
-
-	const englishDefaults = {
-		title: 'Login',
-		emailLabel: 'Email',
-		passwordLabel: 'Password',
-		forgotPassword: 'Forgot Password',
-		loginButton: 'Login',
-		signupButton: 'Create Account',
-		orText: 'or',
-		githubButton: 'Continue with GitHub',
-		googleButton: 'Continue with Google',
-		microsoftButton: 'Continue with Microsoft',
-		appleButton: 'Continue with Apple',
-		oktaButton: 'Continue with Okta',
-		facebookButton: 'Continue with Facebook'
-	}
-
-	const defaults = props.useHebrewDefaults ? hebrewDefaults : englishDefaults
-
-	return {
-		title: props.texts?.title ?? defaults.title,
-		emailLabel: props.texts?.emailLabel ?? defaults.emailLabel,
-		passwordLabel: props.texts?.passwordLabel ?? defaults.passwordLabel,
-		forgotPassword: props.texts?.forgotPassword ?? defaults.forgotPassword,
-		loginButton: props.texts?.loginButton ?? defaults.loginButton,
-		signupButton: props.texts?.signupButton ?? defaults.signupButton,
-		orText: props.texts?.orText ?? defaults.orText,
-		githubButton: props.texts?.githubButton ?? defaults.githubButton,
-		googleButton: props.texts?.googleButton ?? defaults.googleButton,
-		microsoftButton: props.texts?.microsoftButton ?? defaults.microsoftButton,
-		appleButton: props.texts?.appleButton ?? defaults.appleButton,
-		oktaButton: props.texts?.oktaButton ?? defaults.oktaButton,
-		facebookButton: props.texts?.facebookButton ?? defaults.facebookButton
-	}
-})
-
-const showAnySso = computed(() => props.github || props.google || props.microsoft
-	|| props.apple || props.okta || props.facebook
-)
-
-const textDirection = computed(() => ({ 'auth-rtl': props.useHebrewDefaults }))
-
-const error = computed(() => getDevError() || internalError.value)
-
-function getDevError() {
-	switch (props.errorState) {
-		case 'email-required': return props.useHebrewDefaults ? 'איימיל נדרש' : 'Email is required'
-		case 'email-invalid': return props.useHebrewDefaults ? 'יש להזין כתובת איימיל תקינה' : 'Please enter a valid email address'
-		case 'password-required': return props.useHebrewDefaults ? 'סיסמה נדרשת' : 'Password is required'
-		case 'invalid-credentials': return props.useHebrewDefaults ? 'איימיל או סיסמה לא נכונים' : 'Invalid email or password'
-		case 'server-error': return props.useHebrewDefaults ? 'ההתחברות נכשלה. אנא נסה שוב.' : 'Login failed. Please try again.'
-		default: return null
-	}
-}
-
-async function handleLogin() {
-	// Clear any previous internal errors
-	internalError.value = ''
-
-	// Development error states don't need actual form submission
-	if (props.errorState !== 'normal') {
-		return
-	}
-
-	const { message } = await login(form.value)
-	internalError.value = message as string
-}
-</script>
-
-<template>
-	<form :class="textDirection" @submit.prevent="handleLogin">
-		<h1 class="txt20 bold txt-center mb-1">
-			{{ texts.title }}
-		</h1>
-
-		<!-- Regular Login Form - Hidden when hideRegularLogin is true -->
-		<template v-if="!props.hideRegularLogin">
-			<TextInput v-model="form.email" type="email" :label="texts.emailLabel" autocomplete="email" />
-			<PasswordInput v-model="form.password" :label="texts.passwordLabel" />
-
-			<Btn
-				v-if="props.showForgotPassword" thin flat class="txt-12 mt-075 underline block"
-				:value="texts.forgotPassword" @click="$emit('switchForm', 'forgot-password')"
-			/>
-			<Btn type="submit" class="w-100 mt-1" :value="texts.loginButton" />
-			<Btn
-				v-if="props.showSignupButton" outline color="primary" class="w-100 mt-05" :value="texts.signupButton"
-				@click="$emit('switchForm', 'signup')"
-			/>
-		</template>
-
-		<!-- SSO Section -->
-		<div v-if="showAnySso">
-			<div v-if="!props.hideRegularLogin" class="flex gap-1 opacity-6">
-				<div class="line" />
-				<p class="txt-center my-05">
-					{{ texts.orText }}
-				</p>
-				<div class="line" />
-			</div>
-
-			<div
-				class="gap-05"
-				:class="{ 'grid grid-wrap-1': props.ssoShowValue, 'flex justify-content-center gap-05 flex-wrap': !props.ssoShowValue }"
-			>
-				<Btn
-					v-if="props.github" v-tooltip="!props.ssoShowValue ? texts.githubButton : undefined"
-					:outline="props.ssoOutline" :full-width="props.ssoAlign"
-					:align-txt="props.ssoAlign ? 'start' : undefined"
-					:style="props.ssoOutline ? 'color: #24292F;' : `color: #FFFFFF; ${props.ssoBrandBackground ? 'background: #24292F;' : ''}`"
-					icon="github" :class="{ 'px-075': props.ssoAlign ? 'px-075' : '' }"
-					:value="props.ssoShowValue ? texts.githubButton : undefined" :size="props.ssoSize"
-					@click="sso.github.redirect()"
-				/>
-				<Btn
-					v-if="props.google" v-tooltip="!props.ssoShowValue ? texts.googleButton : undefined"
-					:outline="props.ssoOutline" :full-width="props.ssoAlign"
-					:align-txt="props.ssoAlign ? 'start' : undefined"
-					:style="props.ssoOutline ? 'color: #DB4437;' : `color: #FFFFFF; ${props.ssoBrandBackground ? 'background: #DB4437;' : ''}`"
-					icon="google" :class="{ 'px-075': props.ssoAlign ? 'px-075' : '' }"
-					:value="props.ssoShowValue ? texts.googleButton : undefined" :size="props.ssoSize"
-					@click="sso.google.redirect()"
-				/>
-				<Btn
-					v-if="props.microsoft" v-tooltip="!props.ssoShowValue ? texts.microsoftButton : undefined"
-					:outline="props.ssoOutline" :full-width="props.ssoAlign"
-					:align-txt="props.ssoAlign ? 'start' : undefined"
-					:style="props.ssoOutline ? 'color: #2F2FEE;' : `color: #FFFFFF; ${props.ssoBrandBackground ? 'background: #2F2FEE;' : ''}`"
-					icon="microsoft" :class="{ 'px-075': props.ssoAlign ? 'px-075' : '' }"
-					:value="props.ssoShowValue ? texts.microsoftButton : undefined" :size="props.ssoSize"
-					@click="sso.microsoft.redirect()"
-				/>
-				<Btn
-					v-if="props.apple" v-tooltip="!props.ssoShowValue ? texts.appleButton : undefined"
-					:outline="props.ssoOutline" :full-width="props.ssoAlign"
-					:align-txt="props.ssoAlign ? 'start' : undefined"
-					:style="props.ssoOutline ? 'color: #000000;' : `color: #FFFFFF; ${props.ssoBrandBackground ? 'background: #000000;' : ''}`"
-					icon="apple" :class="{ 'px-075': props.ssoAlign ? 'px-075' : '' }"
-					:value="props.ssoShowValue ? texts.appleButton : undefined" :size="props.ssoSize"
-					@click="sso.apple.redirect()"
-				/>
-				<Btn
-					v-if="props.okta" v-tooltip="!props.ssoShowValue ? texts.oktaButton : undefined"
-					:outline="props.ssoOutline" :full-width="props.ssoAlign"
-					:align-txt="props.ssoAlign ? 'start' : undefined"
-					:style="props.ssoOutline ? 'color: #FFB600;' : `color: #FFFFFF; ${props.ssoBrandBackground ? 'background: #FFB600;' : ''}`"
-					icon="sun" :class="{ 'px-075': props.ssoAlign ? 'px-075' : '' }"
-					:value="props.ssoShowValue ? texts.oktaButton : undefined" :size="props.ssoSize"
-					@click="sso.okta.redirect()"
-				/>
-				<Btn
-					v-if="props.facebook" v-tooltip="!props.ssoShowValue ? texts.facebookButton : undefined"
-					:outline="props.ssoOutline" :full-width="props.ssoAlign"
-					:align-txt="props.ssoAlign ? 'start' : undefined"
-					:style="props.ssoOutline ? 'color: #1877F3;' : `color: #FFFFFF; ${props.ssoBrandBackground ? 'background: #1877F3;' : ''}`"
-					icon="facebook" :class="{ 'px-075': props.ssoAlign ? 'px-075' : '' }"
-					:value="props.ssoShowValue ? texts.facebookButton : undefined" :size="props.ssoSize"
-					@click="sso.facebook.redirect()"
-				/>
-			</div>
-			<div class="h-20px pt-075">
-				<p v-if="error" class="txt-center color-red txt-12">
-					{{ error }}
-				</p>
-			</div>
-		</div>
-	</form>
-</template>

package/src/components/auth/ResetPasswordForm.vue

@@ -1,156 +0,0 @@
-<script lang="ts" setup>
-import { useAuth } from '@bagelink/auth'
-import { Btn, Icon, PasswordInput } from '@bagelink/vue'
-import { computed, ref } from 'vue'
-
-export interface ResetPasswordTexts {
-	title?: string
-	invalidLinkTitle?: string
-	invalidLinkMessage?: string
-	newPasswordLabel?: string
-	confirmPasswordLabel?: string
-	submitButton?: string
-	backToLogin?: string
-	passwordMismatchError?: string
-	invalidTokenError?: string
-	successTitle?: string
-	successMessage?: string
-	goToLogin?: string
-}
-
-interface Props {
-	token?: string
-	showSuccess?: boolean
-	useHebrewDefaults?: boolean
-	texts?: Partial<ResetPasswordTexts>
-}
-
-const props = withDefaults(defineProps<Props>(), {
-	useHebrewDefaults: false
-})
-defineEmits<{
-	switchForm: [form: string]
-}>()
-
-const { resetPassword } = useAuth()
-
-const error = ref<string>('')
-const internalSuccess = ref<boolean>(false)
-const newPassword = ref<string>('')
-const confirmPassword = ref<string>('')
-
-const isValidToken = computed(() => !!props.token)
-const isSuccess = computed(() => props.showSuccess || internalSuccess.value)
-
-// Text configuration with conditional defaults
-const texts = computed(() => {
-	const hebrewDefaults = {
-		title: 'איפוס סיסמה',
-		invalidLinkTitle: 'קישור לא תקין',
-		invalidLinkMessage: 'קישור איפוס הסיסמה לא תקין או פג תוקף',
-		newPasswordLabel: 'סיסמה חדשה',
-		confirmPasswordLabel: 'אימות סיסמה',
-		submitButton: 'איפוס סיסמה',
-		backToLogin: 'חזרה להתחברות',
-		passwordMismatchError: 'הסיסמאות לא תואמות',
-		invalidTokenError: 'אסימון לא תקין',
-		successTitle: 'הסיסמה אופסה בהצלחה!',
-		successMessage: 'הסיסמה שלכם אופסה. כעת תוכלו להתחברות עם הסיסמה החדשה.',
-		goToLogin: 'מעבר להתחברות'
-	}
-
-	const englishDefaults = {
-		title: 'Reset Password',
-		invalidLinkTitle: 'Invalid Link',
-		invalidLinkMessage: 'This reset link is invalid or has expired',
-		newPasswordLabel: 'New Password',
-		confirmPasswordLabel: 'Confirm Password',
-		submitButton: 'Reset Password',
-		backToLogin: 'Back to Login',
-		passwordMismatchError: 'Passwords do not match',
-		invalidTokenError: 'Invalid token',
-		successTitle: 'Password Reset Successfully!',
-		successMessage: 'Your password has been reset. You can now log in with your new password.',
-		goToLogin: 'Go to Login'
-	}
-
-	const defaults = props.useHebrewDefaults ? hebrewDefaults : englishDefaults
-
-	return {
-		title: props.texts?.title ?? defaults.title,
-		invalidLinkTitle: props.texts?.invalidLinkTitle ?? defaults.invalidLinkTitle,
-		invalidLinkMessage: props.texts?.invalidLinkMessage ?? defaults.invalidLinkMessage,
-		newPasswordLabel: props.texts?.newPasswordLabel ?? defaults.newPasswordLabel,
-		confirmPasswordLabel: props.texts?.confirmPasswordLabel ?? defaults.confirmPasswordLabel,
-		submitButton: props.texts?.submitButton ?? defaults.submitButton,
-		backToLogin: props.texts?.backToLogin ?? defaults.backToLogin,
-		passwordMismatchError: props.texts?.passwordMismatchError ?? defaults.passwordMismatchError,
-		invalidTokenError: props.texts?.invalidTokenError ?? defaults.invalidTokenError,
-		successTitle: props.texts?.successTitle ?? defaults.successTitle,
-		successMessage: props.texts?.successMessage ?? defaults.successMessage,
-		goToLogin: props.texts?.goToLogin ?? defaults.goToLogin
-	}
-})
-
-const textDirection = computed(() => ({ 'auth-rtl': props.useHebrewDefaults }))
-
-async function handleResetPassword() {
-	if (newPassword.value !== confirmPassword.value) {
-		error.value = texts.value.passwordMismatchError
-		return
-	}
-	if (!props.token) {
-		error.value = texts.value.invalidTokenError
-		return
-	}
-	try {
-		await resetPassword(props.token, newPassword.value)
-		internalSuccess.value = true
-		error.value = ''
-	} catch (err: unknown) {
-		error.value = err instanceof Error ? err.message : 'Reset failed'
-	}
-}
-</script>
-
-<template>
-	<div v-if="!isValidToken" class="txt-center" :class="textDirection">
-		<h1 class="txt20 bold mb-1">
-			{{ texts.invalidLinkTitle }}
-		</h1>
-		<p class="opacity-7 mb-2">
-			{{ texts.invalidLinkMessage }}
-		</p>
-		<Btn :value="texts.backToLogin" @click="$emit('switchForm', 'login')" />
-	</div>
-	<div v-else-if="isSuccess" class="txt-center" :class="textDirection">
-		<Icon name="check_circle" size="4" class="txt-green mb-1" />
-		<h1 class="txt20 bold mb-1">
-			{{ texts.successTitle }}
-		</h1>
-		<p class="opacity-7 mb-2">
-			{{ texts.successMessage }}
-		</p>
-		<Btn :value="texts.goToLogin" @click="$emit('switchForm', 'login')" />
-	</div>
-	<form v-else :class="textDirection" @submit.prevent="handleResetPassword">
-		<h1 class="txt20 bold txt-center mb-1">
-			{{ texts.title }}
-		</h1>
-		<PasswordInput
-			v-model="newPassword" class="mb-05" :label="texts.newPasswordLabel"
-			autocomplete="new-password"
-		/>
-		<PasswordInput v-model="confirmPassword" :label="texts.confirmPasswordLabel" autocomplete="new-password" />
-		<Btn type="submit" class="w-100 mt-2" :value="texts.submitButton" />
-		<Btn
-			thin flat class="txt-12 mt-075 underline block" :value="texts.backToLogin"
-			@click="$emit('switchForm', 'login')"
-		/>
-		<div class="h-20px pt-075">
-			<p v-if="error" class="txt-center color-red txt-12">
-				{{ error }}
-			</p>
-		</div>
-	</form>
-</template>

package/src/components/auth/SignupForm.vue

@@ -1,231 +0,0 @@
-<script lang="ts" setup>
-import { useAuth } from '@bagelink/auth'
-import { Btn, PasswordInput, TextInput } from '@bagelink/vue'
-import { computed, ref } from 'vue'
-
-export interface SignupTexts {
-	title?: string
-	firstNameLabel?: string
-	lastNameLabel?: string
-	emailLabel?: string
-	passwordLabel?: string
-	confirmPasswordLabel?: string
-	signupButton?: string
-	alreadyHaveAccount?: string
-	// Validation errors
-	emailRequiredError?: string
-	emailInvalidError?: string
-	passwordRequiredError?: string
-	passwordTooShortError?: string
-	passwordMismatchError?: string
-	firstNameRequiredError?: string
-	lastNameRequiredError?: string
-}
-
-interface Props {
-	showNames?: boolean
-	useHebrewDefaults?: boolean
-	errorState?: 'normal' | 'email-required' | 'email-invalid' | 'password-short' | 'password-mismatch' | 'name-required' | 'server-error'
-	texts?: Partial<SignupTexts>
-}
-
-const props = withDefaults(defineProps<Props>(), {
-	showNames: true,
-	useHebrewDefaults: false,
-	errorState: 'normal',
-	texts: () => ({})
-})
-
-defineEmits<{
-	switchForm: [form: string]
-}>()
-
-const { signup, login } = useAuth()
-
-// Internal error for actual validation
-const internalError = ref<string>('')
-
-// Use computed for error that reacts to errorState changes
-const error = computed(() => {
-	if (props.errorState !== 'normal') {
-		return getDevError()
-	}
-	return internalError.value
-})
-
-const form = ref({
-	email: '',
-	password: '',
-	confirmPassword: '',
-	first_name: '',
-	last_name: '',
-})
-
-// Text configuration with conditional defaults
-const texts = computed(() => {
-	const hebrewDefaults = {
-		title: 'יצירת חשבון',
-		firstNameLabel: 'שם פרטי',
-		lastNameLabel: 'שם משפחה',
-		emailLabel: 'איימיל',
-		passwordLabel: 'סיסמה',
-		confirmPasswordLabel: 'אימות סיסמה',
-		signupButton: 'יצירת חשבון',
-		alreadyHaveAccount: 'יש לך כבר חשבון?',
-		// Validation errors
-		emailRequiredError: 'איימיל נדרש',
-		emailInvalidError: 'יש להזין כתובת איימיל תקינה',
-		passwordRequiredError: 'סיסמה נדרשת',
-		passwordTooShortError: 'הסיסמה חייבת להיות לפחות 8 תווים',
-		passwordMismatchError: 'הסיסמאות לא תואמות',
-		firstNameRequiredError: 'שם פרטי נדרש',
-		lastNameRequiredError: 'שם משפחה נדרש'
-	}
-
-	const englishDefaults = {
-		title: 'Create Account',
-		firstNameLabel: 'First Name',
-		lastNameLabel: 'Last Name',
-		emailLabel: 'Email',
-		passwordLabel: 'Password',
-		confirmPasswordLabel: 'Confirm Password',
-		signupButton: 'Create Account',
-		alreadyHaveAccount: 'Already have an account?',
-		// Validation errors
-		emailRequiredError: 'Email is required',
-		emailInvalidError: 'Please enter a valid email address',
-		passwordRequiredError: 'Password is required',
-		passwordTooShortError: 'Password must be at least 8 characters',
-		passwordMismatchError: 'Passwords do not match',
-		firstNameRequiredError: 'First name is required',
-		lastNameRequiredError: 'Last name is required'
-	}
-
-	const defaults = props.useHebrewDefaults ? hebrewDefaults : englishDefaults
-
-	return {
-		title: props.texts.title || defaults.title,
-		firstNameLabel: props.texts.firstNameLabel || defaults.firstNameLabel,
-		lastNameLabel: props.texts.lastNameLabel || defaults.lastNameLabel,
-		emailLabel: props.texts.emailLabel || defaults.emailLabel,
-		passwordLabel: props.texts.passwordLabel || defaults.passwordLabel,
-		confirmPasswordLabel: props.texts.confirmPasswordLabel || defaults.confirmPasswordLabel,
-		signupButton: props.texts.signupButton || defaults.signupButton,
-		alreadyHaveAccount: props.texts.alreadyHaveAccount || defaults.alreadyHaveAccount,
-		// Validation errors
-		emailRequiredError: props.texts.emailRequiredError || defaults.emailRequiredError,
-		emailInvalidError: props.texts.emailInvalidError || defaults.emailInvalidError,
-		passwordRequiredError: props.texts.passwordRequiredError || defaults.passwordRequiredError,
-		passwordTooShortError: props.texts.passwordTooShortError || defaults.passwordTooShortError,
-		passwordMismatchError: props.texts.passwordMismatchError || defaults.passwordMismatchError,
-		firstNameRequiredError: props.texts.firstNameRequiredError || defaults.firstNameRequiredError,
-		lastNameRequiredError: props.texts.lastNameRequiredError || defaults.lastNameRequiredError
-	}
-})
-
-const textDirection = computed(() => ({ 'auth-rtl': props.useHebrewDefaults }))
-
-function getDevError() {
-	switch (props.errorState) {
-		case 'email-required': return texts.value.emailRequiredError
-		case 'email-invalid': return texts.value.emailInvalidError
-		case 'password-short': return texts.value.passwordTooShortError
-		case 'password-mismatch': return texts.value.passwordMismatchError
-		case 'name-required': return props.showNames ? texts.value.firstNameRequiredError : null
-		case 'server-error': return props.useHebrewDefaults ? 'כתובת האימייל כבר קיימת או שגיאת שרת' : 'Email already exists or server error'
-		default: return null
-	}
-}
-
-function validateForm() {
-	// Email validation
-	if (!form.value.email.trim()) {
-		return texts.value.emailRequiredError
-	}
-	const emailRegex = /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/
-	if (!emailRegex.test(form.value.email)) {
-		return texts.value.emailInvalidError
-	}
-
-	// Password validation
-	if (!form.value.password) {
-		return texts.value.passwordRequiredError
-	}
-	if (form.value.password.length < 8) {
-		return texts.value.passwordTooShortError
-	}
-	if (form.value.password !== form.value.confirmPassword) {
-		return texts.value.passwordMismatchError
-	}
-
-	// Name validation (only if names are shown)
-	if (props.showNames) {
-		if (!form.value.first_name.trim()) {
-			return texts.value.firstNameRequiredError
-		}
-		if (!form.value.last_name.trim()) {
-			return texts.value.lastNameRequiredError
-		}
-	}
-
-	return null
-}
-
-async function handleSignup() {
-	// Don't process if we're showing a development error
-	if (props.errorState !== 'normal') {
-		return
-	}
-
-	// Clear previous errors
-	internalError.value = ''
-
-	// Validate form first
-	const validationError = validateForm()
-	if (validationError) {
-		internalError.value = validationError
-		return
-	}
-	const { message, success } = await signup(form.value).catch((error) => {
-		console.error(error)
-		// Handle specific server errors
-		const errorMessage = error.response?.data?.detail as string
-		if (errorMessage?.toLowerCase().includes('email')) {
-			return { success: false, message: 'Email already exists or invalid' }
-		}
-		if (errorMessage?.toLowerCase().includes('password')) {
-			return { success: false, message: 'Password does not meet requirements' }
-		}
-		return { success: false, message: errorMessage || 'Registration failed. Please try again.' }
-	})
-	if (!success) {
-		internalError.value = message as string
-		return
-	}
-	await login({ email: form.value.email, password: form.value.password })
-}
-</script>
-
-<template>
-	<form :class="textDirection" @submit.prevent="handleSignup">
-		<h1 class="txt20 bold txt-center mb-1">
-			{{ texts.title }}
-		</h1>
-
-		<TextInput v-if="props.showNames" v-model="form.first_name" :label="texts.firstNameLabel" />
-		<TextInput v-if="props.showNames" v-model="form.last_name" :label="texts.lastNameLabel" />
-		<TextInput v-model="form.email" type="email" :label="texts.emailLabel" autocomplete="username" />
-		<PasswordInput v-model="form.password" class="mb-05" :label="texts.passwordLabel" />
-		<PasswordInput v-model="form.confirmPassword" :label="texts.confirmPasswordLabel" />
-		<Btn class="w-100 mt-2" :value="texts.signupButton" type="submit" />
-		<Btn
-			thin flat class="txt-12 mt-075 underline block" :value="texts.alreadyHaveAccount"
-			@click="$emit('switchForm', 'login')"
-		/>
-		<div class="h-20px pt-075">
-			<p v-if="error" class="txt-center color-red txt-12">
-				{{ error }}
-			</p>
-		</div>
-	</form>
-</template>

package/src/components/index.ts

@@ -1,5 +0,0 @@
-// Export form components
-export { default as ForgotPasswordForm } from './auth/ForgotPasswordForm.vue'
-export { default as LoginForm } from './auth/LoginForm.vue'
-export { default as ResetPasswordForm } from './auth/ResetPasswordForm.vue'
-export { default as SignupForm } from './auth/SignupForm.vue'