@bagelink/auth 1.6.61 → 1.6.65

package/README.md

@@ -16,10 +16,7 @@ npm install @bagelink/auth
 import { initAuth } from '@bagelink/auth'
 
 initAuth({
-  apiEndpoint: 'https://api.your-app.com',
-  storageKey: 'auth_token',
-  // Optional: custom storage
-  storage: localStorage
+  baseURL: 'https://api.your-app.com'
 })
 ```
 
@@ -209,9 +206,7 @@ Initialize the auth module:
 
 ```typescript
 initAuth({
-  apiEndpoint: string      // Required: Your API endpoint
-  storageKey?: string      // Optional: Storage key (default: 'auth_token')
-  storage?: Storage        // Optional: Storage mechanism (default: localStorage)
+  baseURL: string      // Required: Your API endpoint
 })
 ```
 

package/dist/index.cjs

@@ -388,7 +388,7 @@ const _hoisted_3$2 = {
 };
 const _hoisted_4$2 = { class: "txt-center my-05" };
 const _hoisted_5$2 = {
-  key: 2,
+  key: 1,
   class: "txt-center color-red txt-12 mt-1"
 };
 const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
@@ -397,12 +397,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     hideRegularLogin: { type: Boolean, default: false },
     showForgotPassword: { type: Boolean, default: true },
     showSignupButton: { type: Boolean, default: true },
-    github: { type: Boolean, default: true },
-    google: { type: Boolean, default: true },
-    microsoft: { type: Boolean, default: true },
-    apple: { type: Boolean, default: true },
-    okta: { type: Boolean, default: true },
-    facebook: { type: Boolean, default: true },
+    github: { type: Boolean, default: false },
+    google: { type: Boolean, default: false },
+    microsoft: { type: Boolean, default: false },
+    apple: { type: Boolean, default: false },
+    okta: { type: Boolean, default: false },
+    facebook: { type: Boolean, default: false },
     ssoOutline: { type: Boolean, default: true },
     ssoShowValue: { type: Boolean, default: true },
     ssoSize: { default: void 0 },
@@ -439,19 +439,19 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         facebookButton: "התחברות עם Facebook"
       };
       const englishDefaults = {
-        title: "Login In",
+        title: "Login",
         emailLabel: "Email",
         passwordLabel: "Password",
-        forgotPassword: "Forgot Password?",
-        loginButton: "Login In",
+        forgotPassword: "Forgot Password",
+        loginButton: "Login",
         signupButton: "Create Account",
         orText: "or",
-        githubButton: "Login with GitHub",
-        googleButton: "Login with Google",
-        microsoftButton: "Login with Microsoft",
-        appleButton: "Login with Apple",
-        oktaButton: "Login with Okta",
-        facebookButton: "Login with Facebook"
+        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 {
@@ -547,6 +547,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("p", _hoisted_4$2, vue.toDisplayString(texts.value.orText), 1),
             _cache[11] || (_cache[11] = vue.createElementVNode("div", { class: "line" }, null, -1))
           ])) : vue.createCommentVNode("", true),
+          error.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$2, vue.toDisplayString(error.value), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["gap-05", { "grid grid-wrap-1": props.ssoShowValue, "flex justify-content-center gap-05 flex-wrap": !props.ssoShowValue }])
           }, [
@@ -635,8 +636,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
               [_directive_tooltip, !props.ssoShowValue ? texts.value.facebookButton : void 0]
             ]) : vue.createCommentVNode("", true)
           ], 2)
-        ])) : vue.createCommentVNode("", true),
-        error.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$2, vue.toDisplayString(error.value), 1)) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true)
       ], 34);
     };
   }
@@ -1268,12 +1268,12 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "LoginPage",
   props: {
     texts: {},
-    showGithub: { type: Boolean, default: true },
-    showGoogle: { type: Boolean, default: true },
-    showMicrosoft: { type: Boolean, default: true },
-    showApple: { type: Boolean, default: true },
-    showOkta: { type: Boolean, default: true },
-    showFacebook: { type: Boolean, default: true },
+    github: { type: Boolean, default: true },
+    google: { type: Boolean, default: true },
+    microsoft: { type: Boolean, default: true },
+    apple: { type: Boolean, default: true },
+    okta: { type: Boolean, default: true },
+    facebook: { type: Boolean, default: true },
     ssoOutline: { type: Boolean, default: true },
     ssoShowValue: { type: Boolean, default: true },
     ssoBrandBackground: { type: Boolean, default: true },
@@ -1300,12 +1300,12 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => [
             vue.createVNode(_sfc_main$7, {
               texts: _ctx.texts,
-              github: _ctx.showGithub,
-              google: _ctx.showGoogle,
-              microsoft: _ctx.showMicrosoft,
-              apple: _ctx.showApple,
-              okta: _ctx.showOkta,
-              facebook: _ctx.showFacebook,
+              github: _ctx.github,
+              google: _ctx.google,
+              microsoft: _ctx.microsoft,
+              apple: _ctx.apple,
+              okta: _ctx.okta,
+              facebook: _ctx.facebook,
               "sso-outline": _ctx.ssoOutline,
               "sso-show-value": _ctx.ssoShowValue,
               "sso-brand-background": _ctx.ssoBrandBackground,

package/dist/index.mjs

@@ -386,7 +386,7 @@ const _hoisted_3$2 = {
 };
 const _hoisted_4$2 = { class: "txt-center my-05" };
 const _hoisted_5$2 = {
-  key: 2,
+  key: 1,
   class: "txt-center color-red txt-12 mt-1"
 };
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
@@ -395,12 +395,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     hideRegularLogin: { type: Boolean, default: false },
     showForgotPassword: { type: Boolean, default: true },
     showSignupButton: { type: Boolean, default: true },
-    github: { type: Boolean, default: true },
-    google: { type: Boolean, default: true },
-    microsoft: { type: Boolean, default: true },
-    apple: { type: Boolean, default: true },
-    okta: { type: Boolean, default: true },
-    facebook: { type: Boolean, default: true },
+    github: { type: Boolean, default: false },
+    google: { type: Boolean, default: false },
+    microsoft: { type: Boolean, default: false },
+    apple: { type: Boolean, default: false },
+    okta: { type: Boolean, default: false },
+    facebook: { type: Boolean, default: false },
     ssoOutline: { type: Boolean, default: true },
     ssoShowValue: { type: Boolean, default: true },
     ssoSize: { default: void 0 },
@@ -437,19 +437,19 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         facebookButton: "התחברות עם Facebook"
       };
       const englishDefaults = {
-        title: "Login In",
+        title: "Login",
         emailLabel: "Email",
         passwordLabel: "Password",
-        forgotPassword: "Forgot Password?",
-        loginButton: "Login In",
+        forgotPassword: "Forgot Password",
+        loginButton: "Login",
         signupButton: "Create Account",
         orText: "or",
-        githubButton: "Login with GitHub",
-        googleButton: "Login with Google",
-        microsoftButton: "Login with Microsoft",
-        appleButton: "Login with Apple",
-        oktaButton: "Login with Okta",
-        facebookButton: "Login with Facebook"
+        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 {
@@ -545,6 +545,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             createElementVNode("p", _hoisted_4$2, toDisplayString(texts.value.orText), 1),
             _cache[11] || (_cache[11] = createElementVNode("div", { class: "line" }, null, -1))
           ])) : createCommentVNode("", true),
+          error.value ? (openBlock(), createElementBlock("p", _hoisted_5$2, toDisplayString(error.value), 1)) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass(["gap-05", { "grid grid-wrap-1": props.ssoShowValue, "flex justify-content-center gap-05 flex-wrap": !props.ssoShowValue }])
           }, [
@@ -633,8 +634,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               [_directive_tooltip, !props.ssoShowValue ? texts.value.facebookButton : void 0]
             ]) : createCommentVNode("", true)
           ], 2)
-        ])) : createCommentVNode("", true),
-        error.value ? (openBlock(), createElementBlock("p", _hoisted_5$2, toDisplayString(error.value), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
       ], 34);
     };
   }
@@ -1266,12 +1266,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "LoginPage",
   props: {
     texts: {},
-    showGithub: { type: Boolean, default: true },
-    showGoogle: { type: Boolean, default: true },
-    showMicrosoft: { type: Boolean, default: true },
-    showApple: { type: Boolean, default: true },
-    showOkta: { type: Boolean, default: true },
-    showFacebook: { type: Boolean, default: true },
+    github: { type: Boolean, default: true },
+    google: { type: Boolean, default: true },
+    microsoft: { type: Boolean, default: true },
+    apple: { type: Boolean, default: true },
+    okta: { type: Boolean, default: true },
+    facebook: { type: Boolean, default: true },
     ssoOutline: { type: Boolean, default: true },
     ssoShowValue: { type: Boolean, default: true },
     ssoBrandBackground: { type: Boolean, default: true },
@@ -1298,12 +1298,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_sfc_main$7, {
               texts: _ctx.texts,
-              github: _ctx.showGithub,
-              google: _ctx.showGoogle,
-              microsoft: _ctx.showMicrosoft,
-              apple: _ctx.showApple,
-              okta: _ctx.showOkta,
-              facebook: _ctx.showFacebook,
+              github: _ctx.github,
+              google: _ctx.google,
+              microsoft: _ctx.microsoft,
+              apple: _ctx.apple,
+              okta: _ctx.okta,
+              facebook: _ctx.facebook,
               "sso-outline": _ctx.ssoOutline,
               "sso-show-value": _ctx.ssoShowValue,
               "sso-brand-background": _ctx.ssoBrandBackground,

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

@@ -3,12 +3,12 @@ interface Props {
     /** Custom texts for the login form */
     texts?: Partial<LoginTexts>;
     /** Show/hide specific SSO providers */
-    showGithub?: boolean;
-    showGoogle?: boolean;
-    showMicrosoft?: boolean;
-    showApple?: boolean;
-    showOkta?: boolean;
-    showFacebook?: boolean;
+    github?: boolean;
+    google?: boolean;
+    microsoft?: boolean;
+    apple?: boolean;
+    okta?: boolean;
+    facebook?: boolean;
     /** SSO button styling */
     ssoOutline?: boolean;
     ssoShowValue?: boolean;
@@ -21,6 +21,12 @@ interface Props {
     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;
@@ -28,11 +34,5 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     ssoBrandBackground: boolean;
     cardWidth: string;
     cardShadow: boolean;
-    showGithub: boolean;
-    showGoogle: boolean;
-    showMicrosoft: boolean;
-    showApple: boolean;
-    showOkta: boolean;
-    showFacebook: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/package.json

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

package/src/components/auth/LoginForm.vue

@@ -43,12 +43,12 @@ const props = withDefaults(defineProps<Props>(), {
 	hideRegularLogin: false,
 	showForgotPassword: true,
 	showSignupButton: true,
-	github: true,
-	google: true,
-	microsoft: true,
-	apple: true,
-	okta: true,
-	facebook: true,
+	github: false,
+	google: false,
+	microsoft: false,
+	apple: false,
+	okta: false,
+	facebook: false,
 	ssoOutline: true,
 	ssoShowValue: true,
 	ssoSize: undefined,
@@ -90,19 +90,19 @@ const texts = computed(() => {
 	}
 
 	const englishDefaults = {
-		title: 'Login In',
+		title: 'Login',
 		emailLabel: 'Email',
 		passwordLabel: 'Password',
-		forgotPassword: 'Forgot Password?',
-		loginButton: 'Login In',
+		forgotPassword: 'Forgot Password',
+		loginButton: 'Login',
 		signupButton: 'Create Account',
 		orText: 'or',
-		githubButton: 'Login with GitHub',
-		googleButton: 'Login with Google',
-		microsoftButton: 'Login with Microsoft',
-		appleButton: 'Login with Apple',
-		oktaButton: 'Login with Okta',
-		facebookButton: 'Login with Facebook'
+		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
@@ -188,7 +188,9 @@ async function handleLogin() {
 				</p>
 				<div class="line" />
 			</div>
-
+			<p v-if="error" class="txt-center color-red txt-12 mt-1">
+				{{ error }}
+			</p>
 			<div
 				class="gap-05"
 				:class="{ 'grid grid-wrap-1': props.ssoShowValue, 'flex justify-content-center gap-05 flex-wrap': !props.ssoShowValue }"
@@ -249,9 +251,5 @@ async function handleLogin() {
 				/>
 			</div>
 		</div>
-
-		<p v-if="error" class="txt-center color-red txt-12 mt-1">
-			{{ error }}
-		</p>
 	</form>
 </template>

package/src/components/auth/ResetPasswordForm.vue

@@ -137,10 +137,16 @@ async function 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="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')" />
+		<Btn
+			thin flat class="txt-12 mt-075 underline block" :value="texts.backToLogin"
+			@click="$emit('switchForm', 'login')"
+		/>
 		<p v-if="error" class="txt-center color-red txt-12 mt-1" v-text="error" />
 	</form>
 </template>

package/src/components/auth/SignupForm.vue

@@ -218,7 +218,10 @@ async function handleSignup() {
 		<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')" />
+		<Btn
+			thin flat class="txt-12 mt-075 underline block" :value="texts.alreadyHaveAccount"
+			@click="$emit('switchForm', 'login')"
+		/>
 		<p v-if="error" class="txt-center color-red txt-12 mt-1" v-text="error" />
 	</form>
 </template>

package/src/pages/LoginPage.vue

@@ -8,12 +8,12 @@ interface Props {
 	/** Custom texts for the login form */
 	texts?: Partial<LoginTexts>
 	/** Show/hide specific SSO providers */
-	showGithub?: boolean
-	showGoogle?: boolean
-	showMicrosoft?: boolean
-	showApple?: boolean
-	showOkta?: boolean
-	showFacebook?: boolean
+	github?: boolean
+	google?: boolean
+	microsoft?: boolean
+	apple?: boolean
+	okta?: boolean
+	facebook?: boolean
 	/** SSO button styling */
 	ssoOutline?: boolean
 	ssoShowValue?: boolean
@@ -27,12 +27,12 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-	showGithub: true,
-	showGoogle: true,
-	showMicrosoft: true,
-	showApple: true,
-	showOkta: true,
-	showFacebook: true,
+	github: true,
+	google: true,
+	microsoft: true,
+	apple: true,
+	okta: true,
+	facebook: true,
 	ssoOutline: true,
 	ssoShowValue: true,
 	ssoBrandBackground: true,
@@ -57,8 +57,8 @@ function switchForm(form: string) {
 	<div class="flex justify-content-center align-items-center min-vh-100 px-1 py-2">
 		<Card :class="{ shadow: cardShadow }" :style="{ width: cardWidth, maxWidth: '100%' }" class="p-2">
 			<LoginForm
-				:texts="texts" :github="showGithub" :google="showGoogle" :microsoft="showMicrosoft"
-				:apple="showApple" :okta="showOkta" :facebook="showFacebook" :sso-outline="ssoOutline"
+				:texts="texts" :github="github" :google="google" :microsoft="microsoft"
+				:apple="apple" :okta="okta" :facebook="facebook" :sso-outline="ssoOutline"
 				:sso-show-value="ssoShowValue" :sso-brand-background="ssoBrandBackground"
 				:show-forgot-password="showForgotPassword" :show-signup-button="showSignupButton"
 				@switch-form="switchForm"