@bagelink/auth 1.12.3 → 1.12.8

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>

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>