@authsome/ui-vue 1.4.0 → 1.4.2

package/README.md

@@ -0,0 +1,232 @@
+# @authsome/ui-vue
+
+Vue 3 composables for AuthSome. This package is **headless** — it ships
+composables (`useAuth`, `useClientConfig`, `useUser`, `useOrganizations`,
+`useSessionToken`) and no rendered components, so consumers own all
+markup and styling.
+
+## Setup
+
+```ts
+// main.ts
+import { createApp } from "vue";
+import { createAuthPlugin } from "@authsome/ui-vue";
+import App from "./App.vue";
+
+const app = createApp(App);
+app.use(
+  createAuthPlugin({
+    baseURL: "https://api.example.com",
+    publishableKey: "pk_…", // required to fetch /v1/client-config
+  }),
+);
+app.mount("#app");
+```
+
+## Phase 3B: verification panels and captcha
+
+`useAuth` exposes the same surface as `@authsome/ui-react`:
+
+- `state.value.status === "verification_pending"` after `signUp()` resolves.
+- `state.value.status === "email_not_verified"` after `signIn()` rejects with
+  a backend error of `type: "email_not_verified"`.
+- `resendVerification(email)` calls `POST /v1/verify-email/resend`.
+- `signIn` and `signUp` both accept an optional third/fourth `options` arg of
+  shape `{ captchaToken?: string }`.
+- `useClientConfig()` exposes `config.value.captcha = { required, provider, site_key }`
+  so the template can decide whether to render Turnstile.
+
+### Sign-up template
+
+```vue
+<script setup lang="ts">
+import { ref, computed } from "vue";
+import { useAuth, useClientConfig } from "@authsome/ui-vue";
+
+const { state, signUp, resendVerification } = useAuth();
+const { config } = useClientConfig();
+
+const email = ref("");
+const password = ref("");
+const captchaToken = ref<string | null>(null);
+const error = ref<string | null>(null);
+const isSubmitting = ref(false);
+
+const captchaRequired = computed(
+  () =>
+    config.value?.captcha?.required === true &&
+    config.value?.captcha?.provider === "turnstile" &&
+    !!config.value?.captcha?.site_key,
+);
+
+async function onSubmit() {
+  error.value = null;
+  isSubmitting.value = true;
+  try {
+    await signUp(email.value, password.value, undefined, {
+      captchaToken: captchaToken.value ?? undefined,
+    });
+  } catch (e) {
+    error.value = e instanceof Error ? e.message : "Sign-up failed";
+  } finally {
+    isSubmitting.value = false;
+  }
+}
+</script>
+
+<template>
+  <div v-if="state.status === 'verification_pending'">
+    <h2>Check your inbox</h2>
+    <p>We sent a verification link to {{ state.email }}.</p>
+    <button @click="resendVerification(state.email)">Resend email</button>
+  </div>
+
+  <form v-else @submit.prevent="onSubmit">
+    <input v-model="email" type="email" required />
+    <input v-model="password" type="password" required />
+
+    <!-- Render Turnstile when captcha is required. See <TurnstileWidget> below. -->
+    <TurnstileWidget
+      v-if="captchaRequired"
+      :site-key="config!.captcha!.site_key!"
+      @token="captchaToken = $event"
+    />
+
+    <button
+      type="submit"
+      :disabled="isSubmitting || (captchaRequired && !captchaToken)"
+    >
+      Create account
+    </button>
+    <p v-if="error">{{ error }}</p>
+  </form>
+</template>
+```
+
+### Sign-in template
+
+```vue
+<script setup lang="ts">
+import { ref } from "vue";
+import { useAuth, useClientConfig } from "@authsome/ui-vue";
+
+const { state, signIn, resendVerification } = useAuth();
+const { config } = useClientConfig();
+
+const email = ref("");
+const password = ref("");
+const captchaToken = ref<string | null>(null);
+const error = ref<string | null>(null);
+
+async function onSubmit() {
+  error.value = null;
+  try {
+    await signIn(email.value, password.value, {
+      captchaToken: captchaToken.value ?? undefined,
+    });
+  } catch (e) {
+    // The manager has already promoted email_not_verified errors into
+    // state.status === "email_not_verified" — only show the message for
+    // unrelated failures.
+    if (state.value.status !== "email_not_verified") {
+      error.value = e instanceof Error ? e.message : "Sign-in failed";
+    }
+  }
+}
+</script>
+
+<template>
+  <div v-if="state.status === 'email_not_verified'">
+    <h2>Verify your email</h2>
+    <p>{{ state.email }} hasn't been verified yet.</p>
+    <button @click="resendVerification(state.email)">Resend link</button>
+  </div>
+
+  <form v-else @submit.prevent="onSubmit">
+    <input v-model="email" type="email" required />
+    <input v-model="password" type="password" required />
+    <TurnstileWidget
+      v-if="config?.captcha?.required && config.captcha.provider === 'turnstile' && config.captcha.site_key"
+      :site-key="config.captcha.site_key"
+      @token="captchaToken = $event"
+    />
+    <button type="submit">Sign in</button>
+    <p v-if="error">{{ error }}</p>
+  </form>
+</template>
+```
+
+### TurnstileWidget.vue
+
+The React package ships a `<TurnstileWidget>` in `@authsome/ui-components`.
+For Vue, drop the following SFC into your project (it loads the Turnstile
+script once and re-uses it across mounts):
+
+```vue
+<script setup lang="ts">
+import { onMounted, onBeforeUnmount, ref } from "vue";
+
+const props = defineProps<{ siteKey: string }>();
+const emit = defineEmits<{ (e: "token", token: string): void }>();
+
+const container = ref<HTMLDivElement | null>(null);
+const widgetId = ref<string | null>(null);
+
+const SCRIPT_SRC = "https://challenges.cloudflare.com/turnstile/v0/api.js";
+
+declare global {
+  interface Window {
+    turnstile?: {
+      render: (
+        el: HTMLElement,
+        opts: { sitekey: string; callback: (token: string) => void },
+      ) => string;
+      remove: (id: string) => void;
+    };
+  }
+}
+
+function ensureScript(): Promise<void> {
+  if (typeof window === "undefined") return Promise.resolve();
+  if (window.turnstile) return Promise.resolve();
+  if (document.querySelector(`script[src="${SCRIPT_SRC}"]`)) {
+    return new Promise((resolve) => {
+      const tick = () => (window.turnstile ? resolve() : setTimeout(tick, 50));
+      tick();
+    });
+  }
+  return new Promise((resolve, reject) => {
+    const s = document.createElement("script");
+    s.src = SCRIPT_SRC;
+    s.async = true;
+    s.defer = true;
+    s.onload = () => resolve();
+    s.onerror = () => reject(new Error("Failed to load Turnstile"));
+    document.head.appendChild(s);
+  });
+}
+
+onMounted(async () => {
+  await ensureScript();
+  if (!container.value || !window.turnstile) return;
+  widgetId.value = window.turnstile.render(container.value, {
+    sitekey: props.siteKey,
+    callback: (token) => emit("token", token),
+  });
+});
+
+onBeforeUnmount(() => {
+  if (widgetId.value && window.turnstile) {
+    window.turnstile.remove(widgetId.value);
+  }
+});
+</script>
+
+<template>
+  <div ref="container" />
+</template>
+```
+
+The script-load + cleanup logic mirrors
+`ui/packages/components/src/components/turnstile-widget.tsx` in the React
+implementation.

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-import { AuthConfig, User, Session, AuthClient } from '@authsome/ui-core';
-export { APIError, AuthConfig, AuthState, MFAEnrollment, Member, Organization, Session, TokenStorage, User } from '@authsome/ui-core';
+import * as _authsome_ui_core from '@authsome/ui-core';
+import { AuthConfig, User, Session } from '@authsome/ui-core';
+export { APIError, AuthConfig, AuthState, ClientConfig, MFAEnrollment, Member, Organization, Session, TokenStorage, User } from '@authsome/ui-core';
 import * as vue from 'vue';
 import { App, Ref } from 'vue';
 
