@shipfox/client-auth 1.0.0 → 2.0.0

package/dist/pages/verify-email-page.d.ts

@@ -1,2 +0,0 @@
-export declare function VerifyEmailPage(): null;
-//# sourceMappingURL=verify-email-page.d.ts.map

package/dist/pages/verify-email-page.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"verify-email-page.d.ts","sourceRoot":"","sources":["../../src/pages/verify-email-page.tsx"],"names":[],"mappings":"AAUA,wBAAgB,eAAe,SAqC9B"}

package/dist/pages/verify-email-page.js

@@ -1,57 +0,0 @@
-import { toast } from '@shipfox/react-ui/toast';
-import { useNavigate, useSearch } from '@tanstack/react-router';
-import { useEffect } from 'react';
-import { useRefreshAuth } from '#hooks/api/refresh-auth.js';
-import { useVerifyEmailAuth } from '#hooks/api/verify-email-auth.js';
-import { authErrorMessage } from './form-utils.js';
-const verificationRequests = new Map();
-const toastedVerificationTokens = new Set();
-export function VerifyEmailPage() {
-    const verifyEmail = useVerifyEmailAuth();
-    const refreshAuth = useRefreshAuth();
-    const navigate = useNavigate();
-    const search = useSearch({
-        strict: false
-    });
-    const token = typeof search.token === 'string' ? search.token : undefined;
-    useEffect(()=>{
-        if (!token) {
-            toast.error('This verification link is missing a token.');
-            navigate({
-                to: '/',
-                replace: true
-            });
-            return;
-        }
-        let request = verificationRequests.get(token);
-        if (!request) {
-            request = verifyEmail.mutateAsync({
-                token
-            }).then(async ()=>{
-                await refreshAuth();
-            });
-            verificationRequests.set(token, request);
-        }
-        request.then(()=>{
-            if (toastedVerificationTokens.has(token)) return;
-            toastedVerificationTokens.add(token);
-            toast.success('Your email is verified. You are now logged in.');
-            navigate({
-                to: '/',
-                replace: true
-            });
-        }).catch((error)=>{
-            if (toastedVerificationTokens.has(token)) return;
-            toastedVerificationTokens.add(token);
-            toast.error(authErrorMessage(error));
-        });
-    }, [
-        navigate,
-        refreshAuth,
-        token,
-        verifyEmail.mutateAsync
-    ]);
-    return null;
-}
-
-//# sourceMappingURL=verify-email-page.js.map

package/dist/pages/verify-email-page.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/pages/verify-email-page.tsx"],"sourcesContent":["import {toast} from '@shipfox/react-ui/toast';\nimport {useNavigate, useSearch} from '@tanstack/react-router';\nimport {useEffect} from 'react';\nimport {useRefreshAuth} from '#hooks/api/refresh-auth.js';\nimport {useVerifyEmailAuth} from '#hooks/api/verify-email-auth.js';\nimport {authErrorMessage} from './form-utils.js';\n\nconst verificationRequests = new Map<string, Promise<void>>();\nconst toastedVerificationTokens = new Set<string>();\n\nexport function VerifyEmailPage() {\n  const verifyEmail = useVerifyEmailAuth();\n  const refreshAuth = useRefreshAuth();\n  const navigate = useNavigate();\n  const search = useSearch({strict: false});\n  const token = typeof search.token === 'string' ? search.token : undefined;\n\n  useEffect(() => {\n    if (!token) {\n      toast.error('This verification link is missing a token.');\n      navigate({to: '/', replace: true});\n      return;\n    }\n\n    let request = verificationRequests.get(token);\n    if (!request) {\n      request = verifyEmail.mutateAsync({token}).then(async () => {\n        await refreshAuth();\n      });\n      verificationRequests.set(token, request);\n    }\n\n    request\n      .then(() => {\n        if (toastedVerificationTokens.has(token)) return;\n        toastedVerificationTokens.add(token);\n        toast.success('Your email is verified. You are now logged in.');\n        navigate({to: '/', replace: true});\n      })\n      .catch((error) => {\n        if (toastedVerificationTokens.has(token)) return;\n        toastedVerificationTokens.add(token);\n        toast.error(authErrorMessage(error));\n      });\n  }, [navigate, refreshAuth, token, verifyEmail.mutateAsync]);\n\n  return null;\n}\n"],"names":["toast","useNavigate","useSearch","useEffect","useRefreshAuth","useVerifyEmailAuth","authErrorMessage","verificationRequests","Map","toastedVerificationTokens","Set","VerifyEmailPage","verifyEmail","refreshAuth","navigate","search","strict","token","undefined","error","to","replace","request","get","mutateAsync","then","set","has","add","success","catch"],"mappings":"AAAA,SAAQA,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,WAAW,EAAEC,SAAS,QAAO,yBAAyB;AAC9D,SAAQC,SAAS,QAAO,QAAQ;AAChC,SAAQC,cAAc,QAAO,6BAA6B;AAC1D,SAAQC,kBAAkB,QAAO,kCAAkC;AACnE,SAAQC,gBAAgB,QAAO,kBAAkB;AAEjD,MAAMC,uBAAuB,IAAIC;AACjC,MAAMC,4BAA4B,IAAIC;AAEtC,OAAO,SAASC;IACd,MAAMC,cAAcP;IACpB,MAAMQ,cAAcT;IACpB,MAAMU,WAAWb;IACjB,MAAMc,SAASb,UAAU;QAACc,QAAQ;IAAK;IACvC,MAAMC,QAAQ,OAAOF,OAAOE,KAAK,KAAK,WAAWF,OAAOE,KAAK,GAAGC;IAEhEf,UAAU;QACR,IAAI,CAACc,OAAO;YACVjB,MAAMmB,KAAK,CAAC;YACZL,SAAS;gBAACM,IAAI;gBAAKC,SAAS;YAAI;YAChC;QACF;QAEA,IAAIC,UAAUf,qBAAqBgB,GAAG,CAACN;QACvC,IAAI,CAACK,SAAS;YACZA,UAAUV,YAAYY,WAAW,CAAC;gBAACP;YAAK,GAAGQ,IAAI,CAAC;gBAC9C,MAAMZ;YACR;YACAN,qBAAqBmB,GAAG,CAACT,OAAOK;QAClC;QAEAA,QACGG,IAAI,CAAC;YACJ,IAAIhB,0BAA0BkB,GAAG,CAACV,QAAQ;YAC1CR,0BAA0BmB,GAAG,CAACX;YAC9BjB,MAAM6B,OAAO,CAAC;YACdf,SAAS;gBAACM,IAAI;gBAAKC,SAAS;YAAI;QAClC,GACCS,KAAK,CAAC,CAACX;YACN,IAAIV,0BAA0BkB,GAAG,CAACV,QAAQ;YAC1CR,0BAA0BmB,GAAG,CAACX;YAC9BjB,MAAMmB,KAAK,CAACb,iBAAiBa;QAC/B;IACJ,GAAG;QAACL;QAAUD;QAAaI;QAAOL,YAAYY,WAAW;KAAC;IAE1D,OAAO;AACT"}

