mogh_ui 0.1.0 → 0.2.0

package/dist/auth/index.cjs

@@ -0,0 +1,156 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var auth_exports = {};
+__export(auth_exports, {
+  AUTH_URL: () => AUTH_URL,
+  authClient: () => authClient,
+  setAuthUrl: () => setAuthUrl,
+  useAuthState: () => useAuthState,
+  useLogin: () => useLogin,
+  useLoginOptions: () => useLoginOptions,
+  useManageAuth: () => useManageAuth
+});
+module.exports = __toCommonJS(auth_exports);
+var import_notifications = require("@mantine/notifications");
+var import_react_query = require("@tanstack/react-query");
+var MoghAuth = __toESM(require("mogh_auth_client"), 1);
+var import_utils = require("./utils");
+__reExport(auth_exports, require("./login"), module.exports);
+__reExport(auth_exports, require("./profile"), module.exports);
+__reExport(auth_exports, require("./utils"), module.exports);
+let AUTH_URL;
+function setAuthUrl(url) {
+  AUTH_URL = url;
+}
+function authClient() {
+  return MoghAuth.MoghAuthClient(AUTH_URL, MoghAuth.LOGIN_TOKENS.jwt());
+}
+function useLoginOptions() {
+  return (0, import_react_query.useQuery)({
+    queryKey: ["GetLoginOptions"],
+    queryFn: () => authClient().login("GetLoginOptions", {})
+  });
+}
+function useLogin(type, config) {
+  return (0, import_react_query.useMutation)({
+    mutationKey: [type],
+    mutationFn: (params) => authClient().login(type, params),
+    onError: (e, ...args) => {
+      console.log("Login error:", e);
+      const msg = e.result.error ?? "Unknown error. See console.";
+      const detail = e.result?.trace?.map((msg2) => msg2[0].toUpperCase() + msg2.slice(1)).join(" | ");
+      let msg_log = msg ? msg[0].toUpperCase() + msg.slice(1) + " | " : "";
+      if (detail) {
+        msg_log += detail + " | ";
+      }
+      import_notifications.notifications.show({
+        title: `Login request ${type} failed`,
+        message: `${msg_log}See console for details`,
+        color: "red"
+      });
+      config?.onError && config.onError(e, ...args);
+    },
+    ...config
+  });
+}
+function useManageAuth(type, config) {
+  return (0, import_react_query.useMutation)({
+    mutationKey: [type],
+    mutationFn: (params) => authClient().manage(type, params),
+    onError: (e, ...args) => {
+      console.log("Manage auth error:", e);
+      const msg = e.result.error ?? "Unknown error. See console.";
+      const detail = e.result?.trace?.map((msg2) => msg2[0].toUpperCase() + msg2.slice(1)).join(" | ");
+      let msg_log = msg ? msg[0].toUpperCase() + msg.slice(1) + " | " : "";
+      if (detail) {
+        msg_log += detail + " | ";
+      }
+      import_notifications.notifications.show({
+        title: `Manage auth request ${type} failed`,
+        message: `${msg_log}See console for details`,
+        color: "red"
+      });
+      config?.onError && config.onError(e, ...args);
+    },
+    ...config
+  });
+}
+let jwt_redeem_sent = false;
+let passkey_sent = false;
+function useAuthState() {
+  const onSuccess = ({ jwt }) => {
+    MoghAuth.LOGIN_TOKENS.add_and_change(jwt);
+    (0, import_utils.sanitizeQueryInner)(search);
+  };
+  const { mutate: redeemJwt } = useLogin("ExchangeForJwt", {
+    onSuccess
+  });
+  const { mutate: completePasskeyLogin } = useLogin("CompletePasskeyLogin", {
+    onSuccess
+  });
+  const search = new URLSearchParams(location.search);
+  const _passkey = search.get("passkey");
+  const passkey = _passkey ? JSON.parse(MoghAuth.Passkey.base64UrlDecode(_passkey)) : null;
+  if (passkey && !passkey_sent) {
+    navigator.credentials.get(MoghAuth.Passkey.prepareRequestChallengeResponse(passkey)).then((credential) => completePasskeyLogin({ credential })).catch((e) => {
+      console.error(e);
+      import_notifications.notifications.show({
+        title: "Failed to select passkey",
+        message: "See console for details",
+        color: "red"
+      });
+    });
+    passkey_sent = true;
+  }
+  const jwt_redeem_ready = search.get("redeem_ready") === "true";
+  if (jwt_redeem_ready && !jwt_redeem_sent) {
+    redeemJwt({});
+    jwt_redeem_sent = true;
+  }
+  return {
+    jwt_redeem_ready,
+    passkey_pending: !!passkey,
+    totp: search.get("totp") === "true"
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AUTH_URL,
+  authClient,
+  setAuthUrl,
+  useAuthState,
+  useLogin,
+  useLoginOptions,
+  useManageAuth,
+  ...require("./login"),
+  ...require("./profile"),
+  ...require("./utils")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/auth/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/auth/index.ts"],"sourcesContent":["import { notifications } from \"@mantine/notifications\";\nimport {\n  useMutation,\n  UseMutationOptions,\n  useQuery,\n} from \"@tanstack/react-query\";\nimport * as MoghAuth from \"mogh_auth_client\";\nimport { sanitizeQueryInner } from \"./utils\";\n\nexport * from \"./login\";\nexport * from \"./profile\";\nexport * from \"./utils\";\n\nexport let AUTH_URL: string;\n\n/**\n * Set the global auth url.\n * Make sure to call this before first render.\n * @param url The global url\n */\nexport function setAuthUrl(url: string) {\n  AUTH_URL = url;\n}\n\nexport function authClient() {\n  return MoghAuth.MoghAuthClient(AUTH_URL, MoghAuth.LOGIN_TOKENS.jwt());\n}\n\nexport function useLoginOptions() {\n  return useQuery({\n    queryKey: [\"GetLoginOptions\"],\n    queryFn: () => authClient().login(\"GetLoginOptions\", {}),\n  });\n}\n\nexport function useLogin<\n  T extends MoghAuth.Types.LoginRequest[\"type\"],\n  R extends Extract<MoghAuth.Types.LoginRequest, { type: T }>,\n  P extends R[\"params\"],\n  C extends Omit<\n    UseMutationOptions<MoghAuth.LoginResponses[T], unknown, P, unknown>,\n    \"mutationKey\" | \"mutationFn\"\n  >,\n>(type: T, config?: C) {\n  return useMutation({\n    mutationKey: [type],\n    mutationFn: (params: P) => authClient().login<T, R>(type, params),\n    onError: (e: { result: { error?: string; trace?: string[] } }, ...args) => {\n      console.log(\"Login error:\", e);\n      const msg = e.result.error ?? \"Unknown error. See console.\";\n      const detail = e.result?.trace\n        ?.map((msg) => msg[0].toUpperCase() + msg.slice(1))\n        .join(\" | \");\n      let msg_log = msg ? msg[0].toUpperCase() + msg.slice(1) + \" | \" : \"\";\n      if (detail) {\n        msg_log += detail + \" | \";\n      }\n      notifications.show({\n        title: `Login request ${type} failed`,\n        message: `${msg_log}See console for details`,\n        color: \"red\",\n      });\n      config?.onError && config.onError(e, ...args);\n    },\n    ...config,\n  });\n}\n\nexport function useManageAuth<\n  T extends MoghAuth.Types.ManageRequest[\"type\"],\n  R extends Extract<MoghAuth.Types.ManageRequest, { type: T }>,\n  P extends R[\"params\"],\n  C extends Omit<\n    UseMutationOptions<MoghAuth.ManageResponses[T], unknown, P, unknown>,\n    \"mutationKey\" | \"mutationFn\"\n  >,\n>(type: T, config?: C) {\n  return useMutation({\n    mutationKey: [type],\n    mutationFn: (params: P) => authClient().manage<T, R>(type, params),\n    onError: (e: { result: { error?: string; trace?: string[] } }, ...args) => {\n      console.log(\"Manage auth error:\", e);\n      const msg = e.result.error ?? \"Unknown error. See console.\";\n      const detail = e.result?.trace\n        ?.map((msg) => msg[0].toUpperCase() + msg.slice(1))\n        .join(\" | \");\n      let msg_log = msg ? msg[0].toUpperCase() + msg.slice(1) + \" | \" : \"\";\n      if (detail) {\n        msg_log += detail + \" | \";\n      }\n      notifications.show({\n        title: `Manage auth request ${type} failed`,\n        message: `${msg_log}See console for details`,\n        color: \"red\",\n      });\n      config?.onError && config.onError(e, ...args);\n    },\n    ...config,\n  });\n}\n\nlet jwt_redeem_sent = false;\nlet passkey_sent = false;\n\n/// returns whether to show login / loading screen depending on state of exchange token loop\nexport function useAuthState() {\n  const onSuccess = ({ jwt }: MoghAuth.Types.JwtResponse) => {\n    MoghAuth.LOGIN_TOKENS.add_and_change(jwt);\n    sanitizeQueryInner(search);\n  };\n  const { mutate: redeemJwt } = useLogin(\"ExchangeForJwt\", {\n    onSuccess,\n  });\n  const { mutate: completePasskeyLogin } = useLogin(\"CompletePasskeyLogin\", {\n    onSuccess,\n  });\n  const search = new URLSearchParams(location.search);\n\n  const _passkey = search.get(\"passkey\");\n  const passkey = _passkey\n    ? JSON.parse(MoghAuth.Passkey.base64UrlDecode(_passkey))\n    : null;\n\n  // guard against multiple reqs sent\n  // maybe isPending would do this but not sure about with render loop, this for sure will.\n  if (passkey && !passkey_sent) {\n    navigator.credentials\n      .get(MoghAuth.Passkey.prepareRequestChallengeResponse(passkey))\n      .then((credential) => completePasskeyLogin({ credential }))\n      .catch((e) => {\n        console.error(e);\n        notifications.show({\n          title: \"Failed to select passkey\",\n          message: \"See console for details\",\n          color: \"red\",\n        });\n      });\n    passkey_sent = true;\n  }\n\n  const jwt_redeem_ready = search.get(\"redeem_ready\") === \"true\";\n\n  // guard against multiple reqs sent\n  // maybe isPending would do this but not sure about with render loop, this for sure will.\n  if (jwt_redeem_ready && !jwt_redeem_sent) {\n    redeemJwt({});\n    jwt_redeem_sent = true;\n  }\n\n  return {\n    jwt_redeem_ready,\n    passkey_pending: !!passkey,\n    totp: search.get(\"totp\") === \"true\",\n  };\n}\n"],"mappings":"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","names":["msg"]}

