@bagelink/auth 1.12.1 → 1.12.5

package/dist/routes.d.ts

@@ -1,39 +1,3 @@
-import { RouteRecordRaw } from 'vue-router';
-export interface AuthRouteConfig {
-    /** Base path for auth routes. Defaults to '/' */
-    basePath?: string;
-    /** Route names prefix. Defaults to '' */
-    namePrefix?: string;
-    /** Custom route names */
-    routeNames?: {
-        login?: string;
-        signup?: string;
-        forgotPassword?: string;
-        resetPassword?: string;
-        callback?: string;
-    };
-    /** Redirect path after successful auth. Defaults to '/' */
-    redirectTo?: string;
-    /** Custom layout wrapper component */
-    layout?: any;
-}
-/**
- * Creates auth routes for Vue Router
- *
- * @example
- * ```ts
- * import { createAuthRoutes } from '@bagelink/auth'
- *
- * const routes = [
- *   ...createAuthRoutes({
- *     basePath: '/auth',
- *     redirectTo: '/dashboard'
- *   }),
- *   // ... other routes
- * ]
- * ```
- */
-export declare function createAuthRoutes(config?: AuthRouteConfig): RouteRecordRaw[];
 /**
  * Creates a navigation guard to redirect authenticated users away from auth pages
  *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/auth",
   "type": "module",
-  "version": "1.12.1",
+  "version": "1.12.5",
   "description": "Bagelink auth package",
   "author": {
     "name": "Bagel Studio",

package/src/index.ts

@@ -1,19 +1,6 @@
 // Core auth functionality
 export * from './api'
-// Components
-export { default as ForgotPasswordForm } from './components/auth/ForgotPasswordForm.vue'
-export { default as LoginForm } from './components/auth/LoginForm.vue'
-export { default as ResetPasswordForm } from './components/auth/ResetPasswordForm.vue'
-
-export { default as SignupForm } from './components/auth/SignupForm.vue'
 export * from './constants'
-// Page components
-export { default as Callback } from './pages/Callback.vue'
-export { default as ForgotPasswordPage } from './pages/ForgotPasswordPage.vue'
-
-export { default as LoginPage } from './pages/LoginPage.vue'
-export { default as ResetPasswordPage } from './pages/ResetPasswordPage.vue'
-export { default as SignupPage } from './pages/SignupPage.vue'
 
 // Redirect utilities
 export * from './redirect'

package/src/routes.ts

@@ -1,99 +1,3 @@
-import type { RouteRecordRaw } from 'vue-router'
-
-export interface AuthRouteConfig {
-	/** Base path for auth routes. Defaults to '/' */
-	basePath?: string
-	/** Route names prefix. Defaults to '' */
-	namePrefix?: string
-	/** Custom route names */
-	routeNames?: {
-		login?: string
-		signup?: string
-		forgotPassword?: string
-		resetPassword?: string
-		callback?: string
-	}
-	/** Redirect path after successful auth. Defaults to '/' */
-	redirectTo?: string
-	/** Custom layout wrapper component */
-	layout?: any
-}
-
-/**
- * Creates auth routes for Vue Router
- *
- * @example
- * ```ts
- * import { createAuthRoutes } from '@bagelink/auth'
- *
- * const routes = [
- *   ...createAuthRoutes({
- *     basePath: '/auth',
- *     redirectTo: '/dashboard'
- *   }),
- *   // ... other routes
- * ]
- * ```
- */
-export function createAuthRoutes(config: AuthRouteConfig = {}): RouteRecordRaw[] {
-	const {
-		basePath = '',
-		namePrefix = '',
-		routeNames = {},
-		layout
-	} = config
-
-	const createRouteName = (name: string) => namePrefix ? `${namePrefix}${name}` : name
-
-	// Lazy load components
-	const routes: RouteRecordRaw[] = [
-		{
-			path: `${basePath}/login`,
-			name: routeNames.login || createRouteName('Login'),
-			component: () => import('./pages/LoginPage.vue'),
-			meta: { requiresAuth: false }
-		},
-		{
-			path: `${basePath}/signup`,
-			name: routeNames.signup || createRouteName('Signup'),
-			component: () => import('./pages/SignupPage.vue'),
-			meta: { requiresAuth: false }
-		},
-		{
-			path: `${basePath}/forgot-password`,
-			name: routeNames.forgotPassword || createRouteName('ForgotPassword'),
-			component: () => import('./pages/ForgotPasswordPage.vue'),
-			meta: { requiresAuth: false }
-		},
-		{
-			path: `${basePath}/reset-password`,
-			name: routeNames.resetPassword || createRouteName('ResetPassword'),
-			component: () => import('./pages/ResetPasswordPage.vue'),
-			meta: { requiresAuth: false }
-		},
-		{
-			path: `${basePath}/callback`,
-			name: routeNames.callback || createRouteName('AuthCallback'),
-			component: () => import('./pages/Callback.vue'),
-			meta: { requiresAuth: false }
-		}
-	]
-
-	// Wrap in layout if provided
-	if (layout) {
-		return [{
-			path: basePath,
-			component: layout,
-			children: routes.map(route => ({
-				...route,
-				path: route.path.replace(basePath, '')
-			}))
-		}]
-	}
-
-	return routes
-}
-
 /**
  * Creates a navigation guard to redirect authenticated users away from auth pages
  *

package/dist/Callback-BHqVaZZm.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.cjs");
-exports.default = index.Callback;

package/dist/Callback-C-XghN_z.js

@@ -1,4 +0,0 @@
-import { Callback as _sfc_main } from "./index.mjs";
-export {
-  _sfc_main as default
-};

package/dist/ForgotPasswordPage-BV9tyhHl.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.cjs");
-exports.default = index.ForgotPasswordPage;

package/dist/ForgotPasswordPage-DvttMGb0.js

@@ -1,4 +0,0 @@
-import { ForgotPasswordPage as _sfc_main } from "./index.mjs";
-export {
-  _sfc_main as default
-};

package/dist/LoginPage-hv1wc54S.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.cjs");
-exports.default = index.LoginPage;

package/dist/LoginPage-klj1NV4J.js

@@ -1,4 +0,0 @@
-import { LoginPage as _sfc_main } from "./index.mjs";
-export {
-  _sfc_main as default
-};

package/dist/ResetPasswordPage-COPrJmW8.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.cjs");
-exports.default = index.ResetPasswordPage;

package/dist/ResetPasswordPage-nvQ4uupb.js

@@ -1,4 +0,0 @@
-import { ResetPasswordPage as _sfc_main } from "./index.mjs";
-export {
-  _sfc_main as default
-};

package/dist/SignupPage-m36w9PLJ.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.cjs");
-exports.default = index.SignupPage;

package/dist/SignupPage-oUFYApYW.js

@@ -1,4 +0,0 @@
-import { SignupPage as _sfc_main } from "./index.mjs";
-export {
-  _sfc_main as default
-};

package/dist/components/auth/ForgotPasswordForm.vue.d.ts

@@ -1,23 +0,0 @@
-export interface ForgotPasswordTexts {
-    title?: string;
-    emailLabel?: string;
-    submitButton?: string;
-    backToLogin?: string;
-    emailSentTitle?: string;
-    emailSentMessage?: string;
-}
-interface Props {
-    emailSent?: boolean;
-    useHebrewDefaults?: boolean;
-    texts?: Partial<ForgotPasswordTexts>;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    switchForm: (form: string) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onSwitchForm?: ((form: string) => any) | undefined;
-}>, {
-    emailSent: boolean;
-    useHebrewDefaults: boolean;
-    texts: Partial<ForgotPasswordTexts>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/auth/LoginForm.vue.d.ts

@@ -1,58 +0,0 @@
-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>;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    switchForm: (form: string) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onSwitchForm?: ((form: string) => any) | undefined;
-}>, {
-    google: boolean;
-    microsoft: boolean;
-    github: boolean;
-    okta: boolean;
-    apple: boolean;
-    facebook: boolean;
-    useHebrewDefaults: boolean;
-    texts: Partial<LoginTexts>;
-    hideRegularLogin: boolean;
-    showForgotPassword: boolean;
-    showSignupButton: boolean;
-    ssoOutline: boolean;
-    ssoShowValue: boolean;
-    ssoSize: "xs" | "s" | "m" | "l" | "xl" | "extra-small" | "small" | "medium" | "large" | "extra-large";
-    ssoAlign: boolean;
-    ssoBrandBackground: boolean;
-    errorState: "normal" | "email-required" | "email-invalid" | "password-required" | "invalid-credentials" | "server-error";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFormElement>;
-export default _default;

package/dist/components/auth/ResetPasswordForm.vue.d.ts

@@ -1,28 +0,0 @@
-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>;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    switchForm: (form: string) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onSwitchForm?: ((form: string) => any) | undefined;
-}>, {
-    useHebrewDefaults: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/auth/SignupForm.vue.d.ts

@@ -1,34 +0,0 @@
-export interface SignupTexts {
-    title?: string;
-    firstNameLabel?: string;
-    lastNameLabel?: string;
-    emailLabel?: string;
-    passwordLabel?: string;
-    confirmPasswordLabel?: string;
-    signupButton?: string;
-    alreadyHaveAccount?: string;
-    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>;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    switchForm: (form: string) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onSwitchForm?: ((form: string) => any) | undefined;
-}>, {
-    useHebrewDefaults: boolean;
-    texts: Partial<SignupTexts>;
-    errorState: "normal" | "email-required" | "email-invalid" | "password-short" | "password-mismatch" | "name-required" | "server-error";
-    showNames: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFormElement>;
-export default _default;

package/dist/components/index.d.ts

@@ -1,4 +0,0 @@
-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';

package/dist/pages/Callback.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;

package/dist/pages/ForgotPasswordPage.vue.d.ts

@@ -1,13 +0,0 @@
-import { ForgotPasswordTexts } from '../components/auth/ForgotPasswordForm.vue';
-interface Props {
-    /** Custom texts for the forgot password form */
-    texts?: Partial<ForgotPasswordTexts>;
-    /** Card styling */
-    cardWidth?: string;
-    cardShadow?: boolean;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    cardWidth: string;
-    cardShadow: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/pages/LoginPage.vue.d.ts