package/dist/routes/verify-email.d.ts

@@ -1,5 +0,0 @@
-declare const _default: import("@shipfox/client-shell/runtime").RouteImpl<{
-    readonly component: () => import("react").JSX.Element;
-}>;
-export default _default;
-//# sourceMappingURL=verify-email.d.ts.map

package/dist/routes/verify-email.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"verify-email.d.ts","sourceRoot":"","sources":["../../src/routes/verify-email.tsx"],"names":[],"mappings":";;;AAIA,wBAMG"}

package/dist/routes/verify-email.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { defineRoute } from '@shipfox/client-shell/runtime';
-import { GuestGuard } from '#components/auth-guard.js';
-import { VerifyEmailPage } from '#pages/verify-email-page.js';
-export default defineRoute({
-    component: ()=>/*#__PURE__*/ _jsx(GuestGuard, {
-            children: /*#__PURE__*/ _jsx(VerifyEmailPage, {})
-        })
-});
-
-//# sourceMappingURL=verify-email.js.map

package/dist/routes/verify-email.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/routes/verify-email.tsx"],"sourcesContent":["import {defineRoute} from '@shipfox/client-shell/runtime';\nimport {GuestGuard} from '#components/auth-guard.js';\nimport {VerifyEmailPage} from '#pages/verify-email-page.js';\n\nexport default defineRoute({\n  component: () => (\n    <GuestGuard>\n      <VerifyEmailPage />\n    </GuestGuard>\n  ),\n});\n"],"names":["defineRoute","GuestGuard","VerifyEmailPage","component"],"mappings":";AAAA,SAAQA,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,UAAU,QAAO,4BAA4B;AACrD,SAAQC,eAAe,QAAO,8BAA8B;AAE5D,eAAeF,YAAY;IACzBG,WAAW,kBACT,KAACF;sBACC,cAAA,KAACC;;AAGP,GAAG"}

package/src/pages/verify-email-page.test.tsx