package/dist/auth/index.d.cts

@@ -0,0 +1,50 @@
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { UseMutationOptions } from '@tanstack/react-query';
+import * as MoghAuth from 'mogh_auth_client';
+export { LoginBrandingProps, LoginPage } from './login/index.cjs';
+export { LinkedLogins } from './profile/linked-logins.cjs';
+export { EnrollPasskey } from './profile/passkey.cjs';
+export { EnrollTotp } from './profile/totp.cjs';
+export { sanitizeQuery, sanitizeQueryInner } from './utils.cjs';
+import 'react/jsx-runtime';
+
+declare let AUTH_URL: string;
+/**
+ * Set the global auth url.
+ * Make sure to call this before first render.
+ * @param url The global url
+ */
+declare function setAuthUrl(url: string): void;
+declare function authClient(): {
+    login: <T extends MoghAuth.Types.LoginRequest["type"], Req extends Extract<MoghAuth.Types.LoginRequest, {
+        type: T;
+    }>>(type: T, params: Req["params"]) => Promise<MoghAuth.LoginResponses[Req["type"]]>;
+    manage: <T extends MoghAuth.Types.ManageRequest["type"], Req extends Extract<MoghAuth.Types.ManageRequest, {
+        type: T;
+    }>>(type: T, params: Req["params"]) => Promise<MoghAuth.ManageResponses[Req["type"]]>;
+    externalLogin: (provider: MoghAuth.Types.ExternalLoginProvider) => void;
+};
+declare function useLoginOptions(): _tanstack_react_query.UseQueryResult<MoghAuth.Types.GetLoginOptionsResponse, Error>;
+declare function useLogin<T extends MoghAuth.Types.LoginRequest["type"], R extends Extract<MoghAuth.Types.LoginRequest, {
+    type: T;
+}>, P extends R["params"], C extends Omit<UseMutationOptions<MoghAuth.LoginResponses[T], unknown, P, unknown>, "mutationKey" | "mutationFn">>(type: T, config?: C): _tanstack_react_query.UseMutationResult<MoghAuth.LoginResponses[R["type"]], {
+    result: {
+        error?: string;
+        trace?: string[];
+    };
+}, P, unknown>;
+declare function useManageAuth<T extends MoghAuth.Types.ManageRequest["type"], R extends Extract<MoghAuth.Types.ManageRequest, {
+    type: T;
+}>, P extends R["params"], C extends Omit<UseMutationOptions<MoghAuth.ManageResponses[T], unknown, P, unknown>, "mutationKey" | "mutationFn">>(type: T, config?: C): _tanstack_react_query.UseMutationResult<MoghAuth.ManageResponses[R["type"]], {
+    result: {
+        error?: string;
+        trace?: string[];
+    };
+}, P, unknown>;
+declare function useAuthState(): {
+    jwt_redeem_ready: boolean;
+    passkey_pending: boolean;
+    totp: boolean;
+};
+
+export { AUTH_URL, authClient, setAuthUrl, useAuthState, useLogin, useLoginOptions, useManageAuth };

