@shipfox/client-auth 3.0.1 → 5.0.0

package/dist/components/auth-shell.d.ts

@@ -1,11 +0,0 @@
-import type { PropsWithChildren, ReactNode } from 'react';
-interface AuthShellProps {
-    title: string;
-    description: string;
-    children: ReactNode;
-    className?: string;
-}
-export declare function AuthShell({ title, description, children, className }: AuthShellProps): import("react").JSX.Element;
-export declare function AuthActions({ children }: PropsWithChildren): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=auth-shell.d.ts.map

package/dist/components/auth-shell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auth-shell.d.ts","sourceRoot":"","sources":["../../src/components/auth-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAExD,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAC,EAAE,cAAc,+BAqClF;AAED,wBAAgB,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE,iBAAiB,+BAExD"}

package/dist/components/auth-shell.js

@@ -1,63 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@shipfox/react-ui/icon';
-import { Header, Text } from '@shipfox/react-ui/typography';
-export function AuthShell({ title, description, children, className }) {
-    return /*#__PURE__*/ _jsxs("main", {
-        className: "relative flex min-h-screen items-center justify-center overflow-hidden bg-background-subtle-base px-24 py-32 max-[520px]:items-start max-[520px]:px-20 max-[520px]:pb-32 max-[520px]:pt-56",
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: "pointer-events-none absolute left-1/2 top-0 h-[380px] w-full max-w-[880px] -translate-x-1/2 -translate-y-[120px] opacity-55 max-[520px]:-translate-y-[170px] max-[520px]:opacity-35",
-                "aria-hidden": "true",
-                style: {
-                    maskImage: 'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',
-                    WebkitMaskImage: 'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)'
-                },
-                children: /*#__PURE__*/ _jsx("div", {
-                    className: "h-full w-full bg-[radial-gradient(circle,rgba(230,62,0,0.48)_1.6px,transparent_1.8px)] bg-[length:44px_44px]"
-                })
-            }),
-            /*#__PURE__*/ _jsxs("section", {
-                className: className ?? 'relative flex w-full max-w-[384px] flex-col items-stretch gap-28',
-                "aria-labelledby": "auth-title",
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: "flex flex-col items-center gap-16",
-                        children: [
-                            /*#__PURE__*/ _jsx("div", {
-                                className: "flex size-64 items-center justify-center rounded-12 border border-border-neutral-base bg-background-neutral-base p-10 shadow-button-neutral",
-                                children: /*#__PURE__*/ _jsx(Icon, {
-                                    name: "shipfox",
-                                    className: "size-42 text-background-highlight-interactive"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsxs("div", {
-                                className: "flex min-w-[128px] flex-col items-center gap-4 text-center",
-                                children: [
-                                    /*#__PURE__*/ _jsx(Header, {
-                                        id: "auth-title",
-                                        variant: "h1",
-                                        children: title
-                                    }),
-                                    /*#__PURE__*/ _jsx(Text, {
-                                        size: "sm",
-                                        className: "text-foreground-neutral-subtle",
-                                        children: description
-                                    })
-                                ]
-                            })
-                        ]
-                    }),
-                    children
-                ]
-            })
-        ]
-    });
-}
-export function AuthActions({ children }) {
-    return /*#__PURE__*/ _jsx("div", {
-        className: "flex flex-col gap-20",
-        children: children
-    });
-}
-
-//# sourceMappingURL=auth-shell.js.map