@@ -1,38 +0,0 @@
-import { LoginTexts } from '../components/auth/LoginForm.vue';
-interface Props {
-    /** Custom texts for the login form */
-    texts?: Partial<LoginTexts>;
-    /** Show/hide specific SSO providers */
-    github?: boolean;
-    google?: boolean;
-    microsoft?: boolean;
-    apple?: boolean;
-    okta?: boolean;
-    facebook?: boolean;
-    /** SSO button styling */
-    ssoOutline?: boolean;
-    ssoShowValue?: boolean;
-    ssoBrandBackground?: boolean;
-    /** Show/hide form elements */
-    showForgotPassword?: boolean;
-    showSignupButton?: boolean;
-    /** Card styling */
-    cardWidth?: string;
-    cardShadow?: boolean;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    google: boolean;
-    microsoft: boolean;
-    github: boolean;
-    okta: boolean;
-    apple: boolean;
-    facebook: boolean;
-    showForgotPassword: boolean;
-    showSignupButton: boolean;
-    ssoOutline: boolean;
-    ssoShowValue: boolean;
-    ssoBrandBackground: boolean;
-    cardWidth: string;
-    cardShadow: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/pages/ResetPasswordPage.vue.d.ts

@@ -1,13 +0,0 @@
-import { ResetPasswordTexts } from '../components/auth/ResetPasswordForm.vue';
-interface Props {
-    /** Custom texts for the reset password form */
-    texts?: Partial<ResetPasswordTexts>;
-    /** Card styling */
-    cardWidth?: string;
-    cardShadow?: boolean;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    cardWidth: string;
-    cardShadow: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/pages/SignupPage.vue.d.ts

@@ -1,16 +0,0 @@
-import { SignupTexts } from '../components/auth/SignupForm.vue';
-interface Props {
-    /** Custom texts for the signup form */
-    texts?: Partial<SignupTexts>;
-    /** Show name fields (first name, last name) */
-    showNames?: boolean;
-    /** Card styling */
-    cardWidth?: string;
-    cardShadow?: boolean;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    showNames: boolean;
-    cardWidth: string;
-    cardShadow: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/src/components/auth/ForgotPasswordForm.vue

@@ -1,97 +0,0 @@
-<script lang="ts" setup>
-import { useAuth } from '@bagelink/auth'
-import { Btn, Icon, TextInput } from '@bagelink/vue'
-import { computed, ref } from 'vue'
-
-export interface ForgotPasswordTexts {
-	title?: string
-	emailLabel?: string
-	submitButton?: string
-	backToLogin?: string
-	emailSentTitle?: string
-	emailSentMessage?: string
-}
-
-interface Props {
-	emailSent?: boolean
-	useHebrewDefaults?: boolean
-	texts?: Partial<ForgotPasswordTexts>
-}
-
-const props = withDefaults(defineProps<Props>(), {
-	emailSent: false,
-	useHebrewDefaults: false,
-	texts: () => ({})
-})
-
-defineEmits<{
-	switchForm: [form: string]
-}>()
-
-const { forgotPassword } = useAuth()
-
-const email = ref<string>('')
-const internalEmailSent = ref(false)
-
-const showEmailSent = computed(() => props.emailSent || internalEmailSent.value)
-
-// Text configuration with conditional defaults
-const texts = computed(() => {
-	const hebrewDefaults = {
-		title: 'שכחתם סיסמה',
-		emailLabel: 'איימיל',
-		submitButton: 'שליחת איימיל איפוס',
-		backToLogin: 'חזרה להתחברות',
-		emailSentTitle: 'איימיל נשלח!',
-		emailSentMessage: 'יש לבדוק את תיבת הדואר שלכם לקישור איפוס הסיסמה'
-	}
-
-	const englishDefaults = {
-		title: 'Forgot Password',
-		emailLabel: 'Email',
-		submitButton: 'Send Reset Email',
-		backToLogin: 'Back to Login',
-		emailSentTitle: 'Email Sent!',
-		emailSentMessage: 'Check your inbox for a password reset link'
-	}
-
-	const defaults = props.useHebrewDefaults ? hebrewDefaults : englishDefaults
-
-	return {
-		title: props.texts?.title ?? defaults.title,
-		emailLabel: props.texts?.emailLabel ?? defaults.emailLabel,
-		submitButton: props.texts?.submitButton ?? defaults.submitButton,
-		backToLogin: props.texts?.backToLogin ?? defaults.backToLogin,
-		emailSentTitle: props.texts?.emailSentTitle ?? defaults.emailSentTitle,
-		emailSentMessage: props.texts?.emailSentMessage ?? defaults.emailSentMessage
-	}
-})
-
-const textDirection = computed(() => ({ 'auth-rtl': props.useHebrewDefaults }))
-
-async function handleRecoverPassword() {
-	await forgotPassword(email.value)
-	internalEmailSent.value = true
-}
-</script>
-
-<template>
-	<div v-if="showEmailSent" class="txt-center" :class="[textDirection]">
-		<Icon name="email" size="4" class="opacity-3 mb-1" />
-		<h1 class="txt20 bold mb-1">
-			{{ texts.emailSentTitle }}
-		</h1>
-		<p class="txt-center opacity-7">
-			{{ texts.emailSentMessage }}
-		</p>
-		<Btn thin flat class="txt-12 mt-2 underline" :value="texts.backToLogin" @click="$emit('switchForm', 'login')" />
-	</div>
-	<form v-else :class="textDirection" @submit.prevent="handleRecoverPassword">
-		<h1 class="txt20 bold txt-center mb-1">
-			{{ texts.title }}
-		</h1>
-		<TextInput v-model="email" :label="texts.emailLabel" autocomplete="email" type="email" />
-		<Btn type="submit" class="w-100 mt-05" :value="texts.submitButton" />
-		<Btn thin flat class="txt-12 mt-075 underline block" :value="texts.backToLogin" @click="$emit('switchForm', 'login')" />
-	</form>
-</template>