package/dist/auth/index.d.ts

@@ -0,0 +1,50 @@
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { UseMutationOptions } from '@tanstack/react-query';
+import * as MoghAuth from 'mogh_auth_client';
+export { LoginBrandingProps, LoginPage } from './login/index.js';
+export { LinkedLogins } from './profile/linked-logins.js';
+export { EnrollPasskey } from './profile/passkey.js';
+export { EnrollTotp } from './profile/totp.js';
+export { sanitizeQuery, sanitizeQueryInner } from './utils.js';
+import 'react/jsx-runtime';
+
+declare let AUTH_URL: string;
+/**
+ * Set the global auth url.
+ * Make sure to call this before first render.
+ * @param url The global url
+ */
+declare function setAuthUrl(url: string): void;
+declare function authClient(): {
+    login: <T extends MoghAuth.Types.LoginRequest["type"], Req extends Extract<MoghAuth.Types.LoginRequest, {
+        type: T;
+    }>>(type: T, params: Req["params"]) => Promise<MoghAuth.LoginResponses[Req["type"]]>;
+    manage: <T extends MoghAuth.Types.ManageRequest["type"], Req extends Extract<MoghAuth.Types.ManageRequest, {
+        type: T;
+    }>>(type: T, params: Req["params"]) => Promise<MoghAuth.ManageResponses[Req["type"]]>;
+    externalLogin: (provider: MoghAuth.Types.ExternalLoginProvider) => void;
+};
+declare function useLoginOptions(): _tanstack_react_query.UseQueryResult<MoghAuth.Types.GetLoginOptionsResponse, Error>;
+declare function useLogin<T extends MoghAuth.Types.LoginRequest["type"], R extends Extract<MoghAuth.Types.LoginRequest, {
+    type: T;
+}>, P extends R["params"], C extends Omit<UseMutationOptions<MoghAuth.LoginResponses[T], unknown, P, unknown>, "mutationKey" | "mutationFn">>(type: T, config?: C): _tanstack_react_query.UseMutationResult<MoghAuth.LoginResponses[R["type"]], {
+    result: {
+        error?: string;
+        trace?: string[];
+    };
+}, P, unknown>;
+declare function useManageAuth<T extends MoghAuth.Types.ManageRequest["type"], R extends Extract<MoghAuth.Types.ManageRequest, {
+    type: T;
+}>, P extends R["params"], C extends Omit<UseMutationOptions<MoghAuth.ManageResponses[T], unknown, P, unknown>, "mutationKey" | "mutationFn">>(type: T, config?: C): _tanstack_react_query.UseMutationResult<MoghAuth.ManageResponses[R["type"]], {
+    result: {
+        error?: string;
+        trace?: string[];
+    };
+}, P, unknown>;
+declare function useAuthState(): {
+    jwt_redeem_ready: boolean;
+    passkey_pending: boolean;
+    totp: boolean;
+};
+
+export { AUTH_URL, authClient, setAuthUrl, useAuthState, useLogin, useLoginOptions, useManageAuth };