@@ -14,6 +15,10 @@ import { App, Ref } from 'vue';
 declare function createAuthPlugin(config: AuthConfig): {
     install(app: App): void;
 };
+/** Optional second arg for sign-in / sign-up to attach a captcha token. */
+interface AuthSubmitOptions {
+    captchaToken?: string;
+}
 /**
  * Main auth composable providing state and actions.
  */
@@ -57,11 +62,15 @@ declare function useAuth(): {
         readonly status: "unauthenticated";
     } | {
         readonly status: "mfa_required";
-        readonly session: {
-            readonly session_token: string;
-            readonly refresh_token: string;
-            readonly expires_at: string;
-        };
+        readonly email: string;
+        readonly mfaTicket: string;
+        readonly availableMethods: readonly string[];
+    } | {
+        readonly status: "email_not_verified";
+        readonly email: string;
+    } | {
+        readonly status: "verification_pending";
+        readonly email: string;
     } | {
         readonly status: "error";
         readonly error: string;
@@ -104,27 +113,335 @@ declare function useAuth(): {
         readonly status: "unauthenticated";
     } | {
         readonly status: "mfa_required";
-        readonly session: {
-            readonly session_token: string;
-            readonly refresh_token: string;
-            readonly expires_at: string;
-        };
+        readonly email: string;
+        readonly mfaTicket: string;
+        readonly availableMethods: readonly string[];
+    } | {
+        readonly status: "email_not_verified";
+        readonly email: string;
+    } | {
+        readonly status: "verification_pending";
+        readonly email: string;
     } | {
         readonly status: "error";
         readonly error: string;
     }>>;
+    clientConfig: Readonly<Ref<{
+        readonly version?: string | undefined;
+        readonly app_id?: string | undefined;
+        readonly branding?: {
+            readonly app_name?: string | undefined;
+            readonly logo_url?: string | undefined;
+        } | undefined;
+        readonly password?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly social?: {
+            readonly enabled: boolean;
+            readonly providers: readonly {
+                readonly id: string;
+                readonly name: string;
+            }[];
+        } | undefined;
+        readonly passkey?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly mfa?: {
+            readonly enabled: boolean;
+            readonly methods: readonly string[];
+        } | undefined;
+        readonly magiclink?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly sso?: {
+            readonly enabled: boolean;
+            readonly connections: readonly {
+                readonly id: string;
+                readonly name: string;
+            }[];
+        } | undefined;
+        readonly supported_plugins?: readonly string[] | undefined;
+        readonly signup_fields?: readonly {
+            readonly key: string;
+            readonly label: string;
+            readonly type: string;
+            readonly placeholder?: string | undefined;
+            readonly description?: string | undefined;
+            readonly options?: readonly {
+                readonly label: string;
+                readonly value: string;
+            }[] | undefined;
+            readonly default?: string | undefined;
+            readonly validation?: {
+                readonly required?: boolean | undefined;
+                readonly min_len?: number | undefined;
+                readonly max_len?: number | undefined;
+                readonly pattern?: string | undefined;
+                readonly min?: number | undefined;
+                readonly max?: number | undefined;
+            } | undefined;
+            readonly order: number;
+        }[] | undefined;
+        readonly waitlist?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly email_verification?: {
+            readonly enabled: boolean;
+            readonly required: boolean;
+        } | undefined;
+        readonly device_authorization?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly captcha?: {
+            readonly required: boolean;
+            readonly provider?: string | undefined;
+            readonly site_key?: string | undefined;
+        } | undefined;
+    } | null, {
+        readonly version?: string | undefined;
+        readonly app_id?: string | undefined;
+        readonly branding?: {
+            readonly app_name?: string | undefined;
+            readonly logo_url?: string | undefined;
+        } | undefined;
+        readonly password?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly social?: {
+            readonly enabled: boolean;
+            readonly providers: readonly {
+                readonly id: string;
+                readonly name: string;
+            }[];
+        } | undefined;
+        readonly passkey?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly mfa?: {
+            readonly enabled: boolean;
+            readonly methods: readonly string[];
+        } | undefined;
+        readonly magiclink?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly sso?: {
+            readonly enabled: boolean;
+            readonly connections: readonly {
+                readonly id: string;
+                readonly name: string;
+            }[];
+        } | undefined;
+        readonly supported_plugins?: readonly string[] | undefined;
+        readonly signup_fields?: readonly {
+            readonly key: string;
+            readonly label: string;
+            readonly type: string;
+            readonly placeholder?: string | undefined;
+            readonly description?: string | undefined;
+            readonly options?: readonly {
+                readonly label: string;
+                readonly value: string;
+            }[] | undefined;
+            readonly default?: string | undefined;
+            readonly validation?: {
+                readonly required?: boolean | undefined;
+                readonly min_len?: number | undefined;
+                readonly max_len?: number | undefined;
+                readonly pattern?: string | undefined;
+                readonly min?: number | undefined;
+                readonly max?: number | undefined;
+            } | undefined;
+            readonly order: number;
+        }[] | undefined;
+        readonly waitlist?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly email_verification?: {
+            readonly enabled: boolean;
+            readonly required: boolean;
+        } | undefined;
+        readonly device_authorization?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly captcha?: {
+            readonly required: boolean;
+            readonly provider?: string | undefined;
+            readonly site_key?: string | undefined;
+        } | undefined;
+    } | null>>;
     isAuthenticated: vue.ComputedRef<boolean>;
     isLoading: vue.ComputedRef<boolean>;
+    isConfigLoaded: vue.ComputedRef<boolean>;
     user: vue.ComputedRef<User | null>;
     session: vue.ComputedRef<Session | null>;
     error: vue.ComputedRef<string | null>;
-    client: AuthClient;
-    signIn: (email: string, password: string) => Promise<void>;
-    signUp: (email: string, password: string, fields?: Record<string, string>) => Promise<void>;
+    client: _authsome_ui_core.AuthClient;
+    signIn: (email: string, password: string, options?: AuthSubmitOptions) => Promise<void>;
+    signUp: (email: string, password: string, fields?: Record<string, string>, options?: AuthSubmitOptions) => Promise<void>;
     signOut: () => Promise<void>;
+    resendVerification: (email: string) => Promise<void>;
     submitMFACode: (enrollmentId: string, code: string) => Promise<void>;
     submitRecoveryCode: (code: string) => Promise<void>;
 };
