@yackey-labs/yauth-ui-solidjs 0.2.6 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@yackey-labs/yauth-ui-solidjs",
-	"version": "0.2.6",
+	"version": "0.3.1",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/yackey-labs/yauth"
@@ -27,8 +27,8 @@
 	},
 	"dependencies": {
 		"@simplewebauthn/browser": "^13.0.0",
-		"@yackey-labs/yauth-client": "0.2.6",
-		"@yackey-labs/yauth-shared": "0.2.6",
+		"@yackey-labs/yauth-client": "0.3.1",
+		"@yackey-labs/yauth-shared": "0.3.1",
 		"solid-js": "^1.9.5"
 	},
 	"devDependencies": {

package/src/components/change-password-form.tsx

@@ -11,6 +11,8 @@ export const ChangePasswordForm: Component<ChangePasswordFormProps> = (
 	props,
 ) => {
 	const { client } = useYAuth();
+	const ep = client?.emailPassword;
+	if (!ep) return null;
 	const [currentPassword, setCurrentPassword] = createSignal("");
 	const [newPassword, setNewPassword] = createSignal("");
 	const [confirmPassword, setConfirmPassword] = createSignal("");
@@ -39,7 +41,10 @@ export const ChangePasswordForm: Component<ChangePasswordFormProps> = (
 		setLoading(true);
 
 		try {
-			await client.emailPassword.changePassword(currentPw, newPw);
+			await ep.changePassword({
+				current_password: currentPw,
+				new_password: newPw,
+			});
 			setSuccess(true);
 			setCurrentPassword("");
 			setNewPassword("");

package/src/components/forgot-password-form.tsx

@@ -10,6 +10,8 @@ export const ForgotPasswordForm: Component<ForgotPasswordFormProps> = (
 	props,
 ) => {
 	const { client } = useYAuth();
+	const ep = client?.emailPassword;
+	if (!ep) return null;
 	const [email, setEmail] = createSignal("");
 	const [error, setError] = createSignal<string | null>(null);
 	const [success, setSuccess] = createSignal<string | null>(null);
@@ -24,9 +26,9 @@ export const ForgotPasswordForm: Component<ForgotPasswordFormProps> = (
 		try {
 			const form = e.currentTarget as HTMLFormElement;
 			const formData = new FormData(form);
-			const result = await client.emailPassword.forgotPassword(
-				(formData.get("email") as string) || email(),
-			);
+			const result = await ep.forgotPassword({
+				email: (formData.get("email") as string) || email(),
+			});
 			setSuccess(result.message);
 			props.onSuccess?.(result.message);
 		} catch (err) {

package/src/components/login-form.tsx

@@ -13,6 +13,8 @@ export interface LoginFormProps {
 
 export const LoginForm: Component<LoginFormProps> = (props) => {
 	const { client, refetch } = useYAuth();
+	const ep = client?.emailPassword;
+	if (!ep) return null;
 	const [email, setEmail] = createSignal("");
 	const [password, setPassword] = createSignal("");
 	const [error, setError] = createSignal<string | null>(null);
@@ -26,18 +28,14 @@ export const LoginForm: Component<LoginFormProps> = (props) => {
 		try {
 			const form = e.currentTarget as HTMLFormElement;
 			const formData = new FormData(form);
-			const result = await client.emailPassword.login({
+			await ep.login({
 				email: (formData.get("email") as string) || email(),
 				password: (formData.get("password") as string) || password(),
 			});
 
-			if ("mfa_required" in result && result.mfa_required) {
-				props.onMfaRequired?.(result.pending_session_id);
-			} else {
-				// Session cookie is set — refetch and await so reactive store updates
-				const user = await refetch();
-				props.onSuccess?.(user!);
-			}
+			// Session cookie is set — refetch and await so reactive store updates
+			const user = await refetch();
+			props.onSuccess?.(user!);
 		} catch (err) {
 			const error = err instanceof Error ? err : new Error(String(err));
 			setError(error.message);

package/src/components/magic-link-form.tsx

@@ -8,6 +8,8 @@ export interface MagicLinkFormProps {
 
 export const MagicLinkForm: Component<MagicLinkFormProps> = (props) => {
 	const { client } = useYAuth();
+	const ml = client?.magicLink;
+	if (!ml) return null;
 	const [email, setEmail] = createSignal("");
 	const [error, setError] = createSignal<string | null>(null);
 	const [success, setSuccess] = createSignal<string | null>(null);
@@ -22,9 +24,9 @@ export const MagicLinkForm: Component<MagicLinkFormProps> = (props) => {
 		try {
 			const form = e.currentTarget as HTMLFormElement;
 			const formData = new FormData(form);
-			const result = await client.magicLink.send(
-				(formData.get("email") as string) || email(),
-			);
+			const result = await ml.send({
+				email: (formData.get("email") as string) || email(),
+			});
 			setSuccess(result.message);
 			props.onSuccess?.(result.message);
 		} catch (err) {

package/src/components/mfa-challenge.tsx

@@ -11,6 +11,8 @@ export interface MfaChallengeProps {
 
 export const MfaChallenge: Component<MfaChallengeProps> = (props) => {
 	const { client } = useYAuth();
+	const mfa = client?.mfa;
+	if (!mfa) return null;
 	const [code, setCode] = createSignal("");
 	const [error, setError] = createSignal<string | null>(null);
 	const [loading, setLoading] = createSignal(false);
@@ -23,12 +25,12 @@ export const MfaChallenge: Component<MfaChallengeProps> = (props) => {
 		try {
 			const form = e.currentTarget as HTMLFormElement;
 			const formData = new FormData(form);
-			await client.mfa.verify(
-				props.pendingSessionId,
-				(formData.get("code") as string) || code(),
-			);
+			await mfa.verify({
+				pending_session_id: props.pendingSessionId,
+				code: (formData.get("code") as string) || code(),
+			});
 			const session = await client.getSession();
-			props.onSuccess?.(session.user);
+			props.onSuccess?.(session as unknown as AuthUser);
 		} catch (err) {
 			const error = err instanceof Error ? err : new Error(String(err));
 			setError(error.message);

package/src/components/mfa-setup.tsx

@@ -10,6 +10,8 @@ type SetupStep = "begin" | "confirm" | "done";
 
 export const MfaSetup: Component<MfaSetupProps> = (props) => {
 	const { client } = useYAuth();
+	const mfa = client?.mfa;
+	if (!mfa) return null;
 	const [step, setStep] = createSignal<SetupStep>("begin");
 	const [uri, setUri] = createSignal("");
 	const [secret, setSecret] = createSignal("");
@@ -23,7 +25,7 @@ export const MfaSetup: Component<MfaSetupProps> = (props) => {
 		setLoading(true);
 
 		try {
-			const result = await client.mfa.setup();
+			const result = await mfa.setup();
 			setUri(result.otpauth_url);
 			setSecret(result.secret);
 			setBackupCodes(result.backup_codes);
@@ -44,7 +46,9 @@ export const MfaSetup: Component<MfaSetupProps> = (props) => {
 		try {
 			const form = e.currentTarget as HTMLFormElement;
 			const formData = new FormData(form);
-			await client.mfa.confirm((formData.get("code") as string) || code());
+			await mfa.confirm({
+				code: (formData.get("code") as string) || code(),
+			});
 			setStep("done");
 			props.onComplete?.(backupCodes());
 		} catch (err) {

package/src/components/oauth-buttons.tsx

@@ -7,9 +7,11 @@ export interface OAuthButtonsProps {
 
 export const OAuthButtons: Component<OAuthButtonsProps> = (props) => {
 	const { client } = useYAuth();
+	const oauth = client?.oauth;
+	if (!oauth) return null;
 
 	const handleClick = (provider: string) => {
-		client.oauth.authorize(provider);
+		window.location.href = oauth.authorize(provider);
 	};
 
 	return (

package/src/components/passkey-button.tsx

@@ -16,26 +16,34 @@ export interface PasskeyButtonProps {
 
 export const PasskeyButton: Component<PasskeyButtonProps> = (props) => {
 	const { client } = useYAuth();
+	const pk = client?.passkey;
+	if (!pk) return null;
 	const [error, setError] = createSignal<string | null>(null);
 	const [loading, setLoading] = createSignal(false);
 
 	const handleLogin = async () => {
-		const beginResult = await client.passkey.loginBegin(
-			props.email || undefined,
-		);
-		const rcr = beginResult.options as { publicKey: unknown };
+		const beginResult = await pk.loginBegin({
+			email: props.email ?? undefined,
+		});
+		const rcr = beginResult as unknown as {
+			options: { publicKey: unknown };
+			challenge_id: string;
+		};
 		const credential = await startAuthentication({
-			optionsJSON: rcr.publicKey as Parameters<
+			optionsJSON: rcr.options.publicKey as Parameters<
 				typeof startAuthentication
 			>[0]["optionsJSON"],
 		});
-		await client.passkey.loginFinish(beginResult.challenge_id, credential);
+		await pk.loginFinish({
+			challenge_id: rcr.challenge_id,
+			credential: credential as unknown as Record<string, unknown>,
+		});
 		const session = await client.getSession();
-		props.onSuccess?.(session.user);
+		props.onSuccess?.(session as unknown as AuthUser);
 	};
 
 	const handleRegister = async () => {
-		const ccr = (await client.passkey.registerBegin()) as {
+		const ccr = (await pk.registerBegin()) as unknown as {
 			publicKey: unknown;
 		};
 		const credential = await startRegistration({
@@ -43,7 +51,10 @@ export const PasskeyButton: Component<PasskeyButtonProps> = (props) => {
 				typeof startRegistration
 			>[0]["optionsJSON"],
 		});
-		await client.passkey.registerFinish(credential, "Passkey");
+		await pk.registerFinish({
+			credential: credential as unknown as Record<string, unknown>,
+			name: "Passkey",
+		});
 		props.onSuccess?.(undefined as unknown as AuthUser);
 	};