package/dist/auth/index.js

@@ -0,0 +1,115 @@
+import { notifications } from "@mantine/notifications";
+import {
+  useMutation,
+  useQuery
+} from "@tanstack/react-query";
+import * as MoghAuth from "mogh_auth_client";
+import { sanitizeQueryInner } from "./utils";
+export * from "./login";
+export * from "./profile";
+export * from "./utils";
+let AUTH_URL;
+function setAuthUrl(url) {
+  AUTH_URL = url;
+}
+function authClient() {
+  return MoghAuth.MoghAuthClient(AUTH_URL, MoghAuth.LOGIN_TOKENS.jwt());
+}
+function useLoginOptions() {
+  return useQuery({
+    queryKey: ["GetLoginOptions"],
+    queryFn: () => authClient().login("GetLoginOptions", {})
+  });
+}
+function useLogin(type, config) {
+  return useMutation({
+    mutationKey: [type],
+    mutationFn: (params) => authClient().login(type, params),
+    onError: (e, ...args) => {
+      console.log("Login error:", e);
+      const msg = e.result.error ?? "Unknown error. See console.";
+      const detail = e.result?.trace?.map((msg2) => msg2[0].toUpperCase() + msg2.slice(1)).join(" | ");
+      let msg_log = msg ? msg[0].toUpperCase() + msg.slice(1) + " | " : "";
+      if (detail) {
+        msg_log += detail + " | ";
+      }
+      notifications.show({
+        title: `Login request ${type} failed`,
+        message: `${msg_log}See console for details`,
+        color: "red"
+      });
+      config?.onError && config.onError(e, ...args);
+    },
+    ...config
+  });
+}
+function useManageAuth(type, config) {
+  return useMutation({
+    mutationKey: [type],
+    mutationFn: (params) => authClient().manage(type, params),
+    onError: (e, ...args) => {
+      console.log("Manage auth error:", e);
+      const msg = e.result.error ?? "Unknown error. See console.";
+      const detail = e.result?.trace?.map((msg2) => msg2[0].toUpperCase() + msg2.slice(1)).join(" | ");
+      let msg_log = msg ? msg[0].toUpperCase() + msg.slice(1) + " | " : "";
+      if (detail) {
+        msg_log += detail + " | ";
+      }
+      notifications.show({
+        title: `Manage auth request ${type} failed`,
+        message: `${msg_log}See console for details`,
+        color: "red"
+      });
+      config?.onError && config.onError(e, ...args);
+    },
+    ...config
+  });
+}
+let jwt_redeem_sent = false;
+let passkey_sent = false;
+function useAuthState() {
+  const onSuccess = ({ jwt }) => {
+    MoghAuth.LOGIN_TOKENS.add_and_change(jwt);
+    sanitizeQueryInner(search);
+  };
+  const { mutate: redeemJwt } = useLogin("ExchangeForJwt", {
+    onSuccess
+  });
+  const { mutate: completePasskeyLogin } = useLogin("CompletePasskeyLogin", {
+    onSuccess
+  });
+  const search = new URLSearchParams(location.search);
+  const _passkey = search.get("passkey");
+  const passkey = _passkey ? JSON.parse(MoghAuth.Passkey.base64UrlDecode(_passkey)) : null;
+  if (passkey && !passkey_sent) {
+    navigator.credentials.get(MoghAuth.Passkey.prepareRequestChallengeResponse(passkey)).then((credential) => completePasskeyLogin({ credential })).catch((e) => {
+      console.error(e);
+      notifications.show({
+        title: "Failed to select passkey",
+        message: "See console for details",
+        color: "red"
+      });
+    });
+    passkey_sent = true;
+  }
+  const jwt_redeem_ready = search.get("redeem_ready") === "true";
+  if (jwt_redeem_ready && !jwt_redeem_sent) {
+    redeemJwt({});
+    jwt_redeem_sent = true;
+  }
+  return {
+    jwt_redeem_ready,
+    passkey_pending: !!passkey,
+    totp: search.get("totp") === "true"
+  };
+}
+export {
+  AUTH_URL,
+  authClient,
+  setAuthUrl,
+  useAuthState,
+  useLogin,
+  useLoginOptions,
+  useManageAuth
+};
+//# sourceMappingURL=index.js.map