+/**
+ * Composable returning the auto-discovered client configuration.
+ *
+ * Includes feature flags such as `social`, `passkeys`, `email_verification`,
+ * and `captcha`. Useful for templates that need to gate UI on backend config.
+ *
+ * ```ts
+ * const { config, isLoaded } = useClientConfig();
+ * if (config.value?.captcha?.required) {
+ *   // render Turnstile
+ * }
+ * ```
+ */
+declare function useClientConfig(): {
+    config: Readonly<Ref<{
+        readonly version?: string | undefined;
+        readonly app_id?: string | undefined;
+        readonly branding?: {
+            readonly app_name?: string | undefined;
+            readonly logo_url?: string | undefined;
+        } | undefined;
+        readonly password?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly social?: {
+            readonly enabled: boolean;
+            readonly providers: readonly {
+                readonly id: string;
+                readonly name: string;
+            }[];
+        } | undefined;
+        readonly passkey?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly mfa?: {
+            readonly enabled: boolean;
+            readonly methods: readonly string[];
+        } | undefined;
+        readonly magiclink?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly sso?: {
+            readonly enabled: boolean;
+            readonly connections: readonly {
+                readonly id: string;
+                readonly name: string;
+            }[];
+        } | undefined;
+        readonly supported_plugins?: readonly string[] | undefined;
+        readonly signup_fields?: readonly {
+            readonly key: string;
+            readonly label: string;
+            readonly type: string;
+            readonly placeholder?: string | undefined;
+            readonly description?: string | undefined;
+            readonly options?: readonly {
+                readonly label: string;
+                readonly value: string;
+            }[] | undefined;
+            readonly default?: string | undefined;
+            readonly validation?: {
+                readonly required?: boolean | undefined;
+                readonly min_len?: number | undefined;
+                readonly max_len?: number | undefined;
+                readonly pattern?: string | undefined;
+                readonly min?: number | undefined;
+                readonly max?: number | undefined;
+            } | undefined;
+            readonly order: number;
+        }[] | undefined;
+        readonly waitlist?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly email_verification?: {
+            readonly enabled: boolean;
+            readonly required: boolean;
+        } | undefined;
+        readonly device_authorization?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly captcha?: {
+            readonly required: boolean;
+            readonly provider?: string | undefined;
+            readonly site_key?: string | undefined;
+        } | undefined;
+    } | null, {
+        readonly version?: string | undefined;
+        readonly app_id?: string | undefined;
+        readonly branding?: {
+            readonly app_name?: string | undefined;
+            readonly logo_url?: string | undefined;
+        } | undefined;
+        readonly password?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly social?: {
+            readonly enabled: boolean;
+            readonly providers: readonly {
+                readonly id: string;
+                readonly name: string;
+            }[];
+        } | undefined;
+        readonly passkey?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly mfa?: {
+            readonly enabled: boolean;
+            readonly methods: readonly string[];
+        } | undefined;
+        readonly magiclink?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly sso?: {
+            readonly enabled: boolean;
+            readonly connections: readonly {
+                readonly id: string;
+                readonly name: string;
+            }[];
+        } | undefined;
+        readonly supported_plugins?: readonly string[] | undefined;
+        readonly signup_fields?: readonly {
+            readonly key: string;
+            readonly label: string;
+            readonly type: string;
+            readonly placeholder?: string | undefined;
+            readonly description?: string | undefined;
+            readonly options?: readonly {
+                readonly label: string;
+                readonly value: string;
+            }[] | undefined;
+            readonly default?: string | undefined;
+            readonly validation?: {
+                readonly required?: boolean | undefined;
+                readonly min_len?: number | undefined;
+                readonly max_len?: number | undefined;
+                readonly pattern?: string | undefined;
+                readonly min?: number | undefined;
+                readonly max?: number | undefined;
+            } | undefined;
+            readonly order: number;
+        }[] | undefined;
+        readonly waitlist?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly email_verification?: {
+            readonly enabled: boolean;
+            readonly required: boolean;
+        } | undefined;
+        readonly device_authorization?: {
+            readonly enabled: boolean;
+        } | undefined;
+        readonly captcha?: {
+            readonly required: boolean;
+            readonly provider?: string | undefined;
+            readonly site_key?: string | undefined;
+        } | undefined;
+    } | null>>;
+    isLoaded: vue.ComputedRef<boolean>;
+};
 /**
  * Composable to fetch and reload the user profile.
  */
