@shipfox/client-auth 0.2.0

package/dist/pages/login-page.js

@@ -0,0 +1,214 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { loginBodySchema } from '@shipfox/api-auth-dto';
+import { Button, ButtonLink } from '@shipfox/react-ui/button';
+import { Callout } from '@shipfox/react-ui/callout';
+import { FormField, FormFieldInput, fieldError } from '@shipfox/react-ui/form-field';
+import { Icon } from '@shipfox/react-ui/icon';
+import { Text } from '@shipfox/react-ui/typography';
+import { useForm } from '@tanstack/react-form';
+import { Link, useSearch } from '@tanstack/react-router';
+import { useAtom } from 'jotai';
+import { useEffect, useRef, useState } from 'react';
+import { AuthShell } from '#/components/auth-shell.js';
+import { useLoginAuth } from '#hooks/api/login-auth.js';
+import { authFormDraftAtom, initialAuthFormDraft } from '#state/auth.js';
+import { loginErrorToFormError } from './form-errors.js';
+import { extractInvitationToken, pendingInvitation, useInvitationContext } from './invitation-context.js';
+export function LoginPage() {
+    const login = useLoginAuth();
+    const search = useSearch({
+        strict: false
+    });
+    const invitationToken = extractInvitationToken(search.redirect);
+    const invitationPreview = useInvitationContext(invitationToken);
+    const invitationPending = pendingInvitation(invitationPreview.data);
+    const [authFormDraft, setAuthFormDraft] = useAtom(authFormDraftAtom);
+    const [formError, setFormError] = useState();
+    const draftRef = useRef(authFormDraft);
+    draftRef.current = authFormDraft;
+    // Set just before clearing the draft on success so the unmount cleanup
+    // below does not repersist the just-submitted credentials.
+    const skipDraftPersistRef = useRef(false);
+    const form = useForm({
+        defaultValues: {
+            email: authFormDraft.email,
+            password: authFormDraft.password
+        },
+        onSubmit: async ({ value })=>{
+            setFormError(undefined);
+            try {
+                await login.mutateAsync(value);
+                skipDraftPersistRef.current = true;
+                setAuthFormDraft(initialAuthFormDraft);
+            } catch (error) {
+                const mapped = loginErrorToFormError(error);
+                if (mapped.kind === 'field') {
+                    form.setFieldMeta(mapped.field, (prev)=>({
+                            ...prev,
+                            errorMap: {
+                                ...prev.errorMap,
+                                onServer: mapped.message
+                            }
+                        }));
+                } else {
+                    setFormError(mapped.message);
+                }
+            }
+        }
+    });
+    // Lock the email field when arriving from an invitation link so the user
+    // can't log in as a different account than the one the invitation targets.
+    useEffect(()=>{
+        if (invitationPending && form.state.values.email !== invitationPending.email) {
+            form.setFieldValue('email', invitationPending.email);
+            setAuthFormDraft((current)=>({
+                    ...current,
+                    email: invitationPending.email
+                }));
+        }
+    }, [
+        invitationPending,
+        form,
+        setAuthFormDraft
+    ]);
+    // Sync TanStack Form values back into the Jotai draft on unmount so a
+    // navigation to /signup or /reset preserves what the user typed. Skipped
+    // after a successful login because we just intentionally cleared the draft.
+    useEffect(()=>{
+        return ()=>{
+            if (skipDraftPersistRef.current) return;
+            const { email, password } = form.state.values;
+            if (email !== draftRef.current.email || password !== draftRef.current.password) {
+                setAuthFormDraft({
+                    email,
+                    password
+                });
+            }
+        };
+    }, [
+        form,
+        setAuthFormDraft
+    ]);
+    const isInvitationEmailLocked = Boolean(invitationPending);
+    const invitationRedirect = invitationToken ? `/invitations/accept?token=${encodeURIComponent(invitationToken)}` : undefined;
+    const headerTitle = invitationPending ? `Join ${invitationPending.workspace_name}` : 'Connect to Shipfox';
+    const headerDescription = invitationPending ? 'Log in to accept your invitation.' : 'Log in to access Shipfox.';
+    function persistDraft() {
+        const { email, password } = form.state.values;
+        setAuthFormDraft({
+            email,
+            password
+        });
+    }
+    return /*#__PURE__*/ _jsxs(AuthShell, {
+        title: headerTitle,
+        description: headerDescription,
+        children: [
+            /*#__PURE__*/ _jsxs("form", {
+                className: "flex flex-col gap-18",
+                noValidate: true,
+                onSubmit: (event)=>{
+                    event.preventDefault();
+                    event.stopPropagation();
+                    void form.handleSubmit();
+                },
+                children: [
+                    formError ? /*#__PURE__*/ _jsx(Callout, {
+                        role: "alert",
+                        type: "error",
+                        children: formError
+                    }) : null,
+                    /*#__PURE__*/ _jsx(form.Field, {
+                        name: "email",
+                        validators: {
+                            onBlur: loginBodySchema.shape.email,
+                            onSubmit: loginBodySchema.shape.email
+                        },
+                        children: (field)=>/*#__PURE__*/ _jsx(FormField, {
+                                label: "Email",
+                                id: "email",
+                                error: fieldError(field),
+                                children: /*#__PURE__*/ _jsx(FormFieldInput, {
+                                    autoComplete: "email",
+                                    name: "email",
+                                    type: "email",
+                                    value: field.state.value,
+                                    onChange: (event)=>field.handleChange(event.target.value),
+                                    onBlur: ()=>{
+                                        field.handleBlur();
+                                        persistDraft();
+                                    },
+                                    readOnly: isInvitationEmailLocked,
+                                    iconRight: isInvitationEmailLocked ? /*#__PURE__*/ _jsx(Icon, {
+                                        "aria-hidden": "true",
+                                        className: "size-16 text-foreground-neutral-disabled",
+                                        name: "lockLine"
+                                    }) : undefined
+                                })
+                            })
+                    }),
+                    /*#__PURE__*/ _jsx(form.Field, {
+                        name: "password",
+                        validators: {
+                            onBlur: loginBodySchema.shape.password,
+                            onSubmit: loginBodySchema.shape.password
+                        },
+                        children: (field)=>/*#__PURE__*/ _jsx(FormField, {
+                                label: "Password",
+                                id: "password",
+                                error: fieldError(field),
+                                children: /*#__PURE__*/ _jsx(FormFieldInput, {
+                                    autoComplete: "current-password",
+                                    name: "password",
+                                    type: "password",
+                                    value: field.state.value,
+                                    onChange: (event)=>field.handleChange(event.target.value),
+                                    onBlur: ()=>{
+                                        field.handleBlur();
+                                        persistDraft();
+                                    }
+                                })
+                            })
+                    }),
+                    /*#__PURE__*/ _jsx(ButtonLink, {
+                        asChild: true,
+                        variant: "subtle",
+                        className: "-mt-8 self-end",
+                        children: /*#__PURE__*/ _jsx(Link, {
+                            to: "/auth/reset",
+                            children: "Forgot password?"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        className: "w-full",
+                        isLoading: login.isPending,
+                        type: "submit",
+                        children: login.isPending ? 'Logging in...' : 'Log in'
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Text, {
+                size: "sm",
+                className: "text-center text-foreground-neutral-subtle",
+                children: [
+                    "New to Shipfox?",
+                    ' ',
+                    /*#__PURE__*/ _jsx(ButtonLink, {
+                        asChild: true,
+                        variant: "interactive",
+                        underline: true,
+                        children: /*#__PURE__*/ _jsx(Link, {
+                            to: "/auth/signup",
+                            search: invitationRedirect ? {
+                                redirect: invitationRedirect
+                            } : undefined,
+                            children: "Create an account"
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=login-page.js.map

package/dist/pages/login-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/pages/login-page.tsx"],"sourcesContent":["import {loginBodySchema} from '@shipfox/api-auth-dto';\nimport {Button, ButtonLink} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {FormField, FormFieldInput, fieldError} from '@shipfox/react-ui/form-field';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {useForm} from '@tanstack/react-form';\nimport {Link, useSearch} from '@tanstack/react-router';\nimport {useAtom} from 'jotai';\nimport {useEffect, useRef, useState} from 'react';\nimport {AuthShell} from '#/components/auth-shell.js';\nimport {useLoginAuth} from '#hooks/api/login-auth.js';\nimport {authFormDraftAtom, initialAuthFormDraft} from '#state/auth.js';\nimport {loginErrorToFormError} from './form-errors.js';\nimport {\n  extractInvitationToken,\n  pendingInvitation,\n  useInvitationContext,\n} from './invitation-context.js';\n\nexport function LoginPage() {\n  const login = useLoginAuth();\n  const search = useSearch({strict: false}) as {redirect?: unknown};\n  const invitationToken = extractInvitationToken(search.redirect);\n  const invitationPreview = useInvitationContext(invitationToken);\n  const invitationPending = pendingInvitation(invitationPreview.data);\n  const [authFormDraft, setAuthFormDraft] = useAtom(authFormDraftAtom);\n  const [formError, setFormError] = useState<string | undefined>();\n  const draftRef = useRef(authFormDraft);\n  draftRef.current = authFormDraft;\n  // Set just before clearing the draft on success so the unmount cleanup\n  // below does not repersist the just-submitted credentials.\n  const skipDraftPersistRef = useRef(false);\n\n  const form = useForm({\n    defaultValues: {email: authFormDraft.email, password: authFormDraft.password},\n    onSubmit: async ({value}) => {\n      setFormError(undefined);\n      try {\n        await login.mutateAsync(value);\n        skipDraftPersistRef.current = true;\n        setAuthFormDraft(initialAuthFormDraft);\n      } catch (error) {\n        const mapped = loginErrorToFormError(error);\n        if (mapped.kind === 'field') {\n          form.setFieldMeta(mapped.field, (prev) => ({\n            ...prev,\n            errorMap: {...prev.errorMap, onServer: mapped.message},\n          }));\n        } else {\n          setFormError(mapped.message);\n        }\n      }\n    },\n  });\n\n  // Lock the email field when arriving from an invitation link so the user\n  // can't log in as a different account than the one the invitation targets.\n  useEffect(() => {\n    if (invitationPending && form.state.values.email !== invitationPending.email) {\n      form.setFieldValue('email', invitationPending.email);\n      setAuthFormDraft((current) => ({...current, email: invitationPending.email}));\n    }\n  }, [invitationPending, form, setAuthFormDraft]);\n\n  // Sync TanStack Form values back into the Jotai draft on unmount so a\n  // navigation to /signup or /reset preserves what the user typed. Skipped\n  // after a successful login because we just intentionally cleared the draft.\n  useEffect(() => {\n    return () => {\n      if (skipDraftPersistRef.current) return;\n      const {email, password} = form.state.values;\n      if (email !== draftRef.current.email || password !== draftRef.current.password) {\n        setAuthFormDraft({email, password});\n      }\n    };\n  }, [form, setAuthFormDraft]);\n\n  const isInvitationEmailLocked = Boolean(invitationPending);\n  const invitationRedirect = invitationToken\n    ? `/invitations/accept?token=${encodeURIComponent(invitationToken)}`\n    : undefined;\n  const headerTitle = invitationPending\n    ? `Join ${invitationPending.workspace_name}`\n    : 'Connect to Shipfox';\n  const headerDescription = invitationPending\n    ? 'Log in to accept your invitation.'\n    : 'Log in to access Shipfox.';\n\n  function persistDraft() {\n    const {email, password} = form.state.values;\n    setAuthFormDraft({email, password});\n  }\n\n  return (\n    <AuthShell title={headerTitle} description={headerDescription}>\n      <form\n        className=\"flex flex-col gap-18\"\n        noValidate\n        onSubmit={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          void form.handleSubmit();\n        }}\n      >\n        {formError ? (\n          <Callout role=\"alert\" type=\"error\">\n            {formError}\n          </Callout>\n        ) : null}\n        <form.Field\n          name=\"email\"\n          validators={{onBlur: loginBodySchema.shape.email, onSubmit: loginBodySchema.shape.email}}\n        >\n          {(field) => (\n            <FormField label=\"Email\" id=\"email\" error={fieldError(field)}>\n              <FormFieldInput\n                autoComplete=\"email\"\n                name=\"email\"\n                type=\"email\"\n                value={field.state.value}\n                onChange={(event) => field.handleChange(event.target.value)}\n                onBlur={() => {\n                  field.handleBlur();\n                  persistDraft();\n                }}\n                readOnly={isInvitationEmailLocked}\n                iconRight={\n                  isInvitationEmailLocked ? (\n                    <Icon\n                      aria-hidden=\"true\"\n                      className=\"size-16 text-foreground-neutral-disabled\"\n                      name=\"lockLine\"\n                    />\n                  ) : undefined\n                }\n              />\n            </FormField>\n          )}\n        </form.Field>\n        <form.Field\n          name=\"password\"\n          validators={{\n            onBlur: loginBodySchema.shape.password,\n            onSubmit: loginBodySchema.shape.password,\n          }}\n        >\n          {(field) => (\n            <FormField label=\"Password\" id=\"password\" error={fieldError(field)}>\n              <FormFieldInput\n                autoComplete=\"current-password\"\n                name=\"password\"\n                type=\"password\"\n                value={field.state.value}\n                onChange={(event) => field.handleChange(event.target.value)}\n                onBlur={() => {\n                  field.handleBlur();\n                  persistDraft();\n                }}\n              />\n            </FormField>\n          )}\n        </form.Field>\n        <ButtonLink asChild variant=\"subtle\" className=\"-mt-8 self-end\">\n          <Link to=\"/auth/reset\">Forgot password?</Link>\n        </ButtonLink>\n        <Button className=\"w-full\" isLoading={login.isPending} type=\"submit\">\n          {login.isPending ? 'Logging in...' : 'Log in'}\n        </Button>\n      </form>\n      <Text size=\"sm\" className=\"text-center text-foreground-neutral-subtle\">\n        New to Shipfox?{' '}\n        <ButtonLink asChild variant=\"interactive\" underline>\n          <Link\n            to=\"/auth/signup\"\n            search={invitationRedirect ? {redirect: invitationRedirect} : undefined}\n          >\n            Create an account\n          </Link>\n        </ButtonLink>\n      </Text>\n    </AuthShell>\n  );\n}\n"],"names":["loginBodySchema","Button","ButtonLink","Callout","FormField","FormFieldInput","fieldError","Icon","Text","useForm","Link","useSearch","useAtom","useEffect","useRef","useState","AuthShell","useLoginAuth","authFormDraftAtom","initialAuthFormDraft","loginErrorToFormError","extractInvitationToken","pendingInvitation","useInvitationContext","LoginPage","login","search","strict","invitationToken","redirect","invitationPreview","invitationPending","data","authFormDraft","setAuthFormDraft","formError","setFormError","draftRef","current","skipDraftPersistRef","form","defaultValues","email","password","onSubmit","value","undefined","mutateAsync","error","mapped","kind","setFieldMeta","field","prev","errorMap","onServer","message","state","values","setFieldValue","isInvitationEmailLocked","Boolean","invitationRedirect","encodeURIComponent","headerTitle","workspace_name","headerDescription","persistDraft","title","description","className","noValidate","event","preventDefault","stopPropagation","handleSubmit","role","type","Field","name","validators","onBlur","shape","label","id","autoComplete","onChange","handleChange","target","handleBlur","readOnly","iconRight","aria-hidden","asChild","variant","to","isLoading","isPending","size","underline"],"mappings":"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"}

package/dist/pages/logout-page.d.ts

@@ -0,0 +1,2 @@
+export declare function LogoutPage(): import("react").JSX.Element;
+//# sourceMappingURL=logout-page.d.ts.map

package/dist/pages/logout-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logout-page.d.ts","sourceRoot":"","sources":["../../src/pages/logout-page.tsx"],"names":[],"mappings":"AAOA,wBAAgB,UAAU,gCAyBzB"}

package/dist/pages/logout-page.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '@shipfox/react-ui/typography';
+import { useNavigate, useRouter, useSearch } from '@tanstack/react-router';
+import { useEffect } from 'react';
+import { AuthShell } from '#/components/auth-shell.js';
+import { sanitizeRedirectPath } from '#/components/redirect-target.js';
+import { useLogoutAuth } from '#hooks/api/logout-auth.js';
+export function LogoutPage() {
+    const logout = useLogoutAuth();
+    const navigate = useNavigate();
+    const router = useRouter();
+    const search = useSearch({
+        strict: false
+    });
+    const target = sanitizeRedirectPath(search.redirect);
+    useEffect(()=>{
+        logout.mutateAsync().finally(()=>{
+            if (target !== undefined) {
+                // Same-origin runtime path; let history drive route resolution.
+                router.history.replace(target);
+            } else {
+                navigate({
+                    to: '/auth/login',
+                    replace: true
+                });
+            }
+        });
+    }, [
+        logout.mutateAsync,
+        navigate,
+        router,
+        target
+    ]);
+    return /*#__PURE__*/ _jsx(AuthShell, {
+        title: "Logging out",
+        description: "Ending your Shipfox session.",
+        children: /*#__PURE__*/ _jsx(Text, {
+            size: "sm",
+            className: "text-center text-foreground-neutral-subtle",
+            children: "You will be sent back to login in a moment."
+        })
+    });
+}
+
+//# sourceMappingURL=logout-page.js.map

package/dist/pages/logout-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/pages/logout-page.tsx"],"sourcesContent":["import {Text} from '@shipfox/react-ui/typography';\nimport {useNavigate, useRouter, useSearch} from '@tanstack/react-router';\nimport {useEffect} from 'react';\nimport {AuthShell} from '#/components/auth-shell.js';\nimport {sanitizeRedirectPath} from '#/components/redirect-target.js';\nimport {useLogoutAuth} from '#hooks/api/logout-auth.js';\n\nexport function LogoutPage() {\n  const logout = useLogoutAuth();\n  const navigate = useNavigate();\n  const router = useRouter();\n  const search = useSearch({strict: false}) as {redirect?: unknown};\n  const target = sanitizeRedirectPath(search.redirect);\n\n  useEffect(() => {\n    logout.mutateAsync().finally(() => {\n      if (target !== undefined) {\n        // Same-origin runtime path; let history drive route resolution.\n        router.history.replace(target);\n      } else {\n        navigate({to: '/auth/login', replace: true});\n      }\n    });\n  }, [logout.mutateAsync, navigate, router, target]);\n\n  return (\n    <AuthShell title=\"Logging out\" description=\"Ending your Shipfox session.\">\n      <Text size=\"sm\" className=\"text-center text-foreground-neutral-subtle\">\n        You will be sent back to login in a moment.\n      </Text>\n    </AuthShell>\n  );\n}\n"],"names":["Text","useNavigate","useRouter","useSearch","useEffect","AuthShell","sanitizeRedirectPath","useLogoutAuth","LogoutPage","logout","navigate","router","search","strict","target","redirect","mutateAsync","finally","undefined","history","replace","to","title","description","size","className"],"mappings":";AAAA,SAAQA,IAAI,QAAO,+BAA+B;AAClD,SAAQC,WAAW,EAAEC,SAAS,EAAEC,SAAS,QAAO,yBAAyB;AACzE,SAAQC,SAAS,QAAO,QAAQ;AAChC,SAAQC,SAAS,QAAO,6BAA6B;AACrD,SAAQC,oBAAoB,QAAO,kCAAkC;AACrE,SAAQC,aAAa,QAAO,4BAA4B;AAExD,OAAO,SAASC;IACd,MAAMC,SAASF;IACf,MAAMG,WAAWT;IACjB,MAAMU,SAAST;IACf,MAAMU,SAAST,UAAU;QAACU,QAAQ;IAAK;IACvC,MAAMC,SAASR,qBAAqBM,OAAOG,QAAQ;IAEnDX,UAAU;QACRK,OAAOO,WAAW,GAAGC,OAAO,CAAC;YAC3B,IAAIH,WAAWI,WAAW;gBACxB,gEAAgE;gBAChEP,OAAOQ,OAAO,CAACC,OAAO,CAACN;YACzB,OAAO;gBACLJ,SAAS;oBAACW,IAAI;oBAAeD,SAAS;gBAAI;YAC5C;QACF;IACF,GAAG;QAACX,OAAOO,WAAW;QAAEN;QAAUC;QAAQG;KAAO;IAEjD,qBACE,KAACT;QAAUiB,OAAM;QAAcC,aAAY;kBACzC,cAAA,KAACvB;YAAKwB,MAAK;YAAKC,WAAU;sBAA6C;;;AAK7E"}

package/dist/pages/password-reset-page.d.ts

@@ -0,0 +1,2 @@
+export declare function PasswordResetPage(): import("react").JSX.Element;
+//# sourceMappingURL=password-reset-page.d.ts.map

package/dist/pages/password-reset-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-reset-page.d.ts","sourceRoot":"","sources":["../../src/pages/password-reset-page.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,iBAAiB,gCAShC"}

package/dist/pages/password-reset-page.js

@@ -0,0 +1,265 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { passwordResetConfirmBodySchema, passwordResetRequestBodySchema } from '@shipfox/api-auth-dto';
+import { Button, ButtonLink } from '@shipfox/react-ui/button';
+import { Callout } from '@shipfox/react-ui/callout';
+import { FormField, FormFieldInput, fieldError } from '@shipfox/react-ui/form-field';
+import { toast } from '@shipfox/react-ui/toast';
+import { Text } from '@shipfox/react-ui/typography';
+import { useForm } from '@tanstack/react-form';
+import { Link, useNavigate, useSearch } from '@tanstack/react-router';
+import { useAtom } from 'jotai';
+import { useEffect, useRef, useState } from 'react';
+import { AuthShell } from '#/components/auth-shell.js';
+import { useConfirmPasswordResetAuth, useRequestPasswordResetAuth } from '#hooks/api/password-reset-auth.js';
+import { useRefreshAuth } from '#hooks/api/refresh-auth.js';
+import { authFormDraftAtom, initialAuthFormDraft } from '#state/auth.js';
+import { passwordResetConfirmErrorToFormError, passwordResetRequestErrorToFormError } from './form-errors.js';
+export function PasswordResetPage() {
+    const search = useSearch({
+        strict: false
+    });
+    const token = typeof search.token === 'string' ? search.token : undefined;
+    if (token) {
+        return /*#__PURE__*/ _jsx(PasswordResetConfirm, {
+            token: token
+        });
+    }
+    return /*#__PURE__*/ _jsx(PasswordResetRequest, {});
+}
+function PasswordResetRequest() {
+    const requestPasswordReset = useRequestPasswordResetAuth();
+    const [authFormDraft, setAuthFormDraft] = useAtom(authFormDraftAtom);
+    const [submittedEmail, setSubmittedEmail] = useState();
+    const [formError, setFormError] = useState();
+    const draftRef = useRef(authFormDraft);
+    draftRef.current = authFormDraft;
+    const form = useForm({
+        defaultValues: {
+            email: authFormDraft.email
+        },
+        onSubmit: async ({ value })=>{
+            setFormError(undefined);
+            try {
+                const parsed = passwordResetRequestBodySchema.parse(value);
+                await requestPasswordReset.mutateAsync(parsed);
+                setSubmittedEmail(parsed.email);
+            } catch (error) {
+                const mapped = passwordResetRequestErrorToFormError(error);
+                setFormError(mapped.message);
+            }
+        }
+    });
+    useEffect(()=>{
+        return ()=>{
+            const { email } = form.state.values;
+            if (email !== draftRef.current.email) {
+                setAuthFormDraft((current)=>({
+                        ...current,
+                        email
+                    }));
+            }
+        };
+    }, [
+        form,
+        setAuthFormDraft
+    ]);
+    if (submittedEmail) {
+        return /*#__PURE__*/ _jsxs(AuthShell, {
+            title: "Check your email",
+            description: `We sent reset instructions to ${submittedEmail}.`,
+            children: [
+                /*#__PURE__*/ _jsx(Callout, {
+                    role: "alert",
+                    type: "success",
+                    children: "If a Shipfox account exists for that email, the reset link will arrive shortly."
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    className: "w-full",
+                    variant: "secondary",
+                    type: "button",
+                    onClick: ()=>setSubmittedEmail(undefined),
+                    children: "Use another email"
+                }),
+                /*#__PURE__*/ _jsxs(Text, {
+                    size: "sm",
+                    className: "text-center text-foreground-neutral-subtle",
+                    children: [
+                        "Remembered it?",
+                        ' ',
+                        /*#__PURE__*/ _jsx(ButtonLink, {
+                            asChild: true,
+                            variant: "interactive",
+                            underline: true,
+                            children: /*#__PURE__*/ _jsx(Link, {
+                                to: "/auth/login",
+                                children: "Log in"
+                            })
+                        })
+                    ]
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsxs(AuthShell, {
+        title: "Reset your password",
+        description: "Enter your email to get a reset link.",
+        children: [
+            /*#__PURE__*/ _jsxs("form", {
+                className: "flex flex-col gap-18",
+                noValidate: true,
+                onSubmit: (event)=>{
+                    event.preventDefault();
+                    event.stopPropagation();
+                    void form.handleSubmit();
+                },
+                children: [
+                    formError ? /*#__PURE__*/ _jsx(Callout, {
+                        role: "alert",
+                        type: "error",
+                        children: formError
+                    }) : null,
+                    /*#__PURE__*/ _jsx(form.Field, {
+                        name: "email",
+                        validators: {
+                            onBlur: passwordResetRequestBodySchema.shape.email,
+                            onSubmit: passwordResetRequestBodySchema.shape.email
+                        },
+                        children: (field)=>/*#__PURE__*/ _jsx(FormField, {
+                                label: "Email",
+                                id: "email",
+                                error: fieldError(field),
+                                children: /*#__PURE__*/ _jsx(FormFieldInput, {
+                                    autoComplete: "email",
+                                    name: "email",
+                                    type: "email",
+                                    value: field.state.value,
+                                    onChange: (event)=>field.handleChange(event.target.value),
+                                    onBlur: ()=>{
+                                        field.handleBlur();
+                                        setAuthFormDraft((current)=>({
+                                                ...current,
+                                                email: field.state.value
+                                            }));
+                                    }
+                                })
+                            })
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        className: "w-full",
+                        isLoading: requestPasswordReset.isPending,
+                        type: "submit",
+                        children: requestPasswordReset.isPending ? 'Sending link...' : 'Send reset link'
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Text, {
+                size: "sm",
+                className: "text-center text-foreground-neutral-subtle",
+                children: [
+                    "Remembered it?",
+                    ' ',
+                    /*#__PURE__*/ _jsx(ButtonLink, {
+                        asChild: true,
+                        variant: "interactive",
+                        underline: true,
+                        children: /*#__PURE__*/ _jsx(Link, {
+                            to: "/auth/login",
+                            children: "Log in"
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+function PasswordResetConfirm({ token }) {
+    const confirmPasswordReset = useConfirmPasswordResetAuth();
+    const refreshAuth = useRefreshAuth();
+    const navigate = useNavigate();
+    const [, setAuthFormDraft] = useAtom(authFormDraftAtom);
+    const [formError, setFormError] = useState();
+    const form = useForm({
+        defaultValues: {
+            new_password: ''
+        },
+        onSubmit: async ({ value })=>{
+            setFormError(undefined);
+            try {
+                const body = passwordResetConfirmBodySchema.parse({
+                    token,
+                    new_password: value.new_password
+                });
+                await confirmPasswordReset.mutateAsync(body);
+                await refreshAuth();
+                setAuthFormDraft(initialAuthFormDraft);
+                toast.success('Your password has been changed. You are now logged in.');
+                await navigate({
+                    to: '/',
+                    replace: true
+                });
+            } catch (error) {
+                const mapped = passwordResetConfirmErrorToFormError(error);
+                setFormError(mapped.message);
+            }
+        }
+    });
+    return /*#__PURE__*/ _jsxs(AuthShell, {
+        title: "Set a new password",
+        description: "Choose a password for your Shipfox account.",
+        children: [
+            /*#__PURE__*/ _jsxs("form", {
+                className: "flex flex-col gap-18",
+                noValidate: true,
+                onSubmit: (event)=>{
+                    event.preventDefault();
+                    event.stopPropagation();
+                    void form.handleSubmit();
+                },
+                children: [
+                    formError ? /*#__PURE__*/ _jsx(Callout, {
+                        role: "alert",
+                        type: "error",
+                        children: formError
+                    }) : null,
+                    /*#__PURE__*/ _jsx(form.Field, {
+                        name: "new_password",
+                        validators: {
+                            onBlur: passwordResetConfirmBodySchema.shape.new_password,
+                            onSubmit: passwordResetConfirmBodySchema.shape.new_password
+                        },
+                        children: (field)=>/*#__PURE__*/ _jsx(FormField, {
+                                label: "New password",
+                                id: "new-password",
+                                error: fieldError(field),
+                                children: /*#__PURE__*/ _jsx(FormFieldInput, {
+                                    autoComplete: "new-password",
+                                    name: "new_password",
+                                    type: "password",
+                                    value: field.state.value,
+                                    onChange: (event)=>field.handleChange(event.target.value),
+                                    onBlur: field.handleBlur
+                                })
+                            })
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        className: "w-full",
+                        isLoading: confirmPasswordReset.isPending,
+                        type: "submit",
+                        children: confirmPasswordReset.isPending ? 'Updating password...' : 'Update password'
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(ButtonLink, {
+                asChild: true,
+                variant: "subtle",
+                className: "self-center",
+                children: /*#__PURE__*/ _jsx(Link, {
+                    to: "/auth/login",
+                    children: "Back to login"
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=password-reset-page.js.map

package/dist/pages/password-reset-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/pages/password-reset-page.tsx"],"sourcesContent":["import {\n  passwordResetConfirmBodySchema,\n  passwordResetRequestBodySchema,\n} from '@shipfox/api-auth-dto';\nimport {Button, ButtonLink} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {FormField, FormFieldInput, fieldError} from '@shipfox/react-ui/form-field';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {useForm} from '@tanstack/react-form';\nimport {Link, useNavigate, useSearch} from '@tanstack/react-router';\nimport {useAtom} from 'jotai';\nimport {useEffect, useRef, useState} from 'react';\nimport {AuthShell} from '#/components/auth-shell.js';\nimport {\n  useConfirmPasswordResetAuth,\n  useRequestPasswordResetAuth,\n} from '#hooks/api/password-reset-auth.js';\nimport {useRefreshAuth} from '#hooks/api/refresh-auth.js';\nimport {authFormDraftAtom, initialAuthFormDraft} from '#state/auth.js';\nimport {\n  passwordResetConfirmErrorToFormError,\n  passwordResetRequestErrorToFormError,\n} from './form-errors.js';\n\nexport function PasswordResetPage() {\n  const search = useSearch({strict: false});\n  const token = typeof search.token === 'string' ? search.token : undefined;\n\n  if (token) {\n    return <PasswordResetConfirm token={token} />;\n  }\n\n  return <PasswordResetRequest />;\n}\n\nfunction PasswordResetRequest() {\n  const requestPasswordReset = useRequestPasswordResetAuth();\n  const [authFormDraft, setAuthFormDraft] = useAtom(authFormDraftAtom);\n  const [submittedEmail, setSubmittedEmail] = useState<string | undefined>();\n  const [formError, setFormError] = useState<string | undefined>();\n  const draftRef = useRef(authFormDraft);\n  draftRef.current = authFormDraft;\n\n  const form = useForm({\n    defaultValues: {email: authFormDraft.email},\n    onSubmit: async ({value}) => {\n      setFormError(undefined);\n      try {\n        const parsed = passwordResetRequestBodySchema.parse(value);\n        await requestPasswordReset.mutateAsync(parsed);\n        setSubmittedEmail(parsed.email);\n      } catch (error) {\n        const mapped = passwordResetRequestErrorToFormError(error);\n        setFormError(mapped.message);\n      }\n    },\n  });\n\n  useEffect(() => {\n    return () => {\n      const {email} = form.state.values;\n      if (email !== draftRef.current.email) {\n        setAuthFormDraft((current) => ({...current, email}));\n      }\n    };\n  }, [form, setAuthFormDraft]);\n\n  if (submittedEmail) {\n    return (\n      <AuthShell\n        title=\"Check your email\"\n        description={`We sent reset instructions to ${submittedEmail}.`}\n      >\n        <Callout role=\"alert\" type=\"success\">\n          If a Shipfox account exists for that email, the reset link will arrive shortly.\n        </Callout>\n        <Button\n          className=\"w-full\"\n          variant=\"secondary\"\n          type=\"button\"\n          onClick={() => setSubmittedEmail(undefined)}\n        >\n          Use another email\n        </Button>\n        <Text size=\"sm\" className=\"text-center text-foreground-neutral-subtle\">\n          Remembered it?{' '}\n          <ButtonLink asChild variant=\"interactive\" underline>\n            <Link to=\"/auth/login\">Log in</Link>\n          </ButtonLink>\n        </Text>\n      </AuthShell>\n    );\n  }\n\n  return (\n    <AuthShell title=\"Reset your password\" description=\"Enter your email to get a reset link.\">\n      <form\n        className=\"flex flex-col gap-18\"\n        noValidate\n        onSubmit={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          void form.handleSubmit();\n        }}\n      >\n        {formError ? (\n          <Callout role=\"alert\" type=\"error\">\n            {formError}\n          </Callout>\n        ) : null}\n        <form.Field\n          name=\"email\"\n          validators={{\n            onBlur: passwordResetRequestBodySchema.shape.email,\n            onSubmit: passwordResetRequestBodySchema.shape.email,\n          }}\n        >\n          {(field) => (\n            <FormField label=\"Email\" id=\"email\" error={fieldError(field)}>\n              <FormFieldInput\n                autoComplete=\"email\"\n                name=\"email\"\n                type=\"email\"\n                value={field.state.value}\n                onChange={(event) => field.handleChange(event.target.value)}\n                onBlur={() => {\n                  field.handleBlur();\n                  setAuthFormDraft((current) => ({...current, email: field.state.value}));\n                }}\n              />\n            </FormField>\n          )}\n        </form.Field>\n        <Button className=\"w-full\" isLoading={requestPasswordReset.isPending} type=\"submit\">\n          {requestPasswordReset.isPending ? 'Sending link...' : 'Send reset link'}\n        </Button>\n      </form>\n      <Text size=\"sm\" className=\"text-center text-foreground-neutral-subtle\">\n        Remembered it?{' '}\n        <ButtonLink asChild variant=\"interactive\" underline>\n          <Link to=\"/auth/login\">Log in</Link>\n        </ButtonLink>\n      </Text>\n    </AuthShell>\n  );\n}\n\nfunction PasswordResetConfirm({token}: {token: string}) {\n  const confirmPasswordReset = useConfirmPasswordResetAuth();\n  const refreshAuth = useRefreshAuth();\n  const navigate = useNavigate();\n  const [, setAuthFormDraft] = useAtom(authFormDraftAtom);\n  const [formError, setFormError] = useState<string | undefined>();\n\n  const form = useForm({\n    defaultValues: {new_password: ''},\n    onSubmit: async ({value}) => {\n      setFormError(undefined);\n      try {\n        const body = passwordResetConfirmBodySchema.parse({\n          token,\n          new_password: value.new_password,\n        });\n        await confirmPasswordReset.mutateAsync(body);\n        await refreshAuth();\n        setAuthFormDraft(initialAuthFormDraft);\n        toast.success('Your password has been changed. You are now logged in.');\n        await navigate({to: '/', replace: true});\n      } catch (error) {\n        const mapped = passwordResetConfirmErrorToFormError(error);\n        setFormError(mapped.message);\n      }\n    },\n  });\n\n  return (\n    <AuthShell title=\"Set a new password\" description=\"Choose a password for your Shipfox account.\">\n      <form\n        className=\"flex flex-col gap-18\"\n        noValidate\n        onSubmit={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          void form.handleSubmit();\n        }}\n      >\n        {formError ? (\n          <Callout role=\"alert\" type=\"error\">\n            {formError}\n          </Callout>\n        ) : null}\n        <form.Field\n          name=\"new_password\"\n          validators={{\n            onBlur: passwordResetConfirmBodySchema.shape.new_password,\n            onSubmit: passwordResetConfirmBodySchema.shape.new_password,\n          }}\n        >\n          {(field) => (\n            <FormField label=\"New password\" id=\"new-password\" error={fieldError(field)}>\n              <FormFieldInput\n                autoComplete=\"new-password\"\n                name=\"new_password\"\n                type=\"password\"\n                value={field.state.value}\n                onChange={(event) => field.handleChange(event.target.value)}\n                onBlur={field.handleBlur}\n              />\n            </FormField>\n          )}\n        </form.Field>\n        <Button className=\"w-full\" isLoading={confirmPasswordReset.isPending} type=\"submit\">\n          {confirmPasswordReset.isPending ? 'Updating password...' : 'Update password'}\n        </Button>\n      </form>\n      <ButtonLink asChild variant=\"subtle\" className=\"self-center\">\n        <Link to=\"/auth/login\">Back to login</Link>\n      </ButtonLink>\n    </AuthShell>\n  );\n}\n"],"names":["passwordResetConfirmBodySchema","passwordResetRequestBodySchema","Button","ButtonLink","Callout","FormField","FormFieldInput","fieldError","toast","Text","useForm","Link","useNavigate","useSearch","useAtom","useEffect","useRef","useState","AuthShell","useConfirmPasswordResetAuth","useRequestPasswordResetAuth","useRefreshAuth","authFormDraftAtom","initialAuthFormDraft","passwordResetConfirmErrorToFormError","passwordResetRequestErrorToFormError","PasswordResetPage","search","strict","token","undefined","PasswordResetConfirm","PasswordResetRequest","requestPasswordReset","authFormDraft","setAuthFormDraft","submittedEmail","setSubmittedEmail","formError","setFormError","draftRef","current","form","defaultValues","email","onSubmit","value","parsed","parse","mutateAsync","error","mapped","message","state","values","title","description","role","type","className","variant","onClick","size","asChild","underline","to","noValidate","event","preventDefault","stopPropagation","handleSubmit","Field","name","validators","onBlur","shape","field","label","id","autoComplete","onChange","handleChange","target","handleBlur","isLoading","isPending","confirmPasswordReset","refreshAuth","navigate","new_password","body","success","replace"],"mappings":"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"}

package/dist/pages/signup-page.d.ts

@@ -0,0 +1,2 @@
+export declare function SignupPage(): import("react").JSX.Element;
+//# sourceMappingURL=signup-page.d.ts.map

package/dist/pages/signup-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signup-page.d.ts","sourceRoot":"","sources":["../../src/pages/signup-page.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,UAAU,gCAmUzB"}