package/dist/auth/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/auth/index.ts"],"sourcesContent":["import { notifications } from \"@mantine/notifications\";\nimport {\n  useMutation,\n  UseMutationOptions,\n  useQuery,\n} from \"@tanstack/react-query\";\nimport * as MoghAuth from \"mogh_auth_client\";\nimport { sanitizeQueryInner } from \"./utils\";\n\nexport * from \"./login\";\nexport * from \"./profile\";\nexport * from \"./utils\";\n\nexport let AUTH_URL: string;\n\n/**\n * Set the global auth url.\n * Make sure to call this before first render.\n * @param url The global url\n */\nexport function setAuthUrl(url: string) {\n  AUTH_URL = url;\n}\n\nexport function authClient() {\n  return MoghAuth.MoghAuthClient(AUTH_URL, MoghAuth.LOGIN_TOKENS.jwt());\n}\n\nexport function useLoginOptions() {\n  return useQuery({\n    queryKey: [\"GetLoginOptions\"],\n    queryFn: () => authClient().login(\"GetLoginOptions\", {}),\n  });\n}\n\nexport function useLogin<\n  T extends MoghAuth.Types.LoginRequest[\"type\"],\n  R extends Extract<MoghAuth.Types.LoginRequest, { type: T }>,\n  P extends R[\"params\"],\n  C extends Omit<\n    UseMutationOptions<MoghAuth.LoginResponses[T], unknown, P, unknown>,\n    \"mutationKey\" | \"mutationFn\"\n  >,\n>(type: T, config?: C) {\n  return useMutation({\n    mutationKey: [type],\n    mutationFn: (params: P) => authClient().login<T, R>(type, params),\n    onError: (e: { result: { error?: string; trace?: string[] } }, ...args) => {\n      console.log(\"Login error:\", e);\n      const msg = e.result.error ?? \"Unknown error. See console.\";\n      const detail = e.result?.trace\n        ?.map((msg) => msg[0].toUpperCase() + msg.slice(1))\n        .join(\" | \");\n      let msg_log = msg ? msg[0].toUpperCase() + msg.slice(1) + \" | \" : \"\";\n      if (detail) {\n        msg_log += detail + \" | \";\n      }\n      notifications.show({\n        title: `Login request ${type} failed`,\n        message: `${msg_log}See console for details`,\n        color: \"red\",\n      });\n      config?.onError && config.onError(e, ...args);\n    },\n    ...config,\n  });\n}\n\nexport function useManageAuth<\n  T extends MoghAuth.Types.ManageRequest[\"type\"],\n  R extends Extract<MoghAuth.Types.ManageRequest, { type: T }>,\n  P extends R[\"params\"],\n  C extends Omit<\n    UseMutationOptions<MoghAuth.ManageResponses[T], unknown, P, unknown>,\n    \"mutationKey\" | \"mutationFn\"\n  >,\n>(type: T, config?: C) {\n  return useMutation({\n    mutationKey: [type],\n    mutationFn: (params: P) => authClient().manage<T, R>(type, params),\n    onError: (e: { result: { error?: string; trace?: string[] } }, ...args) => {\n      console.log(\"Manage auth error:\", e);\n      const msg = e.result.error ?? \"Unknown error. See console.\";\n      const detail = e.result?.trace\n        ?.map((msg) => msg[0].toUpperCase() + msg.slice(1))\n        .join(\" | \");\n      let msg_log = msg ? msg[0].toUpperCase() + msg.slice(1) + \" | \" : \"\";\n      if (detail) {\n        msg_log += detail + \" | \";\n      }\n      notifications.show({\n        title: `Manage auth request ${type} failed`,\n        message: `${msg_log}See console for details`,\n        color: \"red\",\n      });\n      config?.onError && config.onError(e, ...args);\n    },\n    ...config,\n  });\n}\n\nlet jwt_redeem_sent = false;\nlet passkey_sent = false;\n\n/// returns whether to show login / loading screen depending on state of exchange token loop\nexport function useAuthState() {\n  const onSuccess = ({ jwt }: MoghAuth.Types.JwtResponse) => {\n    MoghAuth.LOGIN_TOKENS.add_and_change(jwt);\n    sanitizeQueryInner(search);\n  };\n  const { mutate: redeemJwt } = useLogin(\"ExchangeForJwt\", {\n    onSuccess,\n  });\n  const { mutate: completePasskeyLogin } = useLogin(\"CompletePasskeyLogin\", {\n    onSuccess,\n  });\n  const search = new URLSearchParams(location.search);\n\n  const _passkey = search.get(\"passkey\");\n  const passkey = _passkey\n    ? JSON.parse(MoghAuth.Passkey.base64UrlDecode(_passkey))\n    : null;\n\n  // guard against multiple reqs sent\n  // maybe isPending would do this but not sure about with render loop, this for sure will.\n  if (passkey && !passkey_sent) {\n    navigator.credentials\n      .get(MoghAuth.Passkey.prepareRequestChallengeResponse(passkey))\n      .then((credential) => completePasskeyLogin({ credential }))\n      .catch((e) => {\n        console.error(e);\n        notifications.show({\n          title: \"Failed to select passkey\",\n          message: \"See console for details\",\n          color: \"red\",\n        });\n      });\n    passkey_sent = true;\n  }\n\n  const jwt_redeem_ready = search.get(\"redeem_ready\") === \"true\";\n\n  // guard against multiple reqs sent\n  // maybe isPending would do this but not sure about with render loop, this for sure will.\n  if (jwt_redeem_ready && !jwt_redeem_sent) {\n    redeemJwt({});\n    jwt_redeem_sent = true;\n  }\n\n  return {\n    jwt_redeem_ready,\n    passkey_pending: !!passkey,\n    totp: search.get(\"totp\") === \"true\",\n  };\n}\n"],"mappings":"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","names":["msg"]}

