@pisti-paypiller/react 0.0.0-stage → 0.7.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Pisti
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,160 @@
-# Temporary Holding Version
+# @pisti-paypiller/react
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Pisti for React, shaped like `@clerk/react`: one provider, prebuilt sign-in and account
+components, and hooks. It talks to your environment's Frontend API directly from the browser;
+the publishable key is the only required setting. Supports React 18.3 and 19.
+
+```tsx
+import { PistiProvider, Show, SignInButton, SignUpButton, UserButton } from "@pisti-paypiller/react";
+import "@pisti-paypiller/react/styles.css";
+
+export function App() {
+    return (
+        <PistiProvider>
+            <header>
+                <Show when="signed-out">
+                    <SignInButton />
+                    <SignUpButton />
+                </Show>
+                <Show when="signed-in">
+                    <UserButton />
+                </Show>
+            </header>
+        </PistiProvider>
+    );
+}
+```
+
+That's a working app. `<PistiProvider>` reads `VITE_PISTI_PUBLISHABLE_KEY` (or
+`PISTI_PUBLISHABLE_KEY`) by itself, `SignInButton` opens sign-in in a modal and `UserButton`
+gives the signed-in user Manage account and Sign out.
+
+## Install
+
+```sh
+npm install @pisti-paypiller/react
+```
+
+```sh
+VITE_PISTI_PUBLISHABLE_KEY=pk_test_…
+```
+
+Apps on `http://localhost` work with development environments as they are. For production, add
+your app's origin under Domains & paths in the console.
+
+## Dedicated pages and your router
+
+```tsx
+import { BrowserRouter, Routes, Route, useNavigate } from "react-router";
+import { PistiProvider, SignIn, SignUp, Show, RedirectToSignIn } from "@pisti-paypiller/react";
+
+function PistiWithRouter({ children }: { children: React.ReactNode }) {
+    const navigate = useNavigate();
+    return (
+        <PistiProvider
+            signInUrl="/sign-in"
+            signUpUrl="/sign-up"
+            signInFallbackRedirectUrl="/dashboard"
+            afterSignOutUrl="/"
+            routerPush={(to) => navigate(to)}
+            routerReplace={(to) => navigate(to, { replace: true })}
+        >
+            {children}
+        </PistiProvider>
+    );
+}
+
+const Protected = ({ children }: { children: React.ReactNode }) => (
+    <Show when="signed-in" fallback={<RedirectToSignIn />}>
+        {children}
+    </Show>
+);
+
+export const App = () => (
+    <BrowserRouter>
+        <PistiWithRouter>
+            <Routes>
+                <Route path="/sign-in" element={<SignIn />} />
+                <Route path="/sign-up" element={<SignUp />} />
+                <Route path="/dashboard" element={<Protected><Dashboard /></Protected>} />
+            </Routes>
+        </PistiWithRouter>
+    </BrowserRouter>
+);
+```
+
+After sign-in, visitors go to the first of: `forceRedirectUrl` (prop, then provider),
+`redirect_url` in the URL (set by `RedirectToSignIn` and `requireAuth()`), `fallbackRedirectUrl`
+(prop, then provider), the console's Domains & paths setting, then `/`. Sign-up works the same
+way with the `signUp…` props. A signed-in visitor who opens `/sign-in` goes straight on, and with
+`routerPush` none of this reloads the page. Without a `signInUrl`, buttons and redirects open the
+modal.
+
+### Provider props
+
+Each prop falls back to an environment variable, so most apps pass none.
+
+| Prop | Environment variable | Default |
+| --- | --- | --- |
+| `publishableKey` | `VITE_PISTI_PUBLISHABLE_KEY` | Required |
+| `signInUrl`, `signUpUrl` | `VITE_PISTI_SIGN_IN_URL`, `VITE_PISTI_SIGN_UP_URL` | Console setting, else modals |
+| `signInFallbackRedirectUrl`, `signUpFallbackRedirectUrl` | `VITE_PISTI_SIGN_IN_FALLBACK_REDIRECT_URL`, `VITE_PISTI_SIGN_UP_FALLBACK_REDIRECT_URL` | Console setting, then `/` |
+| `signInForceRedirectUrl`, `signUpForceRedirectUrl` | `VITE_PISTI_SIGN_IN_FORCE_REDIRECT_URL`, `VITE_PISTI_SIGN_UP_FORCE_REDIRECT_URL` | None |
+| `afterSignOutUrl` | `VITE_PISTI_AFTER_SIGN_OUT_URL` | Console setting, then `/` |
+| `allowedRedirectOrigins` | — | Your app's origin |
+| `routerPush`, `routerReplace` | — | Full page navigation |
+| `appearance` | — | `{ variables: { colorPrimary, colorPrimaryText, colorBackground, colorText, colorTextSecondary, colorBorder, borderRadius, fontFamily } }` |
+| `handleInvitations` | — | `true`: handles `?pisti_invitation=` organization invitation links |
+
+## Components
+
+| Component | What it does |
+| --- | --- |
+| `<SignIn />` | Password or email code, two-step verification (including required enrollment and recovery codes), password reset and reactivating a deactivated account. `forceRedirectUrl`, `fallbackRedirectUrl`, `signUpUrl`. |
+| `<SignUp />` | Email verification by code, name and optional password. `forceRedirectUrl`, `fallbackRedirectUrl`, `signInUrl`. |
+| `<Show when fallback>` | Renders for `"signed-in"`, `"signed-out"`, `{ permission }`, `{ role }` or `(has) => boolean` |
+| `<SignInButton />`, `<SignUpButton />` | `mode="modal"` or `"redirect"` (the default when you have a sign-in page), `forceRedirectUrl`, `fallbackRedirectUrl`. Pass your own button as the child to style it. |
+| `<SignOutButton redirectUrl? />` | Signs out, then goes to `redirectUrl` or `afterSignOutUrl`. Accepts a custom child. |
+| `<UserButton />` | Avatar menu. `userProfileMode="navigation"` with `userProfileUrl` for your own page, or `"modal"` (default). `showName`. |
+| `<RedirectToSignIn />`, `<RedirectToSignUp />` | Redirect on render |
+| `<PistiLoaded>`, `<PistiLoading>` | Render after and before the session is known |
+| `<UserProfile apiKeys? />` | Profile, email, password, two-step verification, recovery codes, devices; with `apiKeys`, an API keys page |
+| `<APIKeys />` | Lets the user create, copy and revoke `ak_…` keys for your API. Your backend accepts them with `acceptsToken: "api_key"`. |
+| `<OrganizationSwitcher />`, `<CreateOrganization />`, `<OrganizationProfile />`, `<AcceptOrganizationInvitation />` | Organizations, members, roles, invitations |
+
+## Hooks
+
+| Hook | Returns |
+| --- | --- |
+| `useAuth()` | `isLoaded`, `isSignedIn`, `userId`, `sessionId`, `orgId`, `orgSlug`, `orgRole`, `sessionClaims`, `has({ permission, role })`, `getToken()`, `signOut()` |
+| `useUser()` | `user`: `id`, `firstName`, `lastName`, `fullName`, `primaryEmailAddress.emailAddress`, `imageUrl`, `hasImage` |
+| `useSession()` | `session`: `id` and `user` |
+| `usePisti()` | The client: `openSignIn()`, `openSignUp()`, `openUserProfile()`, `closeModal()`, `redirectToSignIn()`, `navigate()`, `signOut()`, `getToken()` |
+| `useAuthenticatedFetch()` | `fetch` with the session token as `Authorization: Bearer`; retries once on 401 |
+| `useSignIn()`, `useSignUp()` | The individual steps, for fully custom forms |
+| `useOrganization()` | Active organization, role, permissions, `setActive(id \| null)` |
+| `useOrganizationList()`, `useAccount()` | Organization and account resources |
+| `useReverification(fn)` | Runs `fn`, asking for the password again if the server needs a recent sign-in |
+
+## Calling your API
+
+```tsx
+const fetchWithSession = useAuthenticatedFetch();
+const response = await fetchWithSession("https://api.example.com/projects");
+```
+
+The SDK keeps a session token (about 60 seconds) fresh in the `__session` cookie on your app's
+origin, so same-site API routes receive it automatically. It also writes `__client_uat`, the
+session's sign-in time (or `0` when signed out), which lets server-rendered pages refresh an
+expired cookie with a handshake instead of treating the visitor as signed out. For APIs on another domain use
+`useAuthenticatedFetch()` or `getToken()`. Verify the token on the server with
+[`@pisti-paypiller/express`](../express/README.md) or [`@pisti-paypiller/backend`](../backend/README.md).
+`<Show>` and `isSignedIn` only control rendering; your API must enforce access.
+
+## Deploying
+
+The SDK is static browser code; build and host your app anywhere. For production, use the
+`pk_live_` key, serve over HTTPS, and add your app's origin under Domains & paths.
+
+See `sdk.md` in the pisti-docs repository for how the pieces fit, and `pisti-demo`
+in the pisti-examples repository for a working example.

