@usethrottle/auth 0.11.0 → 0.12.1

package/dist/chunk-JSDZMPCV.js

@@ -0,0 +1,520 @@
+"use client";
+import {
+  useBrandLogo
+} from "./chunk-X6D35EAX.js";
+import {
+  useAction
+} from "./chunk-QPVS6JXP.js";
+import {
+  Alert,
+  AppearanceProvider,
+  Button,
+  CardBody,
+  CardFooter,
+  CardHeader,
+  Field,
+  FieldGroup,
+  Modal,
+  Spinner,
+  useAppearance,
+  useAppearanceProviderValue,
+  useCardClass,
+  useCopy
+} from "./chunk-CUNMJ2PH.js";
+import {
+  useAuth
+} from "./chunk-TDQC3LMQ.js";
+
+// src/react/components/auth/AuthModal.tsx
+import { useId } from "react";
+
+// src/react/components/auth/AuthFlow.tsx
+import { useEffect as useEffect2, useState as useState6 } from "react";
+
+// src/react/components/auth/SignIn.tsx
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function SignIn(props) {
+  const a = useAppearance(props.appearance);
+  const cardClass = useCardClass();
+  const scoped = useAppearanceProviderValue(props.appearance);
+  const { t } = useCopy(props.localization);
+  const { auth } = useAuth();
+  const { submitting, error, run } = useAction();
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const variant = props.variant ?? "quiet";
+  const branded = variant === "branded";
+  const grouped = variant === "grouped";
+  const logo = useBrandLogo(props.logo);
+  const forgotLink = props.onForgotPassword ? /* @__PURE__ */ jsx(Button, { variant: "link", size: "xs", elementKey: "signIn.forgotLink", onClick: props.onForgotPassword, children: t.signIn.forgotLink }) : null;
+  const emailField = /* @__PURE__ */ jsx(
+    Field,
+    {
+      label: t.signIn.email,
+      type: "email",
+      autoComplete: "email",
+      required: true,
+      value: email,
+      onChange: setEmail,
+      elementKey: "signIn.emailField",
+      grouped
+    }
+  );
+  const passwordField = /* @__PURE__ */ jsx(
+    Field,
+    {
+      label: t.signIn.password,
+      type: "password",
+      autoComplete: "current-password",
+      required: true,
+      value: password,
+      onChange: setPassword,
+      elementKey: "signIn.passwordField",
+      grouped,
+      labelExtra: grouped ? void 0 : forgotLink
+    }
+  );
+  return /* @__PURE__ */ jsx(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs(
+    "form",
+    {
+      ...a.el("signIn.root", cardClass),
+      onSubmit: (e) => {
+        e.preventDefault();
+        void run(async () => {
+          await auth.signIn(email, password);
+          props.onSuccess?.();
+        });
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          CardHeader,
+          {
+            title: t.signIn.title,
+            description: branded ? t.signIn.description : void 0,
+            titleKey: "signIn.title",
+            logo: branded ? logo : null,
+            logoKey: "signIn.logo",
+            branded
+          }
+        ),
+        /* @__PURE__ */ jsxs(CardBody, { children: [
+          grouped ? /* @__PURE__ */ jsxs(FieldGroup, { children: [
+            emailField,
+            passwordField
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            emailField,
+            passwordField
+          ] }),
+          grouped && forgotLink ? /* @__PURE__ */ jsx("div", { className: "throttle-field-group__forgot", children: forgotLink }) : null,
+          error ? /* @__PURE__ */ jsx(Alert, { tone: "error", children: error }) : null,
+          /* @__PURE__ */ jsx(Button, { type: "submit", loading: submitting, elementKey: "signIn.submitButton", children: t.signIn.submitButton })
+        ] }),
+        props.onSignUp ? /* @__PURE__ */ jsxs(CardFooter, { ruled: !branded, children: [
+          /* @__PURE__ */ jsxs("span", { className: "throttle-muted", children: [
+            t.signIn.switchPrompt,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx(Button, { variant: "link", elementKey: "signIn.switchLink", onClick: props.onSignUp, children: t.signIn.switchLink })
+        ] }) : null
+      ]
+    }
+  ) }) });
+}
+
+// src/react/components/auth/SignUp.tsx
+import { useState as useState2 } from "react";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function SignUp(props) {
+  const a = useAppearance(props.appearance);
+  const cardClass = useCardClass();
+  const scoped = useAppearanceProviderValue(props.appearance);
+  const { t } = useCopy(props.localization);
+  const { auth } = useAuth();
+  const { submitting, error, notice, run } = useAction();
+  const [email, setEmail] = useState2("");
+  const [password, setPassword] = useState2("");
+  const variant = props.variant ?? "quiet";
+  const branded = variant === "branded";
+  const grouped = variant === "grouped";
+  const logo = useBrandLogo(props.logo);
+  const emailField = /* @__PURE__ */ jsx2(
+    Field,
+    {
+      label: t.signUp.email,
+      type: "email",
+      autoComplete: "email",
+      required: true,
+      value: email,
+      onChange: setEmail,
+      elementKey: "signUp.emailField",
+      grouped
+    }
+  );
+  const passwordField = /* @__PURE__ */ jsx2(
+    Field,
+    {
+      label: t.signUp.password,
+      type: "password",
+      autoComplete: "new-password",
+      required: true,
+      value: password,
+      onChange: setPassword,
+      elementKey: "signUp.passwordField",
+      grouped
+    }
+  );
+  return /* @__PURE__ */ jsx2(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx2("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs2(
+    "form",
+    {
+      ...a.el("signUp.root", cardClass),
+      onSubmit: (e) => {
+        e.preventDefault();
+        void run(async () => {
+          const result = await auth.register(email, password);
+          if (result.status === "active") {
+            props.onSuccess?.();
+            return;
+          }
+          return t.signUp.pendingNotice;
+        });
+      },
+      children: [
+        /* @__PURE__ */ jsx2(
+          CardHeader,
+          {
+            title: t.signUp.title,
+            description: branded ? t.signUp.description : void 0,
+            titleKey: "signUp.title",
+            logo: branded ? logo : null,
+            logoKey: "signUp.logo",
+            branded
+          }
+        ),
+        /* @__PURE__ */ jsxs2(CardBody, { children: [
+          grouped ? /* @__PURE__ */ jsxs2(FieldGroup, { children: [
+            emailField,
+            passwordField
+          ] }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+            emailField,
+            passwordField
+          ] }),
+          error ? /* @__PURE__ */ jsx2(Alert, { tone: "error", children: error }) : null,
+          notice ? /* @__PURE__ */ jsx2(Alert, { tone: "info", children: notice }) : null,
+          /* @__PURE__ */ jsx2(Button, { type: "submit", loading: submitting, elementKey: "signUp.submitButton", children: t.signUp.submitButton })
+        ] }),
+        props.onSignIn ? /* @__PURE__ */ jsxs2(CardFooter, { ruled: !branded, children: [
+          /* @__PURE__ */ jsxs2("span", { className: "throttle-muted", children: [
+            t.signUp.switchPrompt,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx2(Button, { variant: "link", elementKey: "signUp.switchLink", onClick: props.onSignIn, children: t.signUp.switchLink })
+        ] }) : null
+      ]
+    }
+  ) }) });
+}
+
+// src/react/components/auth/ForgotPassword.tsx
+import { useState as useState3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function ForgotPassword(props) {
+  const a = useAppearance(props.appearance);
+  const cardClass = useCardClass();
+  const scoped = useAppearanceProviderValue(props.appearance);
+  const { t } = useCopy(props.localization);
+  const { auth } = useAuth();
+  const { submitting, error, notice, run } = useAction();
+  const [email, setEmail] = useState3("");
+  const branded = (props.variant ?? "quiet") === "branded";
+  const logo = useBrandLogo(props.logo);
+  return /* @__PURE__ */ jsx3(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx3("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs3(
+    "form",
+    {
+      ...a.el("forgotPassword.root", cardClass),
+      onSubmit: (e) => {
+        e.preventDefault();
+        void run(async () => {
+          await auth.forgotPassword(email);
+          return t.forgotPassword.sentNotice;
+        });
+      },
+      children: [
+        /* @__PURE__ */ jsx3(
+          CardHeader,
+          {
+            title: t.forgotPassword.title,
+            description: branded ? t.forgotPassword.description : void 0,
+            titleKey: "forgotPassword.title",
+            logo: branded ? logo : null,
+            logoKey: "forgotPassword.logo",
+            branded
+          }
+        ),
+        /* @__PURE__ */ jsxs3(CardBody, { children: [
+          /* @__PURE__ */ jsx3(
+            Field,
+            {
+              label: t.forgotPassword.email,
+              type: "email",
+              autoComplete: "email",
+              required: true,
+              value: email,
+              onChange: setEmail,
+              elementKey: "forgotPassword.emailField"
+            }
+          ),
+          error ? /* @__PURE__ */ jsx3(Alert, { tone: "error", children: error }) : null,
+          notice ? /* @__PURE__ */ jsx3(Alert, { tone: "success", children: notice }) : null,
+          /* @__PURE__ */ jsx3(Button, { type: "submit", loading: submitting, elementKey: "forgotPassword.submitButton", children: t.forgotPassword.submitButton })
+        ] }),
+        props.onBack ? /* @__PURE__ */ jsx3(CardFooter, { ruled: !branded, children: /* @__PURE__ */ jsx3(Button, { variant: "link", elementKey: "forgotPassword.backLink", onClick: props.onBack, children: t.forgotPassword.backLink }) }) : null
+      ]
+    }
+  ) }) });
+}
+
+// src/react/components/auth/ResetPassword.tsx
+import { useState as useState4 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function ResetPassword(props) {
+  const a = useAppearance(props.appearance);
+  const cardClass = useCardClass();
+  const scoped = useAppearanceProviderValue(props.appearance);
+  const { t } = useCopy(props.localization);
+  const { auth } = useAuth();
+  const { submitting, error, notice, run } = useAction();
+  const [password, setPassword] = useState4("");
+  const branded = (props.variant ?? "quiet") === "branded";
+  const logo = useBrandLogo(props.logo);
+  return /* @__PURE__ */ jsx4(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx4("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs4("div", { ...a.el("resetPassword.root", cardClass), children: [
+    /* @__PURE__ */ jsx4(
+      CardHeader,
+      {
+        title: t.resetPassword.title,
+        titleKey: "resetPassword.title",
+        logo: branded ? logo : null,
+        logoKey: "resetPassword.logo",
+        branded
+      }
+    ),
+    /* @__PURE__ */ jsx4(CardBody, { children: !props.token ? (
+      // No form at all without a token. A submit button that can only
+      // fail is worse than an explanation.
+      /* @__PURE__ */ jsx4(Alert, { tone: "error", children: t.resetPassword.missingToken })
+    ) : /* @__PURE__ */ jsx4(
+      "form",
+      {
+        onSubmit: (e) => {
+          e.preventDefault();
+          void run(async () => {
+            await auth.resetPassword(props.token, password);
+            props.onSuccess?.();
+            return t.resetPassword.doneNotice;
+          });
+        },
+        children: /* @__PURE__ */ jsxs4("div", { className: "throttle-stack", children: [
+          /* @__PURE__ */ jsx4(
+            Field,
+            {
+              label: t.resetPassword.password,
+              type: "password",
+              autoComplete: "new-password",
+              required: true,
+              value: password,
+              onChange: setPassword,
+              elementKey: "resetPassword.passwordField"
+            }
+          ),
+          error ? /* @__PURE__ */ jsx4(Alert, { tone: "error", children: error }) : null,
+          notice ? /* @__PURE__ */ jsx4(Alert, { tone: "success", children: notice }) : null,
+          /* @__PURE__ */ jsx4(Button, { type: "submit", loading: submitting, elementKey: "resetPassword.submitButton", children: t.resetPassword.submitButton })
+        ] })
+      }
+    ) })
+  ] }) }) });
+}
+
+// src/react/components/auth/VerifyEmail.tsx
+import { useEffect, useRef, useState as useState5 } from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function VerifyEmail(props) {
+  const a = useAppearance(props.appearance);
+  const cardClass = useCardClass();
+  const scoped = useAppearanceProviderValue(props.appearance);
+  const { t, errorMessage } = useCopy(props.localization);
+  const { auth } = useAuth();
+  const { submitting, notice, run } = useAction();
+  const [state, setState] = useState5(props.token ? "verifying" : "idle");
+  const [error, setError] = useState5(null);
+  const branded = (props.variant ?? "quiet") === "branded";
+  const logo = useBrandLogo(props.logo);
+  const attempted = useRef(null);
+  useEffect(() => {
+    const token = props.token;
+    if (!token || attempted.current === token) return;
+    attempted.current = token;
+    setState("verifying");
+    auth.verifyEmail(token).then(() => {
+      setState("done");
+      props.onSuccess?.();
+    }).catch((err) => {
+      setError(errorMessage(err));
+      setState("failed");
+    });
+  }, [props.token, auth]);
+  return /* @__PURE__ */ jsx5(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx5("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs5("div", { ...a.el("verifyEmail.root", cardClass), children: [
+    /* @__PURE__ */ jsx5(
+      CardHeader,
+      {
+        title: t.verifyEmail.title,
+        titleKey: "verifyEmail.title",
+        logo: branded ? logo : null,
+        logoKey: "verifyEmail.logo",
+        branded
+      }
+    ),
+    /* @__PURE__ */ jsxs5(CardBody, { children: [
+      state === "verifying" ? /* @__PURE__ */ jsxs5("p", { children: [
+        /* @__PURE__ */ jsx5(Spinner, {}),
+        " ",
+        t.verifyEmail.verifying
+      ] }) : null,
+      state === "done" ? /* @__PURE__ */ jsx5(Alert, { tone: "success", children: t.verifyEmail.success }) : null,
+      state === "failed" && error ? /* @__PURE__ */ jsx5(Alert, { tone: "error", children: error }) : null,
+      state === "idle" ? /* @__PURE__ */ jsx5("p", { className: "throttle-muted", children: t.verifyEmail.instructions }) : null,
+      notice ? /* @__PURE__ */ jsx5(Alert, { tone: "success", children: notice }) : null,
+      state !== "done" ? /* @__PURE__ */ jsx5(
+        Button,
+        {
+          variant: "secondary",
+          loading: submitting,
+          elementKey: "verifyEmail.resendButton",
+          onClick: () => void run(async () => {
+            await auth.resendVerification();
+            return t.verifyEmail.resentNotice;
+          }),
+          children: t.verifyEmail.resendButton
+        }
+      ) : null
+    ] })
+  ] }) }) });
+}
+
+// src/react/components/auth/AuthFlow.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var HASH_FOR = {
+  signIn: "#/sign-in",
+  signUp: "#/sign-up",
+  forgotPassword: "#/forgot-password",
+  resetPassword: "#/reset-password",
+  verifyEmail: "#/verify-email"
+};
+var VIEW_FOR_HASH = Object.fromEntries(
+  Object.entries(HASH_FOR).map(([view, hash]) => [hash, view])
+);
+function readLocation() {
+  if (typeof window === "undefined") return { view: null };
+  const params = new URLSearchParams(window.location.search);
+  const token = params.get("token") ?? void 0;
+  const hashView = VIEW_FOR_HASH[window.location.hash];
+  if (hashView) return { view: hashView, token };
+  if (!token) return { view: null };
+  const path = window.location.pathname.toLowerCase();
+  if (path.includes("reset")) return { view: "resetPassword", token };
+  if (path.includes("verif")) return { view: "verifyEmail", token };
+  return { view: null, token };
+}
+function AuthFlow(props) {
+  const a = useAppearance(props.appearance);
+  const controlled = props.view !== void 0;
+  const [internal, setInternal] = useState6(props.initialView ?? "signIn");
+  const [urlToken, setUrlToken] = useState6(void 0);
+  useEffect2(() => {
+    const found = readLocation();
+    if (found.token) setUrlToken(found.token);
+    if (found.view && !controlled && props.initialView === void 0) setInternal(found.view);
+  }, []);
+  const view = controlled ? props.view : internal;
+  const token = props.token ?? urlToken;
+  const go = (next) => {
+    props.onViewChange?.(next);
+    if (!controlled) setInternal(next);
+    if (props.routing === "hash" && typeof window !== "undefined") {
+      window.location.hash = HASH_FOR[next];
+    }
+  };
+  useEffect2(() => {
+    if (props.routing !== "hash" || typeof window === "undefined") return;
+    const onHashChange = () => {
+      if (controlled) return;
+      const hash = window.location.hash;
+      if (hash === "") {
+        setInternal(props.initialView ?? "signIn");
+        return;
+      }
+      const next = VIEW_FOR_HASH[hash];
+      if (next) setInternal(next);
+    };
+    window.addEventListener("hashchange", onHashChange);
+    return () => window.removeEventListener("hashchange", onHashChange);
+  }, [props.routing, controlled]);
+  const shared = { appearance: props.appearance, localization: props.localization };
+  return /* @__PURE__ */ jsx6("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs6("div", { ...a.el("authFlow.root"), children: [
+    view === "signIn" ? /* @__PURE__ */ jsx6(
+      SignIn,
+      {
+        ...shared,
+        onSuccess: props.afterSignIn,
+        onForgotPassword: () => go("forgotPassword"),
+        onSignUp: () => go("signUp")
+      }
+    ) : null,
+    view === "signUp" ? /* @__PURE__ */ jsx6(SignUp, { ...shared, onSuccess: props.afterSignUp, onSignIn: () => go("signIn") }) : null,
+    view === "forgotPassword" ? /* @__PURE__ */ jsx6(ForgotPassword, { ...shared, onBack: () => go("signIn") }) : null,
+    view === "resetPassword" ? /* @__PURE__ */ jsx6(ResetPassword, { ...shared, token, onSuccess: () => go("signIn") }) : null,
+    view === "verifyEmail" ? /* @__PURE__ */ jsx6(VerifyEmail, { ...shared, token }) : null
+  ] }) });
+}
+
+// src/react/components/auth/AuthModal.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function AuthModal(props) {
+  const scoped = useAppearanceProviderValue(props.appearance);
+  const titleId = useId();
+  return /* @__PURE__ */ jsx7(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsxs7(
+    Modal,
+    {
+      open: props.open,
+      onClose: props.onClose,
+      labelledBy: titleId,
+      size: "compact",
+      overlayKey: "authModal.overlay",
+      containerKey: "authModal.container",
+      children: [
+        /* @__PURE__ */ jsx7("h2", { id: titleId, style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)" }, children: "Account" }),
+        /* @__PURE__ */ jsx7(
+          AuthFlow,
+          {
+            initialView: props.initialView,
+            afterSignIn: props.afterSignIn,
+            afterSignUp: props.afterSignUp,
+            appearance: props.appearance,
+            localization: props.localization
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+export {
+  SignIn,
+  SignUp,
+  ForgotPassword,
+  ResetPassword,
+  VerifyEmail,
+  AuthFlow,
+  AuthModal
+};
+//# sourceMappingURL=chunk-JSDZMPCV.js.map

package/dist/chunk-JSDZMPCV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/components/auth/AuthModal.tsx","../src/react/components/auth/AuthFlow.tsx","../src/react/components/auth/SignIn.tsx","../src/react/components/auth/SignUp.tsx","../src/react/components/auth/ForgotPassword.tsx","../src/react/components/auth/ResetPassword.tsx","../src/react/components/auth/VerifyEmail.tsx"],"sourcesContent":["import { useId } from 'react';\nimport { AppearanceProvider, useAppearanceProviderValue, type ThrottleAppearance } from '../appearance';\nimport type { ThrottleLocalization } from '../localization';\nimport { Modal } from '../primitives';\nimport { AuthFlow, type AuthView } from './AuthFlow';\n\nexport interface AuthModalProps {\n  open: boolean;\n  onClose(): void;\n  initialView?: AuthView;\n  afterSignIn?(): void;\n  afterSignUp?(): void;\n  appearance?: ThrottleAppearance;\n  localization?: ThrottleLocalization;\n}\n\nexport function AuthModal(props: AuthModalProps) {\n  const scoped = useAppearanceProviderValue(props.appearance);\n  const titleId = useId();\n  return (\n    <AppearanceProvider value={scoped}>\n      <Modal\n        open={props.open}\n        onClose={props.onClose}\n        labelledBy={titleId}\n        size=\"compact\"\n      overlayKey=\"authModal.overlay\"\n        containerKey=\"authModal.container\"\n      >\n        {/* The flow swaps its own heading per view, so the dialog carries a\n            stable accessible name of its own rather than pointing at a heading\n            that disappears when the view changes. */}\n        <h2 id={titleId} style={{ position: 'absolute', width: 1, height: 1, overflow: 'hidden', clip: 'rect(0 0 0 0)' }}>\n          Account\n        </h2>\n        <AuthFlow\n          initialView={props.initialView}\n          afterSignIn={props.afterSignIn}\n          afterSignUp={props.afterSignUp}\n          appearance={props.appearance}\n          localization={props.localization}\n        />\n      </Modal>\n    </AppearanceProvider>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { useAppearance, type ThrottleAppearance } from '../appearance';\nimport type { ThrottleLocalization } from '../localization';\nimport { SignIn } from './SignIn';\nimport { SignUp } from './SignUp';\nimport { ForgotPassword } from './ForgotPassword';\nimport { ResetPassword } from './ResetPassword';\nimport { VerifyEmail } from './VerifyEmail';\n\nexport type AuthView = 'signIn' | 'signUp' | 'forgotPassword' | 'resetPassword' | 'verifyEmail';\n\nconst HASH_FOR: Record<AuthView, string> = {\n  signIn: '#/sign-in',\n  signUp: '#/sign-up',\n  forgotPassword: '#/forgot-password',\n  resetPassword: '#/reset-password',\n  verifyEmail: '#/verify-email',\n};\nconst VIEW_FOR_HASH: Record<string, AuthView> = Object.fromEntries(\n  Object.entries(HASH_FOR).map(([view, hash]) => [hash, view as AuthView]),\n) as Record<string, AuthView>;\n\nexport interface AuthFlowProps {\n  initialView?: AuthView;\n  /** Controlled mode: pass both to own the value yourself. */\n  view?: AuthView;\n  onViewChange?(view: AuthView): void;\n  /** Wins over the token in the URL. */\n  token?: string;\n  routing?: 'virtual' | 'hash';\n  afterSignIn?(): void;\n  afterSignUp?(): void;\n  appearance?: ThrottleAppearance;\n  localization?: ThrottleLocalization;\n}\n\n/**\n * Reads the location on the client only. Returns nothing while server\n * rendering, so the server and the first client render agree; the effect below\n * applies the URL-derived view afterwards.\n */\nfunction readLocation(): { view: AuthView | null; token?: string } {\n  if (typeof window === 'undefined') return { view: null };\n  const params = new URLSearchParams(window.location.search);\n  const token = params.get('token') ?? undefined;\n  const hashView = VIEW_FOR_HASH[window.location.hash];\n  if (hashView) return { view: hashView, token };\n  if (!token) return { view: null };\n  // A token in the URL means the buyer arrived from an email. Which email is\n  // not knowable in general — merchants choose their own paths — so sniff the\n  // common ones and let `initialView` override when they differ.\n  const path = window.location.pathname.toLowerCase();\n  if (path.includes('reset')) return { view: 'resetPassword', token };\n  if (path.includes('verif')) return { view: 'verifyEmail', token };\n  return { view: null, token };\n}\n\nexport function AuthFlow(props: AuthFlowProps) {\n  const a = useAppearance(props.appearance);\n  const controlled = props.view !== undefined;\n  const [internal, setInternal] = useState<AuthView>(props.initialView ?? 'signIn');\n  const [urlToken, setUrlToken] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    const found = readLocation();\n    if (found.token) setUrlToken(found.token);\n    // An explicit initialView or a controlled view is the merchant's decision\n    // and outranks whatever the URL implies.\n    if (found.view && !controlled && props.initialView === undefined) setInternal(found.view);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const view = controlled ? props.view! : internal;\n  const token = props.token ?? urlToken;\n\n  const go = (next: AuthView) => {\n    props.onViewChange?.(next);\n    if (!controlled) setInternal(next);\n    if (props.routing === 'hash' && typeof window !== 'undefined') {\n      window.location.hash = HASH_FOR[next];\n    }\n  };\n\n  useEffect(() => {\n    if (props.routing !== 'hash' || typeof window === 'undefined') return;\n    const onHashChange = () => {\n      if (controlled) return;\n      const hash = window.location.hash;\n      // An empty hash means Back navigated past the first pushed view entry,\n      // back to the plain (view-less) URL — that always means sign-in, the\n      // same default the component starts on. A no-op here left the browser\n      // address bar and the rendered view disagreeing after Back.\n      if (hash === '') {\n        setInternal(props.initialView ?? 'signIn');\n        return;\n      }\n      const next = VIEW_FOR_HASH[hash];\n      if (next) setInternal(next);\n    };\n    window.addEventListener('hashchange', onHashChange);\n    return () => window.removeEventListener('hashchange', onHashChange);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.routing, controlled]);\n\n  const shared = { appearance: props.appearance, localization: props.localization };\n\n  return (\n    <div {...a.rootProps}>\n      <div {...a.el('authFlow.root')}>\n        {view === 'signIn' ? (\n          <SignIn {...shared} onSuccess={props.afterSignIn}\n                  onForgotPassword={() => go('forgotPassword')} onSignUp={() => go('signUp')} />\n        ) : null}\n        {view === 'signUp' ? (\n          <SignUp {...shared} onSuccess={props.afterSignUp} onSignIn={() => go('signIn')} />\n        ) : null}\n        {view === 'forgotPassword' ? (\n          <ForgotPassword {...shared} onBack={() => go('signIn')} />\n        ) : null}\n        {view === 'resetPassword' ? (\n          <ResetPassword {...shared} token={token} onSuccess={() => go('signIn')} />\n        ) : null}\n        {view === 'verifyEmail' ? <VerifyEmail {...shared} token={token} /> : null}\n      </div>\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { useAuth } from '../../context';\nimport { AppearanceProvider, useAppearance, useAppearanceProviderValue, type ThrottleAppearance } from '../appearance';\nimport { useBrandLogo } from '../branding';\nimport { useCopy, type ThrottleLocalization } from '../localization';\nimport { useCardClass } from '../surface';\nimport { useAction } from '../useAction';\nimport { Alert, Button, CardBody, CardFooter, CardHeader, Field, FieldGroup } from '../primitives';\n\nexport type AuthCardVariant = 'quiet' | 'grouped' | 'branded';\n\nexport interface SignInProps {\n  appearance?: ThrottleAppearance;\n  localization?: ThrottleLocalization;\n  /** Composition of the card. Default `'quiet'`. */\n  variant?: AuthCardVariant;\n  /** Rendered above the title in the `branded` variant. Falls back to `ThrottleProvider`'s `logo`. */\n  logo?: ReactNode;\n  onSuccess?(): void;\n  onForgotPassword?(): void;\n  onSignUp?(): void;\n}\n\nexport function SignIn(props: SignInProps) {\n  const a = useAppearance(props.appearance);\n  const cardClass = useCardClass();\n  const scoped = useAppearanceProviderValue(props.appearance);\n  const { t } = useCopy(props.localization);\n  const { auth } = useAuth();\n  const { submitting, error, run } = useAction();\n  const [email, setEmail] = useState('');\n  const [password, setPassword] = useState('');\n  const variant = props.variant ?? 'quiet';\n  const branded = variant === 'branded';\n  const grouped = variant === 'grouped';\n  const logo = useBrandLogo(props.logo);\n\n  // `quiet` puts this beside the Password label instead of as its own\n  // full-width row under the primary button, so the card has only one call\n  // to action. `grouped` instead sits it right-aligned below the field\n  // group, since there is no per-field label row to share once the inputs\n  // are joined into one control.\n  const forgotLink = props.onForgotPassword ? (\n    <Button variant=\"link\" size=\"xs\" elementKey=\"signIn.forgotLink\" onClick={props.onForgotPassword}>\n      {t.signIn.forgotLink}\n    </Button>\n  ) : null;\n\n  const emailField = (\n    <Field label={t.signIn.email} type=\"email\" autoComplete=\"email\" required\n           value={email} onChange={setEmail} elementKey=\"signIn.emailField\" grouped={grouped} />\n  );\n  const passwordField = (\n    <Field label={t.signIn.password} type=\"password\" autoComplete=\"current-password\" required\n           value={password} onChange={setPassword} elementKey=\"signIn.passwordField\" grouped={grouped}\n           labelExtra={grouped ? undefined : forgotLink} />\n  );\n\n  return (\n    <AppearanceProvider value={scoped}>\n      <div {...a.rootProps}>\n        <form\n          {...a.el('signIn.root', cardClass)}\n          onSubmit={(e) => {\n            e.preventDefault();\n            void run(async () => { await auth.signIn(email, password); props.onSuccess?.(); });\n          }}\n        >\n          <CardHeader\n            title={t.signIn.title}\n            description={branded ? t.signIn.description : undefined}\n            titleKey=\"signIn.title\"\n            logo={branded ? logo : null}\n            logoKey=\"signIn.logo\"\n            branded={branded}\n          />\n          <CardBody>\n            {grouped ? <FieldGroup>{emailField}{passwordField}</FieldGroup> : <>{emailField}{passwordField}</>}\n            {grouped && forgotLink ? <div className=\"throttle-field-group__forgot\">{forgotLink}</div> : null}\n            {error ? <Alert tone=\"error\">{error}</Alert> : null}\n            <Button type=\"submit\" loading={submitting} elementKey=\"signIn.submitButton\">\n              {t.signIn.submitButton}\n            </Button>\n          </CardBody>\n          {props.onSignUp ? (\n            <CardFooter ruled={!branded}>\n              <span className=\"throttle-muted\">{t.signIn.switchPrompt} </span>\n              <Button variant=\"link\" elementKey=\"signIn.switchLink\" onClick={props.onSignUp}>\n                {t.signIn.switchLink}\n              </Button>\n            </CardFooter>\n          ) : null}\n        </form>\n      </div>\n    </AppearanceProvider>\n  );\n}\n","import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { useAuth } from '../../context';\nimport { AppearanceProvider, useAppearance, useAppearanceProviderValue, type ThrottleAppearance } from '../appearance';\nimport { useBrandLogo } from '../branding';\nimport { useCopy, type ThrottleLocalization } from '../localization';\nimport { useCardClass } from '../surface';\nimport { useAction } from '../useAction';\nimport { Alert, Button, CardBody, CardFooter, CardHeader, Field, FieldGroup } from '../primitives';\nimport type { AuthCardVariant } from './SignIn';\n\nexport interface SignUpProps {\n  appearance?: ThrottleAppearance;\n  localization?: ThrottleLocalization;\n  /** Composition of the card. Default `'quiet'`. */\n  variant?: AuthCardVariant;\n  /** Rendered above the title in the `branded` variant. Falls back to `ThrottleProvider`'s `logo`. */\n  logo?: ReactNode;\n  onSuccess?(): void;\n  onSignIn?(): void;\n}\n\nexport function SignUp(props: SignUpProps) {\n  const a = useAppearance(props.appearance);\n  const cardClass = useCardClass();\n  const scoped = useAppearanceProviderValue(props.appearance);\n  const { t } = useCopy(props.localization);\n  const { auth } = useAuth();\n  const { submitting, error, notice, run } = useAction();\n  const [email, setEmail] = useState('');\n  const [password, setPassword] = useState('');\n  const variant = props.variant ?? 'quiet';\n  const branded = variant === 'branded';\n  const grouped = variant === 'grouped';\n  const logo = useBrandLogo(props.logo);\n\n  const emailField = (\n    <Field label={t.signUp.email} type=\"email\" autoComplete=\"email\" required\n           value={email} onChange={setEmail} elementKey=\"signUp.emailField\" grouped={grouped} />\n  );\n  const passwordField = (\n    <Field label={t.signUp.password} type=\"password\" autoComplete=\"new-password\" required\n           value={password} onChange={setPassword} elementKey=\"signUp.passwordField\" grouped={grouped} />\n  );\n\n  return (\n    <AppearanceProvider value={scoped}>\n      <div {...a.rootProps}>\n        <form\n          {...a.el('signUp.root', cardClass)}\n          onSubmit={(e) => {\n            e.preventDefault();\n            void run(async () => {\n              const result = await auth.register(email, password);\n              if (result.status === 'active') { props.onSuccess?.(); return; }\n              // `pending` covers two different server outcomes — a new account\n              // awaiting verification, and a registration onto an address that\n              // already has one, which sends nothing. The copy must be true for\n              // both, so it says \"if that email is new\" rather than \"we sent\".\n              return t.signUp.pendingNotice;\n            });\n          }}\n        >\n          <CardHeader\n            title={t.signUp.title}\n            description={branded ? t.signUp.description : undefined}\n            titleKey=\"signUp.title\"\n            logo={branded ? logo : null}\n            logoKey=\"signUp.logo\"\n            branded={branded}\n          />\n          <CardBody>\n            {grouped ? <FieldGroup>{emailField}{passwordField}</FieldGroup> : <>{emailField}{passwordField}</>}\n            {error ? <Alert tone=\"error\">{error}</Alert> : null}\n            {notice ? <Alert tone=\"info\">{notice}</Alert> : null}\n            <Button type=\"submit\" loading={submitting} elementKey=\"signUp.submitButton\">\n              {t.signUp.submitButton}\n            </Button>\n          </CardBody>\n          {props.onSignIn ? (\n            <CardFooter ruled={!branded}>\n              <span className=\"throttle-muted\">{t.signUp.switchPrompt} </span>\n              <Button variant=\"link\" elementKey=\"signUp.switchLink\" onClick={props.onSignIn}>\n                {t.signUp.switchLink}\n              </Button>\n            </CardFooter>\n          ) : null}\n        </form>\n      </div>\n    </AppearanceProvider>\n  );\n}\n","import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { useAuth } from '../../context';\nimport { AppearanceProvider, useAppearance, useAppearanceProviderValue, type ThrottleAppearance } from '../appearance';\nimport { useBrandLogo } from '../branding';\nimport { useCopy, type ThrottleLocalization } from '../localization';\nimport { useCardClass } from '../surface';\nimport { useAction } from '../useAction';\nimport { Alert, Button, CardBody, CardFooter, CardHeader, Field } from '../primitives';\nimport type { AuthCardVariant } from './SignIn';\n\nexport interface ForgotPasswordProps {\n  appearance?: ThrottleAppearance;\n  localization?: ThrottleLocalization;\n  /** Composition of the card. Default `'quiet'`. A single input, so `'grouped'` renders the same as `'quiet'`. */\n  variant?: AuthCardVariant;\n  /** Rendered above the title in the `branded` variant. Falls back to `ThrottleProvider`'s `logo`. */\n  logo?: ReactNode;\n  onBack?(): void;\n}\n\nexport function ForgotPassword(props: ForgotPasswordProps) {\n  const a = useAppearance(props.appearance);\n  const cardClass = useCardClass();\n  const scoped = useAppearanceProviderValue(props.appearance);\n  const { t } = useCopy(props.localization);\n  const { auth } = useAuth();\n  const { submitting, error, notice, run } = useAction();\n  const [email, setEmail] = useState('');\n  const branded = (props.variant ?? 'quiet') === 'branded';\n  const logo = useBrandLogo(props.logo);\n\n  return (\n    <AppearanceProvider value={scoped}>\n      <div {...a.rootProps}>\n        <form\n          {...a.el('forgotPassword.root', cardClass)}\n          onSubmit={(e) => {\n            e.preventDefault();\n            // The server answers identically whether or not the address exists,\n            // and so must this: a notice that varied would enumerate accounts.\n            void run(async () => { await auth.forgotPassword(email); return t.forgotPassword.sentNotice; });\n          }}\n        >\n          <CardHeader\n            title={t.forgotPassword.title}\n            description={branded ? t.forgotPassword.description : undefined}\n            titleKey=\"forgotPassword.title\"\n            logo={branded ? logo : null}\n            logoKey=\"forgotPassword.logo\"\n            branded={branded}\n          />\n          <CardBody>\n            <Field label={t.forgotPassword.email} type=\"email\" autoComplete=\"email\" required\n                   value={email} onChange={setEmail} elementKey=\"forgotPassword.emailField\" />\n            {error ? <Alert tone=\"error\">{error}</Alert> : null}\n            {notice ? <Alert tone=\"success\">{notice}</Alert> : null}\n            <Button type=\"submit\" loading={submitting} elementKey=\"forgotPassword.submitButton\">\n              {t.forgotPassword.submitButton}\n            </Button>\n          </CardBody>\n          {props.onBack ? (\n            <CardFooter ruled={!branded}>\n              <Button variant=\"link\" elementKey=\"forgotPassword.backLink\" onClick={props.onBack}>\n                {t.forgotPassword.backLink}\n              </Button>\n            </CardFooter>\n          ) : null}\n        </form>\n      </div>\n    </AppearanceProvider>\n  );\n}\n","import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { useAuth } from '../../context';\nimport { AppearanceProvider, useAppearance, useAppearanceProviderValue, type ThrottleAppearance } from '../appearance';\nimport { useBrandLogo } from '../branding';\nimport { useCopy, type ThrottleLocalization } from '../localization';\nimport { useCardClass } from '../surface';\nimport { useAction } from '../useAction';\nimport { Alert, Button, CardBody, CardHeader, Field } from '../primitives';\nimport type { AuthCardVariant } from './SignIn';\n\nexport interface ResetPasswordProps {\n  token?: string;\n  appearance?: ThrottleAppearance;\n  localization?: ThrottleLocalization;\n  /** Composition of the card. Default `'quiet'`. A single input, so `'grouped'` renders the same as `'quiet'`. */\n  variant?: AuthCardVariant;\n  /** Rendered above the title in the `branded` variant. Falls back to `ThrottleProvider`'s `logo`. */\n  logo?: ReactNode;\n  onSuccess?(): void;\n}\n\nexport function ResetPassword(props: ResetPasswordProps) {\n  const a = useAppearance(props.appearance);\n  const cardClass = useCardClass();\n  const scoped = useAppearanceProviderValue(props.appearance);\n  const { t } = useCopy(props.localization);\n  const { auth } = useAuth();\n  const { submitting, error, notice, run } = useAction();\n  const [password, setPassword] = useState('');\n  const branded = (props.variant ?? 'quiet') === 'branded';\n  const logo = useBrandLogo(props.logo);\n\n  return (\n    <AppearanceProvider value={scoped}>\n      <div {...a.rootProps}>\n        <div {...a.el('resetPassword.root', cardClass)}>\n          <CardHeader\n            title={t.resetPassword.title}\n            titleKey=\"resetPassword.title\"\n            logo={branded ? logo : null}\n            logoKey=\"resetPassword.logo\"\n            branded={branded}\n          />\n          <CardBody>\n            {!props.token ? (\n              // No form at all without a token. A submit button that can only\n              // fail is worse than an explanation.\n              <Alert tone=\"error\">{t.resetPassword.missingToken}</Alert>\n            ) : (\n              <form\n                onSubmit={(e) => {\n                  e.preventDefault();\n                  void run(async () => {\n                    await auth.resetPassword(props.token!, password);\n                    props.onSuccess?.();\n                    return t.resetPassword.doneNotice;\n                  });\n                }}\n              >\n                <div className=\"throttle-stack\">\n                  <Field label={t.resetPassword.password} type=\"password\" autoComplete=\"new-password\" required\n                         value={password} onChange={setPassword} elementKey=\"resetPassword.passwordField\" />\n                  {error ? <Alert tone=\"error\">{error}</Alert> : null}\n                  {notice ? <Alert tone=\"success\">{notice}</Alert> : null}\n                  <Button type=\"submit\" loading={submitting} elementKey=\"resetPassword.submitButton\">\n                    {t.resetPassword.submitButton}\n                  </Button>\n                </div>\n              </form>\n            )}\n          </CardBody>\n        </div>\n      </div>\n    </AppearanceProvider>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { useAuth } from '../../context';\nimport { AppearanceProvider, useAppearance, useAppearanceProviderValue, type ThrottleAppearance } from '../appearance';\nimport { useBrandLogo } from '../branding';\nimport { useCopy, type ThrottleLocalization } from '../localization';\nimport { useCardClass } from '../surface';\nimport { useAction } from '../useAction';\nimport { Alert, Button, CardBody, CardHeader, Spinner } from '../primitives';\nimport type { AuthCardVariant } from './SignIn';\n\nexport interface VerifyEmailProps {\n  token?: string;\n  appearance?: ThrottleAppearance;\n  localization?: ThrottleLocalization;\n  /** Composition of the card. Default `'quiet'`. This card has no inputs, so `'grouped'` renders the same as `'quiet'`. */\n  variant?: AuthCardVariant;\n  /** Rendered above the title in the `branded` variant. Falls back to `ThrottleProvider`'s `logo`. */\n  logo?: ReactNode;\n  onSuccess?(): void;\n}\n\nexport function VerifyEmail(props: VerifyEmailProps) {\n  const a = useAppearance(props.appearance);\n  const cardClass = useCardClass();\n  const scoped = useAppearanceProviderValue(props.appearance);\n  const { t, errorMessage } = useCopy(props.localization);\n  const { auth } = useAuth();\n  const { submitting, notice, run } = useAction();\n  const [state, setState] = useState<'idle' | 'verifying' | 'done' | 'failed'>(props.token ? 'verifying' : 'idle');\n  const [error, setError] = useState<string | null>(null);\n  const branded = (props.variant ?? 'quiet') === 'branded';\n  const logo = useBrandLogo(props.logo);\n  // StrictMode mounts effects twice in development, and a verification token is\n  // single-use: a second call would fail with token_already_used and show the\n  // buyer an error for a link that worked.\n  const attempted = useRef<string | null>(null);\n\n  useEffect(() => {\n    const token = props.token;\n    if (!token || attempted.current === token) return;\n    attempted.current = token;\n    setState('verifying');\n    auth\n      .verifyEmail(token)\n      .then(() => { setState('done'); props.onSuccess?.(); })\n      .catch((err) => { setError(errorMessage(err)); setState('failed'); });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.token, auth]);\n\n  return (\n    <AppearanceProvider value={scoped}>\n      <div {...a.rootProps}>\n        <div {...a.el('verifyEmail.root', cardClass)}>\n          <CardHeader\n            title={t.verifyEmail.title}\n            titleKey=\"verifyEmail.title\"\n            logo={branded ? logo : null}\n            logoKey=\"verifyEmail.logo\"\n            branded={branded}\n          />\n          <CardBody>\n            {state === 'verifying' ? <p><Spinner /> {t.verifyEmail.verifying}</p> : null}\n            {state === 'done' ? <Alert tone=\"success\">{t.verifyEmail.success}</Alert> : null}\n            {state === 'failed' && error ? <Alert tone=\"error\">{error}</Alert> : null}\n            {state === 'idle' ? <p className=\"throttle-muted\">{t.verifyEmail.instructions}</p> : null}\n            {notice ? <Alert tone=\"success\">{notice}</Alert> : null}\n            {state !== 'done' ? (\n              <Button\n                variant=\"secondary\"\n                loading={submitting}\n                elementKey=\"verifyEmail.resendButton\"\n                onClick={() => void run(async () => {\n                  await auth.resendVerification();\n                  return t.verifyEmail.resentNotice;\n                })}\n              >\n                {t.verifyEmail.resendButton}\n              </Button>\n            ) : null}\n          </CardBody>\n        </div>\n      </div>\n    </AppearanceProvider>\n  );\n}\n"],"mappings":"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","names":["useEffect","useState","useState","Fragment","jsx","jsxs","useState","useState","jsx","jsxs","useState","useState","jsx","jsxs","useState","useState","jsx","jsxs","useState","jsx","jsxs","useState","useEffect","jsx","jsxs"]}

package/dist/chunk-QPVS6JXP.js

@@ -0,0 +1,39 @@
+"use client";
+import {
+  useCopy
+} from "./chunk-CUNMJ2PH.js";
+
+// src/react/components/useAction.ts
+import { useCallback, useRef, useState } from "react";
+function useAction() {
+  const { errorMessage } = useCopy();
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  const [notice, setNotice] = useState(null);
+  const inFlight = useRef(false);
+  const run = useCallback(
+    async (fn) => {
+      if (inFlight.current) return;
+      inFlight.current = true;
+      setSubmitting(true);
+      setError(null);
+      setNotice(null);
+      try {
+        const message = await fn();
+        if (typeof message === "string") setNotice(message);
+      } catch (err) {
+        setError(errorMessage(err));
+      } finally {
+        inFlight.current = false;
+        setSubmitting(false);
+      }
+    },
+    [errorMessage]
+  );
+  return { submitting, error, notice, run };
+}
+
+export {
+  useAction
+};
+//# sourceMappingURL=chunk-QPVS6JXP.js.map

package/dist/chunk-QPVS6JXP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/components/useAction.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\nimport { useCopy } from './localization';\n\nexport interface Action {\n  submitting: boolean;\n  error: string | null;\n  notice: string | null;\n  run(fn: () => Promise<string | void>): Promise<void>;\n}\n\n/**\n * Submit-once semantics plus localized error copy. Deliberately a separate hook\n * from `../forms/useFormAction`: that one maps errors through `messageForError`\n * with no path to a merchant's `localization.errors`, and `./forms` is a\n * published entry point whose contract is that it does not change.\n */\nexport function useAction(): Action {\n  const { errorMessage } = useCopy();\n  const [submitting, setSubmitting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [notice, setNotice] = useState<string | null>(null);\n  const inFlight = useRef(false);\n\n  const run = useCallback(\n    async (fn: () => Promise<string | void>) => {\n      if (inFlight.current) return;   // a double-click is one attempt, not two\n      inFlight.current = true;\n      setSubmitting(true);\n      setError(null);\n      setNotice(null);\n      try {\n        const message = await fn();\n        if (typeof message === 'string') setNotice(message);\n      } catch (err) {\n        setError(errorMessage(err));\n      } finally {\n        inFlight.current = false;\n        setSubmitting(false);\n      }\n    },\n    [errorMessage],\n  );\n\n  return { submitting, error, notice, run };\n}\n"],"mappings":";;;;;;AAAA,SAAS,aAAa,QAAQ,gBAAgB;AAgBvC,SAAS,YAAoB;AAClC,QAAM,EAAE,aAAa,IAAI,QAAQ;AACjC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAwB,IAAI;AACxD,QAAM,WAAW,OAAO,KAAK;AAE7B,QAAM,MAAM;AAAA,IACV,OAAO,OAAqC;AAC1C,UAAI,SAAS,QAAS;AACtB,eAAS,UAAU;AACnB,oBAAc,IAAI;AAClB,eAAS,IAAI;AACb,gBAAU,IAAI;AACd,UAAI;AACF,cAAM,UAAU,MAAM,GAAG;AACzB,YAAI,OAAO,YAAY,SAAU,WAAU,OAAO;AAAA,MACpD,SAAS,KAAK;AACZ,iBAAS,aAAa,GAAG,CAAC;AAAA,MAC5B,UAAE;AACA,iBAAS,UAAU;AACnB,sBAAc,KAAK;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,SAAO,EAAE,YAAY,OAAO,QAAQ,IAAI;AAC1C;","names":[]}