@@ -173,4 +490,4 @@ declare function useOrganizations(): {
  */
 declare function useSessionToken(): vue.ComputedRef<string | null>;
 
-export { createAuthPlugin, useAuth, useOrganizations, useSessionToken, useUser };
+export { type AuthSubmitOptions, createAuthPlugin, useAuth, useClientConfig, useOrganizations, useSessionToken, useUser };

package/dist/index.js

@@ -11,16 +11,24 @@ import {
 } from "@authsome/ui-core";
 var AUTH_KEY = /* @__PURE__ */ Symbol("authsome");
 var AUTH_STATE_KEY = /* @__PURE__ */ Symbol("authsome:state");
+var AUTH_CONFIG_KEY = /* @__PURE__ */ Symbol(
+  "authsome:config"
+);
 function createAuthPlugin(config) {
   return {
     install(app) {
       const manager = new AuthManager(config);
       const state = ref(manager.getState());
+      const clientConfig = ref(manager.getClientConfig());
       manager.subscribe((s) => {
         state.value = s;
       });
+      manager.subscribeConfig((c) => {
+        clientConfig.value = c;
+      });
       app.provide(AUTH_KEY, manager);
       app.provide(AUTH_STATE_KEY, state);
+      app.provide(AUTH_CONFIG_KEY, clientConfig);
       void manager.initialize();
     }
   };
@@ -39,11 +47,20 @@ function useAuthState() {
   }
   return state;
 }
+function useAuthConfig() {
+  const cfg = inject(AUTH_CONFIG_KEY);
+  if (!cfg) {
+    throw new Error("useClientConfig requires the authsome plugin. Call app.use(createAuthPlugin(...)).");
+  }
+  return cfg;
+}
 function useAuth() {
   const manager = useManager();
   const state = useAuthState();
+  const clientConfig = useAuthConfig();
   const isAuthenticated = computed(() => state.value.status === "authenticated");
   const isLoading = computed(() => state.value.status === "loading");
+  const isConfigLoaded = computed(() => clientConfig.value !== null);
   const user = computed(
     () => state.value.status === "authenticated" ? state.value.user : null
   );
@@ -53,17 +70,32 @@ function useAuth() {
   const error = computed(
     () => state.value.status === "error" ? state.value.error : null
   );
-  async function signIn(email, password) {
-    await manager.signIn({ email, password });
+  async function signIn(email, password, options) {
+    await manager.signIn({
+      email,
+      password,
+      captcha_token: options?.captchaToken
+    });
   }
-  async function signUp(email, password, fields) {
+  async function signUp(email, password, fields, options) {
     const { first_name, last_name, username, ...rest } = fields ?? {};
     const metadata = Object.keys(rest).length > 0 ? rest : void 0;
-    await manager.signUp({ email, password, first_name, last_name, username, metadata });
+    await manager.signUp({
+      email,
+      password,
+      first_name,
+      last_name,
+      username,
+      metadata,
+      captcha_token: options?.captchaToken
+    });
   }
   async function signOut() {
     await manager.signOut();
   }
+  async function resendVerification(email) {
+    await manager.resendVerification(email);
+  }
   async function submitMFACode(enrollmentId, code) {
     await manager.submitMFACode(enrollmentId, code);
   }
@@ -72,8 +104,10 @@ function useAuth() {
   }
   return {
     state: readonly(state),
+    clientConfig: readonly(clientConfig),
     isAuthenticated,
     isLoading,
+    isConfigLoaded,
     user,
     session,
     error,
@@ -81,15 +115,23 @@ function useAuth() {
     signIn,
     signUp,
     signOut,
+    resendVerification,
     submitMFACode,
     submitRecoveryCode
   };
 }
+function useClientConfig() {
+  const config = useAuthConfig();
+  const isLoaded = computed(() => config.value !== null);
+  return {
+    config: readonly(config),
+    isLoaded
+  };
+}
 function useUser() {
   const { user: authUser, isLoading, session } = useAuth();
   const manager = useManager();
   const localUser = ref(authUser.value);
-  const stopWatch = computed(() => authUser.value);
   async function reload() {
     if (!session.value) return;
     const u = await manager.getClient().getMe(session.value.session_token);
@@ -137,6 +179,7 @@ function useSessionToken() {
 export {
   createAuthPlugin,
   useAuth,
+  useClientConfig,
   useOrganizations,
   useSessionToken,
   useUser

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/composables.ts"],"sourcesContent":["/**\n * Vue 3 composables for AuthSome authentication.\n *\n * Usage:\n * ```ts\n * // main.ts\n * import { createAuthPlugin } from \"@authsome/ui-vue\";\n * app.use(createAuthPlugin({ baseURL: \"https://api.example.com\" }));\n *\n * // Component.vue\n * import { useAuth, useUser } from \"@authsome/ui-vue\";\n * const { signIn, isAuthenticated, user } = useAuth();\n * ```\n */\n\nimport {\n  computed,\n  inject,\n  onMounted,\n  onUnmounted,\n  readonly,\n  ref,\n  type App,\n  type InjectionKey,\n  type Ref,\n} from \"vue\";\nimport {\n  AuthManager,\n  type AuthConfig,\n  type AuthState,\n  type AuthClient,\n  type User,\n  type Session,\n  type Organization,\n  type ListResponse,\n} from \"@authsome/ui-core\";\n\n/** Injection key for the AuthManager. */\nconst AUTH_KEY: InjectionKey<AuthManager> = Symbol(\"authsome\");\n\n/** Injection key for the reactive auth state. */\nconst AUTH_STATE_KEY: InjectionKey<Ref<AuthState>> = Symbol(\"authsome:state\");\n\n/**\n * Creates a Vue plugin that provides AuthSome authentication.\n *\n * ```ts\n * const app = createApp(App);\n * app.use(createAuthPlugin({ baseURL: \"https://api.example.com\" }));\n * ```\n */\nexport function createAuthPlugin(config: AuthConfig) {\n  return {\n    install(app: App) {\n      const manager = new AuthManager(config);\n      const state = ref<AuthState>(manager.getState());\n\n      manager.subscribe((s) => {\n        state.value = s;\n      });\n\n      app.provide(AUTH_KEY, manager);\n      app.provide(AUTH_STATE_KEY, state);\n\n      // Initialize on mount (hydrate from storage).\n      void manager.initialize();\n    },\n  };\n}\n\nfunction useManager(): AuthManager {\n  const manager = inject(AUTH_KEY);\n  if (!manager) {\n    throw new Error(\"useAuth requires the authsome plugin. Call app.use(createAuthPlugin(...)).\");\n  }\n  return manager;\n}\n\nfunction useAuthState(): Ref<AuthState> {\n  const state = inject(AUTH_STATE_KEY);\n  if (!state) {\n    throw new Error(\"useAuth requires the authsome plugin. Call app.use(createAuthPlugin(...)).\");\n  }\n  return state;\n}\n\n/**\n * Main auth composable providing state and actions.\n */\nexport function useAuth() {\n  const manager = useManager();\n  const state = useAuthState();\n\n  const isAuthenticated = computed(() => state.value.status === \"authenticated\");\n  const isLoading = computed(() => state.value.status === \"loading\");\n\n  const user = computed<User | null>(() =>\n    state.value.status === \"authenticated\" ? state.value.user : null,\n  );\n\n  const session = computed<Session | null>(() =>\n    state.value.status === \"authenticated\" ? state.value.session : null,\n  );\n\n  const error = computed<string | null>(() =>\n    state.value.status === \"error\" ? state.value.error : null,\n  );\n\n  async function signIn(email: string, password: string) {\n    await manager.signIn({ email, password });\n  }\n\n  async function signUp(email: string, password: string, fields?: Record<string, string>) {\n    const { first_name, last_name, username, ...rest } = fields ?? {};\n    const metadata = Object.keys(rest).length > 0 ? rest : undefined;\n    await manager.signUp({ email, password, first_name, last_name, username, metadata });\n  }\n\n  async function signOut() {\n    await manager.signOut();\n  }\n\n  async function submitMFACode(enrollmentId: string, code: string) {\n    await manager.submitMFACode(enrollmentId, code);\n  }\n\n  async function submitRecoveryCode(code: string) {\n    await manager.submitRecoveryCode(code);\n  }\n\n  return {\n    state: readonly(state),\n    isAuthenticated,\n    isLoading,\n    user,\n    session,\n    error,\n    client: manager.getClient(),\n    signIn,\n    signUp,\n    signOut,\n    submitMFACode,\n    submitRecoveryCode,\n  };\n}\n\n/**\n * Composable to fetch and reload the user profile.\n */\nexport function useUser() {\n  const { user: authUser, isLoading, session } = useAuth();\n  const manager = useManager();\n  const localUser = ref<User | null>(authUser.value);\n\n  // Keep in sync with auth state.\n  const stopWatch = computed(() => authUser.value);\n\n  async function reload() {\n    if (!session.value) return;\n    const u = await manager.getClient().getMe(session.value.session_token);\n    localUser.value = u;\n  }\n\n  return {\n    user: computed(() => localUser.value ?? authUser.value),\n    isLoading,\n    reload,\n  };\n}\n\n/**\n * Composable to list organizations.\n */\nexport function useOrganizations() {\n  const { session, isAuthenticated } = useAuth();\n  const manager = useManager();\n\n  const organizations = ref<Organization[]>([]);\n  const total = ref(0);\n  const isLoading = ref(false);\n\n  async function load() {\n    if (!session.value) return;\n    isLoading.value = true;\n    try {\n      const res = await manager\n        .getClient()\n        .listOrganizations(session.value.session_token) as unknown as ListResponse<Organization>;\n      organizations.value = res.items;\n      total.value = res.total;\n    } finally {\n      isLoading.value = false;\n    }\n  }\n\n  onMounted(() => {\n    if (isAuthenticated.value) {\n      void load();\n    }\n  });\n\n  return {\n    organizations: readonly(organizations),\n    total: readonly(total),\n    isLoading: readonly(isLoading),\n    reload: load,\n  };\n}\n\n/**\n * Composable that returns the current session token.\n */\nexport function useSessionToken() {\n  const { session } = useAuth();\n  return computed(() => session.value?.session_token ?? null);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/composables.ts"],"sourcesContent":["/**\n * Vue 3 composables for AuthSome authentication.\n *\n * Usage:\n * ```ts\n * // main.ts\n * import { createAuthPlugin } from \"@authsome/ui-vue\";\n * app.use(createAuthPlugin({ baseURL: \"https://api.example.com\" }));\n *\n * // Component.vue\n * import { useAuth, useUser } from \"@authsome/ui-vue\";\n * const { signIn, isAuthenticated, user } = useAuth();\n * ```\n */\n\nimport {\n  computed,\n  inject,\n  onMounted,\n  readonly,\n  ref,\n  type App,\n  type InjectionKey,\n  type Ref,\n} from \"vue\";\nimport {\n  AuthManager,\n  type AuthConfig,\n  type AuthState,\n  type ClientConfig,\n  type User,\n  type Session,\n  type Organization,\n  type ListResponse,\n} from \"@authsome/ui-core\";\n\n/** Injection key for the AuthManager. */\nconst AUTH_KEY: InjectionKey<AuthManager> = Symbol(\"authsome\");\n\n/** Injection key for the reactive auth state. */\nconst AUTH_STATE_KEY: InjectionKey<Ref<AuthState>> = Symbol(\"authsome:state\");\n\n/** Injection key for the reactive client config. */\nconst AUTH_CONFIG_KEY: InjectionKey<Ref<ClientConfig | null>> = Symbol(\n  \"authsome:config\",\n);\n\n/**\n * Creates a Vue plugin that provides AuthSome authentication.\n *\n * ```ts\n * const app = createApp(App);\n * app.use(createAuthPlugin({ baseURL: \"https://api.example.com\" }));\n * ```\n */\nexport function createAuthPlugin(config: AuthConfig) {\n  return {\n    install(app: App) {\n      const manager = new AuthManager(config);\n      const state = ref<AuthState>(manager.getState());\n      const clientConfig = ref<ClientConfig | null>(manager.getClientConfig());\n\n      manager.subscribe((s) => {\n        state.value = s;\n      });\n      manager.subscribeConfig((c) => {\n        clientConfig.value = c;\n      });\n\n      app.provide(AUTH_KEY, manager);\n      app.provide(AUTH_STATE_KEY, state);\n      app.provide(AUTH_CONFIG_KEY, clientConfig);\n\n      // Initialize on mount (hydrate from storage).\n      void manager.initialize();\n    },\n  };\n}\n\nfunction useManager(): AuthManager {\n  const manager = inject(AUTH_KEY);\n  if (!manager) {\n    throw new Error(\"useAuth requires the authsome plugin. Call app.use(createAuthPlugin(...)).\");\n  }\n  return manager;\n}\n\nfunction useAuthState(): Ref<AuthState> {\n  const state = inject(AUTH_STATE_KEY);\n  if (!state) {\n    throw new Error(\"useAuth requires the authsome plugin. Call app.use(createAuthPlugin(...)).\");\n  }\n  return state;\n}\n\nfunction useAuthConfig(): Ref<ClientConfig | null> {\n  const cfg = inject(AUTH_CONFIG_KEY);\n  if (!cfg) {\n    throw new Error(\"useClientConfig requires the authsome plugin. Call app.use(createAuthPlugin(...)).\");\n  }\n  return cfg;\n}\n\n/** Optional second arg for sign-in / sign-up to attach a captcha token. */\nexport interface AuthSubmitOptions {\n  captchaToken?: string;\n}\n\n/**\n * Main auth composable providing state and actions.\n */\nexport function useAuth() {\n  const manager = useManager();\n  const state = useAuthState();\n  const clientConfig = useAuthConfig();\n\n  const isAuthenticated = computed(() => state.value.status === \"authenticated\");\n  const isLoading = computed(() => state.value.status === \"loading\");\n  const isConfigLoaded = computed(() => clientConfig.value !== null);\n\n  const user = computed<User | null>(() =>\n    state.value.status === \"authenticated\" ? state.value.user : null,\n  );\n\n  const session = computed<Session | null>(() =>\n    state.value.status === \"authenticated\" ? state.value.session : null,\n  );\n\n  const error = computed<string | null>(() =>\n    state.value.status === \"error\" ? state.value.error : null,\n  );\n\n  async function signIn(\n    email: string,\n    password: string,\n    options?: AuthSubmitOptions,\n  ) {\n    await manager.signIn({\n      email,\n      password,\n      captcha_token: options?.captchaToken,\n    });\n  }\n\n  async function signUp(\n    email: string,\n    password: string,\n    fields?: Record<string, string>,\n    options?: AuthSubmitOptions,\n  ) {\n    const { first_name, last_name, username, ...rest } = fields ?? {};\n    const metadata = Object.keys(rest).length > 0 ? rest : undefined;\n    await manager.signUp({\n      email,\n      password,\n      first_name,\n      last_name,\n      username,\n      metadata,\n      captcha_token: options?.captchaToken,\n    });\n  }\n\n  async function signOut() {\n    await manager.signOut();\n  }\n\n  async function resendVerification(email: string) {\n    await manager.resendVerification(email);\n  }\n\n  async function submitMFACode(enrollmentId: string, code: string) {\n    await manager.submitMFACode(enrollmentId, code);\n  }\n\n  async function submitRecoveryCode(code: string) {\n    await manager.submitRecoveryCode(code);\n  }\n\n  return {\n    state: readonly(state),\n    clientConfig: readonly(clientConfig),\n    isAuthenticated,\n    isLoading,\n    isConfigLoaded,\n    user,\n    session,\n    error,\n    client: manager.getClient(),\n    signIn,\n    signUp,\n    signOut,\n    resendVerification,\n    submitMFACode,\n    submitRecoveryCode,\n  };\n}\n\n/**\n * Composable returning the auto-discovered client configuration.\n *\n * Includes feature flags such as `social`, `passkeys`, `email_verification`,\n * and `captcha`. Useful for templates that need to gate UI on backend config.\n *\n * ```ts\n * const { config, isLoaded } = useClientConfig();\n * if (config.value?.captcha?.required) {\n *   // render Turnstile\n * }\n * ```\n */\nexport function useClientConfig() {\n  const config = useAuthConfig();\n  const isLoaded = computed(() => config.value !== null);\n  return {\n    config: readonly(config),\n    isLoaded,\n  };\n}\n\n/**\n * Composable to fetch and reload the user profile.\n */\nexport function useUser() {\n  const { user: authUser, isLoading, session } = useAuth();\n  const manager = useManager();\n  const localUser = ref<User | null>(authUser.value);\n\n  async function reload() {\n    if (!session.value) return;\n    const u = await manager.getClient().getMe(session.value.session_token);\n    localUser.value = u;\n  }\n\n  return {\n    user: computed(() => localUser.value ?? authUser.value),\n    isLoading,\n    reload,\n  };\n}\n\n/**\n * Composable to list organizations.\n */\nexport function useOrganizations() {\n  const { session, isAuthenticated } = useAuth();\n  const manager = useManager();\n\n  const organizations = ref<Organization[]>([]);\n  const total = ref(0);\n  const isLoading = ref(false);\n\n  async function load() {\n    if (!session.value) return;\n    isLoading.value = true;\n    try {\n      const res = await manager\n        .getClient()\n        .listOrganizations(session.value.session_token) as unknown as ListResponse<Organization>;\n      organizations.value = res.items;\n      total.value = res.total;\n    } finally {\n      isLoading.value = false;\n    }\n  }\n\n  onMounted(() => {\n    if (isAuthenticated.value) {\n      void load();\n    }\n  });\n\n  return {\n    organizations: readonly(organizations),\n    total: readonly(total),\n    isLoading: readonly(isLoading),\n    reload: load,\n  };\n}\n\n/**\n * Composable that returns the current session token.\n */\nexport function useSessionToken() {\n  const { session } = useAuth();\n  return computed(() => session.value?.session_token ?? null);\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@authsome/ui-vue",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "description": "Vue.js bindings for AuthSome authentication UI",
   "license": "MIT",
   "type": "module",
@@ -30,7 +30,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@authsome/ui-core": "^1.4.0"
+    "@authsome/ui-core": "^1.4.2"
   },
   "peerDependencies": {
     "vue": "^3.3.0"