package/dist/api-keys.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Lets the signed-in user create, copy and revoke API keys for your API, like Clerk's `<APIKeys />`.
+ * Your backend accepts them with `getAuth(req, { acceptsToken: "api_key" })`.
+ */
+export declare function APIKeys({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=api-keys.d.ts.map

package/dist/api-keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-keys.d.ts","sourceRoot":"","sources":["../src/api-keys.tsx"],"names":[],"mappings":"AAWA;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EAAE,SAAc,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BA+HjE"}

package/dist/api-keys.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useAccount, useAuth } from "./context.js";
+import { ActionNotice, ErrorNotice, Loading, useAction, useResource } from "./ui.js";
+const lifetimes = [
+    { label: "Never expires", seconds: null },
+    { label: "30 days", seconds: 30 * 86_400 },
+    { label: "90 days", seconds: 90 * 86_400 },
+    { label: "1 year", seconds: 365 * 86_400 },
+];
+/**
+ * Lets the signed-in user create, copy and revoke API keys for your API, like Clerk's `<APIKeys />`.
+ * Your backend accepts them with `getAuth(req, { acceptsToken: "api_key" })`.
+ */
+export function APIKeys({ className = "" }) {
+    const account = useAccount();
+    const { isLoaded, isSignedIn } = useAuth();
+    const keys = useResource(account.apiKeys);
+    const action = useAction();
+    const [creating, setCreating] = useState(false);
+    const [secret, setSecret] = useState(null);
+    const [copied, setCopied] = useState(false);
+    if (!isLoaded)
+        return _jsx(Loading, {});
+    if (!isSignedIn)
+        return _jsx("p", { children: "Sign in to manage your API keys." });
+    function create(event) {
+        event.preventDefault();
+        const form = new FormData(event.currentTarget);
+        const name = String(form.get("name") ?? "").trim();
+        const lifetime = lifetimes[Number(form.get("lifetime") ?? 0)]?.seconds ?? null;
+        if (!name)
+            return;
+        void action.run(async () => {
+            const created = await account.createApiKey({
+                name,
+                ...(lifetime ? { secondsUntilExpiration: lifetime } : {}),
+            });
+            setSecret({ name: created.apiKey.name, value: created.secret });
+            setCopied(false);
+            setCreating(false);
+            keys.reload();
+        });
+    }
+    return (_jsxs("section", { className: "pisti-ui pisti-section " + className, children: [_jsx("h3", { children: "API keys" }), _jsx("p", { className: "pisti-muted", children: "Keys let scripts and integrations call this app as you. Treat them like passwords." }), secret && (_jsxs("div", { className: "pisti-notice", role: "status", children: [_jsxs("p", { children: [_jsx("strong", { children: secret.name }), " is ready. Copy it now: it won\u2019t be shown again."] }), _jsx("code", { className: "pisti-secret", children: secret.value }), _jsxs("div", { className: "pisti-actions", children: [_jsx("button", { type: "button", className: "pisti-secondary", onClick: () => void navigator.clipboard?.writeText(secret.value).then(() => setCopied(true), () => setCopied(false)), children: copied ? "Copied" : "Copy key" }), _jsx("button", { type: "button", className: "pisti-secondary", onClick: () => setSecret(null), children: "Done" })] })] })), keys.isLoading && _jsx(Loading, {}), _jsx(ErrorNotice, { error: keys.error, retry: keys.reload }), _jsx(ActionNotice, { action: action }), keys.data?.length === 0 && !creating && _jsx("p", { children: "You have no API keys yet." }), _jsx("ul", { className: "pisti-list", children: keys.data?.map((key) => (_jsxs("li", { children: [_jsxs("div", { children: [key.name, _jsxs("p", { className: "pisti-muted", children: [_jsxs("code", { children: [key.keyPrefix, "\u2026"] }), " \u00B7", " ", key.expired
+                                            ? "Expired"
+                                            : key.expiresAt
+                                                ? `Expires ${new Date(key.expiresAt).toLocaleDateString()}`
+                                                : "Never expires", " ", "\u00B7 ", key.lastUsedAt ? `Last used ${new Date(key.lastUsedAt).toLocaleDateString()}` : "Never used"] })] }), _jsx("button", { type: "button", className: "pisti-secondary", disabled: action.isPending, onClick: () => void action.run(async () => {
+                                await account.revokeApiKey(key.id);
+                                keys.reload();
+                            }, "API key revoked."), children: "Revoke" })] }, key.id))) }), creating ? (_jsxs("form", { className: "pisti-form", onSubmit: create, children: [_jsxs("label", { children: ["Name", _jsx("input", { name: "name", required: true, maxLength: 100, placeholder: "Deploy script", autoFocus: true })] }), _jsxs("label", { children: ["Expiration", _jsx("select", { name: "lifetime", defaultValue: "0", children: lifetimes.map((lifetime, index) => (_jsx("option", { value: index, children: lifetime.label }, lifetime.label))) })] }), _jsxs("div", { className: "pisti-actions", children: [_jsx("button", { type: "submit", disabled: action.isPending, children: action.isPending ? "Creating…" : "Create key" }), _jsx("button", { type: "button", className: "pisti-secondary", onClick: () => setCreating(false), children: "Cancel" })] })] })) : (_jsx("div", { className: "pisti-actions", children: _jsx("button", { type: "button", onClick: () => setCreating(true), children: "New API key" }) }))] }));
+}
+//# sourceMappingURL=api-keys.js.map

package/dist/api-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-keys.js","sourceRoot":"","sources":["../src/api-keys.tsx"],"names":[],"mappings":"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"}

package/dist/async-state.d.ts

@@ -0,0 +1,14 @@
+export declare function useResource<T>(load: () => Promise<T>): {
+    data: T | null;
+    error: Error | null;
+    isLoading: boolean;
+    reload: () => void;
+};
+export declare function useAction(): {
+    run: <T>(task: () => Promise<T>, message?: string) => Promise<T | undefined>;
+    isPending: boolean;
+    error: Error | null;
+    success: string | null;
+    reset: () => void;
+};
+//# sourceMappingURL=async-state.d.ts.map

package/dist/async-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-state.d.ts","sourceRoot":"","sources":["../src/async-state.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC;;;;;EAsDpD;AAED,wBAAgB,SAAS;UAKF,CAAC,QACV,MAAM,OAAO,CAAC,CAAC,CAAC,YACZ,MAAM,KACjB,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;;;;;EA2B5B"}

package/dist/async-state.js

@@ -0,0 +1,81 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+export function useResource(load) {
+    const [result, setResult] = useState({ owner: load, data: null, error: null, isLoading: true });
+    const [version, setVersion] = useState(0);
+    useEffect(() => {
+        let active = true;
+        setResult((previous) => ({
+            owner: load,
+            data: previous.owner === load ? previous.data : null,
+            error: null,
+            isLoading: true,
+        }));
+        void load().then((value) => {
+            if (active)
+                setResult({
+                    owner: load,
+                    data: value,
+                    error: null,
+                    isLoading: false,
+                });
+        }, (failure) => {
+            if (active)
+                setResult((previous) => ({
+                    owner: load,
+                    data: previous.owner === load ? previous.data : null,
+                    error: failure instanceof Error
+                        ? failure
+                        : new Error("Unable to load this information."),
+                    isLoading: false,
+                }));
+        });
+        return () => {
+            active = false;
+        };
+    }, [load, version]);
+    const reload = useCallback(() => setVersion((value) => value + 1), []);
+    const current = result.owner === load
+        ? result
+        : { data: null, error: null, isLoading: true };
+    return {
+        data: current.data,
+        error: current.error,
+        isLoading: current.isLoading,
+        reload,
+    };
+}
+export function useAction() {
+    const running = useRef(false);
+    const [isPending, setPending] = useState(false);
+    const [error, setError] = useState(null);
+    const [success, setSuccess] = useState(null);
+    const run = async (task, message) => {
+        if (running.current)
+            return undefined;
+        running.current = true;
+        setPending(true);
+        setError(null);
+        setSuccess(null);
+        try {
+            const result = await task();
+            setSuccess(message ?? null);
+            return result;
+        }
+        catch (failure) {
+            setError(failure instanceof Error
+                ? failure
+                : new Error("The operation could not be completed."));
+            return undefined;
+        }
+        finally {
+            running.current = false;
+            setPending(false);
+        }
+    };
+    const reset = useCallback(() => {
+        setError(null);
+        setSuccess(null);
+    }, []);
+    return { run, isPending, error, success, reset };
+}
+//# sourceMappingURL=async-state.js.map

package/dist/async-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-state.js","sourceRoot":"","sources":["../src/async-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,UAAU,WAAW,CAAI,IAAsB;IACjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAKjC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,GAAG,IAAI,CAAC;QAClB,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YACrB,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;YACpD,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,IAAI;SAClB,CAAC,CAAC,CAAC;QACJ,KAAK,IAAI,EAAE,CAAC,IAAI,CACZ,CAAC,KAAK,EAAE,EAAE;YACN,IAAI,MAAM;gBACN,SAAS,CAAC;oBACN,KAAK,EAAE,IAAI;oBACX,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,IAAI;oBACX,SAAS,EAAE,KAAK;iBACnB,CAAC,CAAC;QACX,CAAC,EACD,CAAC,OAAgB,EAAE,EAAE;YACjB,IAAI,MAAM;gBACN,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;oBACrB,KAAK,EAAE,IAAI;oBACX,IAAI,EAAE,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;oBACpD,KAAK,EACD,OAAO,YAAY,KAAK;wBACpB,CAAC,CAAC,OAAO;wBACT,CAAC,CAAC,IAAI,KAAK,CAAC,kCAAkC,CAAC;oBACvD,SAAS,EAAE,KAAK;iBACnB,CAAC,CAAC,CAAC;QACZ,CAAC,CACJ,CAAC;QACF,OAAO,GAAG,EAAE;YACR,MAAM,GAAG,KAAK,CAAC;QACnB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IACpB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACvE,MAAM,OAAO,GACT,MAAM,CAAC,KAAK,KAAK,IAAI;QACjB,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACvD,OAAO;QACH,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,MAAM;KACT,CAAC;AACN,CAAC;AAED,MAAM,UAAU,SAAS;IACrB,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC5D,MAAM,GAAG,GAAG,KAAK,EACb,IAAsB,EACtB,OAAgB,EACM,EAAE;QACxB,IAAI,OAAO,CAAC,OAAO;YAAE,OAAO,SAAS,CAAC;QACtC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACD,MAAM,MAAM,GAAG,MAAM,IAAI,EAAE,CAAC;YAC5B,UAAU,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;YAC5B,OAAO,MAAM,CAAC;QAClB,CAAC;QAAC,OAAO,OAAO,EAAE,CAAC;YACf,QAAQ,CACJ,OAAO,YAAY,KAAK;gBACpB,CAAC,CAAC,OAAO;gBACT,CAAC,CAAC,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAC3D,CAAC;YACF,OAAO,SAAS,CAAC;QACrB,CAAC;gBAAS,CAAC;YACP,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;YACxB,UAAU,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACL,CAAC,CAAC;IACF,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3B,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,UAAU,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AACrD,CAAC"}

package/dist/auth.d.ts

@@ -0,0 +1,23 @@
+/** Set by the provider's modal host, so the forms close the modal instead of redirecting. */
+export declare const ModalContext: import("react").Context<boolean>;
+export interface SignInProps {
+    /** Always go here after signing in. */
+    forceRedirectUrl?: string | undefined;
+    /** Go here after signing in when there is no `redirect_url`. */
+    fallbackRedirectUrl?: string | undefined;
+    /** Where the "Sign up" link goes. Defaults to the provider's signUpUrl, else a modal. */
+    signUpUrl?: string | undefined;
+    className?: string | undefined;
+}
+export interface SignUpProps {
+    forceRedirectUrl?: string | undefined;
+    fallbackRedirectUrl?: string | undefined;
+    /** Where the "Sign in" link goes. Defaults to the provider's signInUrl, else a modal. */
+    signInUrl?: string | undefined;
+    className?: string | undefined;
+}
+/** A complete sign-in form: password or email code, two-step verification and password reset. */
+export declare function SignIn({ forceRedirectUrl, fallbackRedirectUrl, signUpUrl, className }: SignInProps): import("react").JSX.Element;
+/** A complete sign-up form: email verification by code, name and an optional password. */
+export declare function SignUp({ forceRedirectUrl, fallbackRedirectUrl, signInUrl, className }: SignUpProps): import("react").JSX.Element;
+//# sourceMappingURL=auth.d.ts.map

package/dist/auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../src/auth.tsx"],"names":[],"mappings":"AAmBA,6FAA6F;AAC7F,eAAO,MAAM,YAAY,kCAAuB,CAAC;AAEjD,MAAM,WAAW,WAAW;IACxB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,gEAAgE;IAChE,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAED,MAAM,WAAW,WAAW;IACxB,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AA2FD,iGAAiG;AACjG,wBAAgB,MAAM,CAAC,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,WAAW,+BAqZlG;AAED,0FAA0F;AAC1F,wBAAgB,MAAM,CAAC,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,WAAW,+BA0IlG"}