package/dist/components/auth-shell.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/auth-shell.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport type {PropsWithChildren, ReactNode} from 'react';\n\ninterface AuthShellProps {\n  title: string;\n  description: string;\n  children: ReactNode;\n  className?: string;\n}\n\nexport function AuthShell({title, description, children, className}: AuthShellProps) {\n  return (\n    <main className=\"relative flex min-h-screen items-center justify-center overflow-hidden bg-background-subtle-base px-24 py-32 max-[520px]:items-start max-[520px]:px-20 max-[520px]:pb-32 max-[520px]:pt-56\">\n      <div\n        className=\"pointer-events-none absolute left-1/2 top-0 h-[380px] w-full max-w-[880px] -translate-x-1/2 -translate-y-[120px] opacity-55 max-[520px]:-translate-y-[170px] max-[520px]:opacity-35\"\n        aria-hidden=\"true\"\n        style={{\n          maskImage:\n            'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',\n          WebkitMaskImage:\n            'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',\n        }}\n      >\n        <div className=\"h-full w-full bg-[radial-gradient(circle,rgba(230,62,0,0.48)_1.6px,transparent_1.8px)] bg-[length:44px_44px]\" />\n      </div>\n\n      <section\n        className={className ?? 'relative flex w-full max-w-[384px] flex-col items-stretch gap-28'}\n        aria-labelledby=\"auth-title\"\n      >\n        <div className=\"flex flex-col items-center gap-16\">\n          <div className=\"flex size-64 items-center justify-center rounded-12 border border-border-neutral-base bg-background-neutral-base p-10 shadow-button-neutral\">\n            <Icon name=\"shipfox\" className=\"size-42 text-background-highlight-interactive\" />\n          </div>\n          <div className=\"flex min-w-[128px] flex-col items-center gap-4 text-center\">\n            <Header id=\"auth-title\" variant=\"h1\">\n              {title}\n            </Header>\n            <Text size=\"sm\" className=\"text-foreground-neutral-subtle\">\n              {description}\n            </Text>\n          </div>\n        </div>\n        {children}\n      </section>\n    </main>\n  );\n}\n\nexport function AuthActions({children}: PropsWithChildren) {\n  return <div className=\"flex flex-col gap-20\">{children}</div>;\n}\n"],"names":["Icon","Header","Text","AuthShell","title","description","children","className","main","div","aria-hidden","style","maskImage","WebkitMaskImage","section","aria-labelledby","name","id","variant","size","AuthActions"],"mappings":";AAAA,SAAQA,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAU1D,OAAO,SAASC,UAAU,EAACC,KAAK,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,EAAiB;IACjF,qBACE,MAACC;QAAKD,WAAU;;0BACd,KAACE;gBACCF,WAAU;gBACVG,eAAY;gBACZC,OAAO;oBACLC,WACE;oBACFC,iBACE;gBACJ;0BAEA,cAAA,KAACJ;oBAAIF,WAAU;;;0BAGjB,MAACO;gBACCP,WAAWA,aAAa;gBACxBQ,mBAAgB;;kCAEhB,MAACN;wBAAIF,WAAU;;0CACb,KAACE;gCAAIF,WAAU;0CACb,cAAA,KAACP;oCAAKgB,MAAK;oCAAUT,WAAU;;;0CAEjC,MAACE;gCAAIF,WAAU;;kDACb,KAACN;wCAAOgB,IAAG;wCAAaC,SAAQ;kDAC7Bd;;kDAEH,KAACF;wCAAKiB,MAAK;wCAAKZ,WAAU;kDACvBF;;;;;;oBAINC;;;;;AAIT;AAEA,OAAO,SAASc,YAAY,EAACd,QAAQ,EAAoB;IACvD,qBAAO,KAACG;QAAIF,WAAU;kBAAwBD;;AAChD"}

package/dist/pages/email-verification-resend-model.d.ts

@@ -1,6 +0,0 @@
-export declare function getResendRemainingSeconds(params: {
-    nextResendAvailableAt: number | undefined;
-    now: number;
-}): number;
-export declare function parseNextResendAvailableAt(value: string): number | undefined;
-//# sourceMappingURL=email-verification-resend-model.d.ts.map

package/dist/pages/email-verification-resend-model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"email-verification-resend-model.d.ts","sourceRoot":"","sources":["../../src/pages/email-verification-resend-model.ts"],"names":[],"mappings":"AAAA,wBAAgB,yBAAyB,CAAC,MAAM,EAAE;IAChD,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,MAAM,CAIT;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAK5E"}

package/dist/pages/email-verification-resend-model.js

@@ -1,11 +0,0 @@
-export function getResendRemainingSeconds(params) {
-    if (!params.nextResendAvailableAt) return 0;
-    return Math.max(0, Math.ceil((params.nextResendAvailableAt - params.now) / 1000));
-}
-export function parseNextResendAvailableAt(value) {
-    const nextAvailableAt = Date.parse(value);
-    if (!Number.isFinite(nextAvailableAt)) return undefined;
-    return nextAvailableAt;
-}
-
-//# sourceMappingURL=email-verification-resend-model.js.map

package/dist/pages/email-verification-resend-model.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/pages/email-verification-resend-model.ts"],"sourcesContent":["export function getResendRemainingSeconds(params: {\n  nextResendAvailableAt: number | undefined;\n  now: number;\n}): number {\n  if (!params.nextResendAvailableAt) return 0;\n\n  return Math.max(0, Math.ceil((params.nextResendAvailableAt - params.now) / 1000));\n}\n\nexport function parseNextResendAvailableAt(value: string): number | undefined {\n  const nextAvailableAt = Date.parse(value);\n  if (!Number.isFinite(nextAvailableAt)) return undefined;\n\n  return nextAvailableAt;\n}\n"],"names":["getResendRemainingSeconds","params","nextResendAvailableAt","Math","max","ceil","now","parseNextResendAvailableAt","value","nextAvailableAt","Date","parse","Number","isFinite","undefined"],"mappings":"AAAA,OAAO,SAASA,0BAA0BC,MAGzC;IACC,IAAI,CAACA,OAAOC,qBAAqB,EAAE,OAAO;IAE1C,OAAOC,KAAKC,GAAG,CAAC,GAAGD,KAAKE,IAAI,CAAC,AAACJ,CAAAA,OAAOC,qBAAqB,GAAGD,OAAOK,GAAG,AAAD,IAAK;AAC7E;AAEA,OAAO,SAASC,2BAA2BC,KAAa;IACtD,MAAMC,kBAAkBC,KAAKC,KAAK,CAACH;IACnC,IAAI,CAACI,OAAOC,QAAQ,CAACJ,kBAAkB,OAAOK;IAE9C,OAAOL;AACT"}