package/dist/auth/login/header.cjs

@@ -0,0 +1,74 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var header_exports = {};
+__export(header_exports, {
+  default: () => LoginHeader
+});
+module.exports = __toCommonJS(header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_lucide_react = require("lucide-react");
+var import__2 = require("../..");
+function LoginHeader({
+  secondFactorPending,
+  appName,
+  iconLink,
+  iconLinkAlt
+}) {
+  const options = (0, import__2.useLoginOptions)().data;
+  const theme = (0, import_core.useComputedColorScheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { justify: "space-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { gap: "sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: iconLink, width: 42, height: 42, alt: iconLinkAlt }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { gap: "0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { fz: "h2", fw: "450", lts: "0.1rem", children: appName }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { size: "md", opacity: 0.6, mt: -8, children: "Log In" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Group, { gap: "sm", children: [
+      [options?.oidc, "Oidc"],
+      [options?.github, "Github"],
+      [options?.google, "Google"]
+    ].map(
+      ([enabled, provider]) => enabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_core.Button,
+        {
+          onClick: () => (0, import__2.authClient)().externalLogin(provider),
+          leftSection: provider === "Oidc" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.KeyRound, { size: "1rem" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "img",
+            {
+              src: `/icons/${provider.toLowerCase()}.svg`,
+              alt: provider,
+              style: {
+                width: "1rem",
+                height: "1rem",
+                filter: theme === "dark" ? "invert(1)" : void 0
+              }
+            }
+          ),
+          w: 110,
+          disabled: secondFactorPending,
+          children: provider
+        },
+        provider
+      )
+    ) })
+  ] });
+}
+//# sourceMappingURL=header.cjs.map