@@ -1,82 +0,0 @@
-import {configureApiClient} from '@shipfox/client-api';
-import {screen, waitFor} from '@testing-library/react';
-import {pageUserFactory} from '#test/factories/user.js';
-import {renderAuthPage, renderStrictAuthPage} from '#test/pages.js';
-import {jsonResponse, requestUrl} from '#test/utils.js';
-import {VerifyEmailPage} from './verify-email-page.js';
-
-describe('VerifyEmailPage', () => {
-  beforeEach(() => {
-    configureApiClient({baseUrl: 'https://api.example.test', getAccessToken: undefined});
-  });
-
-  test('only confirms once under StrictMode', async () => {
-    const user = pageUserFactory.build();
-    let didVerify = false;
-    const fetchImpl = vi.fn((input: RequestInfo | URL) => {
-      const url = requestUrl(input);
-      if (url.endsWith('/auth/verify-email/confirm')) {
-        didVerify = true;
-        return Promise.resolve(jsonResponse({token: 'verified-access-token', user}));
-      }
-      if (url.endsWith('/auth/refresh')) {
-        return Promise.resolve(
-          didVerify
-            ? jsonResponse({token: 'refreshed-access-token', user})
-            : jsonResponse({code: 'unauthorized', message: 'Unauthorized'}, {status: 401}),
-        );
-      }
-      return Promise.resolve(
-        jsonResponse({code: 'not-found', message: 'Not found'}, {status: 404}),
-      );
-    });
-    configureApiClient({fetchImpl});
-
-    renderStrictAuthPage('/auth/verify-email?token=strict-token', <VerifyEmailPage />);
-
-    expect(await screen.findByRole('heading', {name: 'Authenticated home'})).toBeInTheDocument();
-    expect(
-      await screen.findByText('Your email is verified. You are now logged in.'),
-    ).toBeInTheDocument();
-    const verifyCalls = fetchImpl.mock.calls.filter(([input]) =>
-      requestUrl(input).endsWith('/auth/verify-email/confirm'),
-    );
-    expect(verifyCalls).toHaveLength(1);
-  });
-
-  test('reports an invalid token', async () => {
-    const fetchImpl = vi.fn((input: RequestInfo | URL) => {
-      const url = requestUrl(input);
-      if (url.endsWith('/auth/verify-email/confirm')) {
-        return Promise.resolve(
-          jsonResponse({code: 'invalid-token', message: 'Invalid token'}, {status: 400}),
-        );
-      }
-      return Promise.resolve(
-        jsonResponse({code: 'unauthorized', message: 'Unauthorized'}, {status: 401}),
-      );
-    });
-    configureApiClient({fetchImpl});
-
-    renderAuthPage('/auth/verify-email?token=bad-token', <VerifyEmailPage />);
-
-    expect(await screen.findByText('Invalid token')).toBeInTheDocument();
-  });
-
-  test('handles missing token locally', async () => {
-    const fetchImpl = vi
-      .fn()
-      .mockResolvedValue(
-        jsonResponse({code: 'unauthorized', message: 'Unauthorized'}, {status: 401}),
-      );
-    configureApiClient({fetchImpl});
-
-    renderAuthPage('/auth/verify-email', <VerifyEmailPage />);
-
-    expect(await screen.findByRole('heading', {name: 'Authenticated home'})).toBeInTheDocument();
-    expect(
-      await screen.findByText('This verification link is missing a token.'),
-    ).toBeInTheDocument();
-    await waitFor(() => expect(fetchImpl).toHaveBeenCalledTimes(1));
-  });
-});

package/src/pages/verify-email-page.tsx

@@ -1,48 +0,0 @@
-import {toast} from '@shipfox/react-ui/toast';
-import {useNavigate, useSearch} from '@tanstack/react-router';
-import {useEffect} from 'react';
-import {useRefreshAuth} from '#hooks/api/refresh-auth.js';
-import {useVerifyEmailAuth} from '#hooks/api/verify-email-auth.js';
-import {authErrorMessage} from './form-utils.js';
-
-const verificationRequests = new Map<string, Promise<void>>();
-const toastedVerificationTokens = new Set<string>();
-
-export function VerifyEmailPage() {
-  const verifyEmail = useVerifyEmailAuth();
-  const refreshAuth = useRefreshAuth();
-  const navigate = useNavigate();
-  const search = useSearch({strict: false});
-  const token = typeof search.token === 'string' ? search.token : undefined;
-
-  useEffect(() => {
-    if (!token) {
-      toast.error('This verification link is missing a token.');
-      navigate({to: '/', replace: true});
-      return;
-    }
-
-    let request = verificationRequests.get(token);
-    if (!request) {
-      request = verifyEmail.mutateAsync({token}).then(async () => {
-        await refreshAuth();
-      });
-      verificationRequests.set(token, request);
-    }
-
-    request
-      .then(() => {
-        if (toastedVerificationTokens.has(token)) return;
-        toastedVerificationTokens.add(token);
-        toast.success('Your email is verified. You are now logged in.');
-        navigate({to: '/', replace: true});
-      })
-      .catch((error) => {
-        if (toastedVerificationTokens.has(token)) return;
-        toastedVerificationTokens.add(token);
-        toast.error(authErrorMessage(error));
-      });
-  }, [navigate, refreshAuth, token, verifyEmail.mutateAsync]);
-
-  return null;
-}

package/src/routes/verify-email.tsx

@@ -1,11 +0,0 @@
-import {defineRoute} from '@shipfox/client-shell/runtime';
-import {GuestGuard} from '#components/auth-guard.js';
-import {VerifyEmailPage} from '#pages/verify-email-page.js';
-
-export default defineRoute({
-  component: () => (
-    <GuestGuard>
-      <VerifyEmailPage />
-    </GuestGuard>
-  ),
-});