package/src/components/auth-shell.tsx

@@ -1,53 +0,0 @@
-import {Icon} from '@shipfox/react-ui/icon';
-import {Header, Text} from '@shipfox/react-ui/typography';
-import type {PropsWithChildren, ReactNode} from 'react';
-
-interface AuthShellProps {
-  title: string;
-  description: string;
-  children: ReactNode;
-  className?: string;
-}
-
-export function AuthShell({title, description, children, className}: AuthShellProps) {
-  return (
-    <main className="relative flex min-h-screen items-center justify-center overflow-hidden bg-background-subtle-base px-24 py-32 max-[520px]:items-start max-[520px]:px-20 max-[520px]:pb-32 max-[520px]:pt-56">
-      <div
-        className="pointer-events-none absolute left-1/2 top-0 h-[380px] w-full max-w-[880px] -translate-x-1/2 -translate-y-[120px] opacity-55 max-[520px]:-translate-y-[170px] max-[520px]:opacity-35"
-        aria-hidden="true"
-        style={{
-          maskImage:
-            'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',
-          WebkitMaskImage:
-            'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',
-        }}
-      >
-        <div className="h-full w-full bg-[radial-gradient(circle,rgba(230,62,0,0.48)_1.6px,transparent_1.8px)] bg-[length:44px_44px]" />
-      </div>
-
-      <section
-        className={className ?? 'relative flex w-full max-w-[384px] flex-col items-stretch gap-28'}
-        aria-labelledby="auth-title"
-      >
-        <div className="flex flex-col items-center gap-16">
-          <div className="flex size-64 items-center justify-center rounded-12 border border-border-neutral-base bg-background-neutral-base p-10 shadow-button-neutral">
-            <Icon name="shipfox" className="size-42 text-background-highlight-interactive" />
-          </div>
-          <div className="flex min-w-[128px] flex-col items-center gap-4 text-center">
-            <Header id="auth-title" variant="h1">
-              {title}
-            </Header>
-            <Text size="sm" className="text-foreground-neutral-subtle">
-              {description}
-            </Text>
-          </div>
-        </div>
-        {children}
-      </section>
-    </main>
-  );
-}
-
-export function AuthActions({children}: PropsWithChildren) {
-  return <div className="flex flex-col gap-20">{children}</div>;
-}

package/src/pages/email-verification-resend-model.test.ts

@@ -1,42 +0,0 @@
-import {
-  getResendRemainingSeconds,
-  parseNextResendAvailableAt,
-} from './email-verification-resend-model.js';
-
-describe('email verification resend model', () => {
-  test('rounds remaining cooldown seconds up for display', () => {
-    const now = Date.UTC(2026, 4, 11, 12, 0, 0);
-
-    const result = getResendRemainingSeconds({
-      nextResendAvailableAt: now + 1_001,
-      now,
-    });
-
-    expect(result).toBe(2);
-  });
-
-  test('does not return negative remaining cooldown seconds', () => {
-    const now = Date.UTC(2026, 4, 11, 12, 0, 0);
-
-    const result = getResendRemainingSeconds({
-      nextResendAvailableAt: now - 1_000,
-      now,
-    });
-
-    expect(result).toBe(0);
-  });
-
-  test('parses valid server cooldown timestamps', () => {
-    const timestamp = '2026-05-11T12:01:00.000Z';
-
-    const result = parseNextResendAvailableAt(timestamp);
-
-    expect(result).toBe(Date.parse(timestamp));
-  });
-
-  test('ignores invalid server cooldown timestamps', () => {
-    const result = parseNextResendAvailableAt('not-a-date');
-
-    expect(result).toBeUndefined();
-  });
-});

package/src/pages/email-verification-resend-model.ts

@@ -1,15 +0,0 @@
-export function getResendRemainingSeconds(params: {
-  nextResendAvailableAt: number | undefined;
-  now: number;
-}): number {
-  if (!params.nextResendAvailableAt) return 0;
-
-  return Math.max(0, Math.ceil((params.nextResendAvailableAt - params.now) / 1000));
-}
-
-export function parseNextResendAvailableAt(value: string): number | undefined {
-  const nextAvailableAt = Date.parse(value);
-  if (!Number.isFinite(nextAvailableAt)) return undefined;
-
-  return nextAvailableAt;
-}