package/dist/auth/login/header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/auth/login/header.tsx"],"sourcesContent":["import {\n  Button,\n  Group,\n  Stack,\n  Text,\n  useComputedColorScheme,\n} from \"@mantine/core\";\nimport { KeyRound } from \"lucide-react\";\nimport * as MoghAuth from \"mogh_auth_client\";\nimport { LoginBrandingProps } from \".\";\nimport { authClient, useLoginOptions } from \"../..\";\n\nexport default function LoginHeader({\n  secondFactorPending,\n  appName,\n  iconLink,\n  iconLinkAlt,\n}: {\n  secondFactorPending: boolean;\n} & LoginBrandingProps) {\n  const options = useLoginOptions().data;\n  const theme = useComputedColorScheme();\n  return (\n    <Group justify=\"space-between\">\n      <Group gap=\"sm\">\n        <img src={iconLink} width={42} height={42} alt={iconLinkAlt} />\n        <Stack gap=\"0\">\n          <Text fz=\"h2\" fw=\"450\" lts=\"0.1rem\">\n            {appName}\n          </Text>\n          <Text size=\"md\" opacity={0.6} mt={-8}>\n            Log In\n          </Text>\n        </Stack>\n      </Group>\n      <Group gap=\"sm\">\n        {(\n          [\n            [options?.oidc, \"Oidc\"],\n            [options?.github, \"Github\"],\n            [options?.google, \"Google\"],\n          ] as Array<\n            [boolean | undefined, MoghAuth.Types.ExternalLoginProvider]\n          >\n        ).map(\n          ([enabled, provider]) =>\n            enabled && (\n              <Button\n                key={provider}\n                onClick={() => authClient().externalLogin(provider)}\n                leftSection={\n                  provider === \"Oidc\" ? (\n                    <KeyRound size=\"1rem\" />\n                  ) : (\n                    <img\n                      src={`/icons/${provider.toLowerCase()}.svg`}\n                      alt={provider}\n                      style={{\n                        width: \"1rem\",\n                        height: \"1rem\",\n                        filter: theme === \"dark\" ? \"invert(1)\" : undefined,\n                      }}\n                    />\n                  )\n                }\n                w={110}\n                disabled={secondFactorPending}\n              >\n                {provider}\n              </Button>\n            ),\n        )}\n      </Group>\n    </Group>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBQ;AAzBR,kBAMO;AACP,0BAAyB;AAGzB,IAAAA,YAA4C;AAE7B,SAAR,YAA6B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEwB;AACtB,QAAM,cAAU,2BAAgB,EAAE;AAClC,QAAM,YAAQ,oCAAuB;AACrC,SACE,6CAAC,qBAAM,SAAQ,iBACb;AAAA,iDAAC,qBAAM,KAAI,MACT;AAAA,kDAAC,SAAI,KAAK,UAAU,OAAO,IAAI,QAAQ,IAAI,KAAK,aAAa;AAAA,MAC7D,6CAAC,qBAAM,KAAI,KACT;AAAA,oDAAC,oBAAK,IAAG,MAAK,IAAG,OAAM,KAAI,UACxB,mBACH;AAAA,QACA,4CAAC,oBAAK,MAAK,MAAK,SAAS,KAAK,IAAI,IAAI,oBAEtC;AAAA,SACF;AAAA,OACF;AAAA,IACA,4CAAC,qBAAM,KAAI,MAEP;AAAA,MACE,CAAC,SAAS,MAAM,MAAM;AAAA,MACtB,CAAC,SAAS,QAAQ,QAAQ;AAAA,MAC1B,CAAC,SAAS,QAAQ,QAAQ;AAAA,IAC5B,EAGA;AAAA,MACA,CAAC,CAAC,SAAS,QAAQ,MACjB,WACE;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,UAAM,sBAAW,EAAE,cAAc,QAAQ;AAAA,UAClD,aACE,aAAa,SACX,4CAAC,gCAAS,MAAK,QAAO,IAEtB;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,UAAU,SAAS,YAAY,CAAC;AAAA,cACrC,KAAK;AAAA,cACL,OAAO;AAAA,gBACL,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,QAAQ,UAAU,SAAS,cAAc;AAAA,cAC3C;AAAA;AAAA,UACF;AAAA,UAGJ,GAAG;AAAA,UACH,UAAU;AAAA,UAET;AAAA;AAAA,QApBI;AAAA,MAqBP;AAAA,IAEN,GACF;AAAA,KACF;AAEJ;","names":["import__"]}

package/dist/auth/login/header.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LoginBrandingProps } from './index.cjs';
+
+declare function LoginHeader({ secondFactorPending, appName, iconLink, iconLinkAlt, }: {
+    secondFactorPending: boolean;
+} & LoginBrandingProps): react_jsx_runtime.JSX.Element;
+
+export { LoginHeader as default };

package/dist/auth/login/header.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LoginBrandingProps } from './index.js';
+
+declare function LoginHeader({ secondFactorPending, appName, iconLink, iconLinkAlt, }: {
+    secondFactorPending: boolean;
+} & LoginBrandingProps): react_jsx_runtime.JSX.Element;
+
+export { LoginHeader as default };

package/dist/auth/login/header.js

@@ -0,0 +1,60 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  Group,
+  Stack,
+  Text,
+  useComputedColorScheme
+} from "@mantine/core";
+import { KeyRound } from "lucide-react";
+import { authClient, useLoginOptions } from "../..";
+function LoginHeader({
+  secondFactorPending,
+  appName,
+  iconLink,
+  iconLinkAlt
+}) {
+  const options = useLoginOptions().data;
+  const theme = useComputedColorScheme();
+  return /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+    /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+      /* @__PURE__ */ jsx("img", { src: iconLink, width: 42, height: 42, alt: iconLinkAlt }),
+      /* @__PURE__ */ jsxs(Stack, { gap: "0", children: [
+        /* @__PURE__ */ jsx(Text, { fz: "h2", fw: "450", lts: "0.1rem", children: appName }),
+        /* @__PURE__ */ jsx(Text, { size: "md", opacity: 0.6, mt: -8, children: "Log In" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Group, { gap: "sm", children: [
+      [options?.oidc, "Oidc"],
+      [options?.github, "Github"],
+      [options?.google, "Google"]
+    ].map(
+      ([enabled, provider]) => enabled && /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => authClient().externalLogin(provider),
+          leftSection: provider === "Oidc" ? /* @__PURE__ */ jsx(KeyRound, { size: "1rem" }) : /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: `/icons/${provider.toLowerCase()}.svg`,
+              alt: provider,
+              style: {
+                width: "1rem",
+                height: "1rem",
+                filter: theme === "dark" ? "invert(1)" : void 0
+              }
+            }
+          ),
+          w: 110,
+          disabled: secondFactorPending,
+          children: provider
+        },
+        provider
+      )
+    ) })
+  ] });
+}
+export {
+  LoginHeader as default
+};
+//# sourceMappingURL=header.js.map

package/dist/auth/login/header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/auth/login/header.tsx"],"sourcesContent":["import {\n  Button,\n  Group,\n  Stack,\n  Text,\n  useComputedColorScheme,\n} from \"@mantine/core\";\nimport { KeyRound } from \"lucide-react\";\nimport * as MoghAuth from \"mogh_auth_client\";\nimport { LoginBrandingProps } from \".\";\nimport { authClient, useLoginOptions } from \"../..\";\n\nexport default function LoginHeader({\n  secondFactorPending,\n  appName,\n  iconLink,\n  iconLinkAlt,\n}: {\n  secondFactorPending: boolean;\n} & LoginBrandingProps) {\n  const options = useLoginOptions().data;\n  const theme = useComputedColorScheme();\n  return (\n    <Group justify=\"space-between\">\n      <Group gap=\"sm\">\n        <img src={iconLink} width={42} height={42} alt={iconLinkAlt} />\n        <Stack gap=\"0\">\n          <Text fz=\"h2\" fw=\"450\" lts=\"0.1rem\">\n            {appName}\n          </Text>\n          <Text size=\"md\" opacity={0.6} mt={-8}>\n            Log In\n          </Text>\n        </Stack>\n      </Group>\n      <Group gap=\"sm\">\n        {(\n          [\n            [options?.oidc, \"Oidc\"],\n            [options?.github, \"Github\"],\n            [options?.google, \"Google\"],\n          ] as Array<\n            [boolean | undefined, MoghAuth.Types.ExternalLoginProvider]\n          >\n        ).map(\n          ([enabled, provider]) =>\n            enabled && (\n              <Button\n                key={provider}\n                onClick={() => authClient().externalLogin(provider)}\n                leftSection={\n                  provider === \"Oidc\" ? (\n                    <KeyRound size=\"1rem\" />\n                  ) : (\n                    <img\n                      src={`/icons/${provider.toLowerCase()}.svg`}\n                      alt={provider}\n                      style={{\n                        width: \"1rem\",\n                        height: \"1rem\",\n                        filter: theme === \"dark\" ? \"invert(1)\" : undefined,\n                      }}\n                    />\n                  )\n                }\n                w={110}\n                disabled={secondFactorPending}\n              >\n                {provider}\n              </Button>\n            ),\n        )}\n      </Group>\n    </Group>\n  );\n}\n"],"mappings":"AAyBQ,cACA,YADA;AAzBR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AAGzB,SAAS,YAAY,uBAAuB;AAE7B,SAAR,YAA6B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEwB;AACtB,QAAM,UAAU,gBAAgB,EAAE;AAClC,QAAM,QAAQ,uBAAuB;AACrC,SACE,qBAAC,SAAM,SAAQ,iBACb;AAAA,yBAAC,SAAM,KAAI,MACT;AAAA,0BAAC,SAAI,KAAK,UAAU,OAAO,IAAI,QAAQ,IAAI,KAAK,aAAa;AAAA,MAC7D,qBAAC,SAAM,KAAI,KACT;AAAA,4BAAC,QAAK,IAAG,MAAK,IAAG,OAAM,KAAI,UACxB,mBACH;AAAA,QACA,oBAAC,QAAK,MAAK,MAAK,SAAS,KAAK,IAAI,IAAI,oBAEtC;AAAA,SACF;AAAA,OACF;AAAA,IACA,oBAAC,SAAM,KAAI,MAEP;AAAA,MACE,CAAC,SAAS,MAAM,MAAM;AAAA,MACtB,CAAC,SAAS,QAAQ,QAAQ;AAAA,MAC1B,CAAC,SAAS,QAAQ,QAAQ;AAAA,IAC5B,EAGA;AAAA,MACA,CAAC,CAAC,SAAS,QAAQ,MACjB,WACE;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM,WAAW,EAAE,cAAc,QAAQ;AAAA,UAClD,aACE,aAAa,SACX,oBAAC,YAAS,MAAK,QAAO,IAEtB;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,UAAU,SAAS,YAAY,CAAC;AAAA,cACrC,KAAK;AAAA,cACL,OAAO;AAAA,gBACL,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,QAAQ,UAAU,SAAS,cAAc;AAAA,cAC3C;AAAA;AAAA,UACF;AAAA,UAGJ,GAAG;AAAA,UACH,UAAU;AAAA,UAET;AAAA;AAAA,QApBI;AAAA,MAqBP;AAAA,IAEN,GACF;AAAA,KACF;AAEJ;","names":[]}